:root{
  color-scheme:dark;
  --ink:#0e0c09;
  --earth:#1c140e;
  --earth-light:#2d2014;
  --cream:#ffefd4;
  --muted:#c6b79e;
  --gold:#eec078;
  --gold-strong:#e69a3d;
  --alien:#a5ffb1;
  --alien-deep:#5ae89b;
  --line:rgba(244,200,139,.2);
  --headline:"Arial Narrow",Impact,"Franklin Gothic Medium",sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;min-width:320px;color:var(--cream);background-color:var(--ink);background-image:linear-gradient(180deg,rgba(19,12,9,.81),rgba(10,10,9,.86)),url('/assets/background-repeat.webp');background-repeat:repeat,repeat;background-size:auto,610px 610px;background-position:0 0,center top;font-family:var(--body);-webkit-font-smoothing:antialiased}
body.drawer-open{overflow:hidden}
button,input{font:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{width:1.3em;height:1.3em}
::selection{background:#a3ffc3;color:#102419}
:focus-visible{outline:2px solid var(--alien);outline-offset:4px}
[hidden]{display:none!important}
.page-wrap{max-width:1480px;padding-inline:clamp(22px,5vw,84px);margin-inline:auto}
.site-shell{overflow:hidden}
.skip-link{position:fixed;z-index:200;top:-80px;left:18px;padding:13px 20px;background:var(--alien);color:#0b140f;font-weight:800}
.skip-link:focus{top:14px}
.signal-strip{height:34px;display:flex;align-items:center;justify-content:center;gap:14px;padding-inline:12px;background:#120e0b;border-bottom:1px solid rgba(240,174,81,.27);font-size:10px;line-height:1;letter-spacing:.23em;font-weight:800;color:#d7bd94}
.signal-strip>span:nth-child(2){color:#fff0cb}.signal-strip__divider{color:#6e5540}
.signal-strip__dot{width:5px;height:5px;border-radius:100%;background:var(--alien);box-shadow:0 0 10px rgba(140,255,172,.7)}
.site-header{height:clamp(136px,29vw,372px);position:relative;isolation:isolate;background:#50301c;overflow:hidden}
.site-header__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;z-index:-3}
.site-header__edge{position:absolute;top:0;bottom:0;width:27%;pointer-events:none;z-index:-2}
.site-header__edge--left{left:0;background:linear-gradient(90deg,rgba(14,9,7,.68),transparent)}
.site-header__edge--right{right:0;background:linear-gradient(270deg,rgba(14,9,7,.65),transparent)}
.header-bottom-line{position:absolute;bottom:0;height:3px;background:linear-gradient(90deg,#76441f,#f8cb77 50%,#76441f);width:100%;box-shadow:0 0 16px rgba(238,185,105,.5)}
.header-control{position:absolute;top:clamp(17px,3vw,34px);display:flex;align-items:center;gap:12px;min-height:53px;border:1px solid rgba(255,230,188,.38);border-radius:5px;padding:12px 17px;background:rgba(14,11,10,.64);backdrop-filter:blur(10px);color:#ffe8be;font-weight:850;font-size:12px;letter-spacing:.14em;transition:background .22s,border-color .22s,transform .22s;z-index:4}
.header-control:hover,.header-control:focus-visible{background:rgba(23,32,24,.87);border-color:var(--alien);transform:translateY(-1px)}
.header-control--menu{left:clamp(17px,3vw,46px)}
.header-control--cart{right:clamp(17px,3vw,46px)}
.hamburger{display:grid;gap:5px;width:22px}
.hamburger span{width:100%;height:2px;background:currentColor;display:block;border-radius:2px}
.hamburger span:nth-child(2){width:75%}
.cart-graphic{width:26px;height:26px;position:relative;display:block}
.cart-graphic svg{width:100%;height:100%}
.cart-count{position:absolute;min-width:18px;height:18px;padding:0 4px;border-radius:99px;right:-8px;top:-9px;display:grid;place-items:center;color:#05110a;font-weight:900;background:var(--alien);font-size:10px;letter-spacing:0;border:2px solid #1b1410}
.hero{min-height:clamp(570px,54vw,780px);position:relative;isolation:isolate;background:#533522;overflow:hidden}
.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 52%;z-index:-3}
.hero__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(13,12,10,.88) 0%,rgba(18,13,8,.77) 21%,rgba(19,13,8,.45) 47%,rgba(14,9,6,.06) 75%),linear-gradient(0deg,rgba(14,10,9,.82),transparent 31%)}
.hero__content{min-height:inherit;display:flex;align-items:center;width:100%;padding-top:55px;padding-bottom:110px}
.hero__copy{max-width:650px;position:relative}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:900;letter-spacing:.26em;color:#ffd89a;margin:0 0 27px;text-transform:uppercase;line-height:1.6}
.small-spark{font-size:19px;color:var(--alien);text-shadow:0 0 14px rgba(144,255,178,.9)}
.hero h1,.section-heading h2,.story h2,.drawer h2{font-family:var(--headline);font-weight:900;letter-spacing:.015em;line-height:.94;text-transform:uppercase;margin:0}
.hero h1{font-size:clamp(68px,7.5vw,130px);text-shadow:0 8px 35px rgba(8,8,8,.35)}
.hero h1 span{color:var(--alien);text-shadow:0 0 32px rgba(126,250,153,.25)}
.hero__description{margin:25px 0 30px;max-width:470px;font-size:clamp(15px,1.3vw,19px);line-height:1.8;color:#f8e9cb}
.hero__actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.action{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:13px 22px;letter-spacing:.105em;text-transform:uppercase;font-size:11px;line-height:1.3;font-weight:900;border-radius:3px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;border:1px solid transparent}
.action:hover{transform:translateY(-3px)}
.action svg{width:20px;height:20px;flex:none}
.action--primary{color:#102016;background:var(--alien);box-shadow:0 0 23px rgba(111,255,162,.23)}
.action--primary:hover{background:#d2ffd0;box-shadow:0 0 33px rgba(111,255,162,.42)}
.action--secondary{color:#fff4dc;background:rgba(12,12,11,.36);border-color:rgba(255,237,212,.55)}
.action--secondary:hover{background:rgba(16,28,18,.8);border-color:var(--alien)}
.hero__footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:18px 22px;border-top:1px solid rgba(252,226,179,.24);color:#e6d5b8;font-size:10px;font-weight:850;letter-spacing:.17em}
.hero__footer>span{display:flex;align-items:center;gap:12px}
.live-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:100%;background:var(--alien);box-shadow:0 0 0 4px rgba(120,255,164,.13),0 0 13px rgba(120,255,164,.7);animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 7px rgba(120,255,164,.04),0 0 21px rgba(120,255,164,.9)}}
.ticker{height:51px;overflow:hidden;display:flex;align-items:center;background:#e5af61;color:#221407;border-top:1px solid #ffd591;border-bottom:1px solid #ffd591}
.ticker__track{display:flex;align-items:center;justify-content:center;gap:39px;min-width:100%;white-space:nowrap;font-weight:950;letter-spacing:.19em;font-size:12px}
.ticker__track b{color:#7d5429;font-size:19px;font-weight:400}
.section-pad{padding-block:clamp(78px,10vw,148px)}
.collection{position:relative;background:linear-gradient(180deg,rgba(12,12,10,.5),rgba(14,13,10,.05) 38%,rgba(12,12,10,.36));scroll-margin-top:0}
.collection::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;background:radial-gradient(ellipse 60% 24% at 50% 27%,rgba(95,183,111,.10),transparent 90%)}
.collection .page-wrap{position:relative}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:47px}
.eyebrow--bright{color:var(--alien)}
.section-count{color:#c8ad7b;opacity:.85;margin-left:10px;font-size:10px;letter-spacing:.12em}
.section-heading h2{font-size:clamp(52px,6vw,100px);line-height:.96}
.section-heading h2 span,.story h2 span{color:var(--gold)}
.section-heading__description{max-width:580px;color:#deceb2;font-size:16px;line-height:1.8;margin:22px 0 0}
.signal-stamp{display:grid;place-items:center;border:1px solid rgba(251,191,103,.37);border-radius:100%;width:128px;height:128px;flex:none;transform:rotate(-13deg);box-shadow:inset 0 0 0 10px rgba(216,160,78,.04)}
.signal-stamp__inner{border:1px dashed rgba(241,187,110,.5);border-radius:50%;width:105px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-family:var(--headline);font-size:40px;color:#e8b36e;font-weight:900}
.signal-stamp__inner small{font-size:23px;letter-spacing:.2em}
.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:-12px 0 30px}
.filter-pill{border:1px solid rgba(244,215,173,.32);border-radius:2px;padding:11px 17px;font-size:11px;font-weight:850;letter-spacing:.1em;background:rgba(10,10,9,.53);color:#f2dcba;transition:all .2s}
.filter-pill[aria-pressed=true],.filter-pill:hover{color:#06170d;border-color:var(--alien);background:var(--alien)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,25px)}
.product-card{min-width:0;position:relative;overflow:hidden;border:1px solid rgba(235,183,114,.29);border-radius:5px;background:linear-gradient(155deg,rgba(37,26,18,.95),rgba(13,17,13,.95) 63%,rgba(22,23,17,.94));box-shadow:0 12px 36px rgba(0,0,0,.28);transition:transform .25s,border-color .25s,box-shadow .25s;isolation:isolate}
.product-card:hover{transform:translateY(-5px);border-color:rgba(157,255,179,.7);box-shadow:0 20px 50px rgba(0,0,0,.42),0 0 29px rgba(100,255,149,.13)}
.product-card--placeholder{height:390px;padding:21px 22px 23px;display:flex;flex-direction:column;justify-content:space-between}
.product-card--placeholder::before{content:"";position:absolute;z-index:-1;inset:-8px;background:radial-gradient(ellipse 72% 55% at 50% 56%,rgba(80,255,142,.14),transparent 83%);opacity:.36;animation:alienHalo 4s ease-in-out infinite;animation-delay:calc(var(--order,0) * -.55s);pointer-events:none}
.product-card--placeholder::after{content:"";position:absolute;inset:1px;border:1px solid rgba(149,255,172,.09);box-shadow:inset 0 0 30px rgba(100,255,142,.035);border-radius:4px;pointer-events:none;opacity:.5;animation:borderPulse 4s ease-in-out infinite;animation-delay:calc(var(--order,0) * -.55s)}
@keyframes borderPulse{0%,100%{opacity:.25}45%{opacity:1}}
@keyframes alienHalo{0%,100%{opacity:.18;transform:scale(.97)}50%{opacity:1;transform:scale(1.045)}}
.placeholder-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;letter-spacing:.11em;font-weight:850;color:#a49d85;position:relative;z-index:3}
.placeholder-status{display:inline-flex;align-items:center;gap:6px;color:var(--alien);font-size:9px;letter-spacing:.08em}
.placeholder-status i{background:var(--alien);box-shadow:0 0 10px var(--alien-deep);height:5px;width:5px;border-radius:50%}
.arrival-scene{height:202px;position:relative;flex:none;z-index:1;contain:layout paint}
.arrival-scene__halo{position:absolute;left:50%;top:29%;width:225px;max-width:92%;height:143px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(115,255,169,.25),rgba(79,204,137,.05) 38%,transparent 74%);animation:beamHalo 3.7s ease-in-out infinite;animation-delay:calc(var(--order,0) * -.5s)}
@keyframes beamHalo{0%,100%{opacity:.42}45%{opacity:1}}
.arrival-scene__beam{position:absolute;left:50%;top:55px;transform:translateX(-50%);width:195px;height:135px;clip-path:polygon(44% 0,56% 0,97% 100%,3% 100%);background:linear-gradient(180deg,rgba(175,255,205,.56),rgba(82,255,158,.23) 42%,rgba(95,255,153,.025) 100%);filter:blur(2px);transform-origin:50% 0;animation:beamHalo 3.8s ease-in-out infinite;animation-delay:calc(var(--order,0) * -.7s)}
.arrival-scene__craft{position:absolute;top:34px;left:50%;width:140px;height:68px;transform:translateX(-50%);filter:drop-shadow(0 6px 18px rgba(101,253,155,.25));animation:floatCraft 4s ease-in-out infinite;animation-delay:calc(var(--order,0) * -.63s)}
@keyframes floatCraft{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-9px)}}
.arrival-scene__dome{position:absolute;left:38px;top:3px;width:64px;height:39px;border:1px solid rgba(173,255,202,.68);border-radius:85% 85% 8% 8%;background:radial-gradient(ellipse at 38% 20%,rgba(160,255,203,.72),rgba(67,153,112,.43) 41%,rgba(16,47,35,.9) 76%);box-shadow:inset 0 -6px 10px rgba(14,37,25,.7),0 0 23px rgba(90,255,158,.23)}
.arrival-scene__body{position:absolute;top:35px;left:4px;width:132px;height:30px;border-radius:50%;background:linear-gradient(180deg,#b3e6b3 0%,#517965 25%,#213d30 41%,#141f1c 72%,#6bad88 100%);border:1px solid rgba(171,255,196,.76);box-shadow:0 0 13px rgba(97,255,155,.5),inset 0 2px 7px rgba(201,255,210,.65)}
.arrival-scene__lights{position:absolute;top:49px;left:22px;width:96px;height:11px;background:radial-gradient(circle at 9% 50%,#c6ffbb 0 3px,transparent 4px),radial-gradient(circle at 29% 70%,#c6ffbb 0 3px,transparent 4px),radial-gradient(circle at 50% 90%,#c6ffbb 0 3px,transparent 4px),radial-gradient(circle at 71% 70%,#c6ffbb 0 3px,transparent 4px),radial-gradient(circle at 91% 50%,#c6ffbb 0 3px,transparent 4px);filter:drop-shadow(0 0 5px rgba(170,255,199,.93))}
.arrival-scene__ground{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);height:24px;width:164px;border:1px solid rgba(131,255,173,.43);border-radius:50%;box-shadow:0 0 16px rgba(115,255,169,.27),inset 0 0 20px rgba(124,255,169,.15);animation:groundPulse 4s ease-in-out infinite;animation-delay:calc(var(--order,0) * -.56s)}
.arrival-scene__ground::before{content:"";position:absolute;inset:5px 22px;border:1px solid rgba(137,255,168,.35);border-radius:50%}
@keyframes groundPulse{0%,100%{opacity:.3;scale:.93}50%{opacity:1;scale:1.07}}
.placeholder-card-bottom{position:relative;z-index:3;border-top:1px solid rgba(230,193,130,.21);padding-top:17px}
.placeholder-card-label{color:var(--alien);font-size:9px;letter-spacing:.15em;font-weight:850}
.placeholder-card-bottom h3{font-family:var(--headline);font-size:32px;line-height:1;margin:6px 0 3px;letter-spacing:.025em;color:#fff0d2}
.placeholder-card-bottom p{margin:0;color:#b8ae98;font-size:13px}
.placeholder-card-arrow{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:37px;height:37px;font-size:20px;color:var(--alien);border:1px solid rgba(161,255,190,.3);border-radius:50%}
.collection-footnote{display:flex;gap:12px;justify-content:center;align-items:center;color:#c2b195;margin:37px auto 0;font-size:13px;letter-spacing:.03em;text-align:center}
.footnote-asterisk{font-size:16px;color:var(--alien)}
/* Products added later via data/products.json */
.product-card--live{display:flex;flex-direction:column;min-height:400px;background:linear-gradient(160deg,rgba(37,28,19,.97),rgba(15,19,16,.97))}
.product-media{height:240px;position:relative;background:radial-gradient(ellipse at 50% 65%,rgba(109,203,141,.14),transparent 70%),rgba(14,20,15,.7);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.product-card--live:hover img{transform:scale(1.035)}
.product-media__fallback{font-family:var(--headline);font-weight:900;color:rgba(164,255,176,.42);font-size:76px;letter-spacing:-.07em;transform:rotate(-12deg);text-shadow:0 0 45px rgba(123,255,155,.24)}
.product-media__badge{position:absolute;top:15px;left:16px;z-index:1;padding:8px 10px;font-size:10px;letter-spacing:.13em;background:rgba(8,19,12,.85);border:1px solid rgba(164,255,173,.4);color:var(--alien);font-weight:900}
.product-info{padding:22px;display:flex;flex:1;flex-direction:column;gap:10px}
.product-info__category{font-size:10px;letter-spacing:.19em;color:var(--alien);font-weight:850;text-transform:uppercase}
.product-info h3{font-family:var(--headline);font-size:29px;line-height:1.05;font-weight:850;margin:0}
.product-info__desc{font-size:13px;color:#cfbea2;line-height:1.6;margin:0;min-height:22px;flex:1}
.product-info__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}
.product-info__price{font-size:22px;font-weight:900;color:#ffdfab}
.add-cart{border:1px solid rgba(152,255,183,.6);background:var(--alien);border-radius:2px;padding:12px 14px;color:#0c2615;letter-spacing:.05em;font-size:11px;font-weight:950;transition:background .2s,transform .2s}
.add-cart:hover{background:#d4ffd4;transform:translateY(-2px)}
.add-cart:disabled{cursor:not-allowed;opacity:.45;transform:none}
.story{background:linear-gradient(125deg,rgba(8,12,10,.95),rgba(22,15,11,.92));border-top:1px solid rgba(238,182,112,.17);border-bottom:1px solid rgba(238,182,112,.17);position:relative}
.story__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,9vw,145px)}
.story__art{aspect-ratio:1;position:relative;display:grid;place-items:center;max-width:530px;width:100%;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(82,169,112,.17),rgba(40,54,41,.11) 35%,transparent 63%)}
.story__orbit{position:absolute;border:1px dashed rgba(149,255,163,.32);border-radius:50%;aspect-ratio:1}
.story__orbit--one{width:79%;box-shadow:0 0 40px rgba(111,255,160,.05)}
.story__orbit--two{width:57%;border-style:solid;border-color:rgba(227,178,102,.52);transform:rotateX(65deg) rotate(-26deg)}
.story__art::before,.story__art::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--alien);box-shadow:0 0 18px var(--alien)}
.story__art::before{top:24%;left:23%}
.story__art::after{bottom:27%;right:18%}
.story__core{font-family:var(--headline);font-size:clamp(95px,13vw,183px);font-weight:900;letter-spacing:-.065em;line-height:.65;color:#f8d595;position:relative;z-index:1;transform:rotate(-10deg);text-shadow:0 0 23px rgba(250,192,105,.25)}
.story__core span{display:block;text-align:center;margin-top:14px;font-size:.55em;letter-spacing:-.01em}
.story__coord{position:absolute;font-size:9px;letter-spacing:.17em;color:#97c8a4;font-weight:800}
.story__coord--a{left:5%;bottom:15%}.story__coord--b{right:-3%;top:10%}
.story h2{font-size:clamp(51px,6vw,90px)}
.story__text>p:not(.eyebrow){font-size:16px;color:#dbc6a7;max-width:470px;line-height:1.85;margin:30px 0 23px}
.text-link{font-size:11px;letter-spacing:.15em;color:var(--alien);font-weight:950;border-bottom:1px solid var(--alien);padding-bottom:11px;display:inline-flex;gap:45px;align-items:center;transition:gap .2s}
.text-link:hover{gap:55px}
.text-link span{font-size:20px}
.footer{background:#0f0d0a;padding-top:65px}
.footer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:68px}
.footer__brand{font-family:var(--headline);font-size:60px;line-height:1;font-weight:900;letter-spacing:-.04em;color:#fff0d3}
.footer__brand>span{color:var(--gold);margin-left:7px}
.footer__brand small{display:block;color:#a7a18d;letter-spacing:.18em;font-size:10px;margin-top:14px;font-family:var(--body)}
.footer__nav{display:flex;gap:32px;flex-wrap:wrap;padding-top:14px;font-size:11px;letter-spacing:.14em;font-weight:850}
.footer__nav a:hover{color:var(--alien)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0 27px;border-top:1px solid rgba(222,189,145,.2);color:#a59882;font-size:10px;letter-spacing:.13em;font-weight:800}
.tiny-spark{color:var(--alien)}
/* Overlays, navigation and cart */
.drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(5,6,5,.78);backdrop-filter:blur(7px)}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(440px,100vw);z-index:100;padding:31px clamp(20px,5vw,35px);display:flex;flex-direction:column;overflow:auto;background:linear-gradient(170deg,#262019,#10150f 63%,#12120e);border-right:1px solid rgba(164,255,181,.4);box-shadow:15px 0 65px rgba(0,0,0,.45)}
.drawer--cart{left:auto;right:0;width:min(485px,100vw);border-right:0;border-left:1px solid rgba(164,255,181,.35);padding:31px clamp(20px,5vw,36px)}
.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.drawer__kicker{font-weight:900;color:var(--alien);letter-spacing:.17em;font-size:10px;margin:3px 0 13px}
.drawer h2{font-size:47px;line-height:1}.drawer h2 span{color:var(--gold)}
.drawer-close{background:transparent;border:1px solid rgba(240,205,153,.37);color:var(--cream);height:44px;width:44px;display:grid;place-items:center;font-size:29px;line-height:1;border-radius:3px;flex:none;transition:background .2s}
.drawer-close:hover{background:rgba(171,255,186,.15)}
.drawer__nav{display:grid;margin-top:26px}
.drawer__nav a{font-family:var(--headline);font-size:32px;letter-spacing:.02em;font-weight:850;padding:22px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;transition:color .2s,transform .2s}
.drawer__nav a:hover{color:var(--alien);transform:translateX(4px)}
.drawer__nav a span{font:900 11px var(--body);letter-spacing:.08em;color:#c2a97f}
.drawer__nav a b{margin-left:auto;font:400 23px var(--body);color:var(--alien)}
.drawer__bottom{margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:900;color:#c1b191;letter-spacing:.16em}
.cart-contents{min-height:0;display:flex;flex-direction:column;flex:1}
.empty-cart{padding:70px 10px 20px;display:flex;align-items:center;flex-direction:column;text-align:center}
.empty-cart__orb{height:160px;width:160px;display:grid;place-items:center;margin:0 0 27px;border-radius:50%;border:1px solid rgba(137,255,165,.4);box-shadow:0 0 45px rgba(91,249,152,.08),inset 0 0 35px rgba(90,255,145,.09);color:var(--alien)}
.empty-cart__orb span{font-size:77px;text-shadow:0 0 25px rgba(164,255,187,.8)}
.empty-cart h3{font-family:var(--headline);font-size:33px;line-height:1;margin:0}
.empty-cart p{color:#c9bda6;font-size:14px;line-height:1.8;margin:18px 0 27px;max-width:310px}
.cart-list{list-style:none;margin:27px 0 12px;padding:0;display:grid;gap:12px}
.cart-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}
.cart-item__main{min-width:0}
.cart-item h3{font-size:15px;line-height:1.25;margin:0 0 7px}
.cart-item__price{color:var(--gold);font-size:13px;font-weight:800}
.cart-item__controls{display:flex;align-items:center;gap:12px;margin-top:13px}
.cart-item__controls button{border:1px solid rgba(221,189,143,.35);background:rgba(0,0,0,.2);color:var(--cream);width:29px;height:29px;font-size:16px}
.cart-item__controls button:hover{border-color:var(--alien)}
.cart-item__qty{font-size:12px;font-weight:900}
.cart-item__remove{color:#dcbda9;background:none;border:0;padding:0;align-self:flex-start;text-decoration:underline;font-size:11px}
.cart-item__remove:hover{color:var(--alien)}
.cart-summary{margin-top:auto;padding:26px 0 12px}
.cart-summary__total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(243,207,149,.37);padding:18px 0 20px;color:#ffe3ad;font-weight:850;letter-spacing:.08em}
.cart-summary__total strong{font-size:23px}
.cart-summary__actions{display:grid;gap:10px}
.cart-summary__actions .action{width:100%}
.cart-summary__hint{font-size:12px;line-height:1.6;color:#c2b69f;margin-top:17px}
.cart-clear{background:transparent;color:var(--cream);padding:10px;border:1px solid rgba(233,204,166,.35);border-radius:3px;font-size:11px;font-weight:850;letter-spacing:.12em}
.cart-clear:hover{border-color:var(--alien)}
.toast{position:fixed;left:50%;bottom:clamp(20px,4vw,50px);transform:translateX(-50%);z-index:110;max-width:calc(100vw - 30px);padding:14px 20px;border:1px solid var(--alien);border-radius:4px;background:#112017;box-shadow:0 10px 30px rgba(0,0,0,.45);text-align:center;font-size:12px;color:#d8ffe1;font-weight:800;letter-spacing:.05em}
@media(min-width:1550px){.hero__image{object-position:50% 56%}}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__copy{max-width:550px}.hero h1{font-size:clamp(68px,8vw,104px)}.hero__veil{background:linear-gradient(90deg,rgba(13,12,10,.92),rgba(18,13,8,.7) 42%,rgba(14,9,6,.05) 90%),linear-gradient(0deg,rgba(14,10,9,.8),transparent 29%)}}
@media(max-width:700px){
  body{background-size:auto,500px 500px}
  .signal-strip{height:29px;font-size:8px;gap:8px;letter-spacing:.11em}
  .site-header{height:clamp(144px,32vw,225px)}
  .site-header__art{object-position:center center}
  .header-control{min-height:43px;padding:8px 10px;top:15px;gap:7px}
  .header-control--menu{left:13px}.header-control--cart{right:13px}
  .header-control__text{font-size:10px;letter-spacing:.08em}
  .hamburger{width:19px;gap:4px}
  .cart-graphic{width:23px;height:23px}
  .hero{min-height:660px}
  .hero__image{object-position:62% center}
  .hero__veil{background:linear-gradient(0deg,rgba(13,11,9,.97),rgba(17,12,8,.64) 50%,rgba(12,10,8,.18) 100%),linear-gradient(90deg,rgba(12,10,8,.57),transparent 90%)}
  .hero__content{align-items:flex-end;padding-bottom:117px;padding-top:100px}
  .hero__copy{max-width:590px}
  .hero h1{font-size:clamp(56px,12vw,84px)}
  .hero__description{font-size:15px;max-width:425px;margin:19px 0 25px;line-height:1.65}
  .eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:20px}
  .hero__footer{font-size:9px;letter-spacing:.065em;padding-block:17px;gap:12px}
  .hero__footer-center{display:none!important}
  .ticker{height:45px}.ticker__track{font-size:10px;gap:22px}
  .section-heading{align-items:flex-start;gap:15px}
  .section-heading h2{font-size:clamp(47px,9vw,66px)}
  .section-heading__description{font-size:14px}
  .signal-stamp{width:85px;height:85px}
  .signal-stamp__inner{width:70px;height:70px;font-size:26px}.signal-stamp__inner small{font-size:16px}
  .section-pad{padding-block:78px}
  .story__grid{grid-template-columns:1fr;gap:45px}
  .story__art{max-width:345px}
  .story__core{font-size:125px}
  .story__text{padding-inline:5px}
  .footer__top{flex-direction:column;gap:29px;padding-bottom:45px}.footer__nav{padding-top:0}
}
@media(max-width:530px){
  .hero{min-height:635px}
  .hero h1{font-size:clamp(49px,12vw,65px)}
  .hero__content{padding-bottom:111px}
  .hero__actions{gap:10px}
  .action{min-height:51px;padding:12px 15px;font-size:10px}
  .action--secondary{min-height:48px}
  .product-grid{grid-template-columns:minmax(0,1fr);gap:17px}
  .product-card--placeholder{height:365px}
  .arrival-scene{height:189px}
  .section-heading{margin-bottom:31px}
  .signal-stamp{display:none}
  .section-heading h2{font-size:clamp(48px,13vw,66px)}
  .section-count{display:block;margin:5px 0 0}
  .collection-footnote{font-size:11px;line-height:1.7}
  .footer__brand{font-size:50px}
  .footer__nav{gap:19px;font-size:10px}
  .footer__bottom{font-size:9px}
  .story h2{font-size:clamp(51px,13vw,71px)}
}
@media(max-width:390px){
  .hero h1{font-size:46px}
  .hero__actions{align-items:stretch;flex-direction:column;max-width:260px}
  .hero__footer{font-size:8px}
  .header-control__text{display:none}
  .header-control{width:45px;height:45px;justify-content:center;padding:10px}
  .signal-strip{font-size:7px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 510 CM: launch composition — artwork, scrolling welcome, and two-wide arrivals only. */
.site-header{height:clamp(150px,27.5vw,380px)}
.header-control{
  width:clamp(44px,4vw,58px);height:clamp(44px,4vw,58px);min-height:0;
  padding:0;display:grid;place-items:center;border-radius:7px;
  background:rgba(10,10,9,.69);box-shadow:0 3px 18px rgba(0,0,0,.28);
}
.header-control--menu{left:clamp(12px,2.8vw,42px)}
.header-control--cart{right:clamp(12px,2.8vw,42px)}
.hamburger{width:23px;gap:5px}
.hamburger span:nth-child(2){width:100%}
.cart-graphic{width:27px;height:27px}
.hero{height:clamp(360px,47vw,705px);min-height:0}
.hero__image{object-position:52% 53%}
.ticker{
  position:relative;z-index:2;height:54px;
  background:linear-gradient(180deg,#f5cf8f,#c58c3e);
  border-block:2px solid #fbe4b9;
  box-shadow:0 4px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.25);
}
.ticker__track{
  display:flex;align-items:center;justify-content:flex-start;min-width:0;width:max-content;
  gap:0;white-space:nowrap;will-change:transform;
  animation:welcomeTicker 28s linear infinite;
  font-size:clamp(11px,1.2vw,14px);letter-spacing:.17em;line-height:1;
}
.ticker__group{flex:none;display:flex;align-items:center;gap:34px;padding-inline:17px}
.ticker__group b{font-size:17px;line-height:1;color:#795029}
@keyframes welcomeTicker{to{transform:translate3d(-50%,0,0)}}
.collection{padding-block:clamp(28px,4.7vw,70px) clamp(44px,6vw,94px);background:linear-gradient(180deg,rgba(14,12,9,.18),rgba(11,14,11,.2))}
.collection .page-wrap{max-width:1180px;padding-inline:clamp(12px,4vw,60px)}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.3vw,28px)}
.product-card--placeholder{
  height:clamp(315px,35vw,423px);
  animation:ufoShellGlow 4.4s ease-in-out infinite;
  animation-delay:calc(var(--order,0)*-.44s);
}
@keyframes ufoShellGlow{
  0%,100%{box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 10px rgba(105,255,157,.1),inset 0 0 10px rgba(93,255,153,.025);border-color:rgba(139,242,171,.3)}
  50%{box-shadow:0 15px 35px rgba(0,0,0,.35),0 0 26px rgba(116,255,159,.43),0 0 65px rgba(98,255,155,.17),inset 0 0 32px rgba(97,255,156,.09);border-color:rgba(165,255,183,.8)}
}
@media(max-width:700px){
  .site-header{height:clamp(155px,37vw,235px)}
  .header-control{top:12px;width:45px;height:45px}
  .hero{height:clamp(305px,67vw,485px);min-height:0}
  .hero__image{object-position:68% center}
  .ticker{height:45px}
  .ticker__track{font-size:11px;letter-spacing:.12em;gap:0}
  .ticker__group{gap:24px;padding-inline:12px}
  .product-card--placeholder{height:315px;padding:16px}
  .arrival-scene{height:165px}
  .placeholder-card-bottom h3{font-size:clamp(20px,3.6vw,30px)}
  .placeholder-card-top{font-size:9px;letter-spacing:.06em}
  .placeholder-status{font-size:8px}
}
@media(max-width:530px){
  .collection .page-wrap{padding-inline:clamp(10px,3vw,17px)}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card--placeholder{height:268px;padding:12px 10px 14px}
  .placeholder-card-top{font-size:9px}
  .placeholder-status{font-size:0;gap:0}
  .placeholder-status i{width:7px;height:7px}
  .arrival-scene{height:137px}
  .arrival-scene__craft{top:9px;scale:.68}
  .arrival-scene__beam{top:37px;width:140px;height:97px}
  .arrival-scene__halo{top:7%;width:158px;height:119px}
  .arrival-scene__ground{bottom:2px;width:110px;height:17px}
  .placeholder-card-bottom{padding-top:12px}
  .placeholder-card-label{font-size:8px;letter-spacing:.09em}
  .placeholder-card-bottom h3{font-size:clamp(18px,5vw,23px)}
  .placeholder-card-bottom p{font-size:11px}
  .placeholder-card-arrow{width:24px;height:24px;font-size:15px}
  .product-card--live{min-height:315px}
  .product-media{height:150px}
  .product-info{padding:12px;gap:8px}
  .product-info h3{font-size:19px}
  .product-info__desc{font-size:11px}
  .product-info__bottom{flex-wrap:wrap;align-items:flex-start}
  .product-info__price{font-size:17px}
  .add-cart{font-size:10px;padding:9px 10px}
}
@media(max-width:365px){
  .product-card--placeholder{height:252px}
  .arrival-scene{height:128px}
  .placeholder-card-arrow{display:none}
  .hero{height:310px}
}
@media(prefers-reduced-motion:reduce){
  .ticker__track,.product-card--placeholder,.product-card--placeholder::before,.product-card--placeholder::after,
  .arrival-scene__halo,.arrival-scene__beam,.arrival-scene__craft,.arrival-scene__ground{animation:none!important}
}
