/* MentorMe Brain v6 (v5 shell; v6 additions at the end of the file). Tokens copied from ~/MentorMe V2 SAAS Rebuild/brand/tokens.css (read-only source):
   summit night 62 · glacier 22 · golden hour as the one accent. Peak (Clash Display) · Path (Geist) · Marker (Geist Mono). */
:root{
  --summit:#0B1A24; --summit-2:#102532; --summit-3:#16313F;
  --glacier:#EDF2F0; --glacier-dim:rgba(237,242,240,.72); --glacier-faint:rgba(237,242,240,.40); --hairline:rgba(237,242,240,.12);
  --golden:#E9A23B; --golden-hi:#F0B354; --lagoon:#1FA6B8; --fern:#2F9E6A;
  --sky:linear-gradient(90deg,#0B1A24 0%,#123140 22%,#1FA6B8 50%,#E9A23B 78%,#FF6B57 100%);
  --font-peak:'Clash Display','Geist',system-ui,sans-serif;
  --font-path:'Geist',system-ui,-apple-system,sans-serif;
  --font-marker:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --r-sm:8px; --r:14px; --r-lg:22px;
  --glow-golden:0 0 34px rgba(233,162,59,.32);
  --pad:clamp(22px,5.6vw,96px);
  --tshadow:0 1px 2px rgba(5,14,20,.45);
}
*{box-sizing:border-box}
html{background:var(--summit)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--summit);color:var(--glacier);font:400 17px/1.6 var(--font-path);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--golden);color:var(--summit)}
:focus-visible{outline:2px solid var(--golden);outline-offset:5px;border-radius:2px}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--golden);color:var(--summit);padding:10px 16px;font:500 13px/1 var(--font-marker);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-sm)}
.skip:focus{top:16px}
.gw{font-style:normal;color:var(--golden)}

/* ---------- preloader: the mark draws itself, a mono counter, a ridgeline ---------- */
.pre{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:var(--summit);transition:opacity .9s var(--ease),visibility 0s .9s}
.pre.out{opacity:0;visibility:hidden}
html.rm .pre,html.no-js .pre{display:none}
.pre-in{display:grid;justify-items:center;gap:18px}
.pre-mark{width:74px;height:auto;overflow:visible}
.pre-stroke{fill:none;stroke:var(--glacier);stroke-width:7;stroke-dasharray:1 1;stroke-dashoffset:1;animation:preDraw 1.5s var(--ease) .1s forwards}
.pre-fill{fill:var(--glacier);opacity:0;animation:preFill .6s var(--ease) 1.1s forwards}
.pre-word{width:132px;height:auto;color:var(--glacier);opacity:0;animation:preFill .6s var(--ease) .5s forwards}
.pre-k{margin:6px 0 0;font:400 12px/1 var(--font-marker);letter-spacing:.18em;text-transform:uppercase;color:var(--glacier-dim)}
.pre-k span,.pre-k b{color:var(--golden);font-weight:500}
.pre-k i{font-style:normal;margin-left:.6em}
.pre-ridge{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sky);transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .4s var(--ease)}
@keyframes preDraw{to{stroke-dashoffset:0}}
@keyframes preFill{to{opacity:1}}

/* ---------- fixed chrome ---------- */
.hair{position:fixed;inset:0 0 auto 0;height:2px;z-index:60;pointer-events:none;background:rgba(237,242,240,.10)}
.hair i{display:block;height:100%;background:linear-gradient(90deg,rgba(233,162,59,.4),var(--golden));transform-origin:0 50%;transform:scaleX(0)}
.topbar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad);color:var(--glacier);transition:background .45s var(--ease),padding .45s var(--ease),box-shadow .45s}
.topbar::before{content:"";position:absolute;inset:0 0 -40px 0;background:linear-gradient(180deg,rgba(11,26,36,.74),rgba(11,26,36,.30) 62%,transparent);pointer-events:none;z-index:-1;transition:opacity .45s}
.topbar.solid{background:rgba(11,26,36,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-top:14px;padding-bottom:14px;box-shadow:0 1px 0 var(--hairline)}
.topbar.solid::before{opacity:0}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--glacier)}
.brand-mark{width:27px;height:28px}
.brand-word{width:104px;height:16px;margin-top:1px}
.brand-sub{font:500 11px/1 var(--font-marker);letter-spacing:.18em;text-transform:uppercase;color:var(--golden);padding:5px 7px;border:1px solid rgba(233,162,59,.45);border-radius:999px;margin-left:2px}
.top-nav{display:flex;align-items:center;gap:28px;font:400 12px/1 var(--font-marker);letter-spacing:.14em;text-transform:uppercase}
.top-nav>a:not(.btn){color:var(--glacier);transition:color .3s}
.top-nav>a:not(.btn):hover{color:var(--glacier)}

.btn{display:inline-flex;align-items:center;gap:10px;background:var(--golden);color:var(--summit);font:500 13px/1 var(--font-marker);letter-spacing:.08em;text-transform:uppercase;padding:16px 22px;border-radius:var(--r-sm);transition:box-shadow .4s var(--ease),transform .25s var(--ease),background .3s}
.btn:hover{box-shadow:var(--glow-golden);transform:translateY(-1px);background:var(--golden-hi)}
.btn-sm{padding:11px 15px;font-size:12px}
.btn-outline{background:transparent;color:var(--glacier);border:1px solid rgba(237,242,240,.32);box-shadow:none}
.btn-outline:hover{border-color:var(--golden);color:var(--golden);background:transparent;box-shadow:none}
.text-link{font:500 15px/1.3 var(--font-path);border-bottom:1px solid var(--golden);padding-bottom:3px;transition:color .3s}
.text-link:hover{color:var(--golden)}

/* ---------- stage: the photograph, untouched; only the text scrims sit on it ---------- */
.stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--summit)}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s ease}
.stage.ready canvas{opacity:1;transition:none}
.stage.ready .poster{visibility:hidden}
.poster{position:absolute;inset:0;background:var(--summit) center/cover no-repeat;background-image:image-set(url(../assets/plates-v5/p1-poster.avif) type("image/avif"),url(../assets/plates-v5/p1-poster.webp) type("image/webp"))}
/* scrims: summit-night pools under the copy, measured for >= 4.5:1 */

/* ---------- desk markers on the five ridges: hand-marked map, not UI chips ---------- */
.marks{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.pk{position:absolute;left:0;top:0;opacity:0;display:flex;flex-direction:column;align-items:center;gap:6px;translate:-50% -6px;will-change:transform,opacity}
.pk i{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--golden);filter:drop-shadow(0 1px 2px rgba(5,14,20,.5))}
.pk b{font:500 11px/1 var(--font-marker);letter-spacing:.12em;color:var(--glacier);background:rgba(11,26,36,.78);padding:5px 7px;border-radius:999px;border:1px solid var(--hairline)}

/* ---------- journey ---------- */
main{position:relative;z-index:3}
.journey{position:relative;height:1460svh}
.chapters{position:fixed;left:var(--pad);bottom:clamp(40px,9vh,96px);width:calc(100vw - 2*var(--pad));height:70vh;z-index:3;pointer-events:none;color:var(--glacier)}
.ch{position:absolute;left:0;bottom:0;width:min(760px,100%);visibility:hidden}
.ch.is-on{visibility:visible}
.ch.is-active{pointer-events:auto}
.ch[data-side="r"]{left:auto;right:0;width:min(560px,100%)}
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.ln-i{display:block}
.ch-idx{display:inline-flex;gap:.5em;margin:0 0 22px;padding:8px 12px;border-radius:999px;background:rgba(11,26,36,.72);border:1px solid var(--hairline);font:400 12px/1 var(--font-marker);letter-spacing:.16em;text-transform:uppercase;color:var(--glacier)}
.ch-idx span{color:var(--golden)}
.ch-h{margin:0;font:600 clamp(54px,6vw,100px)/.98 var(--font-peak);letter-spacing:-.02em;color:var(--glacier);text-shadow:var(--tshadow)}
.ch-sub{margin:20px 0 0;max-width:36ch;font:400 clamp(18px,1.45vw,22px)/1.45 var(--font-path);color:var(--glacier);text-shadow:var(--tshadow)}
.ch-lede{margin:14px 0 0;max-width:46ch;font:400 clamp(15px,1.1vw,17px)/1.55 var(--font-path);color:var(--glacier);text-shadow:var(--tshadow)}
.ch-flow{margin:20px 0 0;font:400 12px/1.6 var(--font-marker);letter-spacing:.1em;text-transform:uppercase;color:var(--glacier)}
.ch-flow i{font-style:normal;color:var(--golden);padding:0 .35em}
.ch-cap{margin:18px 0 0;max-width:40ch;padding-left:34px;position:relative;font:400 clamp(15px,1.05vw,17px)/1.5 var(--font-path);color:var(--glacier);text-shadow:var(--tshadow)}
.ch-cap::before{content:"";position:absolute;left:0;top:.72em;width:22px;height:1px;background:var(--golden)}
.ch-link{margin:20px 0 0}
.ch-link .text-link{color:var(--glacier);text-shadow:var(--tshadow)}
.ch[data-ch="4"]{width:min(720px,100%)}
.ch[data-ch="4"] .ch-h{font-size:clamp(46px,4.4vw,74px)}
.desks{list-style:none;margin:26px 0 0;padding:0;max-width:560px;border-top:1px solid rgba(237,242,240,.22)}
.desks li{border-bottom:1px solid rgba(237,242,240,.22)}
.desks .ln-i{display:grid;grid-template-columns:38px 96px 1fr;align-items:baseline;padding:10px 0;text-shadow:var(--tshadow)}
.desks b{font:500 11px/1 var(--font-marker);letter-spacing:.12em;color:var(--golden)}
.desks strong{font:500 18px/1.2 var(--font-peak);letter-spacing:-.005em}
.desks span span{font:400 15px/1.4 var(--font-path);color:var(--glacier)}
.ch-cta{margin-top:30px}
.ch-cta .ln-i{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:2px 0 4px}
.ch-cta .text-link{color:var(--glacier);text-shadow:var(--tshadow)}
.ch-after{margin:16px 0 0;font:400 12px/1.6 var(--font-marker);letter-spacing:.08em;text-transform:uppercase;color:var(--glacier);text-shadow:var(--tshadow)}
.cue{position:fixed;right:var(--pad);bottom:clamp(40px,9vh,96px);z-index:3;display:flex;align-items:center;gap:14px;font:400 11px/1 var(--font-marker);letter-spacing:.18em;text-transform:uppercase;color:var(--glacier);transition:opacity .6s}
.cue span{background:rgba(11,26,36,.72);border:1px solid var(--hairline);padding:7px 11px;border-radius:999px}
.cue i{width:1px;height:46px;background:linear-gradient(180deg,transparent,var(--golden));animation:cue 2.6s var(--ease) infinite;transform-origin:50% 0}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:50% 0}51%{transform-origin:50% 100%}100%{transform:scaleY(0);transform-origin:50% 100%}}
.cue.off{opacity:0}

/* ---------- after the climb: summit night, hairlines, mono elevation markers, contour lines ---------- */
.after{position:relative;z-index:5;color:var(--glacier);background:linear-gradient(180deg,rgba(11,26,36,0) 0,rgba(11,26,36,.86) 10vh,var(--summit) 18vh);padding-top:18vh}
.after::before{content:"";position:absolute;inset:18vh 0 0;pointer-events:none;opacity:.9;background-image:repeating-radial-gradient(ellipse 130% 90% at 50% 128%,transparent 0 46px,rgba(31,166,184,.06) 46px 47px)}
.wrap{position:relative;width:min(1240px,calc(100% - 2*var(--pad)));margin:0 auto}
.sec{position:relative;padding:clamp(80px,13vh,150px) 0;border-top:1px solid var(--hairline)}
.lanes{border-top:0}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;font:400 12px/1 var(--font-marker);letter-spacing:.18em;text-transform:uppercase;color:var(--glacier-dim)}
.eyebrow::before{content:"▲";color:var(--golden);font-size:.8em}
.sec-h{margin:0;font:600 clamp(44px,5vw,80px)/1.02 var(--font-peak);letter-spacing:-.02em;color:var(--glacier)}
.lede{margin:26px 0 0;max-width:48ch;font:300 clamp(18px,1.4vw,21px)/1.55 var(--font-path);color:var(--glacier-dim)}
.note{margin:28px 0 0;font:400 12px/1.6 var(--font-marker);letter-spacing:.04em;color:var(--glacier-dim)}
.tag{margin:0 0 26px;font:400 11px/1 var(--font-marker);letter-spacing:.18em;text-transform:uppercase;color:var(--glacier-dim)}
h3{margin:0;font:500 clamp(28px,2.4vw,38px)/1.08 var(--font-peak);letter-spacing:-.01em}
.after ul{list-style:none;padding:0;margin:24px 0 34px}
.after li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--hairline);color:var(--glacier);font-size:16px}
.after li::before{content:"";position:absolute;left:0;top:23px;width:12px;height:1px;background:var(--golden)}

.lane-grid{display:grid;grid-template-columns:1.15fr 1fr;margin-top:clamp(48px,8vh,84px);border-top:1px solid var(--hairline)}
.lane{padding:46px 48px 48px 0;display:flex;flex-direction:column;align-items:flex-start}
.lane+.lane{padding:46px 0 48px 48px;border-left:1px solid var(--hairline)}
.lane>p:not(.tag){margin:16px 0 0;color:var(--glacier-dim);max-width:42ch}
.lane ul{align-self:stretch}
.lane>a{margin-top:auto}
.lane-main .tag{color:var(--golden)}
.lane-main h3{font-size:clamp(36px,3.4vw,54px)}

.plug-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 1.4fr;gap:clamp(24px,4vw,64px);margin-top:clamp(48px,8vh,80px);align-items:start}
.tools{display:flex;flex-direction:column;border-top:1px solid var(--hairline)}
.tool{display:grid;grid-template-columns:40px 1fr;text-align:left;padding:22px 0;border-bottom:1px solid var(--hairline);font:500 24px/1.1 var(--font-peak);color:var(--glacier-dim);transition:color .35s,padding .45s var(--ease),background .35s}
.tool b{font:400 11px/2.2 var(--font-marker);color:var(--glacier-faint);letter-spacing:.12em}
.tool small{grid-column:2;margin-top:6px;font:400 13px/1.3 var(--font-path);color:var(--glacier-dim)}
.tool:hover{color:var(--glacier)}
.tool[aria-selected="true"]{color:var(--glacier);padding-left:14px;box-shadow:inset 2px 0 0 var(--golden);background:linear-gradient(90deg,rgba(233,162,59,.10),transparent 70%)}
.tool[aria-selected="true"] b{color:var(--golden)}
.term{background:var(--summit-2);border:1px solid var(--hairline);border-radius:var(--r);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
.term-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--hairline)}
.term-bar span{width:9px;height:9px;border-radius:50%;background:rgba(237,242,240,.2)}
.term-bar em{margin-left:auto;font:400 12px/1 var(--font-marker);font-style:normal;color:var(--glacier-dim)}
.term-body{padding:34px clamp(22px,3vw,40px) 30px}
.term-body h3{font-size:clamp(24px,2vw,30px)}
.term-body>p{margin:12px 0 0;color:var(--glacier-dim);font-size:16px;max-width:54ch}
.term-body>.term-note{font:400 12px/1.6 var(--font-marker);letter-spacing:.04em;color:var(--golden);margin-top:18px}
pre{margin:14px 0 0;padding:22px;background:var(--summit);border:1px solid var(--hairline);border-radius:var(--r-sm);overflow:auto;font:400 14px/1.7 var(--font-marker);color:var(--glacier);white-space:pre-wrap;word-break:break-word}
pre code::before{content:"$ ";color:var(--golden)}
pre.json code::before,pre.plain code::before{content:""}
.term-foot{display:flex;align-items:center;gap:22px;margin-top:22px;flex-wrap:wrap}
#p-status{font:400 12px/1 var(--font-marker);color:var(--golden)}

.prov .sec-h{font-size:clamp(40px,4.2vw,68px)}
.prov-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,6vw,96px);align-items:center}
.card{margin:0;padding:clamp(28px,3vw,44px);border:1px solid var(--hairline);border-radius:var(--r-lg);background:radial-gradient(120% 80% at 100% 0%,rgba(31,166,184,.10),transparent 60%),var(--summit-2);box-shadow:0 30px 80px -40px rgba(0,0,0,.7);transform:rotate(-1.2deg)}
.card-k{margin:0 0 22px;font:400 11px/1 var(--font-marker);letter-spacing:.18em;text-transform:uppercase;color:var(--glacier-dim)}
.card-q{margin:0;font:400 20px/1.35 var(--font-path);color:var(--glacier-dim)}
blockquote{margin:18px 0 0;font:500 clamp(22px,1.9vw,28px)/1.3 var(--font-peak);letter-spacing:-.005em;color:var(--glacier)}
figcaption{display:grid;gap:6px;margin-top:30px;padding-top:22px;border-top:1px solid var(--hairline);font-size:15px;color:var(--glacier-dim)}
figcaption strong{color:var(--glacier);font-weight:500}
.src-k{font:400 11px/1 var(--font-marker);letter-spacing:.18em;text-transform:uppercase;color:var(--golden);margin-bottom:6px}
figcaption code{font:400 12px/1.6 var(--font-marker);color:var(--glacier-dim)}
.card-n{margin:20px 0 0;font-size:13px;color:var(--glacier-dim)}

.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(48px,8vh,80px)}
.door{padding:34px 30px 8px;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--summit-2);transition:border-color .4s,transform .5s var(--ease)}
.door:hover{border-color:rgba(233,162,59,.5);transform:translateY(-3px)}
.door>p:not(.tag){margin:14px 0 0;color:var(--glacier-dim);font-size:16px}
.doors-foot{display:flex;align-items:baseline;gap:28px;flex-wrap:wrap;margin-top:34px}
.doors-foot .note{margin:0}

.foot{position:relative;padding:70px 0 64px;border-top:1px solid var(--hairline);background:var(--summit)}
.foot-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.foot-brand{display:inline-flex;align-items:center;gap:12px;color:var(--glacier)}
.foot-mark{width:34px;height:35px}.foot-word{width:120px;height:19px}
.foot-line{margin:0;font:600 clamp(26px,2.6vw,40px)/1 var(--font-peak);letter-spacing:-.02em}
.foot-links{display:flex;gap:26px;justify-content:flex-end;font:400 12px/1 var(--font-marker);letter-spacing:.14em;text-transform:uppercase;color:var(--glacier-dim)}
.foot-links a:hover{color:var(--glacier)}
.ridge{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sky)}

html.motion [data-rv]{opacity:0;transform:translateY(28px)}

/* ---------- reduced motion: six still photographs in normal flow, the copy on each ---------- */
html.rm .stage{display:none}
html.rm .marks,html.rm .cue{display:none}
html.rm .journey{height:auto}
html.rm .chapters{position:static;width:auto;height:auto;display:block}
html.rm .ch{position:relative;visibility:visible;left:auto;right:auto;bottom:auto;width:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:18vh var(--pad) 12vh;background:var(--summit) center/cover no-repeat}
html.rm .ch::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,28,.80) 0%,rgba(8,20,28,.66) 36%,rgba(8,20,28,.24) 64%,rgba(8,20,28,0) 82%),linear-gradient(0deg,rgba(8,20,28,.5),rgba(8,20,28,0) 50%)}
html.rm .ch>*{position:relative;max-width:760px}
html.rm .ch[data-plate="p1"]{background-image:image-set(url(../assets/plates-v5/p1-poster.avif) type("image/avif"),url(../assets/plates-v5/p1-poster.webp) type("image/webp"))}
html.rm .ch[data-plate="p2"]{background-image:image-set(url(../assets/plates-v5/p2-poster.avif) type("image/avif"),url(../assets/plates-v5/p2-poster.webp) type("image/webp"))}
html.rm .ch[data-plate="p3"]{background-image:image-set(url(../assets/plates-v5/p3-poster.avif) type("image/avif"),url(../assets/plates-v5/p3-poster.webp) type("image/webp"))}
html.rm .ch[data-plate="p4"]{background-image:image-set(url(../assets/plates-v5/p4-poster.avif) type("image/avif"),url(../assets/plates-v5/p4-poster.webp) type("image/webp"))}
html.rm .ch[data-plate="p5"]{background-image:image-set(url(../assets/plates-v5/p5-poster.avif) type("image/avif"),url(../assets/plates-v5/p5-poster.webp) type("image/webp"))}
html.rm .ch[data-plate="p6"]{background-image:image-set(url(../assets/plates-v5/p6-poster.avif) type("image/avif"),url(../assets/plates-v5/p6-poster.webp) type("image/webp"))}
html.rm .ch[data-side="r"]{background-position:30% 50%}
html.rm .after{padding-top:0;background:var(--summit)}
html.rm .after::before{inset:0}
html.no-webgl .stage canvas{display:none}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .lane-grid,.prov-grid,.plug-grid{grid-template-columns:1fr}
  .lane,.lane+.lane{padding:40px 0;border-left:0}
  .lane+.lane{border-top:1px solid var(--hairline)}
  .door-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;justify-items:start}
  .foot-links{justify-content:flex-start;flex-wrap:wrap}
  .top-nav>a:not(.btn){display:none}
}
@media (max-width:760px){
  body{font-size:16px}
  .topbar{padding:16px 20px}
  .brand-word{width:88px;height:14px}
  .brand-mark{width:23px;height:24px}
  /* phones: the photograph is a band at the top, the copy sits below it on summit night (nothing covers him) */
  .stage{bottom:auto;height:56svh}
  .stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(180deg,rgba(11,26,36,0),var(--summit))}
  .scrim{display:none}
  .chapters{left:20px;width:calc(100vw - 40px);top:calc(56svh - 34px);bottom:16px;height:auto}
  .ch,.ch[data-side="r"]{left:0;right:auto;top:0;bottom:auto;width:100%}
  .ch-h{font-size:clamp(36px,10.4vw,48px);text-shadow:none}
  .ch[data-ch="4"] .ch-h{font-size:clamp(30px,8.4vw,38px)}
  .ch-idx{margin-bottom:12px;font-size:10.5px;padding:7px 10px}
  .ch-sub{font-size:16px;margin-top:10px;text-shadow:none}
  .ch-lede{font-size:14px;margin-top:8px;text-shadow:none}
  .ch-cap{font-size:14px;margin-top:10px;text-shadow:none}
  .ch-flow{font-size:10.5px;margin-top:12px}
  .ch-link{margin-top:12px}
  .ch-cta{margin-top:18px}
  .ch-after{font-size:10.5px;margin-top:12px}
  .desks{margin-top:12px}
  .desks .ln-i{grid-template-columns:28px 72px 1fr;padding:6px 0;text-shadow:none}
  .desks strong{font-size:15px}
  .desks span span{font-size:13px;line-height:1.35}
  .cue{display:none}
  .tool{font-size:20px;padding:18px 0}
  pre{font-size:13px;padding:16px}
  html.rm .ch{padding:14vh 20px 10vh;background-position:var(--mx,50%) 50%}
  html.rm .ch::before{background:linear-gradient(0deg,rgba(8,20,28,.88) 0%,rgba(8,20,28,.74) 40%,rgba(8,20,28,.2) 70%,rgba(8,20,28,0) 85%)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* QA: hide the chapter glyphs but keep every background (contrast measurement) */
html.qa-notext .chapters *,html.qa-notext .marks b{color:transparent!important;text-shadow:none!important}
html.qa-notext .text-link{border-bottom-color:transparent!important}
html.qa-notext .cue{visibility:hidden}
html.qa-flat .scrim,html.qa-flat .chapters,html.qa-flat .topbar,html.qa-flat .marks,html.qa-flat .cue,html.qa-flat .hair{display:none!important}

/* =================================================================================================
   v6: the film. Copy anchored to the story point, expedition chrome, the shortcut diagram.
   ================================================================================================= */
html.motion .chapters{left:0;top:0;bottom:auto;width:100vw;height:100vh;height:100svh}
html.motion .ch,html.motion .ch[data-side="r"]{left:0;top:0;bottom:auto;right:auto;width:min(var(--bw,560px),calc(100vw - 2*var(--pad)));will-change:transform,opacity}
html.motion .ch[data-ch="0"]{--bw:620px}
html.motion .ch[data-ch="4"]{--bw:480px}
/* headline size scales with depth: close and personal at the shore, wide and epic at altitude */
.ch{--hs:1}
.ch[data-ch="0"]{--hs:1}.ch[data-ch="1"]{--hs:.88}.ch[data-ch="2"]{--hs:.8}.ch[data-ch="3"]{--hs:.74}.ch[data-ch="4"]{--hs:.62}.ch[data-ch="5"]{--hs:.6}.ch[data-ch="6"]{--hs:.6}
.ch-h{font-size:calc(clamp(54px,6.6vw,108px)*var(--hs))}
html.motion .ch[data-ch="4"] .ch-h{font-size:calc(clamp(54px,6.6vw,108px)*var(--hs))}
/* the copy stack: index, headline, sub, caption on a 24 px rhythm */
html.motion .ch-idx{margin-bottom:24px}
html.motion .ch-sub,html.motion .ch-flow,html.motion .ch-cap,html.motion .ch-link,html.motion .ch-after{margin-top:24px}
html.motion .ch-lede{margin-top:12px}
html.motion .ch-cta{margin-top:24px}
/* a summit-night pool that travels with the copy (measured for 4.5:1), instead of fixed corner scrims */
html.motion .ch::before{content:"";position:absolute;inset:-24% -22% -34% -22%;z-index:-1;pointer-events:none;opacity:var(--pool,0);
  background:radial-gradient(closest-side,rgba(8,20,28,.80) 0%,rgba(8,20,28,.76) 58%,rgba(8,20,28,.42) 80%,rgba(8,20,28,.12) 92%,rgba(8,20,28,0) 100%)}
html.motion .ch[data-ch="4"]::before{inset:-30% -18% -30% -18%}
.ch-echo{position:absolute;left:0;right:0;margin:0;pointer-events:none;opacity:0;color:var(--glacier);text-shadow:none;mix-blend-mode:screen}
.ch-echo .ln{overflow:visible}
html.rm .ch-echo,html:not(.motion) .ch-echo{display:none}
.ch-h .gw,.foot-line .gw{text-shadow:0 0 28px rgba(233,162,59,.28),var(--tshadow)}

/* chapter 05: rows on the ridgelines (desktop motion), hand-marked map tags */
@media (min-width:761px){
  html.motion .ch[data-ch="4"] .desks{position:absolute;left:0;top:0;margin:0;border:0;max-width:none;width:0;height:0}
  html.motion .ch[data-ch="4"] .desks li{position:absolute;left:0;top:0;width:248px;border:1px solid var(--hairline);border-radius:10px;background:rgba(11,26,36,.80);opacity:0}
  html.motion .ch[data-ch="4"] .desks .ln{overflow:hidden}
  html.motion .ch[data-ch="4"] .desks .ln-i{grid-template-columns:30px 1fr;row-gap:4px;padding:10px 12px 11px;text-shadow:none}
  html.motion .ch[data-ch="4"] .desks span span{grid-column:1/-1;font-size:13.5px;line-height:1.38;color:var(--glacier)}
  html.motion .ch[data-ch="4"] .desks strong{font-size:17px}
}
.leaders{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;visibility:hidden}
.leaders line{stroke:var(--golden);stroke-width:1;opacity:0}
html.past .leaders,html.past .marks{visibility:hidden!important}

/* chapter 07: the diagram */
.dia{position:fixed;inset:0;z-index:2;pointer-events:none;visibility:hidden}
.dia svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.d-ridge{fill:none;stroke:var(--glacier);stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}
.d-ridge.on-photo{stroke-width:2.2}
.d-shore{stroke-dasharray:0 99999}
.d-cont{fill:none;stroke:rgba(31,166,184,.16);stroke-width:1;opacity:0}
.d-base{fill:none;stroke:var(--hairline);stroke-width:1;opacity:0}
.d-trail{fill:none;stroke:rgba(237,242,240,.78);stroke-width:1.25;stroke-dasharray:3 6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.d-camp{opacity:0}
.d-camp path{fill:var(--summit);stroke:var(--glacier);stroke-width:1.1}
.d-camp text,.d-you text,.d-top text{font:500 11.5px var(--font-marker);letter-spacing:.1em;fill:var(--glacier);paint-order:stroke;stroke:var(--summit);stroke-width:5px;stroke-linejoin:round}
.d-camp text{text-transform:none;letter-spacing:.04em;font-size:12px}
.d-line{fill:none;stroke:var(--golden);stroke-width:2;stroke-linecap:round;stroke-dasharray:0 99999}
.d-you,.d-top,.d-rider{opacity:0}
.d-you text{fill:var(--golden);text-transform:uppercase}
.d-dot{fill:var(--golden)}
.d-pulse{fill:none;stroke:var(--golden);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:dPulse 2s var(--ease) infinite}
@keyframes dPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
.d-top{color:var(--glacier)}
.d-top circle{fill:var(--glacier)}
.d-top text{text-transform:uppercase;letter-spacing:.16em}
.d-rider circle{fill:var(--golden);stroke:rgba(233,162,59,.28);stroke-width:10px;paint-order:stroke}
.d-rider{color:var(--summit)}
html.motion .ch-dia{top:auto;bottom:clamp(36px,7vh,80px);left:calc(var(--pad) + 26px)!important;--bw:600px}
html.motion .ch-dia::before{inset:-20% -16% -18% -24%}
.ch-long{margin:0 0 24px;font:400 12px/1.6 var(--font-marker);letter-spacing:.1em;text-transform:uppercase;color:var(--glacier-dim)}
.ch-dia .ch-flow{color:var(--golden)}
.ch-dia .ch-cta .btn-outline{padding:15px 20px}
html.motion .ch-dia .ch-long,html.motion .ch-dia .ch-h,html.motion .ch-dia .ch-sub,html.motion .ch-dia .ch-flow,html.motion .ch-dia .ch-cta,html.motion .ch-dia .ch-after,html.motion .ch-dia .ch-idx{opacity:0}

/* expedition chrome: viewfinder corners, the route on the left edge, the elevation readout, grain, haze */
.vf{position:fixed;inset:86px 16px 16px 16px;z-index:4;pointer-events:none;transition:opacity .6s}
.vf i{position:absolute;width:22px;height:22px;border:0 solid rgba(237,242,240,.42)}
.vf i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}
.vf i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}
.vf i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}
.vf i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.route-w{position:fixed;left:26px;top:132px;bottom:132px;width:24px;z-index:4;pointer-events:none;transition:opacity .6s}
.route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.route path{fill:none;stroke-width:1}
.r-off{stroke:rgba(237,242,240,.22);stroke-dasharray:2 5}
.r-on{stroke:var(--golden);stroke-dasharray:0 99999}
.r-tick{position:absolute;left:8px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--summit);border:1px solid rgba(237,242,240,.5);transition:background .4s,border-color .4s}
.r-tick.on{background:var(--golden);border-color:var(--golden)}
.r-top{border-radius:0;width:0;height:0;left:6px;margin-top:-10px;border:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid rgba(237,242,240,.5);background:none}
.r-top.on{border-bottom-color:var(--golden);background:none}
.alt{position:fixed;right:calc(var(--pad) - 8px);bottom:28px;z-index:4;display:flex;align-items:center;gap:12px;font:400 11px/1 var(--font-marker);letter-spacing:.16em;text-transform:uppercase;color:var(--glacier);pointer-events:none;transition:opacity .6s;padding:8px 12px;border-radius:999px;background:rgba(11,26,36,.84);border:1px solid var(--hairline)}
.alt-k{color:var(--golden)}
.alt-bars{display:flex;gap:3px;align-items:flex-end;height:12px}
.alt-bars i{display:block;width:3px;background:rgba(237,242,240,.28)}
.alt-bars i:nth-child(1){height:3px}.alt-bars i:nth-child(2){height:4px}.alt-bars i:nth-child(3){height:5px}.alt-bars i:nth-child(4){height:6px}.alt-bars i:nth-child(5){height:7px}.alt-bars i:nth-child(6){height:8px}
.alt-bars i:nth-child(7){height:9px}.alt-bars i:nth-child(8){height:10px}.alt-bars i:nth-child(9){height:11px}.alt-bars i:nth-child(10){height:12px}.alt-bars i:nth-child(11){height:12px}.alt-bars i:nth-child(12){height:12px}
.alt-bars i.on{background:var(--golden)}
.alt-pct{min-width:4ch;color:var(--glacier)}
.alt-log{color:var(--glacier);padding-left:12px;border-left:1px solid var(--hairline)}
html.past .vf,html.past .route-w,html.past .alt{opacity:0}
html.rm .vf,html.rm .route-w,html.rm .alt,html.rm .leaders{display:none}
.cue{right:auto;left:50%;translate:-50% 0;bottom:24px}
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.03;mix-blend-mode:overlay;animation:grain 1s steps(6) infinite;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0)}}
.haze{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(225,232,235,.10) 0%,rgba(225,232,235,.05) 45%,rgba(225,232,235,0) 75%);opacity:.9}
html.qa-notext .ch::before{opacity:1}
html.qa-notext .alt *, html.qa-notext .d-camp text, html.qa-notext .d-you text, html.qa-notext .d-top text{fill:transparent!important;color:transparent!important;stroke:none!important}
html.qa-flat .vf,html.qa-flat .route-w,html.qa-flat .alt,html.qa-flat .grain,html.qa-flat .haze,html.qa-flat .dia,html.qa-flat .leaders{display:none!important}

/* reduced motion: the diagram finished, static */
html.rm .dia{position:relative;inset:auto;visibility:visible;width:100%;height:62vh;margin-bottom:24px}
html.rm .ch-dia{background:var(--summit)!important;min-height:auto;justify-content:flex-start;padding-top:12vh}
html.rm .ch-dia::before{display:none}
html.rm .d-you,html.rm .d-top,html.rm .d-camp{opacity:1}

@media (max-width:760px){
  .vf,.route-w{display:none}
  .alt{right:12px;left:auto;bottom:auto;top:78px;padding:6px 9px;gap:8px;font-size:9.5px}
  .alt-log{display:none}
  .dia{bottom:auto;height:56svh}
  .ch-h{font-size:calc(clamp(34px,10vw,46px)*(0.55 + .45*var(--hs)))}
  .ch[data-ch="4"] .ch-h{font-size:clamp(30px,8.4vw,38px)}
  html.motion .ch-idx{margin-bottom:12px}
  html.motion .ch-sub,html.motion .ch-flow,html.motion .ch-cap,html.motion .ch-link,html.motion .ch-after,html.motion .ch-cta{margin-top:12px}
  html.motion .ch::before{display:none}
  html.motion .chapters{left:20px;top:calc(56svh - 34px);width:calc(100vw - 40px);height:auto;bottom:16px}
  html.motion .ch,html.motion .ch[data-side="r"]{width:100%}
  html.motion .ch-dia{top:0;bottom:auto;left:0!important}
  .ch-long{margin-bottom:10px;font-size:10.5px}
  .cue{display:none}
}
/* small mono and caption lines get a soft summit-night halo on the photographs (measured, contrast.txt) */
html.motion .ch-flow,html.motion .ch-after,html.motion .ch-cap,html.motion .ch-lede,html.motion .ch-link .text-link{text-shadow:0 0 8px rgba(8,20,28,.85),0 1px 2px rgba(5,14,20,.6)}
html.motion .ch[data-ch="2"]::before{inset:-24% -32% -42% -22%}
html.rm .ch-dia .dia{max-width:none}
html.rm .ch .ch-idx{align-self:flex-start}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}