.mg-story{--mg-cocoa:#382a25;--mg-rust:#a4452c;--mg-peach:#e9c5ae;--mg-cream:#f8f3ea;--mg-border:#d9cbbd}.mg-hero{background:var(--mg-cream);color:var(--mg-cocoa);padding-block:clamp(48px,6vw,88px) clamp(88px,10vw,144px)}.mg-audience{color:var(--m-primary);margin-bottom:22px;font-size:16px;font-weight:600}.mg-hero-heading .m-display{text-wrap:balance;max-width:100%;font-size:clamp(44px,6.8vw,96px);line-height:1.04}.mg-hero-editorial{grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(40px,6vw,88px);margin-top:clamp(38px,5vw,72px);display:grid}.mg-hero-portrait{aspect-ratio:1.42;border-radius:3px 90px 3px 3px;overflow:hidden}.mg-hero-portrait img{object-fit:cover;object-position:50% 36%;width:100%;height:100%}.mg-hero-copy>.m-copy:first-child{color:var(--m-ink);letter-spacing:-.025em;max-width:16ch;margin-bottom:22px;font-size:clamp(25px,2.6vw,36px);font-weight:500;line-height:1.2}.mg-hero-copy .m-hero-actions{gap:12px;margin-top:32px}.mg-choices{padding-block:var(--m-space);background:#fff}.mg-section-heading{justify-content:space-between;align-items:start;gap:40px;margin-bottom:clamp(44px,5vw,72px);display:flex}.mg-section-heading>.m-heading{max-width:16ch}.mg-section-heading>.m-copy{max-width:42ch}.mg-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.mg-choice{min-width:0}.mg-choice .m-subheading{margin-top:28px;font-size:28px}.mg-choice .m-copy{margin-top:12px;font-size:16px}.mg-choice-visual{place-items:center;height:clamp(250px,25vw,330px);display:grid;overflow:hidden}.mg-choice-visual--time{background:#f4e8de}.mg-choice-visual--skills{background:#ece9e3}.mg-choice-visual--proposal{background:#e5ccba}.mg-choice-visual--skills .m-object{mix-blend-mode:multiply;width:100%}.mg-availability{width:78%;max-width:300px;position:relative}.mg-calendar{background:#fffcf7;border-radius:5px;padding:25px 20px 24px;transform:rotate(-5deg);box-shadow:0 12px 24px #382a2512}.mg-calendar-heading{color:var(--mg-cocoa);justify-content:space-between;padding-bottom:20px;font-size:18px;font-weight:600;display:flex}.mg-calendar-days{border-bottom:1px solid #d9cbbd;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:18px;padding-bottom:15px;display:grid}.mg-calendar-days span{place-items:center;height:26px;font-size:12px;display:grid}.mg-calendar-chosen{background:var(--mg-rust);color:#fff;border-radius:50%}.mg-calendar-slot{color:#73665e;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.mg-calendar-slot>span{border:1px solid #cdbbad;border-radius:50%;width:12px;height:12px}.mg-calendar-slot--available{color:var(--mg-rust);font-weight:600}.mg-calendar-slot svg{width:12px;height:12px}.mg-clock{border:6px solid var(--mg-rust);background:#f9eee1;border-radius:50%;width:86px;height:86px;position:absolute;bottom:-28px;right:-15px;box-shadow:0 10px 18px #382a2520}.mg-clock i,.mg-clock b{background:var(--mg-cocoa);transform-origin:bottom;width:2px;position:absolute;bottom:50%;left:50%}.mg-clock i{height:22px;transform:rotate(48deg)}.mg-clock b{height:15px;transform:rotate(-70deg)}.mg-clock>span{background:var(--mg-cocoa);border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.mg-proposal-scene{width:72%;max-width:255px;position:relative}.mg-proposal-paper{color:var(--mg-cocoa);background:#fffcf7;padding:25px;transform:rotate(6deg);box-shadow:0 12px 24px #382a2517}.mg-paper-top{color:#73665e;margin-bottom:17px;font-size:11px;display:block}.mg-proposal-paper strong{margin-bottom:18px;font-size:clamp(20px,2.1vw,28px);font-weight:500;line-height:1.12;display:block}.mg-proposal-paper>div{margin-top:11px}.mg-proposal-paper>div span{font-size:9px}.mg-proposal-paper i{background:#d9cbbd;height:1px;margin-top:6px;display:block}.mg-pencil{background:#a4452c;border-inline:2px solid #833621;border-radius:3px 3px 0 0;width:8px;height:175px;position:absolute;top:26px;right:-12px;transform:rotate(19deg)}.mg-pencil:after{content:"";border-top:14px solid #c7986c;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;bottom:-14px;left:-2px}.mg-journey{background:var(--mg-cocoa);color:#fff9f1;padding-block:var(--m-space)}.mg-journey .m-copy{color:#d9cbbd}.mg-journey-body{padding-left:40px;position:relative}.mg-journey-track{background:#ffffff1f;width:2px;height:100%;position:absolute;top:0;left:0}.mg-journey-progress{background:var(--mg-peach);transform-origin:top;width:100%;height:100%;display:block}.mg-journey-list{margin:0;padding:0;list-style:none}.mg-journey-list li{border-top:1px solid #ffffff26;grid-template-columns:64px 1fr 1.1fr;align-items:start;gap:30px;padding-block:40px;display:grid}.mg-journey-list li:first-child{border-top:0;padding-top:0}.mg-journey-list li:last-child{padding-bottom:0}.mg-journey-number{color:var(--mg-peach);letter-spacing:-.05em;font-size:44px;font-weight:400;line-height:1.1}.mg-journey-list .m-subheading{max-width:13ch;font-size:clamp(24px,2.3vw,32px);font-weight:500}.mg-journey-list .m-copy{font-size:16px}@media (max-width:1000px){.mg-hero-editorial{grid-template-columns:1.05fr 1fr;gap:40px}.mg-choice-grid{gap:22px}.mg-calendar{padding:20px 14px}.mg-calendar-heading{font-size:16px}.mg-proposal-paper{padding:22px 18px}.mg-journey-list li{grid-template-columns:54px 1fr 1.2fr;gap:24px}}@media (max-width:760px){.mg-hero-heading .m-display{max-width:15ch}.mg-hero-editorial{flex-direction:column-reverse;align-items:stretch;gap:40px;margin-top:28px;display:flex}.mg-hero-copy>.m-copy:first-child{max-width:100%;font-size:25px}.mg-hero-copy>.m-copy{max-width:52ch}.mg-hero-portrait{aspect-ratio:1.3;border-top-right-radius:64px}.mg-section-heading{flex-direction:column;gap:22px}.mg-choice-grid{grid-template-columns:1fr;gap:52px}.mg-choice-visual{height:320px}.mg-choice-visual--skills .m-object{max-width:360px}.mg-choice .m-subheading{margin-top:22px}.mg-choice .m-copy{max-width:45ch}.mg-proposal-paper strong{font-size:28px}.mg-calendar{padding:25px 20px}.mg-calendar-heading{font-size:18px}.mg-journey-body{padding-left:25px}.mg-journey-list li{grid-template-columns:40px 1fr;gap:16px;padding-block:30px}.mg-journey-number{grid-row:span 2;font-size:32px}.mg-journey-list .m-subheading{max-width:100%;font-size:26px}.mg-journey-list .m-copy{grid-column:2}}@media (max-width:380px){.mg-choice-visual{height:280px}.mg-calendar{padding:20px 14px}.mg-hero-copy .m-hero-actions{gap:10px}}