/* ─────────────────────────────────────────────────────────────
   Broton Verde — one stylesheet, two themes.
   html[data-theme="light"]  paper / navy / lime, frosted glass surfaces
   html[data-theme="dark"]   shade / cream / lime, with light (.section--alt) sections
   Type: Fraunces (display) · Inter Tight (text) · IBM Plex Mono (labels)
   ───────────────────────────────────────────────────────────── */

:root,[data-theme="light"]{
  --bg:#F5F3EC; --bg-2:#FFFFFF; --bg-3:#EEEBE2;
  --ink:#151F2D; --ink-2:#3E4A55; --mute:#7B8590;
  --line:rgba(21,31,45,.10); --line-2:rgba(21,31,45,.18);
  --green:#2F6B3C; --green-2:#3D8B40; --on-green:#FFFFFF;
  --lime:#C4D93E; --lime-ink:#7F9228;
  --brand-a:#151F2D; --brand-b:#C4D93E;
  --glass:rgba(255,255,255,.55); --glass-2:rgba(255,255,255,.72); --glass-line:rgba(255,255,255,.75);
  --shadow:0 30px 60px -30px rgba(21,31,45,.35); --shadow-2:0 50px 90px -40px rgba(21,31,45,.45);
}
html[data-theme="dark"]{
  --bg:#0A1410; --bg-2:#10201A; --bg-3:#0E1B15;
  --ink:#F2EFE6; --ink-2:rgba(242,239,230,.74); --mute:rgba(242,239,230,.46);
  --line:rgba(242,239,230,.12); --line-2:rgba(242,239,230,.22);
  --green:#C4D93E; --green-2:#C4D93E; --on-green:#0A1410;
  --brand-a:#FFFFFF; --brand-b:#C4D93E; --lime-ink:#C4D93E;
  --glass:rgba(16,32,26,.55); --glass-2:rgba(16,32,26,.75); --glass-line:rgba(242,239,230,.14);
  --shadow:0 30px 60px -30px rgba(0,0,0,.7); --shadow-2:0 50px 90px -40px rgba(0,0,0,.8);
}
html[data-theme="dark"] .section--alt{
  --bg:#F5F3EC; --bg-2:#FFFFFF; --bg-3:#EEEBE2;
  --ink:#151F2D; --ink-2:#3E4A55; --mute:#7B8590;
  --line:rgba(21,31,45,.10); --line-2:rgba(21,31,45,.18);
  --green:#2F6B3C; --green-2:#3D8B40; --on-green:#FFFFFF; --lime-ink:#7F9228;
  --glass:rgba(255,255,255,.55); --glass-2:rgba(255,255,255,.72); --glass-line:rgba(255,255,255,.75);
  --shadow:0 30px 60px -30px rgba(21,31,45,.35); --shadow-2:0 50px 90px -40px rgba(21,31,45,.45);
  background:var(--bg);color:var(--ink);
}
:root{
  --serif:"Fraunces","Iowan Old Style",Georgia,serif;
  --sans:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --gutter:clamp(20px,4vw,72px); --max:1400px; --r:22px; --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(64px,8vw,112px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
p,dl,dd,dt{margin:0}
ul{margin:0;padding:0;list-style:none}
figure{margin:0}
::selection{background:var(--lime);color:#151F2D}
:focus-visible{outline:2px solid var(--green-2);outline-offset:3px}

.container{width:min(var(--max),100% - 2*var(--gutter));margin-inline:auto}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.label{color:var(--mute);margin-bottom:18px}
.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--glass-line)}

.h2{font-family:var(--serif);font-weight:300;font-variation-settings:"opsz" 144;font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.02em}
.h2 em{font-style:italic;color:var(--green-2)}
.h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,32px);line-height:1.1;letter-spacing:-.015em}
.lead{font-size:clamp(16px,1.2vw,19px);line-height:1.5;color:var(--ink-2);max-width:56ch}
.tag{display:inline-flex;padding:5px 10px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;font-weight:500;background:var(--ink);color:var(--bg)}

.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.split{display:block;will-change:transform}
.reveal-up{opacity:0;transform:translateY(22px)}
.no-motion .reveal-up{opacity:1;transform:none}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:500;font-size:15px;white-space:nowrap;transition:transform .5s var(--ease),background .3s,color .3s,border-color .3s,box-shadow .5s var(--ease)}
.btn .arrow{display:inline-block;transition:transform .5s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.btn--primary{background:var(--green);color:var(--on-green);box-shadow:0 12px 28px -12px rgba(47,107,60,.6)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(47,107,60,.7)}
.btn--ghost{border:1px solid var(--line-2);background:transparent}
.btn--ghost:hover{background:var(--bg-2);transform:translateY(-2px)}
.btn--link{padding-inline:6px;color:var(--ink-2)}
.btn--link:hover{color:var(--ink)}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);transition:transform .6s var(--ease),padding .4s}
.nav::before{content:"";position:absolute;inset:0;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-line);opacity:0;transition:opacity .4s;pointer-events:none}
.nav.is-scrolled{padding:12px var(--gutter)}
.nav.is-scrolled::before{opacity:1}
.nav.is-hidden{transform:translateY(-110%)}
html[data-theme="dark"] .nav.is-light{--ink:#151F2D;--ink-2:#3E4A55;--mute:#7B8590;--line:rgba(21,31,45,.10);--line-2:rgba(21,31,45,.18);--glass:rgba(255,255,255,.55);--glass-line:rgba(255,255,255,.75);--brand-a:#151F2D;--lime-ink:#7F9228}
html[data-theme="dark"] .nav.is-light .btn--primary{background:#2F6B3C;color:#fff}
.nav__brand{position:relative;z-index:1;font-family:var(--sans);font-weight:700;font-size:32px;letter-spacing:-.035em;white-space:nowrap;color:var(--brand-a)}
.nav__brand em{font-style:normal;color:var(--brand-b)}
.nav__links{position:relative;z-index:1;display:flex;gap:2px}
.nav__links a{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:400;color:var(--ink-2);transition:color .3s,background .3s}
.nav__links a:hover{color:var(--ink);background:var(--line)}
.nav__cta{position:relative;z-index:1;display:flex;align-items:center;gap:16px}
.theme-link{color:var(--mute);border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .3s}
.theme-link:hover{color:var(--ink)}
.nav__burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);position:relative}
.nav__burger span{position:absolute;left:13px;right:13px;height:1.5px;background:var(--ink);transition:transform .4s var(--ease),top .4s}
.nav__burger span:first-child{top:18px}
.nav__burger span:last-child{top:25px}
.nav__burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.nav__burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:45;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease);visibility:hidden}
.menu.is-open{clip-path:inset(0 0 0 0);visibility:visible}
.menu__inner{display:grid;gap:6px}
.menu__inner a{font-family:var(--serif);font-size:clamp(32px,8vw,52px);line-height:1.1;display:flex;align-items:baseline;gap:16px;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.menu.is-open .menu__inner a{opacity:1;transform:none}
.menu__inner .mono{color:var(--green-2)}
.menu__foot{position:absolute;bottom:28px;left:var(--gutter);color:var(--mute)}

/* Hero — clean photo, no overlays */
.hero{position:relative;padding:clamp(120px,16vh,170px) 0 clamp(36px,5vw,64px);overflow:hidden;isolation:isolate}
.hero__bg{position:absolute;inset:-10% 0;z-index:-1}
.hero__bg img{width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(.8);transform:scale(1.08);opacity:.26}
html[data-theme="dark"] .hero__bg img{opacity:.2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--bg) 0%,rgba(245,243,236,.5) 45%,var(--bg) 100%)}
html[data-theme="dark"] .hero::before{background:linear-gradient(to bottom,var(--bg) 0%,rgba(10,20,16,.5) 45%,var(--bg) 100%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,80px);align-items:center}
.hero__copy{display:grid;gap:24px;align-content:center}
.eyebrow{color:var(--mute)}
.hero__title{font-family:var(--serif);font-weight:300;font-variation-settings:"opsz" 144;font-size:clamp(42px,5.6vw,82px);line-height:.98;letter-spacing:-.028em}
.hero__title em{font-style:italic;color:var(--green-2)}
.hero__sub{max-width:48ch;color:var(--ink-2);font-size:clamp(16px,1.2vw,18.5px);line-height:1.5}
.hero__actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.hero__frame{position:relative;aspect-ratio:5/4;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-2);background:var(--bg-3);border:1px solid var(--glass-line)}
.hero__frame img{width:100%;height:112%;object-fit:cover;will-change:transform;margin-top:-6%}
.hero__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 14px;display:flex;justify-content:space-between;color:rgba(242,239,230,.85);background:linear-gradient(to top,rgba(11,21,16,.55),transparent)}
.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:clamp(40px,5vw,64px)}
.stat{display:grid;gap:6px}
.stat .mono{color:var(--mute)}
.stat b{font-family:var(--serif);font-weight:300;font-size:clamp(28px,2.8vw,40px);line-height:1;letter-spacing:-.02em}
.stat__sub{color:var(--ink-2);font-size:14px}

/* Section heads */
.section__head{display:grid;gap:8px;margin-bottom:clamp(28px,4vw,48px)}
.section__head--split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px}

/* Why us */
.why{padding:var(--pad) 0}
.why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why__card{border-radius:var(--r);padding:26px 24px 28px;display:grid;gap:12px;align-content:start;box-shadow:var(--shadow)}
.why__card .mono{color:var(--lime-ink)}
.why__card h3{font-family:var(--serif);font-size:clamp(22px,1.8vw,26px);line-height:1.12;letter-spacing:-.015em}
.why__card p{color:var(--ink-2);font-size:14.5px;line-height:1.5}

/* Catalogue */
.catalogue{padding:var(--pad) 0;background:var(--bg-3)}
.featured{border-radius:var(--r);background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(20px,2.6vw,34px);margin-bottom:clamp(28px,4vw,48px)}
.featured__head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:30px;align-items:end;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.featured__head .mono{color:var(--lime-ink)}
.featured__head h3{font-family:var(--serif);font-size:clamp(30px,3.4vw,48px);letter-spacing:-.02em;line-height:1;margin-top:8px}
.featured__head h3 em{font-style:italic;color:var(--green-2)}
.featured__head p{color:var(--ink-2);font-size:15px;max-width:56ch;justify-self:end}
.featured__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pcard{border-radius:16px;overflow:hidden;background:var(--bg-3);border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}
.pcard__media{position:relative;aspect-ratio:1/0.9;display:grid;place-items:center;padding:16px;background:radial-gradient(70% 70% at 50% 65%,rgba(196,217,62,.16),transparent 72%)}
.pcard__media img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;transition:opacity .5s var(--ease)}
.pcard__pot{filter:drop-shadow(0 16px 16px rgba(21,31,45,.2))}
.pcard__grid{opacity:0}
.pcard:hover .pcard__grid{opacity:1}
.pcard:hover .pcard__pot{opacity:0}
.pcard__media .pcard__pot--pending{position:absolute;inset:16px;overflow:hidden;border-radius:12px;background:var(--bg-3)}
.pcard__pot--pending img{position:static;width:100%;height:100%;object-fit:cover;filter:blur(10px) saturate(.6);opacity:.35;transform:scale(1.1)}
.pcard__pot--pending .mono{position:absolute;inset:auto 12px 12px 12px;text-align:center;color:var(--mute);font-size:9.5px}
.pcard__body{padding:14px 16px 16px;display:grid;gap:5px;align-content:start;background:var(--bg-2)}
.pcard__row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pcard__row h4{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:-.015em;line-height:1.05}
.latin{font-style:italic;font-family:var(--serif);color:var(--mute);font-size:13.5px}
.pcard__desc{color:var(--ink-2);font-size:13px;line-height:1.45;margin-top:2px;min-height:2.9em}
.pcard__specs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:10px;margin-top:8px}
.pcard__specs div{display:grid;gap:2px}
.pcard__specs dt{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pcard__specs dd{font-size:12px;font-weight:400;color:var(--ink)}
.genera__head{display:flex;justify-content:space-between;color:var(--mute);padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.grow{border-bottom:1px solid var(--line)}
.grow__head{width:100%;display:grid;grid-template-columns:40px 60px minmax(0,3fr) minmax(0,5fr) minmax(0,2fr) 36px;gap:16px;align-items:center;padding:14px 0;transition:background .3s;border-radius:12px}
.grow__head:hover{background:var(--bg-2)}
.grow__n{color:var(--mute)}
.grow__thumb{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(21,31,45,.2))}
.grow__name{font-family:var(--serif);font-size:clamp(22px,2vw,30px);letter-spacing:-.015em;line-height:1}
.grow__name em{font-style:italic;color:var(--mute);font-size:.68em;margin-left:6px}
.grow__desc{color:var(--ink-2);font-size:14.5px}
.grow__meta{display:grid;gap:2px;font-size:14px;color:var(--ink-2);text-align:right}
.grow__meta b{font-weight:400;color:var(--ink)}
.grow__meta i{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--mute)}
.grow__plus{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);justify-self:end;transition:transform .5s var(--ease),background .3s}
.grow__plus::before,.grow__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.grow__plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .5s var(--ease)}
.grow.is-open .grow__plus{background:var(--ink)}
.grow.is-open .grow__plus::before,.grow.is-open .grow__plus::after{background:var(--bg)}
.grow.is-open .grow__plus::after{transform:translate(-50%,-50%) rotate(0deg)}
.grow__panel{max-height:0;overflow:hidden;transition:max-height .6s var(--ease)}
.grow__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 0 24px 116px}
.vchip{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line)}
.vchip img{width:52px;height:52px;object-fit:contain}
.vchip--pending i{width:52px;height:52px;border-radius:12px;background:var(--bg-3);border:1px dashed var(--line-2)}
.vchip div{display:grid;gap:2px}
.vchip b{font-weight:500;font-size:14px;line-height:1.2}
.vchip span{font-size:12px;color:var(--mute)}

/* How we sell */
.sell{padding:var(--pad) 0 clamp(40px,5vw,64px);background:var(--bg);overflow:hidden}
.sell__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:clamp(22px,3vw,34px)}
.sell__card{min-width:0;border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:var(--shadow)}
.sell__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(60% 60% at 50% 60%,rgba(196,217,62,.16),transparent 70%)}
.sell__media img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain;border-radius:10px;filter:drop-shadow(0 20px 20px rgba(21,31,45,.2))}
.sell__media--photo{padding:0}
.sell__media--photo img{inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;filter:none}
.sell__body{padding:20px 22px 24px;display:grid;gap:10px;align-content:start}
.sell__body .mono{color:var(--lime-ink)}
.sell__body h3{font-family:var(--serif);font-size:clamp(20px,1.7vw,24px);line-height:1.15;letter-spacing:-.015em;overflow-wrap:anywhere}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
.specs li{display:grid;gap:3px}
.specs .mono{color:var(--mute);font-size:9.5px}
.specs b{font-weight:400;font-size:14px}
.grades-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px)}
.grade-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 15px 9px 11px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--serif);font-size:17px;letter-spacing:-.01em;box-shadow:var(--shadow)}
.grade-chip i{font-style:normal;color:var(--green-2)}
.sizes__track{display:flex;gap:14px;padding:6px var(--gutter) 24px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.scard{flex:none;width:clamp(200px,16vw,240px);border-radius:16px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;scroll-snap-align:start}
.scard__media{aspect-ratio:1/1;background:#fff;overflow:hidden}
.scard__media img{width:100%;height:100%;object-fit:cover}
.scard figcaption{padding:12px 14px 14px;display:grid;gap:6px}
.scard__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.scard__row b{font-family:var(--serif);font-weight:400;font-size:18px;letter-spacing:-.01em}
.scard__row .mono{color:var(--mute);font-size:9px}
.scard__size{display:flex;align-items:baseline;gap:8px}
.scard__size span{font-family:var(--serif);font-weight:300;font-size:26px;letter-spacing:-.02em;line-height:1;color:var(--green-2)}
.scard__size i{font-style:normal;color:var(--mute);font-size:11.5px}
.scard__meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;font-size:11.5px;color:var(--ink-2)}

/* The nursery */
.nursery{padding:var(--pad) 0}
.nursery__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:center}
.nursery__fig picture{display:block;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-2);aspect-ratio:4/3}
.nursery__fig img{width:100%;height:100%;object-fit:cover}
.nursery__copy{display:grid;gap:20px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:20px}
.fact{display:grid;gap:4px}
.fact b{font-family:var(--serif);font-weight:300;font-size:clamp(24px,2.4vw,34px);line-height:1;letter-spacing:-.02em}
.fact > span:last-child{color:var(--ink-2);font-size:13.5px}

/* Logistics + availability */
.logistics{padding:var(--pad) 0;background:var(--bg-3)}
.logistics__grid,.sheet__wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,80px);align-items:center}
.logistics__copy,.sheet__copy{display:grid;gap:18px;justify-items:start}
.sheet__copy > p{color:var(--ink-2);max-width:48ch}
.bullets{display:grid;gap:10px;border-top:1px solid var(--line-2);padding-top:16px;width:100%}
.bullets li{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:15px;color:var(--ink-2)}
.bullets b{font-weight:500;color:var(--ink)}
.flight{border-radius:var(--r);padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.flight__svg{width:100%;height:auto;display:block}
.flight__grid path{stroke:var(--line);stroke-width:1}
.flight__arc{stroke:var(--green-2);stroke-width:2;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000}
.flight__ghost{stroke:var(--line-2);stroke-width:1;fill:none;stroke-dasharray:3 6}
.flight__node circle{fill:var(--green-2)}
.flight__node .ring{fill:none;stroke:var(--green-2);stroke-opacity:.4;stroke-width:1;animation:ring 2.6s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes ring{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.flight__plane path{fill:var(--ink)}
.flight__code{fill:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.12em;font-weight:500}
.flight__sub{fill:var(--mute);font-family:var(--sans);font-size:11px}
.sheet__wrap{margin-top:clamp(48px,6vw,80px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.sheet{position:relative;perspective:1400px}
.sheet__card{border-radius:18px;color:var(--ink);padding:20px;box-shadow:var(--shadow-2);transform:rotateX(5deg) rotateY(-7deg);transform-style:preserve-3d}
.sheet__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sheet__head .mono{color:var(--mute)}
.sheet__head b{display:block;font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:-.01em}
.sheet__brand{font-family:var(--sans);font-weight:700;letter-spacing:-.03em;font-size:17px;color:var(--brand-a)}
.sheet__brand em{font-style:normal;color:var(--brand-b)}
.sheet table{width:100%;border-collapse:collapse;font-size:13.5px}
.sheet th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:8px;border-bottom:1px solid var(--line-2);font-weight:500}
.sheet td{padding:9px 8px;border-bottom:1px solid var(--line);font-weight:400}
.sheet td.num{font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;text-align:right}
.sheet th:last-child{text-align:right}
.sheet__foot{display:flex;justify-content:space-between;margin-top:12px;color:var(--mute);font-size:10px}

/* Contact */
.contact{padding:var(--pad) 0;position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 50% at 85% 20%,rgba(196,217,62,.16),transparent 70%);pointer-events:none}
.contact__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,80px);align-items:start;position:relative}
.contact__copy{display:grid;gap:20px;position:sticky;top:110px}
.contact__meta{display:grid;gap:12px;border-top:1px solid var(--line-2);padding-top:18px}
.contact__meta > div{display:grid;gap:3px;font-size:15px;color:var(--ink-2)}
.contact__meta .mono{color:var(--mute)}
.contact__meta a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}
.form{display:grid;gap:18px;padding:clamp(22px,2.8vw,36px);border-radius:var(--r);box-shadow:var(--shadow)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:grid;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--mono);color:var(--mute)}
.form input[type="text"],.form input[type="email"],.form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-2);color:var(--ink);font:inherit;font-family:var(--sans);font-size:16px;letter-spacing:0;text-transform:none;padding:10px 0;outline:none;transition:border-color .3s;border-radius:0}
.form input:focus,.form textarea:focus{border-color:var(--green-2)}
.form textarea{resize:vertical;min-height:90px}
.form__seg{border:0;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.form__seg legend{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;padding:0}
.form__seg label{display:inline-flex;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:14px;color:var(--ink-2)}
.form__seg input{position:absolute;opacity:0;pointer-events:none}
.form__seg span{padding:8px 13px;border-radius:999px;border:1px solid var(--line-2);transition:background .3s,color .3s,border-color .3s;cursor:pointer}
.form__seg input:checked + span{background:var(--green);color:var(--on-green);border-color:var(--green)}
.form__seg input:focus-visible + span{outline:2px solid var(--green-2);outline-offset:2px}
.form__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}
.form__hint{color:var(--mute)}

/* Footer */
.footer{position:relative;background:var(--bg-3);border-top:1px solid var(--line);padding-top:clamp(56px,7vw,96px)}
.footer__inner{display:grid;gap:clamp(32px,5vw,64px);padding-bottom:24px}
.footer__big{font-family:var(--sans);font-weight:700;font-size:clamp(52px,12vw,180px);line-height:.92;letter-spacing:-.05em;display:flex;gap:.18em;flex-wrap:wrap;overflow:hidden;color:var(--brand-a)}
.footer__big em{font-style:normal;color:var(--brand-b)}
.footer__big .ch{display:inline-block;will-change:transform}
.footer__cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line-2);padding-top:28px}
.footer__cols > div{display:grid;gap:10px;align-content:start;font-size:14px;color:var(--ink-2)}
.footer__cols .mono{color:var(--mute);margin-bottom:4px}
.footer__cols a{width:fit-content;transition:color .3s}
.footer__cols a:hover{color:var(--green-2)}
.footer__bar{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;color:var(--mute);font-size:12.5px}
.footer__pw a{color:var(--ink-2);border-bottom:1px solid var(--line-2)}

/* Responsive */
@media (max-width:1100px){
  .why__grid,.featured__grid{grid-template-columns:repeat(2,1fr)}
  .grow__inner{grid-template-columns:repeat(2,1fr);padding-left:0}
  .grow__head{grid-template-columns:36px 56px minmax(0,3fr) minmax(0,3fr) 36px}
  .grow__meta{display:none}
  .footer__cols{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nav__links,.theme-link,.nav__cta .btn{display:none}
  .nav__burger{display:block}
  .nav__brand{font-size:26px}
  .hero{padding-top:100px}
  .hero__bg{display:none}
  .hero::before{background:var(--bg)}
  .glass,.nav::before,.why__card,.sell__card,.flight,.form,.sheet__card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-2)}
  .hero__grid{grid-template-columns:1fr;gap:28px}
  .hero__frame{max-width:560px}
  .hero__sub{font-size:16px}
  .hero__stats{grid-template-columns:1fr 1fr;gap:16px 12px}
  .section__head--split{grid-template-columns:1fr;gap:12px}
  .why__grid{grid-template-columns:1fr}
  .featured{padding:18px 14px 20px}
  .featured__head{grid-template-columns:1fr;gap:12px}
  .featured__head p{justify-self:start}
  .featured__grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;margin:0 -2px}
  .pcard{flex:none;width:min(74vw,290px);scroll-snap-align:start}
  .grow__head{grid-template-columns:44px minmax(0,1fr) 36px;gap:12px}
  .grow__n,.grow__desc{display:none}
  .grow__inner{grid-template-columns:1fr;padding-bottom:18px}
  .sell__grid{grid-template-columns:1fr}
  .sell__media{aspect-ratio:16/9}
  .nursery__grid{grid-template-columns:1fr}
  .logistics__grid,.sheet__wrap,.contact__grid{grid-template-columns:1fr}
  .contact__copy{position:relative;top:auto}
  .sheet__card{transform:none;padding:16px}
  .sheet table{font-size:12.5px}
  .sheet td,.sheet th{padding:8px 6px}
  .bullets li,.form__row{grid-template-columns:1fr}
  .footer__big{font-size:clamp(48px,17vw,84px)}
}
@media (max-width:560px){
  .hero__title{font-size:clamp(38px,11vw,56px)}
  .eyebrow{font-size:10px}
  .stat b{font-size:24px}
  .stat__sub{font-size:13px}
  .grades-row{gap:8px}
  .grade-chip{font-size:15px;padding:8px 12px 8px 10px}
  .facts{grid-template-columns:1fr 1fr}
  .form{padding:20px 16px}
  .footer__cols{grid-template-columns:1fr}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .flight__node .ring{animation:none!important}
  .reveal-up,.pcard,.grow,.scard{opacity:1!important;transform:none!important}
  .split{transform:none!important}
  .flight__arc{stroke-dashoffset:0}
}
