/* =====================================================================================
   Coolant concept V6 · "High noon in the stand"
   Loads after layout.css (V3/V4 geometry + responsive + reduced motion) and owns every visual decision.

   TYPE      Instrument Serif for display, numbers and leads. Instrument Sans (its designed companion, same designer)
             for everything else. Italic serif is reserved for one accent word per heading.
   COLOUR    Three materials. Sunlit green footage, never faded into the page. Solid sun-yellow bands that carry copy
             and numbers. A warm white reading ground. Small text is always ink, green, or a 4.5:1 amber.
   LAYOUT    One gutter (--g), one section rhythm (--sp), one section-header pattern (.sec-head: label + h2 left,
             serif lead right). Imagery is cut hard-edged, full-bleed or framed. One light source, top-left.
   ===================================================================================== */

:root{
 --ground:#FFF2C4;--ground-2:#FFE79A;--sun:#FFC93C;--sun-deep:#E39B00;--label:#9A6300;--on-sun:#4A3A0A;
 --ink:#14261A;--green:#1E4F2C;--leaf:#2F7A3A;--muted:#5E6350;--hair:#14261A29;--cream:#FFFDF4;
 --serif:Instrument,Georgia,serif;--sans:"Instrument Sans",Manrope,Arial,sans-serif;
 --g:clamp(20px,6.5vw,110px);--sp:clamp(72px,9vw,150px);
 --t-h1:clamp(72px,10.6vw,196px);--t-h2:clamp(44px,5.4vw,92px);--t-h3:clamp(28px,2.6vw,42px);--t-lead:clamp(19px,1.55vw,24px);--t-num:clamp(48px,5vw,84px);
 --grade:saturate(1.32) brightness(1.04) contrast(1.05) sepia(.1) hue-rotate(-5deg);
 /* tokens layout.css still reads */
 --paper:#FFF2C4;--acid:#FFC93C;--rust:#9A6300;--dark:#14261A;
}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-3.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-1.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-2.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- base type ---------- */
body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}
::selection{background:var(--sun);color:var(--ink)}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
h2{font-size:var(--t-h2);line-height:.96;color:var(--green)}
h3{font-size:var(--t-h3);line-height:1.1;color:var(--ink)}
.hero h1 em,main h2 em,dialog h2 em,.closing>a>em,.specimen-words>em{font-family:var(--serif)!important;font-style:italic!important;font-size:1em!important;letter-spacing:-.015em;margin:0}
.lead{font-family:var(--serif);font-size:var(--t-lead);line-height:1.35;color:var(--ink);letter-spacing:-.005em}
.micro{font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--label);line-height:1.5}
.body-copy{font-size:17px;line-height:1.6;color:var(--muted)}
.fine{font-size:13px;line-height:1.55;color:var(--muted)}
.text-link{font-family:var(--sans);font-size:15px;font-weight:600;gap:14px;padding:12px 0;border-bottom:2px solid var(--sun)}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1;padding:17px 26px;border-radius:999px;background:var(--ink);color:var(--cream);border:1.5px solid var(--ink);transition:background .25s,color .25s}
.btn:hover{background:#000;border-color:#000}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:#14261A14}
.btn.ghost>span{font-size:10px;font-family:Arial,sans-serif}
.sec-head{display:grid;grid-template-columns:7fr 5fr;gap:40px var(--g);align-items:end;margin-bottom:clamp(40px,4.5vw,72px)}
.sec-head h2{margin-top:18px}
.sec-head>.lead{color:var(--muted);max-width:460px;padding-bottom:10px}
a:focus-visible,button:focus-visible{outline:2px solid var(--sun-deep)}

/* ---------- header ---------- */
header{padding:28px var(--g);color:var(--cream);gap:40px}
.brand{font-family:var(--serif);font-size:34px;font-weight:400;letter-spacing:-.01em}
header nav{font-family:var(--sans);font-size:14px;font-weight:500;gap:30px}
header nav a:last-child{margin-left:10px}
#motion{font-family:var(--sans);font-size:12px;font-weight:500;border-color:#fffdf480}

/* ---------- hero: canopy over a solid sun band ---------- */
.hero-sticky{background:var(--sun)}
.hero-image{inset:0 0 27% 0}
.hero-image video{filter:none}
.hero-veil{background:linear-gradient(180deg,#14260c4d 0%,#14260c00 24%),linear-gradient(0deg,#14260c73 0%,#14260c26 34%,#14260c00 60%),linear-gradient(90deg,#14260c40 0%,#14260c00 55%)}
/* Sunlight as light, not paint: a wide warm screen lift toward the top-left and a broad soft-light warm cast. No hot centre. */
.hero-veil:before{content:'';position:absolute;inset:0;background:radial-gradient(130vw 110vh at 0% 0%,#ffe9a0 0%,#ffd86a 28%,#ffcf5000 72%);mix-blend-mode:screen;opacity:.24}
.hero-veil:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffd24a 0%,#ffd24a00 65%);mix-blend-mode:soft-light;opacity:.45}
.hero-heading{left:var(--g);right:var(--g);top:auto;bottom:calc(27% + 36px)}
.hero-heading>.micro{color:var(--cream);margin-bottom:22px}
.hero h1{font-size:var(--t-h1);line-height:.9;letter-spacing:-.025em;color:var(--cream)}
.hero h1>span{display:block}
.hero-bottom{top:73%;bottom:auto;height:27%;left:var(--g);right:var(--g);display:flex;align-items:center;justify-content:space-between;gap:40px;color:var(--ink);padding-bottom:30px}
.hero-bottom>.lead{font-size:var(--t-lead);line-height:1.35;max-width:560px;color:var(--ink)}
.hero-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.hero-footnote{left:var(--g);right:var(--g);bottom:20px;font-family:var(--sans);font-size:13px;letter-spacing:0;color:var(--on-sun)}
.hero-footnote>a{font-size:13px;color:var(--ink);font-weight:600}
.hero-footnote>a>span{margin-left:8px}

/* ---------- why ---------- */
.why{padding:var(--sp) var(--g) 0;background:var(--ground)}
.why .sec-head{margin-bottom:0;grid-template-columns:7fr 5fr}
.why h2{font-size:clamp(40px,4.9vw,82px)}
.why .sec-head>.lead{max-width:560px;color:var(--ink)}
/* ---------- proof: the launch claims, on the same band ---------- */
.proof{background:var(--sun);padding:52px var(--g) 64px;border-top:1px solid #14261A33}
.proof>.micro{color:var(--on-sun);margin-bottom:32px}
.proof ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.proof li{border-left:1px solid #14261A55;padding-left:20px}
.proof strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-.015em}
.proof strong small{font-size:.5em;font-style:italic;margin-left:1px}
.proof span{display:block;font-size:15px;line-height:1.5;color:var(--on-sun);margin-top:12px;max-width:260px}

/* ---------- specimen: the sun is behind the tree ---------- */
.specimen-chapter{background:var(--ground)}
.specimen-sticky{background:radial-gradient(52% 34% at 50% 30%,#FFE6A0 0%,#FFECB4 40%,#FFF2C400 100%)}
.specimen-top{left:var(--g);right:var(--g);color:var(--label)}
.specimen-words{color:var(--leaf)}
.specimen-words>span{font-family:var(--serif);font-size:clamp(130px,19vw,330px);letter-spacing:-.03em;top:27%;left:var(--g)}
.specimen-words>em{font-size:clamp(150px,22vw,380px)!important;letter-spacing:-.02em;top:43%;right:var(--g)}
.specimen-intro{left:var(--g);max-width:300px}
.specimen-intro>.lead{margin-top:14px}
.turn-note{font-size:13px;margin-top:18px;color:var(--muted)}
.specimen-details{right:var(--g);width:30%;max-width:400px}
.specimen-details h2{font-size:clamp(40px,4.4vw,74px);line-height:.98;margin:18px 0 20px}
.specimen-details .body-copy{font-size:15px;max-width:320px}
.specimen-details dl>div{border-top:1px solid var(--hair);padding:12px 0}
.specimen-details dt{font-size:13px;color:var(--muted)}
.specimen-details dd{font-family:var(--serif);font-size:34px;letter-spacing:-.02em}
.specimen-details dd small{font-family:var(--sans);font-size:12px}
.specimen-details .fine{font-size:12px}
.height-rule,.height-rule:before,.height-rule:after{border-color:var(--sun-deep);background-color:var(--sun-deep)}.height-rule{background:none}
.height-rule>span,.dbh-anchor>span{color:var(--label);font-family:var(--sans);font-size:12px;font-weight:600}
.dbh-anchor>i{background:var(--sun-deep)}
.specimen-bottom{left:var(--g);right:var(--g)}
.view-controls button{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--muted);padding:12px 0;border-bottom:2px solid transparent}
.view-controls button[aria-pressed=true]{color:var(--ink);border-color:var(--sun-deep)}
.specimen-bottom>.micro{font-size:13px}
.tree-plate canvas,.tree-plate img,.example-plate canvas,.example-plate img,.fork-plate canvas,.fork-plate img{filter:saturate(1.18) brightness(1.05)}

/* ---------- gallery ---------- */
.tree-collection{padding:var(--sp) var(--g);background:var(--ground)}
.collection-nav{margin-bottom:10px}
.collection-nav>.micro{font-size:13px}
.example-caption{border-top:1px solid var(--hair);padding-top:16px}
.example-caption h3{font-size:26px;margin:0}
.example-caption p{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:12px}
.example-caption p>span{display:flex;gap:6px;align-items:baseline}
.example-caption strong{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--ink)}

/* ---------- flight: full-colour footage over a solid sun caption band ---------- */
.landscape-journey,.landscape-stage{background:var(--sun)}
.journey-poster,#journey-canvas{height:72%}
.journey-shade{height:72%;background:linear-gradient(180deg,#14260c4d,transparent 22%)}
.journey-shade:before{content:'';position:absolute;inset:0;background:radial-gradient(130vw 110vh at 0% 0%,#ffe9a0 0%,#ffd86a 28%,#ffcf5000 72%);mix-blend-mode:screen;opacity:.22}
.journey-shade:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffd24a 0%,#ffd24a00 65%);mix-blend-mode:soft-light;opacity:.4}
.journey-head{left:var(--g);right:var(--g);color:var(--cream);font-size:13px;letter-spacing:0}
.journey-copy article{top:72%;left:var(--g);width:calc(100% - 2*var(--g));max-width:none;padding-top:26px}
.journey-copy .micro{color:var(--on-sun)}
.journey-copy h2{font-size:clamp(32px,3.4vw,52px);line-height:1;margin:10px 0 10px;color:var(--ink);max-width:640px}
.journey-copy article>p:last-of-type{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--on-sun);max-width:540px}
.journey-key{margin-top:12px;font-size:13px;color:var(--on-sun)}
.journey-key i{width:9px;height:9px;outline:1px solid #0003}
.journey-number{position:absolute;right:0;top:26px;font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.6vw,76px);letter-spacing:-.02em;margin:0;color:var(--ink)}
.journey-number small{font-family:var(--sans);font-size:13px;color:var(--on-sun);margin-left:8px;letter-spacing:0}
.journey-bottom{left:var(--g);right:var(--g);bottom:18px;font-family:var(--sans);font-size:13px;color:var(--on-sun)}
.journey-bottom>button{font-size:13px;font-weight:600;color:var(--ink)}
.journey-progress{background:#14261A40}.journey-progress>i{background:var(--ink)}
#journey-status{color:var(--on-sun);top:auto;bottom:66px;right:var(--g);font-size:12px}

/* ---------- use cases ---------- */
.uses{padding:var(--sp) var(--g) 40px;background:var(--ground)}
.use{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,5vw,80px);align-items:start;padding:clamp(40px,4vw,64px) 0;border-top:1px solid var(--hair)}
.use.flip>figure{order:2}
.use figure{margin:0}
.use figure img,.use figure video{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#1c2a1d}
.use figcaption{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.5}
.use h3{font-size:var(--t-h3);margin:18px 0 20px;max-width:520px}
.use .body-copy{max-width:480px}
.stat-row{display:flex;flex-wrap:wrap;gap:22px 36px;margin:28px 0 6px}
.stat-row dt{font-family:var(--sans);font-size:13px;color:var(--muted);font-weight:500}
.stat-row dd{margin:6px 0 0;font-family:var(--serif);font-size:38px;line-height:1;letter-spacing:-.02em}
.stat-row dd small{font-family:var(--sans);font-size:14px;margin-left:3px}
.use .text-link{margin-top:24px}

/* ---------- layers ---------- */
.tour{position:relative;background:#1c2a1d}
.tour{aspect-ratio:16/9}
.tour-poster,#tour-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#tour-canvas{opacity:0;transition:opacity .3s}
.tour.ready #tour-canvas{opacity:1}
.tour.ready .tour-poster{visibility:hidden}
.tour-label{position:absolute;left:24px;bottom:20px;font-family:var(--serif);font-size:clamp(24px,2.4vw,38px);color:var(--cream);letter-spacing:-.01em}
.layer-list li button{font:inherit;color:inherit;padding:0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.layer-list li button:hover{color:var(--green)}
.layer-list li button.on{border-color:var(--sun-deep);color:var(--green)}
.layers{padding:var(--sp) var(--g);background:var(--ground)}
.layer-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.layer-strip figure{margin:0}
.layer-strip img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.layer-strip figcaption{font-family:var(--serif);font-size:22px;margin-top:12px}
.layer-list{list-style:none;margin:44px 0 0;padding:24px 0 0;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:10px 0}
.layer-list li{font-family:var(--serif);font-size:24px;line-height:1.25}
.layer-list li:not(:last-child):after{content:'·';color:var(--sun-deep);margin:0 16px}

/* ---------- stem form ---------- */
.detail-study{background:var(--ground-2);padding:var(--sp) var(--g)}
.detail-text{padding:40px 0 60px}
.detail-text h2{font-size:var(--t-h2);margin:18px 0 24px}
.detail-text .body-copy{max-width:400px}
.detail-text .text-link{margin-top:24px}
.detail-bottom{font-size:13px;color:var(--muted);line-height:1.6;max-width:360px}
.fork-caption>span{font-family:var(--serif);font-style:italic;font-size:44px;color:var(--sun-deep);letter-spacing:-.02em}
.fork-plate{mask-image:none;top:0;left:0;height:90%}
.fork-study{min-height:760px}
.fork-caption p{font-family:var(--sans);font-size:13px;letter-spacing:0;color:var(--muted);line-height:1.5}

/* ---------- ground level ---------- */
.walk-section{background:var(--ground-2);padding:0 var(--g) var(--sp)}
.walk-window{height:600px}
.walk-window video{object-position:50% 100%}
.walk-shade{background:linear-gradient(180deg,#14260c73,transparent 32%)}
.walk-overline{left:24px;top:22px;color:var(--cream);font-size:13px}
.walk-words{display:none}
#replay-walk{color:var(--cream);font-family:var(--sans);font-size:13px;font-weight:600;border-color:#fffdf480;right:24px;bottom:22px}
#replay-walk>span{margin-left:10px}

/* ---------- how it works ---------- */
.method{background:var(--ground);padding:var(--sp) var(--g)}
.method-row{grid-template-columns:64px 1fr 1.2fr;gap:40px;padding:40px 0;border-top:1px solid var(--hair);align-items:center}
.method-row>span{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--label)}
.method-row figure{margin:0}
.method-row figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.method-row h3{font-family:var(--serif);font-size:clamp(34px,3.2vw,52px);margin-bottom:12px}
.method-row p{font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--muted);max-width:460px}
.evidence{margin-top:64px;padding-top:36px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;align-items:end;gap:40px}
.evidence>.lead{max-width:460px}
.evidence>div{text-align:right}
.evidence .fine{margin-bottom:6px}

/* ---------- backers, team ---------- */
.backers{padding:44px var(--g) 52px;border-top:1px solid var(--hair);display:flex;align-items:center;gap:60px;background:var(--ground)}
.backers>div{display:flex;align-items:center;gap:56px;flex-wrap:wrap}
.backers img{height:40px;width:auto;max-width:190px;object-fit:contain;opacity:.85;filter:grayscale(1) brightness(.35) contrast(1.2)}
.team{padding:var(--sp) var(--g);background:var(--ground)}
.people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 24px}
.people img{width:100%;aspect-ratio:4/5;object-fit:cover}
.team .group{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--label);margin:44px 0 18px;padding-top:18px;border-top:1px solid var(--hair)}
.team .sec-head+.group{margin-top:0;border-top:0;padding-top:0}
.people .portrait{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5;background:#f1dc94;color:var(--green);font-family:var(--serif);font-size:48px;letter-spacing:-.02em}
.people h3 a{border-bottom:1px solid var(--sun-deep)}
.people h3{font-size:23px;margin-top:14px;letter-spacing:-.015em}
.people span{display:block;font-family:var(--sans);font-size:13px;color:var(--label);font-weight:500;margin-top:4px}
.people p{font-size:13px;line-height:1.55;color:var(--muted);margin-top:8px}

/* ---------- closing, footer, dialog ---------- */
.closing{background:var(--sun);color:var(--ink);padding:var(--sp) var(--g) calc(var(--sp) * .7)}
.closing>.micro{color:var(--on-sun);margin-bottom:36px}
.closing>a{font-family:var(--serif);font-size:clamp(60px,9vw,160px);line-height:.94;letter-spacing:-.025em;display:block;position:relative;padding-bottom:0}
.closing>a>span:first-child,.closing>a>em{display:block}
.closing-arrow{position:absolute;right:0;top:10%;font-family:var(--sans);font-size:80px;font-weight:300;color:var(--ink);transition:transform .4s}
.closing>a:hover .closing-arrow{transform:translateX(14px)}
.closing-bottom{border-top:1px solid #14261A40;padding-top:26px;font-family:var(--sans);font-size:14px;color:var(--on-sun);display:flex;justify-content:space-between}
.closing-bottom>span:last-child{font-size:14px;letter-spacing:0}
footer{background:var(--sun);color:var(--ink);padding:36px var(--g);border-top:1px solid #14261A33}
footer .brand{font-size:30px}
footer nav{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--sans);font-size:14px;font-weight:500;margin-left:auto;margin-right:24px}
footer nav a{border-bottom:1px solid #1d2a1b40;padding-bottom:2px}
footer>span,footer>span:last-child{font-family:var(--sans);font-size:13px;color:var(--on-sun);letter-spacing:0}
dialog{background:#14261A;color:var(--cream);border-color:#fffdf433}
dialog>div{font-family:var(--sans);font-size:14px}
dialog video{width:100%;height:auto;aspect-ratio:16/9;max-height:80svh;background:#000;display:block}
dialog>p{font-size:12px}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media(max-width:1200px){.proof ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.people{grid-template-columns:repeat(4,minmax(0,1fr))}.layer-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){
 .why .sec-head{display:block}
 header{padding:22px var(--g);gap:24px}header nav{gap:20px}
 .sec-head{display:block}.sec-head>.lead{margin-top:20px;max-width:520px;padding-bottom:0}
 .hero-image{inset:0 0 34% 0}.hero-heading{bottom:calc(34% + 28px)}.hero h1{font-size:clamp(60px,10vw,120px)}
 .hero-bottom{top:66%;height:34%;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}
 .use{grid-template-columns:1fr}.use.flip>figure{order:0}
 .method-row{grid-template-columns:44px 1fr}.method-row figure,.method-row>div{grid-column:2}
 .people{grid-template-columns:repeat(3,minmax(0,1fr))}
 .evidence{display:block}.evidence>div{text-align:left;margin-top:20px}
 .journey-number{position:static;font-size:40px;margin-top:8px;display:block}
 .specimen-details{width:34%}
}
@media(max-width:600px){
 body{font-size:16px}
 header nav{gap:14px}header nav a[data-demo]{display:inline}
 .micro{font-size:13px}
 .brand{font-size:28px}header nav{font-size:13px}#motion{font-size:11px}
 .hero-image{inset:0 0 31% 0}.hero-heading{top:auto;bottom:calc(31% + 22px);left:var(--g);right:var(--g)}
 .hero-heading>.micro{font-size:13px;margin-bottom:12px}
 .hero h1{font-size:clamp(46px,12.5vw,72px);line-height:.94}.hero h1 em{display:inline;font-size:1em!important;margin:0}.hero h1>span:last-child{margin-top:0}
 .hero-bottom{top:69%;height:31%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding-bottom:26px}
 .hero-bottom>.lead{font-size:16px!important;max-width:330px}
 .hero-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn{font-size:13px;padding:12px 16px}
 .hero-footnote{bottom:12px;gap:16px}.hero-footnote>span{font-size:12px;max-width:200px;line-height:1.5}.hero-footnote>a{font-size:12px}
 .proof{padding:40px var(--g) 48px}.proof ul{grid-template-columns:1fr;gap:22px}.proof strong{font-size:24px}.proof span{font-size:14px}
 .specimen-words>span{font-size:27vw;top:19%}.specimen-words>em{font-size:33vw!important;top:44%}
 .specimen-intro{max-width:230px}.specimen-intro>.lead{font-size:16px}.turn-note{font-size:12px}
 .specimen-details{width:46%;top:18%}.specimen-details h2{font-size:28px;margin:12px 0 12px}.specimen-details .body-copy{font-size:12px}.specimen-details dl{margin:14px 0 6px}.specimen-details dl>div{padding:7px 0}.specimen-details dt{font-size:11px;margin-bottom:2px}.specimen-details dd{font-size:22px}.specimen-details .fine{display:none}
 .specimen-bottom>.micro{font-size:12px}
 .example-caption h3{font-size:22px}.example-caption strong{font-size:17px}
 .journey-poster,#journey-canvas,.journey-shade{height:56%}
 .journey-copy article{top:56%;padding-top:18px}
 .journey-copy h2{font-size:32px}.journey-copy article>p:last-of-type{font-size:13px;max-width:300px}.journey-key{margin-top:10px;font-size:12px}
 .journey-number{font-size:34px}.journey-bottom{bottom:14px;font-size:12px}
 .uses{padding-bottom:20px}.use{padding:34px 0}.use h3{font-size:26px}.stat-row{gap:16px 24px}.stat-row dd{font-size:30px}
 .tour-label{font-size:20px;left:14px;bottom:12px}.layer-list li{font-size:19px}.layer-list li:not(:last-child):after{margin:0 9px}
 .detail-study{padding-top:var(--sp)}.detail-text{padding:0}.detail-text h2{font-size:44px}.fork-caption>span{font-size:40px}.fork-study{min-height:0;margin-top:30px;padding-bottom:70px}.fork-plate{position:relative;height:auto;width:78%;aspect-ratio:3/4;left:50%;transform:translateX(-50%);top:0}.fork-caption{bottom:0}
 .walk-window{height:520px}
 .method-row{grid-template-columns:1fr;gap:16px;padding:30px 0}.method-row figure,.method-row>div{grid-column:1}.method-row h3{font-size:36px}.method-row p{font-size:14px}
 .backers{display:block;padding:32px var(--g)}.backers>div{margin-top:18px;gap:28px}.backers img{height:26px}
 .people{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.people h3{font-size:21px}.people p{font-size:12px}
 .closing>a{font-size:52px;line-height:.98;padding-bottom:0}.closing>a>em{max-width:none}.closing-arrow{font-size:44px;top:34%}
 footer>span,footer>span:last-child{font-size:11px}footer nav{gap:14px;margin:0;width:100%;order:3;font-size:13px}footer{gap:14px}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- contact form ---------- */
dialog.contact{background:var(--ground);color:var(--ink);border:0;padding:0;width:min(760px,94vw);max-height:92vh;overflow:auto}
dialog.contact::backdrop{background:#14261Ab3}
dialog.contact form{padding:40px clamp(22px,4vw,52px) 36px}
.contact-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}
.contact-head h2{font-size:clamp(36px,4vw,56px);line-height:.98;margin-top:8px}
#close-contact{font-family:var(--sans);font-size:28px;line-height:1;padding:6px 10px;color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.contact-grid label{display:flex;flex-direction:column;gap:7px;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--label)}
.contact-grid .wide{grid-column:1/-1}
.contact-grid input,.contact-grid select,.contact-grid textarea{font:inherit;font-family:var(--sans);font-size:16px;font-weight:400;color:var(--ink);background:#fff9df;border:1px solid #14261A33;border-radius:6px;padding:12px 14px;width:100%}
.contact-grid input:focus,.contact-grid select:focus,.contact-grid textarea:focus{outline:2px solid var(--sun-deep);outline-offset:1px;border-color:var(--sun-deep)}
.contact-grid textarea{resize:vertical;min-height:110px}
.contact-actions{display:flex;align-items:center;gap:28px;margin-top:26px;flex-wrap:wrap}
.contact-status{font-family:var(--sans);font-size:14px;color:var(--green);margin-top:16px;min-height:1.2em}
dialog.contact .fine{margin-top:10px}
dialog.contact .fine a{border-bottom:1px solid var(--sun-deep)}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr}.contact-head h2{font-size:32px}dialog.contact form{padding:28px 20px}}

/* four trees */
.tree-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:4%}
.example-plate{height:520px}
@media(min-width:1600px){.example-plate{height:600px}}
@media(max-width:950px){.tree-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 6%}.example-plate{height:420px}}

/* ---------- pass of 13 Sep: no pinning, no scroll-jacking, no eyebrows ---------- */
.hero{height:100svh;min-height:680px}.hero-sticky{position:relative}.hero-image{clip-path:none!important}.hero-heading{transform:none!important;opacity:1!important}
header nav{margin-left:auto}#motion{display:none}
.collection-nav{margin-bottom:10px;min-height:0}
.landscape-journey{height:auto}.landscape-stage{position:relative}
.journey-bottom{bottom:0;left:0;right:0}.journey-progress{background:#14261A26}
.walk-section{padding:var(--sp) var(--g)}.walk-window{margin-top:0}
.uses{padding-top:var(--sp)}
.sec-head h2,.specimen-details h2,.use h3{margin-top:0}
.closing{padding-top:var(--sp)}
@media(max-width:600px){.hero{min-height:600px}.hero-bottom{padding-bottom:22px}}

.contact-grid .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}