/* INNÉ — The Wisdom Within
   Fonts are self-hosted (no third-party request, GDPR-friendly). */
@font-face{font-family:"Cormorant Garamond";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:400;font-style:italic;font-display:swap;src:url("../fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:500;font-style:italic;font-display:swap;src:url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:600;font-style:italic;font-display:swap;src:url("../fonts/cormorant-garamond-latin-600-italic.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/manrope-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/manrope-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/manrope-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/manrope-latin-700-normal.woff2") format("woff2")}

:root{
  --forest:#142419; --forest-2:#1b2f20; --olive:#303D25; --green:#758A45; --green-deep:#5f7236;
  --sage:#A4AD75; --sand:#E8D4AE; --cream:#F3E5CB; --ivory:#F5F0E5;
  --ink:#1c2a1d; --ink-soft:#4a5540;
  --serif:"Cormorant Garamond","Cormorant",Georgia,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1180px; --r:6px; --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--forest);color:var(--ivory);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;margin:0;letter-spacing:.01em;text-wrap:balance}
p{margin:0 0 1em}
.wrap{width:min(var(--wrap),100% - 48px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--cream);color:var(--ink);padding:10px 16px;z-index:200;border-radius:var(--r)}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .4s var(--ease),box-shadow .4s var(--ease);background:linear-gradient(180deg,rgba(20,36,25,.85),rgba(20,36,25,0))}
.site-header.scrolled{background:rgba(20,36,25,.94);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(164,173,117,.18)}
.site-header .wrap{display:flex;align-items:center;gap:26px;height:92px}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ivory);line-height:1}
.logo img{width:60px;height:auto}
.logo span{display:inline-flex;flex-direction:column;align-items:center}
.logo b{font-family:var(--serif);font-weight:600;font-size:40px;letter-spacing:.2em;margin-right:-.2em;background:linear-gradient(180deg,#f6e7b4 0%,#dcc27c 45%,#b08d43 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 8px rgba(0,0,0,.45))}
.logo small{display:flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;margin-top:6px;color:#dcc27c;white-space:nowrap}
.logo small::before,.logo small::after{content:"";width:14px;height:1px;background:#dcc27c;opacity:.8}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;font-weight:500;color:var(--ivory);opacity:.85;padding:6px 0;position:relative;transition:opacity .3s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav a:hover,.nav a[aria-current]{opacity:1}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.nav .nav-only{display:none}
.has-sub{position:relative}
.sub-toggle{background:none;border:0;color:var(--ivory);font:500 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.85;padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:opacity .3s}
.sub-toggle:hover,.sub-toggle[aria-current]{opacity:1}
.sub-toggle[aria-current]{box-shadow:0 1px 0 var(--sage)}
.sub-toggle svg{width:9px;height:6px;fill:none;stroke:var(--sage);stroke-width:1.4;transition:transform .3s}
.sub{position:absolute;top:100%;left:-18px;min-width:210px;padding:14px 18px;margin-top:10px;background:rgba(20,36,25,.97);border:1px solid rgba(164,173,117,.28);border-radius:var(--r);display:grid;gap:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s,transform .3s var(--ease),visibility .3s}
.sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.has-sub:hover .sub,.has-sub:focus-within .sub,.has-sub.open .sub{opacity:1;visibility:visible;transform:none}
.has-sub:hover .sub-toggle svg,.has-sub.open .sub-toggle svg{transform:rotate(180deg)}
.sub a{white-space:nowrap}
.lang{appearance:none;background:transparent;color:var(--ivory);border:1px solid rgba(164,173,117,.45);border-radius:var(--r);font:600 11px var(--sans);letter-spacing:.12em;padding:8px 26px 8px 10px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23A4AD75' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.lang option{color:#1c2a1d;background:#F3E5CB}
.burger{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}
.burger span{display:block;height:1.5px;background:var(--ivory);margin:6px 0;transition:transform .3s var(--ease),opacity .3s}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:15px 26px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease);text-align:center}
.btn .arr{transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn-solid{background:linear-gradient(180deg,#86994f,#6a7f3d);color:#10200f;border-color:#8ea05a}
.btn-solid:hover{background:linear-gradient(180deg,#a4ad75,#8a9b55);transform:translateY(-1px)}
.btn-ghost{color:var(--ivory);border-color:rgba(164,173,117,.7)}
.btn-ghost:hover{background:rgba(164,173,117,.16);border-color:var(--sage)}
.btn-ink{color:var(--ink);border-color:var(--ink);background:transparent}
.btn-ink:hover{background:var(--forest);color:var(--ivory)}
.btn-sm{padding:11px 18px;font-size:11px}
.site-header .btn{white-space:nowrap}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:min(100vh,980px);display:flex;align-items:center;overflow:hidden;background:var(--forest);padding:130px 0 70px}
.hero-media{position:absolute;inset:0 0 0 auto;width:64%}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--forest) 0%,rgba(20,36,25,.82) 22%,rgba(20,36,25,.25) 58%,rgba(20,36,25,.05) 100%),linear-gradient(0deg,rgba(20,36,25,.75) 0%,rgba(20,36,25,0) 30%)}
.hero .wrap{position:relative}
.hero-copy{max-width:590px}
.hero-logo{width:clamp(220px,25vw,340px);height:auto;margin:0 0 10px -22px}
.about-logo{width:clamp(240px,30vw,380px);height:auto;margin:-20px auto 26px}
.hero-mark{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:34px}
.hero-mark b{font:500 clamp(48px,6vw,72px)/1 var(--serif);letter-spacing:.2em;margin-right:-.2em}
.hero-mark small{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--sage);margin-top:12px}
.hero-mark small::before,.hero-mark small::after{content:"";width:26px;height:1px;background:var(--sage)}
.hero h1{font-size:clamp(36px,4.6vw,60px);text-transform:uppercase;letter-spacing:.015em}
.hero h1 em,.page-hero h1 em{font-style:italic;color:var(--sage);font-weight:500}
.hero p{font-size:clamp(16px,1.4vw,19px);max-width:440px;margin:22px 0 34px;opacity:.92}
.actions{display:flex;flex-wrap:wrap;gap:16px}

.page-hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;padding:150px 0 70px;overflow:hidden;background:var(--forest)}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--forest) 2%,rgba(20,36,25,.42) 45%,rgba(20,36,25,.5) 100%)}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{font-size:clamp(38px,5vw,64px);text-transform:uppercase;max-width:14em}
.page-hero p{max-width:560px;margin:18px 0 0;font-size:18px;opacity:.92}
.page-hero.plain{min-height:0;padding:170px 0 40px}
.page-hero.plain::after{display:none}

/* ---------- Sections ---------- */
.section{padding:clamp(72px,9vw,128px) 0;position:relative}
.dark{background:var(--forest)}
.olive{background:linear-gradient(180deg,#1d2d1c,var(--olive))}
.sand{color:var(--ink);background-color:var(--sand);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .12 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 0%,var(--cream),var(--sand) 70%)}
.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--sage);font-weight:600;margin-bottom:16px;display:block}
.sand .eyebrow{color:var(--green-deep)}
.h2{font-size:clamp(30px,3.6vw,46px);text-transform:uppercase}
.h2.rule{display:flex;align-items:center;gap:22px}
.h2.rule::after{content:"";flex:0 0 70px;height:1px;background:var(--sage)}
.center{text-align:center}
.title-lines{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:56px}
.title-lines::before,.title-lines::after{content:"";flex:0 1 80px;height:1px;background:var(--green-deep);opacity:.7}
.lead{font-size:17px;max-width:620px;opacity:.92}
.center .lead{margin-inline:auto}

.split{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,84px);align-items:center}
.split.rev{grid-template-columns:1.15fr 1fr}
.frame{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.frame:hover img{transform:scale(1.03)}
.frame::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(164,173,117,.22);border-radius:var(--r);pointer-events:none}
.ratio-45{aspect-ratio:4/5}.ratio-43{aspect-ratio:4/3}.ratio-11{aspect-ratio:1}.ratio-34{aspect-ratio:3/4}

/* full-bleed image band */
.band{display:grid;grid-template-columns:44% 1fr;min-height:480px;background:var(--forest)}
.band-img{position:relative;min-height:320px}
.band-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,36,25,0) 55%,var(--forest) 100%)}
.band-copy{padding:clamp(48px,7vw,96px) clamp(24px,6vw,90px) clamp(48px,7vw,96px) clamp(24px,3vw,40px);align-self:center;max-width:760px}

.pillars{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:44px;padding:0;list-style:none}
.pillars li{text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.pillars svg{width:38px;height:38px;margin:0 auto 12px;stroke:var(--sage);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.pillar-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.pillar-cards article{border:1px solid rgba(164,173,117,.22);border-radius:var(--r);padding:30px 26px;background:rgba(48,61,37,.35);transition:border-color .4s,transform .4s var(--ease)}
.pillar-cards article:hover{border-color:var(--sage);transform:translateY(-3px)}
.pillar-cards svg{width:36px;height:36px;stroke:var(--sage);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.pillar-cards h3{font-size:24px;text-transform:uppercase;margin-bottom:8px}
.pillar-cards p{margin:0;font-size:15px;opacity:.85}

/* Meet Kenji */
.meet{display:grid;grid-template-columns:.9fr 1.2fr .7fr;gap:clamp(24px,4vw,56px);align-items:center}
.meet h2{color:var(--sage)}
.textlink{font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--sage);border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .3s}
.textlink:hover{color:var(--ivory)}
.sand .textlink{color:var(--green-deep)}

/* Program cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.card{background:var(--cream);border:1px solid rgba(48,61,37,.16);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;text-align:center;box-shadow:0 18px 40px -28px rgba(48,40,10,.55);transition:transform .5s var(--ease),box-shadow .5s var(--ease);position:relative}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(48,40,10,.6)}
.card-art{height:150px;overflow:hidden}
.card-art svg{width:100%;height:100%}
.card-body{padding:26px 28px 32px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:26px;text-transform:uppercase}
.card .kind{font-family:var(--serif);font-style:italic;font-weight:600;font-size:17px;margin:4px 0 12px;color:var(--ink-soft)}
.card p{font-size:14.5px;line-height:1.6;margin:0 0 18px}
.card .price{font-family:var(--serif);font-size:34px;font-weight:600;margin:auto 0 18px;line-height:1}
.card.feature{background:radial-gradient(ellipse at 20% 0%,#2c4426,var(--forest) 70%);color:var(--ivory);border-color:rgba(164,173,117,.5)}
.card.feature .kind{color:var(--sage)}
.card.feature .card-body{padding-top:54px}
.badge{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--green);color:#10200f;font:700 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:8px 16px;border-radius:0 0 6px 6px;white-space:nowrap}
.card .frond{position:absolute;top:-24px;right:-34px;width:150px;opacity:.2;pointer-events:none}
.card .frond.l{right:auto;left:-34px;transform:scaleX(-1)}
.price-note{font-size:13px;margin-top:28px;opacity:.75}

/* Compare table */
.compare{width:100%;border-collapse:collapse;margin-top:8px;font-size:15px}
.compare th,.compare td{padding:16px 14px;border-bottom:1px solid rgba(48,61,37,.2);text-align:center}
.compare th:first-child,.compare td:first-child{text-align:left}
.compare thead th{font-family:var(--serif);font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.compare svg{width:20px;height:20px;margin:auto;stroke:var(--green-deep);fill:none;stroke-width:2}
.compare .no{opacity:.3}
.table-scroll{overflow-x:auto}

/* Experience */
.exp{display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:clamp(24px,4vw,52px);align-items:center}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:13px;font-size:15px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks svg{flex:0 0 20px;width:20px;height:20px;margin-top:3px;stroke:var(--sage);fill:none;stroke-width:1.5}
.devices{position:relative;padding:0 8% 9% 0}
.laptop{background:#0c150e;border:6px solid #263326;border-radius:12px 12px 4px 4px;aspect-ratio:16/10;display:grid;grid-template-columns:30% 1fr;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.laptop-base{height:10px;margin:0 -5%;background:linear-gradient(#3a473a,#1e291f);border-radius:0 0 12px 12px}
.ui-side{background:#101c13;padding:10% 10%;font-size:clamp(7px,.8vw,10px);display:grid;gap:8%;align-content:start}
.ui-side b{font:500 1.7em var(--serif);letter-spacing:.2em;text-align:center;margin-bottom:6%}
.ui-side span{display:flex;align-items:center;gap:8px;opacity:.8}
.ui-side span::before{content:"";width:7px;height:7px;border:1px solid var(--sage);border-radius:50%}
.ui-side span:first-of-type{opacity:1;color:var(--sage)}
.ui-main{position:relative;font-size:clamp(8px,.9vw,11px)}
.ui-main svg{width:100%;height:100%}
.ui-main div{position:absolute;left:8%;top:10%;font:500 1.6em var(--serif)}
.ui-main small{position:absolute;left:8%;bottom:9%;right:8%;font-size:.9em;padding-bottom:9px;border-bottom:3px solid rgba(245,240,229,.2)}
.ui-main small::after{content:"";position:absolute;left:0;bottom:-3px;width:42%;height:3px;background:var(--green)}
.phone{position:absolute;right:0;bottom:0;width:25%;aspect-ratio:9/18.5;background:#101c13;border:5px solid #263326;border-radius:16px;padding:14% 10% 8%;font-size:clamp(6px,.7vw,9px);display:grid;gap:7%;align-content:start;box-shadow:0 20px 40px -12px rgba(0,0,0,.8)}
.phone b{font:500 1.6em var(--serif);letter-spacing:.2em;text-align:center;margin-bottom:8%}
.phone span{display:flex;align-items:center;gap:6px;opacity:.85}
.phone span::before{content:"";width:6px;height:6px;border:1px solid var(--sage);border-radius:50%;flex:none}
.caption{font-size:12px;opacity:.6;margin-top:18px;text-align:center;font-style:italic}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s;margin-top:48px}
.steps article{counter-increment:s;border-top:1px solid var(--green-deep);padding-top:22px}
.steps article::before{content:"0" counter(s);font:italic 500 44px/1 var(--serif);color:var(--green-deep);display:block;margin-bottom:12px}
.steps h3{font-size:25px;text-transform:uppercase;margin-bottom:8px}
.steps p{margin:0;font-size:15px}

/* Journeys */
.journey-empty{max-width:640px;margin:0 auto;text-align:center}
.journey-empty svg{width:54px;height:54px;margin:0 auto 22px;stroke:var(--green-deep);fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.journey-empty p{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.45;margin-bottom:28px}

/* Philosophy + checkout */
.philo{font:italic 500 clamp(22px,2.6vw,32px)/1.4 var(--serif);max-width:900px;margin:0 auto}
.checkout{display:grid;gap:18px;max-width:640px}
.checkout fieldset{border:0;padding:0;margin:0 0 6px;display:grid;gap:12px}
.checkout legend{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;padding:0}
.option{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(48,61,37,.3);border-radius:var(--r);background:var(--ivory);cursor:pointer;transition:border-color .3s,box-shadow .3s}
.option:has(input:checked){border-color:var(--green-deep);box-shadow:0 0 0 2px rgba(117,138,69,.35)}
.option input{width:18px;height:18px;accent-color:var(--green-deep);flex:none}
.option-body{flex:1;display:grid}
.option-body b{font:600 21px var(--serif);text-transform:uppercase;letter-spacing:.02em}
.option-body small{font-size:13px;opacity:.75}
.option-price{font:600 22px var(--serif);white-space:nowrap}
.checkout .check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}
.checkout .check input{margin-top:4px;width:18px;height:18px;accent-color:var(--green-deep);flex:none}
.checkout .total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(48,61,37,.3);padding-top:16px;margin:6px 0 0;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.checkout .total strong{font:600 34px var(--serif);letter-spacing:0;text-transform:none}
.checkout .fineprint{margin:0;opacity:.85;max-width:none}
.checkout .form-msg{margin:0}
#co-pay[aria-disabled=true]{opacity:.55}

/* Quote */
.quote{text-align:center;max-width:860px;margin:auto}
.quote blockquote{font:italic 500 clamp(26px,3.4vw,42px)/1.25 var(--serif);margin:0 0 20px;color:var(--ivory)}
.quote cite{font:600 11px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--sage);font-style:normal}

/* Final CTA */
.final{position:relative;padding:clamp(90px,11vw,150px) 0;overflow:hidden;background:var(--forest)}
.final>img{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:50% 30%}
.final::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--forest) 0%,var(--forest) 38%,rgba(20,36,25,.55) 62%,rgba(20,36,25,.12) 100%)}
.final .wrap{position:relative;z-index:1}
.final h2{font-size:clamp(38px,5vw,62px);text-transform:uppercase;max-width:9em}
.final h2::after{content:"";display:block;width:70px;height:1px;background:var(--sage);margin:22px 0}
.final p{max-width:400px}
.signup{display:flex;max-width:470px;margin-top:24px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(164,173,117,.6)}
.signup input{flex:1;min-width:0;border:0;background:var(--cream);color:var(--ink);font:italic 15px var(--sans);padding:0 16px}
.signup .btn{border-radius:0;border:0}
.fineprint{font-size:12px;opacity:.75;max-width:470px;margin-top:12px;line-height:1.5}
.form-msg{margin-top:14px;font-size:14px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--sage);background:rgba(164,173,117,.14);max-width:560px}
.form-msg[hidden]{display:none}

/* Forms */
.form{display:grid;gap:20px;max-width:640px}
.form label{display:grid;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.form input[type=text],.form input[type=email],.form select,.form textarea{font:400 16px var(--sans);padding:14px 16px;border-radius:var(--r);border:1px solid rgba(48,61,37,.35);background:var(--ivory);color:var(--ink);width:100%;letter-spacing:0;text-transform:none}
.form textarea{min-height:140px;resize:vertical}
.form .check{display:flex;gap:12px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;font-size:14px;line-height:1.5}
.form .check input{margin-top:4px;width:18px;height:18px;accent-color:var(--green-deep);flex:none}
.form .req{font-size:12px;opacity:.7;margin:0}
.sand .form-msg{border-color:var(--green-deep);background:rgba(117,138,69,.14)}
.sand a:not(.btn){color:var(--green-deep)}

/* FAQ */
.faq{max-width:780px;margin:0 auto}
.faq details{border-bottom:1px solid rgba(164,173,117,.3);padding:20px 0}
.faq summary{font:500 23px var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--sage);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:14px 0 0;opacity:.88}

/* Legal pages */
.legal{max-width:800px;margin:0 auto;font-size:15.5px}
.legal h2{font-size:27px;margin:44px 0 12px}
.legal h3{font:700 14px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:26px 0 8px}
.legal ul{padding-left:20px}.legal li{margin-bottom:6px}
.legal table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0}
.legal th,.legal td{border:1px solid rgba(48,61,37,.25);padding:10px;text-align:left;vertical-align:top}
.legal mark{background:#f6d77a;color:#3b2c00;padding:1px 5px;border-radius:3px}
.notice{border-left:3px solid var(--green-deep);background:rgba(117,138,69,.14);padding:14px 18px;border-radius:0 var(--r) var(--r) 0;margin:0 0 28px;font-size:14.5px}
.notice.warn{border-color:#b98a1b;background:rgba(246,215,122,.35)}
[data-legal][hidden]{display:none}

/* Footer */
.site-footer{background:#0f1c13;padding:56px 0 30px;font-size:13px;border-top:1px solid rgba(164,173,117,.18)}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:28px 40px;justify-content:space-between}
.foot-nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.foot-nav a,.foot-legal a,.foot-legal button{font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;opacity:.8;transition:opacity .3s,color .3s}
.foot-nav a:hover,.foot-legal a:hover,.foot-legal button:hover{opacity:1;color:var(--sage)}
.social{display:flex;gap:14px;flex-wrap:wrap}
.social-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border:1px solid rgba(220,194,124,.55);border-radius:999px;text-decoration:none;color:var(--ivory);font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;transition:background .35s var(--ease),border-color .35s,transform .35s var(--ease)}
.social-btn:hover{background:rgba(220,194,124,.14);border-color:#dcc27c;transform:translateY(-1px)}
.social-btn svg{width:20px;height:20px;fill:none;stroke:#dcc27c;stroke-width:1.5}
.social-btn small{font:500 12px var(--sans);letter-spacing:.04em;text-transform:none;opacity:.75}
.social-btn small:empty{display:none}
.social-btn.big{padding:18px 34px;font-size:14px;gap:14px}
.social-btn.big svg{width:26px;height:26px}
.social-btn.big small{font-size:14px}
.social-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:44px 0 0}
.foot-legal{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(164,173,117,.14)}
.foot-legal button{background:none;border:0;color:inherit;font-family:inherit;cursor:pointer;padding:0}
.foot-note{margin-top:22px;opacity:.6;font-size:12px;line-height:1.6;max-width:820px}

/* Cookie consent */
.cookie{position:fixed;left:20px;bottom:20px;z-index:150;width:min(460px,calc(100% - 40px));background:var(--cream);color:var(--ink);border-radius:10px;padding:24px;box-shadow:0 24px 60px -10px rgba(0,0,0,.6);border:1px solid rgba(48,61,37,.2);font-size:14px;line-height:1.55}
.cookie[hidden]{display:none}
.cookie h2{font-size:24px;margin-bottom:8px}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.cookie .btn{padding:12px 10px;font-size:11px;letter-spacing:.12em}
.cookie .btn-eq{background:var(--forest);color:var(--ivory);border-color:var(--forest)}
.cookie .btn-eq:hover{background:var(--olive)}
.cookie .wide{grid-column:1/-1}
.cookie-opts{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(48,61,37,.2)}
.cookie-opts[hidden]{display:none}
.cookie-opts label{display:flex;gap:12px;align-items:flex-start}
.cookie-opts input{margin-top:4px;width:17px;height:17px;accent-color:var(--green-deep);flex:none}
.cookie-opts b{display:block}
.cookie a{color:var(--green-deep)}

/* Reveal */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal.d1{transition-delay:.12s}.js .reveal.d2{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .reveal{opacity:1;transform:none;transition:none}
  .frame img,.card,.btn{transition:none}
}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .nav{position:fixed;inset:92px 0 0 0;background:rgba(15,28,19,.98);flex-direction:column;align-items:center;justify-content:center;gap:30px;margin:0;transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .35s,transform .35s var(--ease),visibility .35s}
  .nav a{font-size:15px}
  .nav .nav-only{display:block;color:var(--sage);opacity:1}
  .nav{gap:24px;overflow:auto;padding:24px 0}
  .has-sub{display:contents}
  .sub-toggle{display:none}
  .sub{display:contents;position:static;opacity:1;visibility:visible;transform:none}
  .nav-open .nav{opacity:1;transform:none;visibility:visible}
  .nav-open .site-header{background:rgba(15,28,19,.98)}
  .lang{margin-left:auto}
  .burger{display:block}
  .nav-open .burger span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .nav-open .burger span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .site-header .btn{display:none}
  .exp{grid-template-columns:1fr 1fr}.exp>:first-child{grid-column:1/-1}
  .meet{grid-template-columns:1fr 1.3fr}.meet>:last-child{display:none}
  .pillars{grid-template-columns:repeat(3,1fr);row-gap:30px}
}
@media (max-width:820px){
  .hero{min-height:92vh;align-items:flex-end;padding-bottom:56px}
  .hero-media{width:100%}
  .hero-media::after{background:linear-gradient(0deg,var(--forest) 8%,rgba(20,36,25,.78) 42%,rgba(20,36,25,.25) 75%,rgba(20,36,25,.5) 100%)}
  .hero-mark,.hero-logo{display:none}
  .split,.split.rev,.band,.meet,.exp,.cards,.steps,.pillar-cards{grid-template-columns:1fr}
  .split.rev>.frame{order:-1}
  .band-img::after{background:linear-gradient(0deg,var(--forest) 0%,rgba(20,36,25,0) 45%)}
  .band-copy{padding:36px 24px 72px}
  .cards{max-width:440px;margin-inline:auto}
  .title-lines{gap:14px;margin-bottom:40px}
  .title-lines::before,.title-lines::after{flex-basis:28px}
  .devices{max-width:480px;margin:auto}
  .final>img{width:100%}
  .final::after{background:linear-gradient(0deg,rgba(20,36,25,.96) 25%,rgba(20,36,25,.62) 100%)}
  .signup{flex-direction:column;border:0;gap:10px;overflow:visible}
  .signup input{flex:none;height:52px;border-radius:var(--r);border:1px solid rgba(164,173,117,.6)}
  .signup .btn{border-radius:var(--r)}
  .foot-top{flex-direction:column;align-items:flex-start}
  .cookie{left:12px;bottom:12px;width:calc(100% - 24px);padding:20px}
}
@media (max-width:420px){
  .logo b{font-size:28px}.logo small{display:none}
  .logo img{width:44px}
  .site-header .wrap{height:76px}
  .nav{inset:76px 0 0 0}
  .site-header .wrap{gap:12px}
  .actions .btn{width:100%}
}

/* ---------- About me — story page ---------- */
.page-hero.tall{min-height:min(100vh,920px)}
.page-hero.tall>img{object-position:50% 30%}
.page-hero.tall::after{background:linear-gradient(0deg,var(--forest) 0%,rgba(20,36,25,.74) 30%,rgba(20,36,25,.18) 62%,rgba(20,36,25,.5) 100%)}
.page-hero.tall h1{font-size:clamp(46px,7vw,96px);letter-spacing:.04em;line-height:1}
.page-hero.tall .hero-sub{font:italic 500 clamp(21px,2.4vw,30px)/1.3 var(--serif);max-width:20em;margin-top:20px;opacity:1}
.page-hero.tall .tag{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);font-weight:600;max-width:none;margin-top:22px;line-height:1.9}
.opening{font:italic 500 clamp(26px,3.4vw,44px)/1.25 var(--serif);max-width:20em;margin:0 auto clamp(48px,6vw,84px);text-align:center}
.prose p{max-width:620px;margin:0 0 1.15em;opacity:.92}
.prose p:last-child{margin-bottom:0}
.prose .pull{font:italic 500 clamp(21px,2.1vw,27px)/1.35 var(--serif);opacity:1;color:var(--ivory);border-left:1px solid var(--sage);padding-left:22px;margin:1.5em 0}
.prose .beat{font:italic 500 clamp(20px,1.9vw,24px)/1.35 var(--serif);color:var(--sage);opacity:1}
.prose.narrow{max-width:680px;margin:clamp(40px,5vw,64px) auto 0;text-align:center}
.prose.narrow p{max-width:none}
.split.top{align-items:start}
.split.top>.shot{position:sticky;top:120px}
.split+.split{margin-top:clamp(56px,7vw,100px)}
.h2.rule.story-title{display:block;max-width:18em;margin-bottom:clamp(36px,5vw,60px);text-wrap:balance}
.h2.rule.story-title::after{display:block;width:70px;margin-top:22px}
.shot{margin:0}
.shot .frame.natural img{height:auto;display:block}
.shot figcaption{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);opacity:.85;margin-top:14px}
.scene{position:relative;min-height:min(84vh,780px);display:flex;align-items:center;overflow:hidden;background:var(--forest);padding:clamp(90px,11vw,150px) 0}
.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,36,25,.94) 0%,rgba(20,36,25,.78) 34%,rgba(20,36,25,.2) 68%,rgba(20,36,25,.1) 100%),linear-gradient(0deg,var(--forest) 0%,rgba(20,36,25,0) 22%,rgba(20,36,25,0) 80%,rgba(20,36,25,.7) 100%)}
.scene .wrap{position:relative;z-index:1}
.scene.end>img{inset:0 0 0 auto;width:68%}
.scene.end::after{background:linear-gradient(90deg,var(--forest) 0%,var(--forest) 32%,rgba(20,36,25,.6) 50%,rgba(20,36,25,.08) 78%),linear-gradient(0deg,var(--forest) 0%,rgba(20,36,25,0) 20%,rgba(20,36,25,0) 82%,rgba(20,36,25,.75) 100%)}
.scene-copy{max-width:520px}
.scene-copy .big{font:500 clamp(30px,3.8vw,50px)/1.15 var(--serif);margin:0;text-wrap:balance}
.scene-copy .big::after{content:"";display:block;width:70px;height:1px;background:var(--sage);margin:26px 0}
.scene-copy p{margin:0;font-size:17px;opacity:.94}
.scene-copy p+.big{margin-top:26px}
.scene-copy p+.big::after{margin-bottom:0;display:none}
.quote .ask{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage);font-weight:600;margin:0 0 22px}
.quote .answer{font:italic 500 clamp(20px,2vw,25px)/1.35 var(--serif);color:var(--sage);margin:8px 0 0}
@media (max-width:820px){
  .page-hero.tall{min-height:90vh}
  .split.top>.shot{position:static}
  .split.rev>.shot{order:-1}
  .scene{align-items:flex-end;min-height:88vh;padding:120px 0 64px}
  .scene.end{min-height:100vh}
  .scene.end>img{inset:0 0 auto 0;width:100%;height:64%;object-position:50% 88%!important}
  .scene::after{background:linear-gradient(0deg,var(--forest) 0%,rgba(20,36,25,.9) 32%,rgba(20,36,25,.3) 66%,rgba(20,36,25,.55) 100%)}
  .scene.end::after{background:linear-gradient(0deg,var(--forest) 0%,var(--forest) 37%,rgba(20,36,25,.15) 58%,rgba(20,36,25,.1) 85%,rgba(20,36,25,.6) 100%)}
  .prose .pull{padding-left:18px}
}