:root {
  --ink:#080a08; --ink-soft:#10140f; --panel:#171d16; --panel-raised:#20281e;
  --military:#5a674c; --green:#4caf50; --green-light:#b5d56a;
  --chalk:#f4f5ed; --muted:#bcc5b5; --line:rgba(244,245,237,.16);
  --max:1180px; --radius:1.25rem; --shadow:0 24px 70px rgba(0,0,0,.35);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--ink); color:var(--chalk); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.5; }
body.is-menu-open { overflow:hidden; }
button,input,textarea { font:inherit; }
a { color:inherit; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { text-wrap:balance; }
:focus-visible { outline:3px solid var(--green-light); outline-offset:4px; }
.shell { width:min(var(--max),calc(100% - 2.5rem)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:-4rem; left:1rem; z-index:3000; padding:.75rem 1rem; background:var(--green-light); color:var(--ink); font-weight:800; text-decoration:none; transition:top .2s; }
.skip-link:focus { top:1rem; }

.preloader { position:fixed; inset:0; z-index:2500; display:grid; place-content:center; gap:.8rem; background:var(--ink); color:var(--chalk); text-align:center; transition:opacity .36s,visibility .36s; }
.preloader.is-done { opacity:0; visibility:hidden; pointer-events:none; }
.preloader__mark { width:7rem; margin:auto; color:var(--green); animation:loader-pulse 1.2s ease-in-out infinite alternate; }
.preloader p { margin:0; font-size:.72rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; }
.preloader span { color:var(--muted); font-size:.67rem; letter-spacing:.2em; text-transform:uppercase; }
@keyframes loader-pulse { from { opacity:.55; transform:scale(.96); } to { opacity:1; transform:scale(1); } }

.site-header { position:sticky; top:0; z-index:1000; border-bottom:1px solid var(--line); background:rgba(8,10,8,.94); backdrop-filter:blur(16px); }
.nav { display:flex; min-height:4.8rem; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:inline-flex; align-items:center; gap:.65rem; color:var(--chalk); font-size:.79rem; font-weight:900; letter-spacing:.1em; line-height:1.05; text-decoration:none; text-transform:uppercase; }
.brand svg { width:2.55rem; flex:none; color:var(--green); }
.nav__links { display:flex; align-items:center; gap:clamp(.8rem,2vw,2rem); }
.nav__links a { color:var(--chalk); font-size:.72rem; font-weight:800; letter-spacing:.11em; text-decoration:none; text-transform:uppercase; }
.nav__links a:hover,.nav__links a[aria-current="page"] { color:var(--green-light); }
.nav__toggle { display:none; width:2.85rem; height:2.85rem; border:1px solid var(--line); border-radius:50%; background:rgba(8,10,8,.45); color:var(--chalk); cursor:pointer; }
.nav__toggle span,.nav__toggle::before,.nav__toggle::after { display:block; width:1.05rem; height:2px; margin:auto; background:currentColor; content:""; transition:transform .2s,opacity .2s; }
.nav__toggle::before { transform:translateY(-.32rem); }
.nav__toggle::after { transform:translateY(.32rem); }
.nav__toggle[aria-expanded="true"] span { opacity:0; }
.nav__toggle[aria-expanded="true"]::before { transform:translateY(2px) rotate(45deg); }
.nav__toggle[aria-expanded="true"]::after { transform:translateY(-2px) rotate(-45deg); }

.page-hero { padding:clamp(5rem,10vw,9rem) 0 clamp(3rem,7vw,6rem); background:radial-gradient(circle at 85% 8%,rgba(76,175,80,.26),transparent 31rem),radial-gradient(circle at 10% 90%,rgba(90,103,76,.28),transparent 30rem),var(--ink-soft); }
.page-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr); gap:2rem 7vw; align-items:end; }
.eyebrow { display:flex; align-items:center; gap:.55rem; margin:0 0 1.1rem; color:var(--green-light); font-size:.72rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow::before { width:1.8rem; height:2px; background:currentColor; content:""; }
.page-title { max-width:11ch; margin-bottom:1.2rem; font-size:clamp(3.1rem,7vw,7rem); font-weight:900; letter-spacing:-.075em; line-height:.86; text-transform:uppercase; }
.page-intro { max-width:43rem; margin:0; color:var(--muted); font-size:clamp(1rem,1.7vw,1.15rem); }
.hero-card { border:1px solid rgba(244,245,237,.2); border-radius:var(--radius); padding:1.35rem; background:rgba(12,16,11,.78); box-shadow:var(--shadow); }
.hero-card strong { display:block; margin-bottom:.4rem; color:var(--green-light); font-size:.72rem; letter-spacing:.11em; text-transform:uppercase; }
.hero-card p { margin:0; color:var(--muted); font-size:.9rem; }

.page-section { padding:clamp(4rem,8vw,7.5rem) 0; }
.page-section--soft { background:#edf0e8; color:var(--ink); }
.page-section--soft .eyebrow { color:#415334; }
.section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.75fr); gap:1.2rem 4rem; align-items:end; margin-bottom:2rem; }
.section-title { max-width:12ch; margin-bottom:0; font-size:clamp(2.25rem,5vw,5rem); font-weight:900; letter-spacing:-.065em; line-height:.9; text-transform:uppercase; }
.section-copy { max-width:36rem; margin:0; color:#4e594a; }

.checkin { display:grid; gap:1.15rem; }
.checkin__group { border:1px solid var(--line); border-radius:var(--radius); padding:clamp(1.1rem,2vw,1.5rem); background:rgba(255,255,255,.03); }
.checkin__group h2 { margin-bottom:.35rem; font-size:1.25rem; letter-spacing:-.035em; text-transform:uppercase; }
.checkin__group p { margin-bottom:1rem; color:var(--muted); font-size:.88rem; }
.choice-grid { display:flex; flex-wrap:wrap; gap:.55rem; }
.choice-button { border:1px solid rgba(244,245,237,.28); border-radius:999px; padding:.65rem .8rem; background:transparent; color:var(--chalk); cursor:pointer; font-size:.73rem; font-weight:800; letter-spacing:.04em; text-align:left; transition:background .2s,border-color .2s,color .2s; }
.choice-button:hover,.choice-button[aria-pressed="true"] { border-color:var(--green); background:rgba(76,175,80,.19); color:var(--chalk); }
.checkin__note { margin:0; color:var(--muted); font-size:.78rem; }
.form-panel { border:1px solid rgba(244,245,237,.22); border-radius:var(--radius); padding:clamp(1.15rem,2.5vw,1.7rem); background:rgba(12,16,11,.82); box-shadow:var(--shadow); }
.form-panel h2 { margin-bottom:.45rem; font-size:1.3rem; letter-spacing:-.04em; text-transform:uppercase; }
.form-panel>p { margin-bottom:1rem; color:var(--muted); font-size:.87rem; }
.lead-form { display:grid; gap:.8rem; }
.field-label { display:block; margin-bottom:.35rem; color:var(--chalk); font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.field-label span { color:var(--green-light); }
.field-input,.field-textarea { width:100%; border:1px solid rgba(244,245,237,.28); border-radius:.75rem; padding:.83rem .9rem; background:rgba(255,255,255,.06); color:var(--chalk); }
.field-textarea { min-height:6.5rem; resize:vertical; }
.field-input::placeholder,.field-textarea::placeholder { color:#9ca596; }
.button { display:inline-flex; min-height:2.85rem; align-items:center; justify-content:center; border:1px solid transparent; border-radius:999px; padding:.78rem 1.15rem; background:var(--green); color:var(--ink); cursor:pointer; font-size:.72rem; font-weight:900; letter-spacing:.1em; text-align:center; text-decoration:none; text-transform:uppercase; transition:background .2s,color .2s,border-color .2s,transform .2s; }
.button:hover { background:var(--green-light); transform:translateY(-2px); }
.button--ghost { border-color:rgba(244,245,237,.6); background:transparent; color:var(--chalk); }
.button--ghost:hover { border-color:var(--green-light); background:transparent; color:var(--green-light); }
.lead-form .button { width:100%; }
.form-help,.form-status { margin:0; color:var(--muted); font-size:.71rem; line-height:1.45; }
.form-status:not(:empty) { color:var(--green-light); }

.content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.content-card { display:flex; min-height:16rem; flex-direction:column; justify-content:space-between; border:1px solid rgba(8,10,8,.17); border-radius:var(--radius); padding:1.4rem; background:#f9faf5; }
.content-card__label { color:#526143; font-size:.68rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.content-card h2 { margin:.7rem 0; font-size:clamp(1.75rem,3vw,2.7rem); letter-spacing:-.055em; line-height:.95; text-transform:uppercase; }
.content-card p { color:#4e594a; }
.content-card .button { align-self:flex-start; }
.content-cta { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; margin-top:1rem; border:1px solid rgba(8,10,8,.17); border-radius:var(--radius); padding:clamp(1.25rem,3vw,2rem); background:#dfe7d7; }
.content-cta > div { max-width:43rem; }
.content-cta h2 { margin:.55rem 0; color:var(--ink); font-size:clamp(1.55rem,3vw,2.5rem); font-weight:900; letter-spacing:-.055em; line-height:.94; text-transform:uppercase; }
.content-cta p:last-child { margin:0; color:#4e594a; }
.content-cta .button { flex:none; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.product-tile { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
.product-tile img { width:100%; aspect-ratio:4 / 5; object-fit:cover; }
.product-tile__copy { padding:1rem; }
.product-tile p { margin:0; color:var(--muted); font-size:.85rem; }

/* Product-first Drop page */
.drop-showcase { padding:clamp(2.25rem,5vw,4rem) 0 clamp(4rem,8vw,7rem); background:radial-gradient(circle at 86% 0,rgba(76,175,80,.21),transparent 29rem),var(--ink-soft); }
.drop-showcase__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr); gap:1rem 4rem; align-items:end; margin-bottom:1.4rem; }
.drop-showcase__title { max-width:12ch; margin:0; font-size:clamp(2.45rem,6vw,5.5rem); font-weight:900; letter-spacing:-.07em; line-height:.88; text-transform:uppercase; }
.drop-showcase__copy { max-width:40rem; margin:0; color:var(--muted); }
.drop-switch { display:flex; gap:.65rem; overflow-x:auto; margin-bottom:1rem; padding-bottom:.25rem; scrollbar-width:thin; }
.drop-switch__button { flex:none; border:1px solid rgba(244,245,237,.3); border-radius:999px; padding:.7rem 1rem; background:transparent; color:var(--chalk); cursor:pointer; font-size:.7rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.drop-switch__button[aria-selected="true"] { border-color:var(--green); background:var(--green); color:var(--ink); }
.drop-collection { display:grid; gap:1rem; }
.drop-collection[hidden] { display:none; }
.drop-card { display:grid; grid-template-columns:minmax(15rem,.85fr) minmax(0,1.15fr); overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); box-shadow:var(--shadow); }
.drop-card--wide { grid-template-columns:minmax(18rem,.95fr) minmax(0,1.05fr); }
.drop-card__media { min-height:clamp(23rem,42vw,38rem); background:radial-gradient(circle at 50% 20%,#365231,#111a10 72%); }
.drop-card__media img { width:100%; height:100%; object-fit:contain; }
.drop-card__body { display:flex; flex-direction:column; justify-content:center; padding:clamp(1.35rem,4vw,3.3rem); }
.drop-card__kicker { margin:0 0 .75rem; color:var(--green-light); font-size:.7rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.drop-card__body h2 { margin:0 0 .75rem; font-size:clamp(2rem,4.5vw,4.25rem); font-weight:900; letter-spacing:-.07em; line-height:.88; text-transform:uppercase; }
.drop-card__body > p:not(.drop-card__kicker):not(.drop-card__note) { max-width:35rem; margin-bottom:1.2rem; color:var(--muted); }
.drop-specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; margin:0 0 1.25rem; padding:0; list-style:none; }
.drop-specs li { border-top:2px solid var(--military); padding-top:.5rem; color:var(--chalk); font-size:.75rem; font-weight:700; line-height:1.3; }
.drop-options { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; padding:0; border:0; }
.drop-options legend { width:100%; margin-bottom:.1rem; color:var(--green-light); font-size:.66rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.drop-option { border:1px solid rgba(244,245,237,.3); border-radius:999px; padding:.48rem .72rem; background:transparent; color:var(--chalk); cursor:pointer; font-size:.67rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.drop-option[aria-pressed="true"] { border-color:var(--green); background:var(--green); color:var(--ink); }
.drop-sizes { display:flex; flex-wrap:wrap; gap:.38rem; margin:0 0 1.25rem; }
.drop-sizes::before { width:100%; margin-bottom:.1rem; color:var(--green-light); content:"Current sample size range"; font-size:.66rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.drop-sizes span { min-width:2.15rem; border:1px solid rgba(244,245,237,.26); border-radius:.42rem; padding:.35rem .45rem; color:var(--chalk); font-size:.68rem; font-weight:800; text-align:center; }
.drop-card__actions { display:flex; flex-wrap:wrap; gap:.65rem; }
.drop-card__note { margin:1rem 0 0; color:var(--muted); font-size:.72rem; }
.winter-concepts { margin-top:clamp(3rem,7vw,6rem); padding-top:clamp(2.1rem,5vw,4rem); border-top:1px solid var(--line); }
.winter-concepts__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr); gap:1rem 4rem; align-items:end; margin-bottom:1.2rem; }
.winter-concepts__head h2 { max-width:15ch; margin:0; font-size:clamp(2rem,4.5vw,4.2rem); font-weight:900; letter-spacing:-.07em; line-height:.88; text-transform:uppercase; }
.winter-concepts__head > p { max-width:38rem; margin:0; color:var(--muted); }
.winter-concepts__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.winter-concept { display:grid; grid-template-rows:minmax(19rem,1fr) auto; min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); box-shadow:var(--shadow); }
.winter-concept__media { display:grid; min-height:clamp(20rem,31vw,31rem); place-items:center; padding:1rem; background:radial-gradient(circle at 50% 17%,#3b5635,#0e150d 76%); }
.winter-concept__media img { width:100%; height:100%; object-fit:contain; }
.winter-concept__body { padding:1.1rem 1.15rem 1.25rem; border-top:1px solid var(--line); }
.winter-concept__body p { margin:0 0 .5rem; color:var(--green-light); font-size:.66rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.winter-concept__body h3 { margin:0 0 .45rem; color:var(--chalk); font-size:clamp(1.35rem,2.4vw,2rem); font-weight:900; letter-spacing:-.055em; line-height:.94; text-transform:uppercase; }
.winter-concept__body span { color:var(--muted); font-size:.79rem; line-height:1.45; }

.quick-look { width:min(48rem,calc(100% - 1.25rem)); max-height:calc(100svh - 1.25rem); border:1px solid rgba(244,245,237,.28); border-radius:var(--radius); padding:0; background:var(--panel); color:var(--chalk); box-shadow:0 28px 90px rgba(0,0,0,.62); }
.quick-look::backdrop { background:rgba(4,7,4,.78); backdrop-filter:blur(5px); }
.quick-look__inner { display:block; min-height:0; }
.quick-look__media { position:relative; display:grid; height:min(80svh,54rem); min-height:20rem; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 12%,#365231,#0e150d 73%); }
.quick-look__media img { width:100%; height:100%; max-height:calc(100svh - 1.25rem); object-fit:contain; }
.quick-look__close { position:absolute; top:1rem; right:1rem; z-index:2; width:2.7rem; height:2.7rem; border:1px solid rgba(244,245,237,.45); border-radius:50%; background:rgba(8,10,8,.7); color:var(--chalk); cursor:pointer; font-size:1.4rem; line-height:1; }
.quick-look__nav { position:absolute; right:1rem; bottom:1rem; left:1rem; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.quick-look__nav button { min-width:7rem; border:1px solid rgba(244,245,237,.5); border-radius:999px; padding:.7rem .85rem; background:rgba(8,10,8,.78); color:var(--chalk); cursor:pointer; font-size:.67rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.quick-look__nav button:hover { border-color:var(--green-light); color:var(--green-light); }
.quick-look__count { color:var(--chalk); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.quick-look__copy { display:none; }
.quick-look__copy p { color:var(--muted); }
.quick-look__copy h2 { margin:.45rem 0 .8rem; font-size:clamp(2rem,4.3vw,3.8rem); font-weight:900; letter-spacing:-.07em; line-height:.88; text-transform:uppercase; }
.quick-look__copy .button { align-self:flex-start; }

.quiz-dialog { width:min(46rem,calc(100% - 1.25rem)); max-height:calc(100svh - 1.25rem); border:1px solid rgba(244,245,237,.28); border-radius:var(--radius); padding:0; background:var(--ink-soft); color:var(--chalk); box-shadow:0 28px 90px rgba(0,0,0,.62); }
.quiz-dialog::backdrop { background:rgba(4,7,4,.78); backdrop-filter:blur(5px); }
.quiz-dialog__inner { padding:clamp(1.2rem,4vw,2.25rem); }
.quiz-dialog__top { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.quiz-dialog__top h2 { margin:0; font-size:clamp(1.8rem,4vw,3.3rem); font-weight:900; letter-spacing:-.065em; line-height:.9; text-transform:uppercase; }
.quiz-dialog__close { flex:none; width:2.6rem; height:2.6rem; border:1px solid rgba(244,245,237,.42); border-radius:50%; background:transparent; color:var(--chalk); cursor:pointer; font-size:1.4rem; line-height:1; }
.quiz-dialog .checkin__group { margin-bottom:.85rem; }
.quiz-dialog .checkin__group h3 { margin:.1rem 0 .35rem; font-size:1rem; letter-spacing:-.025em; text-transform:uppercase; }
.quiz-dialog .checkin__group p { margin-bottom:.75rem; }

.site-footer { border-top:1px solid var(--line); padding:2.2rem 0; background:var(--ink); }
.footer-grid { display:flex; align-items:center; justify-content:space-between; gap:1.2rem; }
.footer-grid p { margin:0; color:var(--muted); font-size:.71rem; }
.footer-links { display:flex; flex-wrap:wrap; gap:1rem; }
.footer-links a { color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.footer-links a:hover { color:var(--green-light); }

@media (max-width:800px) {
  .shell { width:min(var(--max),calc(100% - 1.5rem)); }
  .nav { min-height:4.35rem; } .brand { font-size:.67rem; } .brand svg { width:2.15rem; }
  .nav__toggle { display:block; }
  .nav__links { position:fixed; inset:4.35rem 0 0; display:none; align-content:start; grid-template-columns:1fr; gap:0; padding:1rem 1.5rem 2rem; background:rgba(8,10,8,.98); }
  .nav__links.is-open { display:grid; } .nav__links a { padding:1rem 0; border-bottom:1px solid var(--line); font-size:.9rem; }
  .page-hero__grid,.section-head,.content-grid,.product-grid,.drop-showcase__head,.drop-card,.drop-card--wide,.winter-concepts__head,.winter-concepts__grid { grid-template-columns:1fr; }
  .page-hero { padding-top:4.5rem; }
  .content-cta { align-items:flex-start; flex-direction:column; }
  .drop-card__media { min-height:22rem; max-height:35rem; }
  .quick-look__media { min-height:18rem; max-height:48svh; }
  .quick-look__copy { padding:1.3rem; }
  .quick-look__nav button { min-width:6rem; }
  .footer-grid { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }