:root{--ink:#101d31;--paper:#f4f1e8;--yellow:#e9ff68;--muted:#adb5c2;--line:rgba(16,29,49,.2);--display:Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif;--gutter:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #687cf5;outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}.access-link{position:fixed;top:-100px;left:20px;z-index:50;padding:15px;background:var(--yellow)}.access-link:focus{top:15px}.header{height:98px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:10;color:var(--paper);border-bottom:1px solid #ffffff28}.wordmark{font-size:48px;font-weight:800;letter-spacing:-4px;line-height:1}.brand-dot{display:inline-block;color:var(--yellow);font-size:34px;margin-left:6px;vertical-align:top;letter-spacing:0}.header nav{display:flex;gap:34px;font-size:13px}.header nav a{padding:12px 0}.header nav a:hover{color:var(--yellow)}.nav-cta{font-size:13px;border:1px solid #ffffff70;padding:13px 20px;border-radius:30px}.nav-cta span{margin-left:22px}.story{height:500svh;background:var(--ink)}.stage{height:100svh;position:sticky;top:0;overflow:hidden;color:var(--paper);isolation:isolate}.poster,#film,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster{object-position:60% center}#film{opacity:0;transition:opacity .3s}.shade{background:linear-gradient(90deg,rgba(7,17,33,.6),rgba(7,17,33,.08) 74%);z-index:1}.story-copy{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);top:50%;transform:translateY(-43%);max-width:1000px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.7;margin:0 0 28px}.hero-copy h1,.resolution h2{font-size:clamp(58px,7.7vw,120px);line-height:1.01;letter-spacing:-.066em;font-weight:500;margin:0 0 27px}.story-copy h1 span,.story-copy h2 span{display:block}.soft{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.hero-intro{max-width:350px;font-size:15px;line-height:1.65;margin:0 0 28px}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;border:0;border-radius:32px;padding:18px 25px;cursor:pointer;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.yellow{background:var(--yellow);color:var(--ink)}.yellow:hover{background:#f1ff9c}.dark{background:var(--ink);color:var(--paper)}.stage-footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:9px;letter-spacing:1.3px}.scroll-cue{display:flex;gap:12px;align-items:center}.scroll-cue i{height:27px;width:16px;border:1px solid #ffffff85;border-radius:12px;position:relative}.scroll-cue i:after{content:'';width:2px;height:5px;background:var(--yellow);position:absolute;left:6px;top:5px;animation:scrollHint 2s 3}.scene-counter{display:flex;align-items:center;gap:14px}.progress-track{height:1px;width:110px;background:#ffffff40}.progress-track i{display:block;width:0;height:1px;background:var(--yellow)}.section{padding:80px var(--gutter) 100px;scroll-margin-top:0}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:70px}.section-top .eyebrow{margin:0}.section-top>span{font-size:9px;letter-spacing:1.3px}.intro-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}h2{font-size:clamp(40px,4.4vw,70px);font-weight:500;line-height:1.07;letter-spacing:-.052em;margin:0}h2 em{font-family:Georgia,serif;font-weight:400}.intro-heading>p{font-size:14px;line-height:1.8;padding-bottom:2px;max-width:320px}.moment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--ink)}.moment-tabs button{display:flex;align-items:center;gap:24px;cursor:pointer;border:0;background:transparent;color:var(--ink);text-align:left;padding:24px 0 30px;position:relative}.moment-tabs button span{font-size:10px}.moment-tabs button strong{font-size:clamp(18px,2vw,30px);letter-spacing:-1px;font-weight:400}.moment-tabs button[aria-selected=true]:after{position:absolute;content:'';bottom:-2px;left:0;right:20px;height:4px;background:var(--ink)}.moment-tabs button[aria-selected=true] span{background:var(--ink);color:var(--yellow)}.moment-tabs button span{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.moment-panel{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:48px}.moment-panel .eyebrow{margin-bottom:18px}.moment-panel h3{font-size:clamp(30px,3vw,46px);font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-1px;margin:0}.moment-panel p:not(.eyebrow){font-size:16px;line-height:1.7;margin-top:0}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid;padding-bottom:8px;display:inline-flex;gap:42px;margin-top:18px}.text-link:hover{border-bottom-color:var(--copper)}.approach{background:var(--ink);color:var(--paper)}.approach .section-top{border-color:#ffffff30}.approach .section-top>span{color:var(--muted)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.approach h2 em{color:var(--yellow)}.section-description{font-size:15px;line-height:1.8;max-width:390px;margin:30px 0 10px;color:#d1d4c9}.practice{border-top:1px solid #ffffff50;margin-top:8px}.practice-top{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;padding:22px 0}.practice-top>span:last-child{margin-left:auto;font-size:24px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--yellow)}.practice ol{list-style:none;padding:0;margin:10px 0}.practice li{display:flex;gap:24px;padding:24px 0;border-top:1px solid #ffffff25}.step{font-size:12px;color:var(--yellow);padding-top:5px}.practice h3{font-size:22px;letter-spacing:-.6px;font-weight:400;margin:0 0 12px}.practice li p{color:#b6c0ce;font-size:14px;line-height:1.6;margin:0;max-width:320px}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.teacher-grid>div>p:not(.eyebrow){max-width:410px;font-size:15px;line-height:1.8;margin-top:25px}.signature{display:block;font-family:Georgia,serif;font-style:italic;font-size:24px;margin-top:35px}.start{background:var(--yellow)}.start h2{font-size:clamp(48px,6.4vw,100px)}.start-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:55px}.start-bottom p{font-size:15px;line-height:1.6;margin:0}.contact-note{font-size:13px;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}footer{padding:45px var(--gutter);background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:30px}footer>p{font-family:Georgia,serif;font-style:italic;font-size:20px}footer>div{display:flex;flex-direction:column;gap:12px;font-size:10px;color:var(--muted)}.hero-copy{animation:enter .9s both}@keyframes enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes scrollHint{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(7px);opacity:1}}@media(min-width:1600px){.story-copy{max-width:1150px}.hero-intro{font-size:18px;max-width:420px}}@media(max-height:700px) and (min-width:761px){.hero-copy h1,.resolution h2{font-size:76px}.eyebrow{margin-bottom:18px}.hero-intro{margin-bottom:20px}.story-copy{transform:translateY(-40%)}}@media(max-width:760px){.header{height:80px}.wordmark{font-size:40px}.header nav{display:none}.nav-cta{padding:11px 16px}.story{height:400svh}.story-copy{top:45%;transform:translateY(-35%)}.hero-copy h1,.resolution h2{font-size:clamp(50px,10.8vw,76px)}.hero-intro{max-width:300px;font-size:14px}.poster{object-position:65% center}.shade{background:linear-gradient(90deg,rgba(7,17,33,.8),rgba(7,17,33,.25))}.eyebrow{font-size:9px;letter-spacing:1.2px}.stage-footer{bottom:24px}.scene-counter{display:none}.section{padding:55px var(--gutter) 65px}.section-top{margin-bottom:42px}.section-top>span{display:none}.intro-heading{display:block;margin-bottom:28px}.intro-heading>p{margin-top:25px}.moment-tabs button{display:block;padding-bottom:22px}.moment-tabs button span{margin-bottom:16px}.moment-tabs button strong{font-size:17px;letter-spacing:-.6px}.moment-tabs button[aria-selected=true]:after{right:12px}.moment-panel{grid-template-columns:1fr;gap:25px;padding-top:32px}.moment-panel p:not(.eyebrow){font-size:14px}.approach-grid,.teacher-grid{grid-template-columns:1fr;gap:45px}.approach h2,.teacher h2{font-size:46px}.teacher-grid{gap:48px}.start h2{font-size:50px}.start-bottom{display:block;margin-top:35px}.start-bottom .button{margin-top:25px}footer{flex-wrap:wrap}footer>p{font-size:17px}footer>div{width:100%;flex-direction:row;justify-content:space-between}.button{padding:17px 23px}.resolution{top:48%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:auto}.stage{height:auto;min-height:100svh;position:relative;padding:150px var(--gutter) 90px}.story-copy{position:relative;left:auto;right:auto;top:auto;transform:none!important;opacity:1!important}.resolution{margin-top:100px}.resolution[hidden]{display:block!important}.stage-footer{display:none}#film{display:none}.poster{filter:brightness(.5)}.hero-copy h1,.resolution h2{font-size:clamp(50px,7vw,100px)}}

/* Business chapters: one visible stage with a short, deliberate hold. */
.landmark{position:relative;height:auto;background:var(--ink);color:var(--paper)}
.landmark-stage{position:relative;top:auto;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}
.landmark-poster,.landmark-video,.landmark-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.landmark-video{opacity:0;transition:opacity .6s}.landmark.has-video .landmark-video{opacity:1}
.landmark-shade{background:linear-gradient(90deg,rgba(7,15,28,.92) 0%,rgba(7,15,28,.69) 32%,rgba(7,15,28,.12) 77%),linear-gradient(0deg,rgba(7,15,28,.65),transparent 25%);z-index:1}
.landmark-top{position:absolute;top:45px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;z-index:2;border-top:1px solid #ffffff50;padding-top:23px}.landmark-top .eyebrow{color:var(--yellow)}.landmark-top>span{font-size:9px;letter-spacing:1.3px}
.landmark-copy{position:absolute;z-index:2;top:50%;left:var(--gutter);right:var(--gutter);transform:translateY(-43%);max-width:850px}
.landmark-copy h2{font-size:clamp(58px,6.5vw,104px);line-height:1.02;letter-spacing:-.06em}.landmark-copy h2 span,.landmark-copy h2 em{display:block}.landmark-copy h2 em{font-weight:400}.landmark-copy>p{max-width:365px;font-size:15px;line-height:1.8;margin-top:30px}.landmark-copy .text-link{color:var(--yellow);margin-top:12px}
.landmark-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:2}.landmark-skills{display:flex;gap:30px;font-size:11px}.landmark-skills>span:before{content:'↗';color:var(--yellow);margin-right:10px}.film-controls{display:flex;gap:20px;align-items:center}.film-toggle{color:var(--paper);border:1px solid #ffffff75;background:#20291d99;border-radius:30px;padding:12px 18px;cursor:pointer;font-size:11px;min-width:92px}.film-toggle:hover{background:var(--paper);color:var(--ink)}

@media(max-width:760px){.landmark{height:auto}.landmark-stage{min-height:700px}.landmark-top{top:27px}.landmark-top>span{display:none}.landmark-copy{top:auto;bottom:140px;transform:none}.landmark-copy h2{font-size:clamp(44px,10vw,64px)}.landmark-copy>p{font-size:14px;line-height:1.65;max-width:310px;margin-top:22px}.landmark-shade{background:linear-gradient(0deg,rgba(7,15,28,.98),rgba(7,15,28,.7) 45%,rgba(7,15,28,.06) 82%)}.landmark-bottom{bottom:24px;align-items:start;gap:18px;flex-direction:column}.landmark-skills{font-size:10px;gap:20px}.film-controls{width:100%;justify-content:flex-end}.landmark-poster,.landmark-video{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.landmark{height:auto}.landmark-stage{position:relative}.landmark-video{transition:none}}
/* Navigation scrolls to the chapter edge; the header is not fixed. */
html{scroll-padding-top:0}
@media(max-width:760px){#interview .landmark-poster,#interview .landmark-video{object-position:55% center}#meeting .landmark-poster,#meeting .landmark-video{object-position:82% center}}

/* Supplied identity and photography, October 2026 */
.calibration{background:#e8e4d9;padding-top:95px;padding-bottom:95px}.calibration-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.calibration-visual .eyebrow{margin:20px 0 0;font-size:9px}.calibration h2{font-size:clamp(38px,3.8vw,60px)}.calibration-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:450px;margin-top:25px}.calibration-axes{margin:30px 0}.calibration-axes>div{border-top:1px solid #101d3126;padding:18px 0}.calibration-axes dt{font-size:18px;font-weight:500;letter-spacing:-.5px}.calibration-axes dt span{font-size:10px;color:#96573d;display:inline-block;width:30px;letter-spacing:0}.calibration-axes dd{font-size:13px;line-height:1.7;color:#535d4a;margin:10px 0 0 30px}.calibration-cycle{color:#96573d}.identity-symbol{width:64px;height:43px;object-fit:contain;margin-right:13px;vertical-align:middle}.wordmark:has(.identity-symbol){display:inline-flex;align-items:center;letter-spacing:-3px}
@media(max-width:760px){.calibration-grid{grid-template-columns:1fr;gap:40px}.calibration{padding-top:55px;padding-bottom:55px}.identity-symbol{width:48px;height:32px;margin-right:10px}}

.calibration-mark{display:block;width:110px;height:auto;margin-bottom:26px}.header .identity-symbol,footer .identity-symbol{background:var(--paper);border-radius:4px;padding:5px}
/* SAGA / Olive studio art direction */
:root{--ink:#303a27;--paper:#f5f1e6;--yellow:#bfcba6;--muted:#c8cbbf;--line:rgba(48,58,39,.22);--copper:#a44731}
.wordmark,.wordmark:has(.identity-symbol){display:inline-flex;align-items:center;gap:18px;font-weight:400;letter-spacing:0}.brand-symbol{width:58px;height:44px;flex:none}.brand-lettering{font-family:Georgia,'Times New Roman',serif;font-size:43px;letter-spacing:7px;line-height:1}.brand-lettering small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2.6px;margin-top:9px}.header{height:108px}.wordmark .knob{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.wordmark:hover .knob-one{transform:translateX(8px)}.wordmark:hover .knob-three{transform:translateX(12px)}.wordmark:hover .knob-two{transform:translateX(-7px)}
.yellow{background:var(--paper);color:var(--ink)}.yellow:hover{background:#e8b99a}.start{background:#e8b99a}.start .button:hover{background:#455237}.practice li p{color:#d1d4c9}.moment-panel p:not(.eyebrow){color:#535d4a}.shade{background:linear-gradient(90deg,rgba(24,31,19,.76),rgba(31,37,25,.15) 80%)}.poster,#film,.landmark-video,.landmark-poster{filter:sepia(.18) saturate(.77)}.landmark-shade{background:linear-gradient(90deg,rgba(22,29,18,.86),rgba(22,29,18,.1) 90%),linear-gradient(0deg,rgba(22,29,18,.8),transparent 55%)}.landmark{background:#20291d}.text-link{position:relative}.text-link span,.button span,.nav-cta span{display:inline-block;transition:transform .35s}.text-link:hover span,.button:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}a,button,summary{transition:color .25s,background-color .25s,border-color .25s,transform .35s}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #a44731;outline-offset:6px}
.calibration{background:#eee6d7;padding-block:120px}.calibration-grid{gap:10%}.calibration-visual{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.logo-stage{min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#303a27}.logo-stage .brand-symbol{width:85%;max-width:380px;height:auto;overflow:visible}.logo-stage-name{font-family:Georgia,serif;font-size:clamp(60px,6vw,96px);letter-spacing:18px;margin:34px 0 30px 18px}.calibration-visual>.eyebrow{line-height:1.8;text-align:center;font-size:8px;margin-top:18px}.replay-logo{align-self:center;border:0;background:none;font-size:11px;cursor:pointer;padding:16px}.logo-stage.is-playing .knob-one{animation:tuneOne 2.8s cubic-bezier(.22,.65,.25,1) both}.logo-stage.is-playing .knob-two{animation:tuneTwo 2.8s cubic-bezier(.22,.65,.25,1) both}.logo-stage.is-playing .knob-three{animation:tuneThree 2.8s cubic-bezier(.22,.65,.25,1) both}@keyframes tuneOne{0%{transform:translateX(28px)}45%{transform:translateX(-7px)}100%{transform:translateX(0)}}@keyframes tuneTwo{0%{transform:translateX(-25px)}60%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes tuneThree{0%{transform:translateX(38px)}35%{transform:translateX(16px)}100%{transform:translateX(0)}}
.teacher{position:relative;isolation:isolate;overflow:hidden;min-height:850px;color:var(--paper);background:#20291d;display:flex;flex-direction:column;justify-content:space-between;padding-top:55px;padding-bottom:85px}.teacher-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.teacher-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,rgba(23,31,19,.35) 45%,rgba(23,31,19,.94) 75%),linear-gradient(0deg,rgba(23,31,19,.48),transparent 45%);z-index:-2}.teacher .section-top{border-color:#f5f1e63b}.teacher-grid{display:block;width:43%;margin-left:auto;padding:35px 0}.teacher h2{font-size:clamp(42px,4.7vw,74px)}.teacher-grid>div>p:not(.eyebrow){color:#e3e3d8;max-width:430px}.teacher .signature{color:#e8b99a}.questions{background:var(--paper)}.questions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.questions details{border-top:1px solid var(--line);padding:0}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{padding:25px 35px 25px 0;cursor:pointer;font-size:16px;line-height:1.5;position:relative;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;font-size:23px;color:var(--copper)}.questions details[open] summary:after{content:'−'}.questions details p{font-size:14px;line-height:1.8;margin:0 25px 26px 0;color:#535d4a}.questions details[open] p{animation:softEnter .4s both}.motion-ready .reveal{opacity:.72;transform:translateY(12px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .reveal:focus-within{opacity:1;transform:none}@keyframes softEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:760px){.header{height:90px}.wordmark{gap:10px}.brand-symbol{width:42px;height:34px}.brand-lettering{font-size:31px;letter-spacing:5px}.brand-lettering small{font-size:5px;letter-spacing:1.65px;margin-top:7px}.hero-copy h1{font-size:clamp(44px,10vw,65px)}.calibration{padding-block:65px}.logo-stage{min-height:300px}.logo-stage .brand-symbol{max-width:290px}.logo-stage-name{font-size:64px}.teacher{min-height:1000px;padding-top:35px;padding-bottom:50px}.teacher-backdrop{height:560px;object-position:26% center}.teacher-overlay{background:linear-gradient(0deg,#20291d 43%,rgba(32,41,29,.05) 75%),linear-gradient(180deg,rgba(32,41,29,.5),transparent 25%)}.teacher .section-top{margin-bottom:330px}.teacher-grid{width:100%;margin-left:0;padding:0}.teacher h2{font-size:46px}.teacher-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.75}.questions-grid{grid-template-columns:1fr;gap:40px}.landmark-shade{background:linear-gradient(0deg,rgba(22,29,18,.98),rgba(22,29,18,.65) 45%,rgba(22,29,18,.05) 82%)}footer .wordmark{width:auto}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.logo-stage .knob{animation:none!important}.wordmark:hover .knob{transform:none}.replay-logo{display:none}.teacher-backdrop{transform:none}}

/* Impeccable polish: optical rhythm and interaction consistency. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--focus:#e8b99a}
html{scrollbar-color:#7b856e var(--ink);scrollbar-width:thin}
::selection{background:#bfcba6;color:#20291d}
h1,h2,h3{text-wrap:balance}h2,.landmark-copy h2{letter-spacing:-.04em}.hero-copy h1,.resolution h2{letter-spacing:-.04em}.soft{letter-spacing:-.035em}
p{text-wrap:pretty}.hero-intro{max-width:39ch}.section-description{max-width:44ch}
.text-link{align-items:center;min-height:44px}.nav-cta,.film-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.film-toggle:disabled{opacity:.65;cursor:default}.film-toggle:disabled:hover{background:#20291d99;color:var(--paper)}
.header :focus-visible,.approach :focus-visible,.teacher :focus-visible,.landmark :focus-visible,footer :focus-visible{outline-color:var(--focus)}
.button:active,.nav-cta:active{transform:translateY(1px)}.scene-counter{font-variant-numeric:tabular-nums}.calibration-axes>div{border-color:var(--line)}
.questions summary:hover{color:var(--copper)}.questions summary:after{transition:transform .3s var(--ease-out)}.questions details[open] summary:after{transform:rotate(180deg)}
@media(min-width:761px) and (max-width:1050px){.header nav{gap:20px}.teacher-grid{width:47%}.teacher h2{font-size:52px}.landmark-copy{max-width:75%}.film-controls{gap:12px}.landmark-skills{gap:18px}.intro-heading{align-items:start}}
@media(max-width:760px){.landmark-skills{flex-wrap:wrap;row-gap:8px}.moment-tabs button strong{letter-spacing:-.025em}.calibration-axes dd{font-size:14px}.teacher-grid{padding-top:12px}.start-bottom .button{width:100%;max-width:380px}.hero-intro{max-width:32ch}footer>div{gap:18px;line-height:1.6}}
@media(max-width:380px){.header{padding-inline:20px}.brand-lettering{font-size:27px;letter-spacing:4px}.brand-lettering small{font-size:5px;letter-spacing:1.2px}.brand-symbol{width:35px}.wordmark{gap:8px}.nav-cta{padding:10px 12px}.nav-cta span{margin-left:10px}.hero-copy h1{font-size:42px}.landmark-copy h2{font-size:40px}.landmark-copy>p{font-size:13px}.landmark-copy{bottom:155px}}
@media(prefers-reduced-motion:reduce){.button:hover,.button:active,.nav-cta:active,.text-link:hover span{transform:none}.story-copy{translate:none!important}}
footer>div{font-size:11px}.stage-footer>a{font-size:11px;min-height:44px;display:inline-flex;align-items:center}

/* Natural-time opening: no sticky runway or scroll-controlled playback. */
.opening-film.story{height:auto;min-height:0}.opening-film .stage{position:relative;height:100svh;min-height:740px}.opening-film .hero-video{object-position:65% center;filter:sepia(.08) saturate(.85)}.opening-film.has-video .hero-video{opacity:1}.opening-film .poster{object-position:65% center}.opening-film .hero-copy{top:49%;transform:translateY(-38%);max-width:850px}.opening-film h1{font-size:clamp(54px,6.2vw,94px);line-height:1.04}.opening-film h1 .soft{max-width:13ch}.opening-film .shade{background:linear-gradient(90deg,rgba(20,28,17,.9),rgba(20,28,17,.6) 43%,rgba(20,28,17,.06) 80%),linear-gradient(0deg,rgba(20,28,17,.75),transparent 25%)}.opening-film .stage-footer{align-items:center}.opening-film .hero-intro{max-width:37ch}.opening-film .film-controls{letter-spacing:0}
@media(max-width:760px){.opening-film .stage{min-height:780px}.opening-film .hero-copy{top:44%;transform:translateY(-28%)}.opening-film h1{font-size:clamp(43px,10.5vw,65px)}.opening-film .shade{background:linear-gradient(90deg,rgba(20,28,17,.83),rgba(20,28,17,.36)),linear-gradient(0deg,rgba(20,28,17,.9),transparent 65%)}.opening-film .stage-footer{flex-direction:column;align-items:stretch;gap:8px}.opening-film .stage-footer>a{font-size:10px;letter-spacing:.5px}.opening-film .film-controls{justify-content:flex-end}.opening-film .hero-intro{max-width:30ch}}
@media(prefers-reduced-motion:reduce){.opening-film .stage{height:auto;min-height:100svh;padding:155px var(--gutter) 160px}.opening-film .hero-copy{position:relative;top:auto;transform:none}.opening-film .stage-footer{display:flex}.opening-film .poster{filter:none}.opening-film .hero-copy h1{font-size:clamp(43px,6.2vw,94px)}}

/* Continuous, restrained motion. The teaching example makes the mark legible. */
.motion-toggle{position:fixed;right:18px;bottom:16px;z-index:30;border:1px solid #f5f1e655;border-radius:24px;background:#20291de8;color:var(--paper);padding:12px 17px;min-height:44px;font-size:11px;cursor:pointer;box-shadow:0 3px 18px #0001}.motion-toggle:hover{background:#455237}.motion-toggle:focus-visible{outline-color:#e8b99a}
.calibration-demo{width:100%;max-width:540px;margin:auto;padding:32px 0}.calibration-demo>.eyebrow{margin-bottom:38px}.demo-track{margin-bottom:31px}.demo-track>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.demo-track span{font-size:9px;letter-spacing:1.1px;flex:none}.demo-track strong{font-size:14px;font-weight:400;text-align:right}.demo-rail{height:3px;background:#303a273b;position:relative;margin:0 12px}.demo-rail:before{content:'';position:absolute;inset:0;background:#303a27;opacity:.35}.demo-rail i{position:absolute;width:25px;height:25px;top:-11px;left:var(--position);border-radius:50%;background:var(--ink);transform:translateX(-50%);transition:left 2.8s cubic-bezier(.45,0,.2,1);box-shadow:0 0 0 7px #303a2708}.demo-track:nth-of-type(2) .demo-rail i{background:var(--copper)}
.demo-scenario{margin-top:45px;border-top:1px solid var(--line);padding-top:23px}.demo-scenario .eyebrow{font-size:8px}.demo-scenario p{font-family:Georgia,serif;font-size:clamp(21px,2vw,28px);line-height:1.45;min-height:3em;margin:15px 0 20px}.demo-progress{height:2px;background:#303a2715;overflow:hidden}.demo-progress i{display:block;height:100%;background:var(--copper);transform:scaleX(var(--progress,0));transform-origin:left}.demo-placeholder{display:block;font-size:8px;letter-spacing:1px;margin-top:26px}.demo-placeholder input{width:100%;display:block;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;font:14px Arial;padding:13px 0;min-height:44px}.demo-placeholder input::placeholder{color:#535d4a}.demo-placeholder input:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.demo-placeholder small{display:block;font-size:10px;letter-spacing:0;line-height:1.5;color:#535d4a;margin-top:10px}
.teacher-backdrop{animation:portraitDrift 18s ease-in-out infinite alternate;animation-play-state:paused}.teacher.motion-in-view .teacher-backdrop{animation-play-state:running}@keyframes portraitDrift{from{transform:scale(1)}to{transform:scale(1.035)}}
.wordmark.motion-in-view .knob{animation:brandBreathe 12s ease-in-out infinite}.wordmark .knob-two{animation-delay:-4s!important}.wordmark .knob-three{animation-delay:-8s!important}@keyframes brandBreathe{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
.practice.motion-in-view .practice-label:before{animation:practicePulse 3s ease-in-out infinite}@keyframes practicePulse{50%{opacity:.4;transform:scale(.75)}}
.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}
.moment-tabs button strong{display:block;transition:transform .4s var(--ease-out)}.moment-tabs button:hover strong{transform:translateX(4px)}.calibration-axes>div{transition:border-color .4s,transform .4s}.calibration-axes>div:hover{border-color:var(--copper);transform:translateX(3px)}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .demo-rail i{transition:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@media(max-width:760px){.calibration-demo{padding:0}.demo-track strong{font-size:12px}.demo-track span{font-size:8px}.motion-toggle{right:12px;bottom:10px;font-size:10px;padding:10px 13px}footer{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){.demo-rail i{transition:none}.teacher-backdrop,.wordmark .knob{animation:none!important}.moment-tabs button:hover strong,.calibration-axes>div:hover{transform:none}.demo-progress{display:none}}

/* Liquid glass: warm optical edges over film, with an opaque fallback. */
:root{--glass-blur:18px;--glass-dark:rgba(32,41,29,.68);--glass-edge:rgba(245,241,230,.36);--glass-shadow:0 10px 30px rgba(13,22,10,.16),inset 0 1px 0 rgba(255,255,245,.34),inset 0 -1px 0 rgba(255,255,245,.07)}
.header nav,.nav-cta,.opening-film .button,.motion-toggle,.landmark-skills{background:var(--glass-dark);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);backdrop-filter:blur(var(--glass-blur)) saturate(135%)}
.header nav{padding:0 24px;gap:28px;border-radius:40px;min-height:48px;align-items:center}.header nav a:after{bottom:7px}.header{border-bottom-color:#f5f1e615}
.nav-cta,.motion-toggle,.opening-film .button{background:linear-gradient(145deg,#f5f1e62b,#f5f1e607 48%,#bfcba61a),var(--glass-dark);color:var(--paper)}
.opening-film .button{padding:18px 26px}.opening-film .button:hover,.nav-cta:hover,.motion-toggle:hover{background-color:rgba(61,74,51,.85);border-color:#f5f1e680;box-shadow:0 14px 34px #111b1530,inset 0 1px 0 #fffff580}
.landmark-skills{padding:15px 20px;border-radius:30px;gap:25px}.landmark-skills>span{line-height:1.6}.motion-toggle{background-color:rgba(32,41,29,.88)}
.calibration-demo{position:relative;isolation:isolate;padding:34px;border-radius:16px;background:linear-gradient(135deg,#ffffff70,#f5f1e62b 45%,#bfcba62b);box-shadow:0 18px 48px #303a2710,inset 0 1px 0 #ffffffb3,inset 1px 0 0 #ffffff60,inset 0 -1px 0 #303a2715;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.demo-rail{height:4px;border-radius:4px;background:#303a2724;box-shadow:inset 0 1px 2px #303a271c,0 1px 0 #ffffff80}.demo-rail:before{border-radius:inherit;opacity:.2}.demo-rail i{top:-12px;width:28px;height:28px;background:linear-gradient(145deg,#77826a,#303a27 65%);border:1px solid #f5f1e650;box-shadow:0 4px 9px #303a2730,inset 0 1px 2px #ffffff70}.demo-track:nth-of-type(2) .demo-rail i{background:linear-gradient(145deg,#d78e70,#a44731 65%)}
.demo-placeholder input{padding-inline:12px;border:1px solid #303a272b;border-radius:8px;background:#f5f1e665;box-shadow:inset 0 1px 3px #303a2708;margin-top:10px;transition:background .25s,border-color .25s}.demo-placeholder input:focus{background:#f5f1e6bd;border-color:var(--copper)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header nav,.nav-cta,.opening-film .button,.motion-toggle,.landmark-skills{background:#303a27}.calibration-demo{background:#f0ebdf}}
@media(max-width:1050px) and (min-width:761px){.header nav{gap:18px;padding-inline:18px}}
@media(max-width:760px){:root{--glass-blur:12px}.calibration-demo{padding:26px 20px}.landmark-skills{padding:12px 16px;border-radius:16px;gap:8px 18px}.landmark-bottom{bottom:30px}.nav-cta{background-color:#20291d8c}.demo-track>div:first-child{gap:8px}.demo-track strong{max-width:66%}}
@media(prefers-reduced-transparency:reduce){.header nav,.nav-cta,.opening-film .button,.motion-toggle,.landmark-skills{background:#303a27;-webkit-backdrop-filter:none;backdrop-filter:none}.calibration-demo{background:#f0ebdf;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){.header nav,.nav-cta,.opening-film .button,.motion-toggle,.landmark-skills,.calibration-demo{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.demo-rail i{background:ButtonText}}

.demo-scenario .demo-explanation{font:14px/1.7 var(--body);min-height:0;margin:0;color:#535d4a}.demo-scenario>p:not(.demo-explanation){min-height:0;margin-bottom:12px}

/* Closing journey visual; every film now travels with the document. */
.start-bottom{gap:clamp(30px,5vw,80px);align-items:center}.journey-card{position:relative;isolation:isolate;width:58%;margin:0;overflow:hidden;border-radius:16px;background:#20291d;box-shadow:0 18px 45px #303a271a}.journey-card img{display:block;width:100%;height:340px;object-fit:cover;object-position:65% center;filter:sepia(.2) saturate(.65)}.journey-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#162012bb,transparent 90%);z-index:0}.journey-card figcaption{position:absolute;left:30px;right:30px;bottom:30px;z-index:1;color:var(--paper)}.journey-card figcaption>span{font-size:10px;letter-spacing:1px}.journey-card figcaption>p{font:clamp(24px,2.5vw,36px)/1.16 Georgia,serif;letter-spacing:-.02em;margin:14px 0 0}.journey-action{flex:1}.journey-action>p{font-size:15px;line-height:1.8;margin:0 0 25px}.journey-action .button{margin:0}.journey-card img{transition:transform 1.2s var(--ease-out)}.journey-card:hover img{transform:scale(1.025)}
@media(max-width:760px){.journey-card{width:100%;margin-bottom:30px}.journey-card img{height:290px;object-position:70% center}.journey-card figcaption{left:24px;right:24px;bottom:24px}.journey-card figcaption>p{font-size:28px}.journey-action .button{margin-top:0}.journey-action>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.journey-card:hover img{transform:none}}

/* Language and booking actions stay usable beside the existing wordmark. */
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.language-switch{display:flex;align-items:center;gap:2px}
.language-switch button{min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--paper);cursor:pointer;font-size:11px;letter-spacing:.04em}
.language-switch button[aria-pressed=true]{background:#f5f1e621;box-shadow:inset 0 0 0 1px #f5f1e650}
.language-switch button:hover{background:#f5f1e633}
.nav-cta{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.demo-placeholder>[data-scenario-label]{display:block}
@media(max-width:1180px) and (min-width:761px){.header nav{display:none}}
@media(max-width:760px){.header{height:112px;align-items:flex-start;padding-top:22px}.header-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.language-switch button{min-width:40px;min-height:40px}.nav-cta{padding:10px 13px;font-size:11px}.nav-cta span{margin-left:12px}.header .wordmark{padding-top:8px}.opening-film .hero-copy{top:46%}}
@media(max-width:380px){.header .brand-symbol{width:32px}.header .wordmark{gap:7px}.header .brand-lettering{font-size:26px;letter-spacing:4px}.header .brand-lettering small{font-size:4.5px;letter-spacing:1.1px}.header-actions{max-width:128px}.nav-cta{font-size:10px;padding-inline:10px}.opening-film h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.opening-film .hero-copy{top:auto}}
@media(max-width:760px){.opening-film .stage-footer{bottom:82px}}
@media(max-width:380px){.start h2{font-size:43px}}
.journey-action>.booking-details{font-size:12px;line-height:1.7;margin:18px 0 0;max-width:32ch}
@media(forced-colors:active){.language-switch button{color:ButtonText}.language-switch button[aria-pressed=true]{outline:1px solid ButtonText}}

/* The supplied portrait places Jorge on the right, with copy on the left. */
.teacher-grid{margin-left:0;margin-right:auto;width:46%}.teacher-backdrop{object-position:center}.teacher-overlay{background:linear-gradient(90deg,rgba(23,31,19,.64),rgba(23,31,19,.18) 48%,transparent 75%)}
@media(max-width:760px){.teacher-grid{width:100%}.teacher-backdrop{object-position:82% center}.teacher-overlay{background:linear-gradient(0deg,#20291d 43%,rgba(32,41,29,.05) 75%),linear-gradient(180deg,rgba(32,41,29,.5),transparent 25%)}}

/* SAGA v4: one palette and one tone-aware, three-color calibration mark. */
@font-face{font-family:Cinzel;src:url('assets/fonts/Cinzel-Semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--forest:#1F2D24;--copper:#C65A2E;--gold:#E0B14A;--warm-cream:#F6E8D6;--cream:#FFFAF3;--taupe:#B7A690;--rust:#9A3F20;--ink:var(--forest);--paper:var(--warm-cream);--yellow:var(--warm-cream);--line:rgba(31,45,36,.22);--focus:var(--gold)}
.wordmark{--brand-line-one:var(--cream);color:var(--cream)}
.wordmark.on-light{--brand-line-one:var(--forest);color:var(--forest)}
.brand-lettering{font-family:Cinzel,Georgia,serif;font-weight:600;font-size:40px;letter-spacing:5px}
.brand-lettering small{font-weight:400;letter-spacing:2.2px;color:currentColor}
.wordmark .knob{stroke:var(--forest);stroke-width:1.5}
.wordmark.on-light .knob{stroke:var(--cream)}
.questions summary:hover{color:var(--rust)}
.calibration,.start{background:var(--warm-cream)}
.calibration-cycle,.calibration-axes dt span{color:var(--rust)}
.start .button:hover{background:var(--forest)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Each adjustment reveals a new, concrete practice card. */
.calibration{padding-block:100px}
.calibration-grid{gap:8%;align-items:center}
.calibration-demo{max-width:540px;padding:28px;background:var(--cream);border:1px solid var(--taupe);border-radius:4px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.demo-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:28px}
.demo-top .eyebrow{margin:0;font-size:8px;letter-spacing:1.4px}
.demo-count{font:10px/1.5 var(--body);font-variant-numeric:tabular-nums;letter-spacing:1px;flex:none}
.calibration-demo .demo-track{margin-bottom:24px;--axis-color:var(--forest)}
.demo-track:has([data-scenario-value="support"]){--axis-color:var(--copper)}
.demo-track:has([data-scenario-value="challenge"]){--axis-color:var(--gold)}
.demo-track>div:first-child{margin-bottom:14px;min-height:22px}
.demo-track strong{font-size:12px;line-height:1.5;max-width:68%}
.calibration-demo .demo-rail{height:2px;margin-inline:10px;background:var(--taupe);box-shadow:none}
.calibration-demo .demo-rail:before{background:var(--axis-color);opacity:.4}
.calibration-demo .demo-track .demo-rail i{top:-8px;width:18px;height:18px;border:2px solid var(--cream);background:var(--axis-color);box-shadow:0 0 0 1px var(--axis-color);transition:left .65s cubic-bezier(.22,.7,.25,1)}
.scenario-stage{margin-top:30px;border-top:1px solid var(--line);padding-top:24px}
.scenario-card{margin:0;animation:scenarioArrive .3s ease-out both}
.scenario-card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:2px;background:var(--warm-cream)}
.scenario-copy{padding-top:20px;min-height:161px}
.scenario-copy .eyebrow{margin:0 0 10px;font-size:8px;letter-spacing:1.2px}
.scenario-copy h3{font:400 clamp(22px,2.1vw,29px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 12px}
.scenario-copy>p:last-child{font:13px/1.65 var(--body);color:#4E5C51;margin:0;min-height:3.3em}
.scenario-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px}
.scenario-controls>div{display:flex;gap:4px}
.scenario-controls button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer}
.scenario-controls button:hover{background:var(--warm-cream)}
.scenario-controls [data-scenario-toggle]{font-size:11px;padding-inline:10px}
@keyframes scenarioArrive{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}

/* One SAGA material for the practice panel and the highlighted review. */
:root{--glass-light:rgba(255,250,243,.82);--glass-light-edge:rgba(255,255,255,.82);--glass-light-shadow:0 18px 48px rgba(31,45,36,.13),inset 0 1px 0 rgba(255,255,255,.85);--surface-radius:16px;--text-secondary:#415246}
.glass-surface{background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 50%),var(--glass-light);border:1px solid var(--glass-light-edge);border-radius:var(--surface-radius);box-shadow:var(--glass-light-shadow);backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%)}
.calibration-visual{position:relative;isolation:isolate;padding:18px}
.calibration-visual:before{content:'';position:absolute;z-index:-1;inset:3% -2%;background:var(--practice-image,url('assets/scenarios/interview-followup.jpg')) center/cover;border-radius:28px;opacity:.32;filter:blur(3px) saturate(.6)}
.calibration-demo.glass-surface{max-width:none;width:100%;padding:30px}
.calibration-demo .demo-track .demo-rail i{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.65),transparent 55%),var(--axis-color);box-shadow:0 3px 7px rgba(31,45,36,.24),0 0 0 1px var(--axis-color)}
.calibration-demo .demo-rail{background:rgba(31,45,36,.16);box-shadow:inset 0 1px 1px rgba(31,45,36,.1)}
.calibration-copy>p:not(.eyebrow){font-size:16px}
.calibration-axes dd{font-size:14px;color:var(--text-secondary)}
.scenario-copy>p:last-child{font-size:14px;color:var(--text-secondary)}
.scenario-controls>div{gap:8px}
.scenario-controls button{border-radius:8px;touch-action:manipulation}
.scenario-controls button:hover{background:rgba(246,232,214,.7)}

/* Proof has one focal card, rather than a strip of empty columns. */
.proof{background:var(--cream);padding-block:100px}
.proof-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:7%;align-items:center}
.proof-copy h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.035em}
.proof-copy>p{font-size:16px;line-height:1.75;max-width:37ch;margin:28px 0 32px;color:var(--text-secondary)}
.proof-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding-top:24px;border-top:1px solid var(--line)}
.proof-stats>div{min-width:0}
.proof-stats dt{font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.proof-stats dt>span{font:16px/1.5 Georgia,serif;letter-spacing:0;margin-left:3px}
.proof-stats dd{margin:10px 0 0;font-size:12px;line-height:1.6;max-width:14ch;color:var(--text-secondary)}
.review-carousel{min-width:0}
.proof-reviews{position:relative;isolation:isolate;perspective:1400px;padding:26px;touch-action:pan-y pinch-zoom}
.proof-reviews:before{content:none}
.review-card{margin:0;min-height:390px;height:var(--review-height,auto);padding:32px;display:flex;flex-direction:column;backface-visibility:hidden;transform-origin:center;transform-style:preserve-3d}
.review-measure{position:absolute!important;visibility:hidden!important;pointer-events:none!important;height:auto!important;min-height:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.review-stars{font-size:16px;letter-spacing:3px;color:var(--rust);line-height:1}
.review-number{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}
.review-topic{font:600 12px/1.5 var(--body);letter-spacing:.025em;margin:0 0 18px;color:var(--text-secondary)}
.review-card blockquote{margin:0 0 30px;flex:1;display:flex;align-items:center}
.review-card blockquote p{font:400 clamp(28px,2.9vw,42px)/1.17 Georgia,serif;letter-spacing:-.025em;margin:0;text-wrap:pretty}
.review-card figcaption{font-size:12px;line-height:1.6;color:var(--text-secondary);border-top:1px solid var(--line);padding-top:18px}
.review-platform{display:block;font-size:12px;font-weight:600;margin-top:5px;color:var(--forest)}
.review-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.review-controls>p{font-size:12px;line-height:1.6;margin:0;color:var(--text-secondary)}
.review-navigation{display:flex;align-items:center;gap:8px;flex:none}
.review-navigation button{display:grid;place-items:center;width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--forest);cursor:pointer;transition:background .2s,color .2s;touch-action:manipulation}
.review-navigation button:hover{background:var(--forest);color:var(--cream)}
.review-navigation button:active{background:var(--rust);color:var(--cream)}
.review-navigation svg,.diagnostic-action svg{width:22px;height:22px;flex:none}
.review-navigation .review-toggle{display:block;width:auto;min-width:100px;border:0;border-radius:8px;font-size:12px;padding:10px 12px;text-decoration:underline;text-underline-offset:4px}
.proof-source{margin-top:40px;display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:24px}
.proof-source p{font-size:12px;line-height:1.7;max-width:72ch;margin:0;color:var(--text-secondary)}
.proof-source .text-link{font-size:12px;gap:16px;flex:none;margin:0;min-height:44px;align-items:center}
.review-fallback{margin-top:28px}.review-fallback summary{padding:16px 0;cursor:pointer}
.review-fallback-card{padding:24px 0;margin:0;border-top:1px solid var(--line)}
.review-fallback-card blockquote{margin:16px 0;font:26px/1.4 Georgia,serif}

/* A clear first step closes the page. Teacher and proof already have a home. */
.start{background:var(--warm-cream);padding-block:96px;border-top:1px solid var(--line)}
.start-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10%;align-items:start}
.start .start-copy h2{font-size:clamp(42px,5.5vw,80px);line-height:1.07;letter-spacing:-.035em}
.diagnostic-intro{font-size:16px;line-height:1.8;max-width:43ch;margin:30px 0 0;color:var(--text-secondary)}
.session-heading{font-size:20px;line-height:1.4;font-weight:500;margin:6px 0 24px;letter-spacing:-.015em}
.diagnostic-steps{list-style:none;padding:0;margin:0 0 28px;border-bottom:1px solid var(--line)}
.diagnostic-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding:18px 0;align-items:baseline}
.diagnostic-steps .step{color:var(--rust);font-size:12px;padding:0}
.diagnostic-steps p{font-size:14px;line-height:1.7;margin:0;color:var(--text-secondary)}
.diagnostic-action .button{width:100%;background:var(--forest);color:var(--cream);border-radius:8px;gap:24px;min-height:56px;font-size:14px}
.diagnostic-action .button:hover{background:#344B3C;color:var(--cream)}
.diagnostic-action .booking-details{font-size:12px;line-height:1.7;margin:16px 0 0;color:var(--text-secondary)}

/* Shared rhythm, focus, readable type, and shorter cinematic chapters. */
h1,h2,h3{text-wrap:balance;letter-spacing:max(-.035em,-2px)}
.section{padding-top:88px;padding-bottom:88px}
.landmark-stage{height:74svh;min-height:560px;max-height:800px}
.landmark-copy h2{font-size:clamp(52px,5.8vw,88px);letter-spacing:-.035em}
.landmark-top{top:32px}
.teacher{min-height:780px;justify-content:center}
.teacher-grid{padding:0}
.questions details p{font-size:16px;color:var(--text-secondary)}
.intro-heading>p,.moment-panel p:not(.eyebrow){font-size:16px}
.motion-ready .reveal{opacity:1;transform:none;transition:none}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
.approach a:focus-visible,.header a:focus-visible,.header button:focus-visible,footer a:focus-visible,.landmark a:focus-visible{outline-color:var(--gold)}
::selection{background:var(--forest);color:var(--cream)}
html{scrollbar-color:var(--forest) var(--warm-cream)}
@media(max-width:1000px){.proof-layout{grid-template-columns:1fr;gap:38px}.proof-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:7%;align-items:center}.proof-copy>p{margin:0}.proof-stats{grid-column:1/-1;margin-top:28px}.review-card{min-height:330px}.proof-reviews{padding:32px}.review-card blockquote p{font-size:36px}}
@media(max-width:760px){
  .brand-lettering{font-size:29px;letter-spacing:3px}.brand-lettering small{font-size:5px;letter-spacing:1.45px}
  .section{padding-top:64px;padding-bottom:64px}
  .calibration-grid{gap:38px}.calibration-visual{padding:8px}.calibration-demo.glass-surface{padding:24px 20px}.calibration-copy{order:-1}
  .calibration-visual:before{inset:2% -8px}.demo-track strong{font-size:12px}.demo-track span{font-size:10px}
  .scenario-copy{min-height:180px}.scenario-copy h3{font-size:27px}.scenario-copy>p:last-child{font-size:16px}
  .calibration-axes dd{font-size:14px}.calibration-axes{margin-bottom:22px}
  .proof-copy{display:block}.proof-copy h2{font-size:44px}.proof-copy>p{margin:24px 0 0;max-width:none}
  .proof-stats{gap:16px;padding-top:22px;margin-top:26px}.proof-stats dt{font-size:36px}.proof-stats dt>span{font-size:15px}.proof-stats dd{font-size:12px}
  .proof-reviews{padding:14px}.proof-reviews:before{border-radius:22px}.review-card{padding:24px;min-height:390px}.review-card blockquote p{font-size:30px}
  .review-card-top{margin-bottom:22px}.review-topic{font-size:12px}.review-controls{align-items:center;flex-wrap:wrap;gap:12px}.review-controls>p{flex:1;min-width:120px}.review-navigation .review-toggle{min-width:0;padding-inline:8px}
  .proof-source{display:block;margin-top:30px}.proof-source .text-link{margin-top:14px}
  .start-grid{grid-template-columns:1fr;gap:40px}.start .start-copy h2{font-size:clamp(42px,10vw,64px)}
  .diagnostic-intro{margin-top:24px;max-width:none}.diagnostic-steps p{font-size:16px}.session-heading{margin-top:0}
  .teacher{min-height:0;padding-top:450px;padding-bottom:64px}.teacher-grid{width:100%}.teacher-grid>div>p:not(.eyebrow){font-size:16px}
  .landmark-stage{height:72svh;min-height:600px}.landmark-copy h2{font-size:clamp(42px,9.5vw,64px)}
}
@media(max-width:380px){.proof-stats dt{font-size:31px}.review-card{padding:22px 18px;min-height:420px}.review-card blockquote p{font-size:27px}.review-controls{align-items:flex-start}.review-controls>p{flex-basis:100%}.review-navigation{margin-left:auto}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-surface{background:var(--cream)}}
@media(prefers-reduced-transparency:reduce){.glass-surface{background:var(--cream);backdrop-filter:none;-webkit-backdrop-filter:none}.calibration-visual:before,.proof-reviews:before{display:none}}
@media(prefers-reduced-motion:reduce){.review-card{transform:none!important}.scenario-card{animation:none}.calibration-demo .demo-rail i{transition:none}}
@media(forced-colors:active){.glass-surface{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.calibration-visual:before,.proof-reviews:before{display:none}.review-navigation button,.calibration-demo{border:1px solid ButtonText}.review-stars{color:CanvasText}.calibration-demo .demo-track .demo-rail i{background:ButtonText}}

/* Motion controls stay with the content; the booking action stays unobstructed. */
.header-actions .motion-toggle{position:static;display:inline-grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;margin:0;border-radius:50%;font-size:12px;flex:none;touch-action:manipulation}
.motion-toggle svg{width:20px;height:20px}
.film-toggle{min-height:44px;min-width:110px;font-size:12px}
.nav-cta{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.eyebrow,.demo-top .eyebrow,.demo-count,.demo-track span,.moment-tabs button span,.calibration-axes dt span,.practice-top,.landmark-top .eyebrow,footer>div{font-size:11px}
.demo-top .eyebrow,.demo-count{letter-spacing:.04em}
.practice-top,.landmark-top .eyebrow{letter-spacing:.04em}
.stage-footer{font-size:11px;letter-spacing:.03em}
.scenario-copy{padding-top:20px;min-height:145px}
.scenario-copy h3{margin-top:0}
@media(max-width:760px){.header{height:128px}.header-actions{max-width:150px;gap:4px}.header-actions .motion-toggle{height:40px;width:40px;min-width:40px}.nav-cta{font-size:11px;min-height:44px}.demo-track span{font-size:11px}.scenario-copy{min-height:160px}.film-controls{align-items:center}}
@media(max-width:380px){.header-actions{max-width:134px}.nav-cta{font-size:11px}.nav-cta span{margin-left:10px}.header-actions .motion-toggle{width:44px;min-width:44px;height:44px}}
/* Header controls keep a full touch target at every phone width. */
.language-switch button{min-width:44px;min-height:44px}
@media(max-width:760px){.header-actions{max-width:150px}.header-actions .motion-toggle{width:44px;min-width:44px;height:44px}.language-switch button{min-width:44px;min-height:44px}}
footer>div a{display:inline-flex;align-items:center;min-height:44px}

/* Mobile composition: persistent navigation, portrait films, readable clear space. */
.menu-toggle,.mobile-headline{display:none}
#mobile-menu{width:min(100% - 24px,460px);max-height:calc(100dvh - 24px);margin:auto;padding:28px;background:var(--forest);color:var(--cream);border:1px solid var(--taupe);border-radius:8px;overscroll-behavior:contain}
#mobile-menu::backdrop{background:#101b16cc;backdrop-filter:blur(6px)}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.menu-heading h2{font:28px Georgia,serif;margin:0}
.menu-close,.menu-toggle{min-width:44px;min-height:44px;border:1px solid #fff5;background:transparent;color:var(--cream);border-radius:4px;cursor:pointer;font-size:26px}
#mobile-menu nav{display:grid;margin:24px 0}#mobile-menu nav a{padding:17px 0;min-height:44px;border-bottom:1px solid #fff3;font-size:20px}
body:has(#mobile-menu[open]){overflow:hidden}
#mobile-menu :focus-visible{outline-color:var(--gold);outline-offset:3px}
@media(max-width:1180px){.menu-toggle{display:block}.header-actions{margin-left:auto;margin-right:16px}}
@media(max-width:760px){
  html{scroll-padding-top:calc(88px + env(safe-area-inset-top))}
  .header{position:fixed;z-index:60;height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));align-items:center;background:var(--forest);border-bottom:1px solid #fff2}
  .header .wordmark{padding:0;min-height:44px;gap:10px}.header .brand-symbol{width:38px}.header .brand-lettering{font-size:28px;letter-spacing:3px}.header .brand-lettering small{font-size:5px;letter-spacing:1.4px}
  .header .header-actions{display:none}.menu-toggle{display:block}.language-switch button{min-height:44px;min-width:44px}
  .access-link:focus{top:calc(80px + env(safe-area-inset-top));z-index:70}
  .opening-film .stage{height:calc(100svh - 72px - env(safe-area-inset-top));min-height:580px;margin-top:calc(72px + env(safe-area-inset-top));padding:0}
  .opening-film .poster,.opening-film .hero-video{object-position:center 25%}
  .opening-film .shade{background:linear-gradient(0deg,#1f2d24 1%,#1f2d24ed 20%,#1f2d2480 39%,transparent 62%)}
  .opening-film .hero-copy{top:auto;bottom:88px;left:var(--gutter);right:var(--gutter);transform:none!important;max-width:none}
  .opening-film .hero-copy>.eyebrow,.opening-film .hero-intro,.opening-film .desktop-headline{display:none}
  .mobile-headline{display:block;font:400 clamp(36px,9.3vw,49px)/1.04 Georgia,serif;letter-spacing:-.035em;max-width:14ch;margin:0 0 22px;text-wrap:balance}
  .opening-film .hero-copy .button{min-height:48px;margin:0;padding:15px 21px}
  .opening-film .stage-footer{bottom:22px;gap:0}.opening-film .stage-footer .film-controls{display:none}.opening-film .stage-footer>a{font-size:10px;min-height:44px}
  .landmark-stage{height:auto;min-height:0;padding:390px var(--gutter) 32px}
  .landmark-poster,.landmark-video{height:510px;object-position:center 25%}
  #interview .landmark-poster,#interview .landmark-video,#meeting .landmark-poster,#meeting .landmark-video{object-position:center 25%}
  .landmark-shade{background:linear-gradient(0deg,var(--forest) calc(100% - 470px),transparent calc(100% - 260px))}
  .landmark-copy{position:relative;inset:auto;transform:none;max-width:none}.landmark-copy h2{font-size:clamp(36px,9vw,48px)}.landmark-copy>p{margin-top:20px;max-width:34ch}
  .landmark-top{top:24px}.landmark-bottom{position:relative;inset:auto;margin-top:24px}
  .motion-toggle{bottom:calc(12px + env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));padding:10px 13px}
  footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}
@media(max-width:760px) and (max-height:680px){
  .opening-film .stage{min-height:500px}.mobile-headline{font-size:34px;max-width:15ch}.opening-film .hero-copy{bottom:78px}.opening-film .stage-footer{bottom:14px}
}
@media(prefers-reduced-motion:reduce){.landmark-video{display:none}.motion-toggle{display:none}}
@media(max-width:760px){.opening-film .hero-video{height:100%}}
.start-portrait>picture{display:flex;flex:1;min-height:0}.start-portrait>picture img{width:100%}
@media(max-width:760px){.start-portrait>picture{display:block;flex:none}}


@media(max-width:760px){.opening-film .stage-footer .film-controls{display:flex;width:auto}.opening-film .stage-footer{flex-direction:row;align-items:center;gap:12px}.opening-film .stage-footer>a{max-width:55%;line-height:1.4}.opening-film .film-toggle{min-width:88px;padding:10px;font-size:11px}}

/* Final review: consistent targets, readable links, and visible paused cards. */
.wordmark{min-height:44px}
.header nav a{display:inline-flex;align-items:center;min-height:44px}
.landmark-bottom .film-controls{margin-left:auto}
.motion-paused .hero-copy,.motion-paused .scenario-card{animation:none}
.opening-film .stage-footer>a{font-size:12px;line-height:1.5}
@media(max-width:760px){
  .moment-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px}
  .moment-tabs button span{margin-bottom:0;flex:none}
  .moment-tabs button strong{line-height:1.3}
}

/* Keep the offer explicit alongside the shorter phone headline. */
.mobile-intro{display:none}
@media(max-width:760px){.mobile-intro{display:block;font-size:14px;line-height:1.6;max-width:28ch;margin:0 0 20px;color:var(--cream)}}

/* Reduced motion keeps the still image without an ineffective playback control. */
@media(prefers-reduced-motion:reduce){.film-toggle{display:none}.opening-film .stage-footer>a{max-width:none}}

/* Public review authors are explicit; metadata remains secondary. */
.review-author{display:block;font-size:15px;color:var(--forest);margin-bottom:4px}
/* Wider phones use the full landscape source instead of enlarging a narrow crop. */
@media(min-width:481px) and (max-width:760px){
 .opening-film .poster,.opening-film .hero-video{object-position:60% 25%}
 #interview .landmark-poster,#interview .landmark-video{object-position:55% 25%}
 #meeting .landmark-poster,#meeting .landmark-video{object-position:82% 25%}
 #presentation .landmark-poster,#presentation .landmark-video{object-position:65% 25%}
}

/* Reconciled compact flow and embedded Google booking. */
.section{padding-block:clamp(56px,6vw,88px)}
.opening-film .stage{height:auto;min-height:100svh;padding:170px var(--gutter) 105px}
.opening-film .hero-copy{position:relative;top:auto;left:auto;right:auto;transform:none;max-width:850px}
.opening-film h1{font-size:clamp(48px,5.8vw,84px)}
.opening-film .hero-intro{max-width:43ch;margin-block:24px}
.hero-offer{margin-top:28px}.hero-offer-label{font-size:10px;letter-spacing:.1em;margin:0 0 8px}.hero-price{font-size:20px;line-height:1.4;margin:0 0 16px}.hero-price span{white-space:nowrap}.hero-offer-note{font-size:12px;line-height:1.5;margin:12px 0 0;color:#e3e3d8}.hero-offer .button{margin:0}
.teacher{min-height:620px}.teacher h2{font-size:clamp(38px,4vw,60px)}
.booking-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:38px}.start h2{font-size:clamp(40px,4.6vw,68px);margin:0}.booking-price{font-size:25px;font-variant-numeric:tabular-nums;margin:0 0 16px}.booking-description{font-size:16px;line-height:1.6;max-width:44ch;margin:0 0 14px}.booking-logistics{font-size:13px;line-height:1.5;margin:0}.questions h2{font-size:clamp(36px,4vw,56px)}
@media(max-width:760px){
 .opening-film .stage{padding:152px var(--gutter) 100px;min-height:100svh}.opening-film .hero-copy{top:auto;transform:none}.opening-film h1{font-size:clamp(36px,10vw,48px);line-height:1.07}.opening-film .hero-intro{font-size:14px;line-height:1.6;max-width:36ch;margin-block:20px}.hero-offer{margin-top:20px}.hero-price{font-size:18px}.hero-offer .button{padding:15px 22px}.opening-film .stage-footer{bottom:26px}.opening-film .stage-footer>a{display:none}
 .intro-heading{gap:24px}.moment-panel{padding-block:28px}.teacher{min-height:760px}.teacher .section-top{margin-bottom:260px}.teacher-backdrop{height:460px}.teacher h2{font-size:40px}.teacher-grid>div>p:not(.eyebrow){line-height:1.6}.booking-intro{grid-template-columns:1fr;gap:26px}.start h2{font-size:42px}.booking-price{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.opening-film .hero-copy{top:auto;transform:none}}

/* Booking guidance stays beside the action in either language. */
.booking-timezone{max-width:72ch;margin:0 0 1.25rem;font-size:.875rem;font-weight:400;line-height:1.6;letter-spacing:0;color:var(--ink);text-align:start;text-wrap:pretty;overflow-wrap:break-word}
.start h2{line-height:1.15;letter-spacing:-.03em}
.booking-price{font-size:1.5625rem;line-height:1.4}.hero-price{font-variant-numeric:tabular-nums}
.booking-description{font-size:1rem}.booking-logistics{font-size:.875rem;line-height:1.6}
@media(max-width:760px){.booking-price{font-size:1.4375rem}}
/* Preserve main’s responsive navigation and short mobile headline. */
.opening-film .hero-copy{bottom:auto}
.proof{display:block}.proof-source p{max-width:75ch}
.practice-examples{margin-top:2.5rem;border-top:1px solid var(--line)}
.practice-examples-toggle,.diagnostic-outline summary{cursor:pointer;min-height:44px;padding:1rem 0;font-size:1rem;line-height:1.5}
.practice-examples .calibration{padding:2rem 0 0;background:transparent}.practice-examples .calibration-grid{align-items:start}
.practice-examples .calibration-copy h2{font-size:clamp(32px,3vw,44px)}
.diagnostic-outline{margin-top:1rem}.diagnostic-outline summary{font-size:.875rem;padding-block:.75rem}.diagnostic-outline .diagnostic-steps{margin-top:.5rem}
@media(max-width:760px){
 .opening-film .stage{height:auto;min-height:calc(100svh - 72px - env(safe-area-inset-top));padding:74px var(--gutter) 96px}
 .opening-film .hero-copy{position:relative;inset:auto;transform:none;max-width:none}
 .opening-film .shade{background:linear-gradient(90deg,#1f2d24d9,#1f2d2455),linear-gradient(0deg,#1f2d24ee,transparent)}
 .mobile-headline{font-size:clamp(34px,9.3vw,44px);line-height:1.1;margin-bottom:1.25rem}.mobile-intro{max-width:32ch}
 .hero-offer{margin-top:1.5rem}.hero-price{font-size:1.125rem}
 .teacher{min-height:600px}.teacher-grid{padding-top:250px}.teacher-backdrop{height:100%}
 .proof-reviews{padding:14px}.review-card{max-width:100%}
 .practice-examples .calibration{padding-top:1.5rem}
}
@media(max-width:760px) and (max-height:680px){.opening-film .stage{padding-top:44px;min-height:500px}}


/* Flat linework: selection draws the symbol; controls respond in the page plane. */
.moment-tabs button{gap:20px;padding-block:24px 28px;perspective:none}
.moment-tabs button .moment-token{display:grid;place-items:center;flex:none;width:52px;height:52px;border:0;border-radius:0;background:transparent;color:var(--text-secondary);box-shadow:none;transform:none;transition:color .25s var(--ease-out)}
.moment-token svg{width:30px;height:34px;overflow:visible;filter:none}
.moment-tabs button[aria-selected=true] .moment-token{background:transparent;color:var(--rust)}
.moment-tabs button[aria-selected=true] .moment-token svg :is(path,rect){stroke-dasharray:90;animation:inkDraw .6s cubic-bezier(.16,1,.3,1) both}
.moment-tabs button:focus-visible .moment-token{color:var(--rust)}
@keyframes inkDraw{from{stroke-dashoffset:90;opacity:.35}to{stroke-dashoffset:0;opacity:1}}
.practice .step{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #f6e8d65c;border-radius:50%;font-size:.8125rem;font-variant-numeric:tabular-nums;background:transparent;color:var(--cream);box-shadow:none;transform:none;transition:border-color .25s var(--ease-out),color .25s var(--ease-out)}
.practice li{gap:22px}.practice li:hover .step{color:var(--gold);border-color:var(--gold)}
.hero-offer .button>span[aria-hidden],.nav-cta>span[aria-hidden],#contact-button>span[aria-hidden]{display:inline-grid;place-items:center;flex:none;background:transparent;box-shadow:none;transform:none;margin:0}
.hero-offer .button>span[aria-hidden] svg,.nav-cta>span[aria-hidden] svg,#contact-button>span[aria-hidden] svg{width:19px;height:19px}
.hero-offer .button:hover>span[aria-hidden],.nav-cta:hover>span[aria-hidden]{transform:translateY(3px)}
#contact-button:hover>span[aria-hidden]{transform:translate(3px,-3px)}
.booking-mark{display:block;width:38px;height:42px;margin:0 0 20px;color:var(--rust);transform:none;filter:none;background:none;box-shadow:none}
.booking-mark svg{display:block;width:100%;height:100%}
.booking-action{border-top:1px solid var(--line);padding-top:30px;max-width:48rem}
.booking-action .button{max-width:100%;min-height:52px;line-height:1.5;gap:24px;text-align:start;font-size:.9375rem}
.booking-handoff{margin:18px 0 12px;font-size:1rem;line-height:1.6;max-width:48ch}
.booking-action .booking-timezone{max-width:65ch;margin:0;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}
.proof-reviews{perspective:none}.review-card{transform-style:flat;backface-visibility:visible}
@media(max-width:760px){.moment-tabs button{gap:12px}.moment-tabs button .moment-token{width:44px;height:44px}.moment-token svg{width:27px;height:30px}.practice li{gap:18px}.booking-action{padding-top:24px}.booking-action .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.moment-tabs button[aria-selected=true] .moment-token svg :is(path,rect){animation:none;stroke-dasharray:none}.hero-offer .button:hover>span[aria-hidden],.nav-cta:hover>span[aria-hidden],#contact-button:hover>span[aria-hidden]{transform:none}.practice .step,.moment-token{transition:none}}
.motion-paused .moment-tabs button .moment-token svg :is(path,rect){animation:none;stroke-dasharray:none}
.motion-paused .hero-offer .button:hover>span[aria-hidden],.motion-paused .nav-cta:hover>span[aria-hidden],.motion-paused #contact-button:hover>span[aria-hidden]{transform:none}

/* Preply's dated loyalty indicator complements the public review totals. */
.proof-loyalty{grid-column:1/-1;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);max-width:46ch}
.proof-loyalty p{font-size:.875rem;line-height:1.6;margin:6px 0 0;color:var(--text-secondary);text-wrap:pretty}
.proof-loyalty .proof-loyalty-title{font-size:1rem;font-weight:600;color:var(--ink);margin:0}

/* Editorial proof and a compact booking close share the page's established palette. */
.proof{padding-block:clamp(3.5rem,6vw,6rem)}
.proof-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.proof-copy h2{font-size:clamp(2.625rem,4vw,4rem);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.proof-copy>p{font-size:1rem;line-height:1.6;max-width:42ch;margin:1.5rem 0 2rem}
.proof-stats{gap:1rem;padding-top:1.5rem}
.proof-stats dt{font-size:clamp(1.875rem,2.7vw,2.75rem);letter-spacing:-.025em}
.proof-stats dd{font-size:.8125rem;line-height:1.5;margin-top:.5rem;max-width:16ch}
.proof-loyalty{max-width:none;margin-top:1.5rem;padding-top:1.25rem}
.proof-loyalty p{font-size:.9375rem;line-height:1.6;max-width:42ch}
.proof-reviews{padding:0;background:var(--forest);color:var(--cream);border-radius:0}
.review-card{padding:clamp(1.5rem,3vw,3rem);min-height:24rem;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.review-card-top{margin-bottom:1.5rem}.review-stars{color:#e8b99a;font-size:1rem;letter-spacing:.12em}
.review-number,.review-topic{color:#d1d4c9;font-size:.8125rem;line-height:1.5;letter-spacing:.04em}
.review-topic{margin-bottom:1.25rem;font-weight:400}
.review-card blockquote{align-items:flex-start;margin:0 0 2rem}
.review-card blockquote p{font:400 clamp(1.625rem,2.1vw,2.25rem)/1.4 Georgia,serif;letter-spacing:-.015em;max-width:32ch;text-wrap:pretty;overflow-wrap:break-word}
.review-card figcaption{font-size:.8125rem;line-height:1.6;color:#d1d4c9;border-color:#f6e8d640;padding-top:1.25rem}
.review-author{display:block;color:var(--cream);font-size:.9375rem;margin-bottom:.25rem}
.review-platform{color:#e8b99a;font-size:.8125rem}
.review-controls>p,.review-navigation .review-toggle{font-size:.8125rem;line-height:1.5}
.proof-source{align-items:flex-start;margin-top:2rem;padding-top:1rem;gap:1rem 2rem}
.proof-verification{flex:1;min-width:0}.proof-verification summary{cursor:pointer;font-size:.8125rem;line-height:1.5;min-height:44px;padding-block:.75rem;color:var(--text-secondary)}
.proof-verification p{font-size:.8125rem;line-height:1.6;max-width:70ch;margin:.5rem 0 0}
.proof-source .text-link{font-size:.8125rem}
.start{padding-block:clamp(3.5rem,5vw,5rem)}
.booking-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,7vw,7rem);margin:0}
.start h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.15;max-width:15ch;text-wrap:balance}
.booking-mark{width:30px;height:34px;margin-bottom:1rem}
.booking-price{font-size:1.5rem;line-height:1.4;margin-bottom:1rem}
.booking-description{max-width:44ch}.booking-logistics{font-size:.875rem;line-height:1.6}
.booking-action{border:0;padding-top:1.5rem;max-width:none}
.booking-action .button{border-radius:8px;min-height:52px;font-size:.9375rem;width:100%;max-width:27rem;gap:1.5rem}
.booking-handoff{font-size:.875rem;line-height:1.6;margin:1rem 0 .5rem;max-width:48ch}
.booking-action .booking-timezone{font-size:.8125rem;line-height:1.6;max-width:58ch}
.diagnostic-outline{margin-top:1.25rem;border-top:1px solid var(--line)}
.hero-offer{display:flex;flex-direction:column;align-items:flex-start}
.hero-offer .hero-price{margin:0 0 1rem;line-height:1.4}
.hero-offer .button{gap:2rem;line-height:1.5;text-align:start}
.hero-offer .hero-offer-note{margin:.75rem 0 0;padding-inline:26px;font-size:.8125rem;line-height:1.5}
@media(max-width:1000px){.proof-layout{grid-template-columns:1fr;gap:2rem}.proof-copy{display:block}.proof-copy>p{max-width:52ch}.proof-stats{max-width:36rem}.proof-loyalty{max-width:36rem}.review-card{min-height:22rem}.review-card blockquote p{font-size:2rem}}
@media(max-width:760px){.booking-intro{grid-template-columns:1fr;gap:1.75rem}.start h2{font-size:2.5rem;max-width:18ch}.proof-copy h2{font-size:2.625rem}.proof-source{display:flex;flex-wrap:wrap}.proof-verification{flex-basis:100%}.proof-source .text-link{margin:0}.review-card{padding:1.5rem;min-height:23rem}.review-card blockquote p{font-size:1.625rem;line-height:1.4;letter-spacing:-.01em}.proof-reviews{padding:0}.review-topic{margin-bottom:1rem}.proof-stats{gap:.75rem}.proof-stats dt{font-size:1.875rem}.proof-stats dd{font-size:.8125rem}.hero-offer .hero-offer-note{padding-inline:21px}.booking-action{padding-top:1.25rem}}

/* Public profiles stay secondary to the booking action. */
.footer-socials{display:flex;flex-wrap:wrap;gap:4px 24px;color:var(--paper)}
.footer-socials a{font-size:14px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.footer-socials a:hover{color:var(--gold)}
@media(max-width:760px){footer>div{flex-wrap:wrap}.footer-socials{flex-basis:100%}}

/* Keep the lesson total clear of the adjacent rating on narrow phones. */
@media(max-width:360px){.proof-stats{grid-template-columns:1.25fr 1fr 1fr}.proof-stats dt{font-size:1.5rem}}