:root {
  --ink: #0b0c0a;
  --paper: #e9e5d8;
  --mist: #b9b5a8;
  --moss: #697946;
  --acid: #d8f24b;
  --ember: #ff6647;
  --line: rgba(233, 229, 216, .15);
  --font-display: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  --font-text: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; min-width: 320px; color: var(--paper); background: var(--ink); font-family: var(--font-text); overflow-x: hidden; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

#mycelium { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: .72; }
.noise, .grain { position: fixed; inset: 0; pointer-events: none; z-index: 1; }
.noise { opacity: .075; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); mix-blend-mode: screen; }
.grain { background: linear-gradient(110deg, transparent 0 49.85%, rgba(216,242,75,.04) 50%, transparent 50.15%); background-size: 12px 12px; opacity: .3; }
.app-shell { position: relative; z-index: 2; }
.section-wrap { width: min(1220px, calc(100% - 48px)); margin-inline: auto; }

.topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; width: min(1280px, calc(100% - 32px)); margin: 14px auto 0; padding: 9px 10px 9px 14px; border: 1px solid rgba(233,229,216,.12); border-radius: 18px; background: rgba(11,12,10,.58); backdrop-filter: blur(22px); }
.brand { display: flex; gap: 10px; align-items: center; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--acid); border-radius: 50%; color: var(--acid); font-family: var(--font-display); font-size: 19px; }
.brand-copy { display: grid; gap: 1px; letter-spacing: .06em; font-size: 10px; }
.brand-copy b { font-size: 11px; }.brand-copy small { color: var(--mist); font-size: 9px; }
.cart-trigger { position: relative; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 11px; padding: 10px 12px; color: var(--ink); background: var(--acid); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.cart-count { min-width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: var(--paper); background: var(--ink); font-size: 10px; }.cart-count:empty { display:none; }
.cart-pulse { position:absolute; right: -2px; top: -2px; width:7px; height:7px; border-radius:50%; background:var(--ember); opacity:0; }.cart-trigger.has-item .cart-pulse { opacity:1; animation: pulse 1.6s infinite; }

.hero { min-height: min(840px, calc(100svh - 30px)); padding: clamp(72px, 11vw, 130px) 0 40px; display: flex; flex-direction: column; justify-content: center; }
.hero-kicker, .eyebrow { color: var(--acid); font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 24px; align-items: center; margin-top: 20px; }.hero-copy { position:relative; z-index:2; }
.hero h1, h2 { margin: 10px 0 20px; max-width: 740px; font-family: var(--font-display); font-weight: 400; letter-spacing: -.065em; text-transform: uppercase; line-height: .85; }.hero h1 { font-size: clamp(56px, 8.4vw, 126px); }.hero h1 i, h2 i { color: var(--acid); font-weight: 400; }.hero-text { max-width: 420px; color: var(--mist); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 18px; margin-top: 34px; }.primary-btn, .pay-btn { border: 0; display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; min-height: 54px; padding: 0 18px 0 21px; color: var(--ink); background: var(--acid); font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 12px 35px rgba(216,242,75,.15); transition: transform .25s, box-shadow .25s; }.primary-btn:hover, .pay-btn:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(216,242,75,.26); }.primary-btn b, .pay-btn b { font-size: 20px; font-weight:400; }
.sound-toggle { border:0; padding:0; color:var(--mist); background:transparent; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.sound-dot { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:var(--moss); transition:.3s; }.sound-toggle.active .sound-dot { background:var(--acid); box-shadow:0 0 0 5px rgba(216,242,75,.12); }
.hero-metrics { display:flex; gap: 30px; margin-top: 65px; }.hero-metrics div { display:flex; align-items:center; gap:9px; }.hero-metrics b { color:var(--paper); font-family:var(--font-display); font-size:33px; font-weight:400; letter-spacing:-.05em; }.hero-metrics span { color:var(--mist); font-size:9px; line-height:1.2; text-transform:uppercase; letter-spacing:.07em; }
.hero-orbit { position:relative; aspect-ratio: 1; min-height:380px; display:grid; place-items:center; perspective:800px; }.hero-core { width:clamp(180px, 26vw, 320px); height:clamp(180px,26vw,320px); position:relative; z-index:3; border-radius:48% 52% 45% 55% / 52% 42% 58% 48%; display:grid; place-items:center; background:radial-gradient(circle at 40% 32%, #ffb488 0, #a72e1f 27%, #241610 68%); box-shadow: 0 0 0 1px rgba(255,220,180,.22), 0 0 100px rgba(255,80,45,.16); animation: coreFloat 6s ease-in-out infinite; overflow:hidden; }.hero-core:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.42) 0 2%,transparent 3%),radial-gradient(circle at 72% 42%,rgba(255,255,255,.22) 0 2%,transparent 3%),radial-gradient(circle at 44% 70%,rgba(255,255,255,.22) 0 1%,transparent 2%); background-size: 90px 90px; opacity:.6; }.hero-core img { width:130%; max-height:130%; z-index:1; object-fit:contain; filter:drop-shadow(0 18px 24px rgba(0,0,0,.46)); transform:rotate(-9deg) translateY(8%); }
.orbit-ring { position:absolute; width:87%; height:87%; border:1px solid rgba(216,242,75,.24); border-radius:50%; transform:rotateX(63deg) rotateZ(-20deg); animation: orbit 13s linear infinite; }.ring-two { width:112%; height:112%; border-color:rgba(233,229,216,.13); transform:rotateX(71deg) rotateZ(30deg); animation-duration:18s; animation-direction:reverse; }.orbit-label { position:absolute; z-index:5; color:var(--mist); font-size:9px; text-transform:uppercase; letter-spacing:.19em; }.label-a{top:17%;right:8%;}.label-b{bottom:14%;left:10%;}.orbit-chip { position:absolute; z-index:4; border:1px solid rgba(233,229,216,.16); padding:9px 11px; color:var(--paper); background:rgba(15,17,13,.65); backdrop-filter:blur(8px); font-size:9px; line-height:1.3; text-transform:uppercase; letter-spacing:.1em; }.chip-one{top:24%;left:4%;}.chip-two{right:1%;bottom:22%;}
.scroll-signal { display:flex; align-items:center; gap:9px; margin-top:auto; padding-top:35px; color:var(--mist); font-size:9px; letter-spacing:.18em; text-transform:uppercase; }.scroll-signal span { width:38px; height:1px; background:var(--acid); }

.manifest { position:relative; display:grid; grid-template-columns:70px 1fr auto; align-items:center; gap:20px; margin-top:80px; padding:48px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.manifest-index { color:var(--acid); font-family:var(--font-display); font-size:38px; }.manifest p { margin:0; font-family:var(--font-display); font-size:clamp(32px,4.4vw,67px); letter-spacing:-.055em; line-height:.9; text-transform:uppercase; }.manifest em { color:var(--acid); font-style:normal; }.manifest-seal { width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--ember);border-radius:50%;color:var(--ember);font-size:8px;line-height:1.25;text-align:center;text-transform:uppercase;letter-spacing:.1em;transform:rotate(12deg); }

.catalog { padding-top:150px; }.section-head { display:flex; justify-content:space-between; gap:30px; align-items:end; }.section-head h2, .ritual h2 { font-size:clamp(50px,6.3vw,90px); }.section-note { max-width:250px; margin-bottom:24px; color:var(--mist); font-size:13px; line-height:1.55; }.catalog-filters { display:flex; flex-wrap:wrap; gap:7px; margin:37px 0 22px; }.filter { border:1px solid var(--line); padding:9px 12px; color:var(--mist); background:rgba(233,229,216,.03); font-size:10px; letter-spacing:.1em; text-transform:uppercase; transition:.25s; }.filter:hover,.filter.active { color:var(--ink); border-color:var(--acid); background:var(--acid); }
.catalog-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:12px; }.product-card { grid-column:span 4; min-height:370px; position:relative; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:18px; border:1px solid rgba(233,229,216,.12); background:rgba(233,229,216,.035); transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s, opacity .3s; transform-style:preserve-3d; }.product-card:hover { z-index:3; border-color:rgba(216,242,75,.6); transform:translateY(-10px) rotateX(var(--rx, 0deg)) rotateY(var(--ry,0deg)); }.product-card.hidden { display:none; }.product-card:nth-child(1),.product-card:nth-child(6),.product-card:nth-child(9) { grid-column:span 6; }.product-card::after { content:""; position:absolute; inset:-1px; opacity:0; background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.18),transparent 63%); transform:translateX(-100%); transition:.7s; pointer-events:none; }.product-card:hover::after { opacity:1; transform:translateX(100%); }.product-card[data-tone="ember"] { background:linear-gradient(140deg,rgba(115,28,20,.38),rgba(20,15,12,.62)); }.product-card[data-tone="moss"] { background:linear-gradient(140deg,rgba(72,84,38,.33),rgba(16,20,13,.62)); }.product-card[data-tone="pearl"] { background:linear-gradient(140deg,rgba(167,171,157,.18),rgba(16,18,15,.63)); }.product-card[data-tone="earth"] { background:linear-gradient(140deg,rgba(83,61,38,.3),rgba(18,17,13,.64)); }
.product-top { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:start; }.product-index { color:var(--acid); font-size:10px;letter-spacing:.1em;}.product-tag { padding:6px 8px; border:1px solid rgba(233,229,216,.17); color:var(--mist); font-size:8px;letter-spacing:.1em;text-transform:uppercase;}.product-image-wrap { position:absolute; inset:55px 10% 68px; display:grid; place-items:center; }.product-image-wrap:before { content:""; position:absolute; width:80%;aspect-ratio:1;border-radius:50%;filter:blur(25px);background:radial-gradient(circle,rgba(216,242,75,.18),transparent 67%); }.product-card[data-tone="ember"] .product-image-wrap:before { background:radial-gradient(circle,rgba(255,71,45,.31),transparent 67%); }.product-image { max-width:100%; max-height:100%; position:relative; z-index:1; object-fit:contain; filter:drop-shadow(0 28px 22px rgba(0,0,0,.4)); transition:transform .5s; }.product-card:hover .product-image { transform:scale(1.1) rotate(-4deg); }.product-bottom { position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;}.product-name { margin:0; max-width:270px; font-family:var(--font-display);font-weight:400;font-size:clamp(25px,3vw,38px);letter-spacing:-.045em;line-height:.9;text-transform:uppercase;}.product-volume { grid-column:1; color:var(--mist);font-size:10px;letter-spacing:.11em;text-transform:uppercase;}.product-price { grid-column:2;grid-row:1/3;color:var(--acid);font-size:15px;font-weight:800;white-space:nowrap;}.product-open { position:absolute;right:0;bottom:0;width:34px;height:34px;border:1px solid var(--acid);color:var(--acid);background:rgba(11,12,10,.42);font-size:18px;transition:.25s;}.product-card:hover .product-open{color:var(--ink);background:var(--acid);}

.ritual { display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:160px 0; }.ritual-steps { counter-reset:steps;display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line);}.ritual-steps li{display:grid;grid-template-columns:60px 1fr 1fr;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);}.ritual-steps span{color:var(--acid);font-size:10px;}.ritual-steps b{font-family:var(--font-display);font-size:31px;font-weight:400;text-transform:uppercase;letter-spacing:-.035em;}.ritual-steps p{margin:0;color:var(--mist);font-size:12px;line-height:1.45;}.footer{display:flex;justify-content:space-between;padding:25px 0 34px;border-top:1px solid var(--line);color:var(--mist);font-size:9px;letter-spacing:.14em;text-transform:uppercase;}

.veil{position:fixed;inset:0;z-index:40;opacity:0;visibility:hidden;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);transition:.35s;}.veil.open{opacity:1;visibility:visible;}.selection-panel{position:fixed;z-index:50;top:0;right:0;width:min(550px,100%);height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;transform:translateX(103%);background:#11140e;border-left:1px solid rgba(216,242,75,.25);transition:transform .55s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 100px rgba(0,0,0,.32);}.selection-panel.open{transform:none;}.panel-close{position:absolute;z-index:3;right:16px;top:16px;width:38px;height:38px;border:1px solid rgba(233,229,216,.25);border-radius:50%;color:var(--paper);background:rgba(11,12,10,.48);font-size:27px;line-height:1;}.selection-visual{position:relative;min-height:250px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(216,242,75,.19),transparent 52%),#161a12;}.selection-visual:before{content:"";position:absolute;width:90%;aspect-ratio:1;border:1px solid rgba(216,242,75,.25);border-radius:50%;animation:spin 16s linear infinite;}.selection-visual img{position:relative;z-index:1;width:min(68%,330px);max-height:86%;object-fit:contain;filter:drop-shadow(0 24px 25px rgba(0,0,0,.5));}.selection-content{padding:28px clamp(24px,6vw,50px) 38px;background:linear-gradient(#11140e,#0b0c0a);}.selection-content h2{margin:7px 0 7px;font-size:clamp(42px,8vw,68px);}.selection-volume{margin:0;color:var(--mist);font-size:11px;letter-spacing:.16em;text-transform:uppercase;}.selection-price{margin:30px 0 14px;color:var(--acid);font-size:25px;font-weight:800;}.selection-line{color:var(--mist);font-size:13px;line-height:1.5;}.wide{width:100%;margin-top:16px;}

.checkout{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;background:rgba(0,0,0,.7);backdrop-filter:blur(14px);transition:.3s;overflow:auto;}.checkout.open{visibility:visible;opacity:1;}.checkout-shell{position:relative;width:min(1020px,100%);display:grid;grid-template-columns:.82fr 1.18fr;min-height:640px;border:1px solid rgba(216,242,75,.25);background:#10120e;box-shadow:0 30px 100px rgba(0,0,0,.6);transform:translateY(20px);transition:.4s;}.checkout.open .checkout-shell{transform:none;}.checkout-aside{padding:45px;background:linear-gradient(155deg,rgba(103,121,70,.34),rgba(16,18,14,.25));}.checkout-aside h2{font-size:clamp(48px,6vw,72px);}.checkout-aside>p:not(.eyebrow){max-width:250px;color:var(--mist);font-size:13px;line-height:1.5;}.checkout-product{margin-top:55px;padding-top:18px;border-top:1px solid rgba(233,229,216,.18);}.checkout-product b{display:block;font-family:var(--font-display);font-size:27px;font-weight:400;letter-spacing:-.03em;text-transform:uppercase;}.checkout-product span{display:block;margin-top:6px;color:var(--acid);font-size:13px;font-weight:800;}.checkout-form{padding:45px;}.checkout-form fieldset{margin:0 0 31px;padding:0;border:0;}.checkout-form legend{margin-bottom:14px;font-family:var(--font-display);font-size:27px;letter-spacing:-.025em;text-transform:uppercase;}.checkout-form legend span{margin-right:8px;color:var(--acid);font-size:11px;vertical-align:middle;letter-spacing:.1em;}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.delivery-choice{position:relative;display:block;border:1px solid rgba(233,229,216,.14);padding:12px;cursor:pointer;transition:.2s;}.delivery-choice input{position:absolute;opacity:0;}.delivery-choice b{display:block;font-size:12px;letter-spacing:.03em;}.delivery-choice span{display:block;margin-top:4px;color:var(--mist);font-size:10px;}.delivery-choice:has(input:checked){border-color:var(--acid);background:rgba(216,242,75,.11);}.checkout-form label{display:block;margin-top:13px;color:var(--mist);font-size:10px;letter-spacing:.1em;text-transform:uppercase;}.checkout-form input,.checkout-form textarea{width:100%;margin-top:6px;border:0;border-bottom:1px solid rgba(233,229,216,.28);border-radius:0;padding:10px 0;color:var(--paper);background:transparent;font-size:15px;outline:0;resize:vertical;transition:border-color .2s;}.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--acid);}.checkout-form textarea{min-height:55px;}.checkout-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:16px 0;border-top:1px solid var(--line);}.checkout-total span{color:var(--mist);font-size:11px;text-transform:uppercase;letter-spacing:.08em;}.checkout-total b{color:var(--acid);font-size:22px;}.pay-btn{width:100%;min-height:60px;border:0;}.checkout-fineprint{color:var(--mist);font-size:10px;line-height:1.5;text-align:center;}.payment-state{position:fixed;z-index:70;inset:0;display:grid;place-content:center;justify-items:center;gap:11px;padding:35px;text-align:center;visibility:hidden;opacity:0;background:radial-gradient(circle at 50% 35%,rgba(101,122,59,.44),rgba(8,9,7,.96) 48%);transition:.3s;}.payment-state.open{visibility:visible;opacity:1;}.payment-state h2{margin:0;font-size:clamp(70px,14vw,150px);}.payment-state>p:not(.eyebrow){max-width:400px;margin:0 0 15px;color:var(--mist);font-size:15px;line-height:1.5;}.payment-state .pay-btn{width:min(360px,100%);margin-top:10px;}.secondary-btn,.plain-btn{border:0;background:transparent;color:var(--paper);font-size:11px;letter-spacing:.08em;text-transform:uppercase;}.secondary-btn{margin-top:4px;padding:12px;border-bottom:1px solid var(--acid);}.plain-btn{margin-top:17px;color:var(--mist);}.payment-orb{position:absolute;z-index:-1;width:420px;aspect-ratio:1;border:1px solid rgba(216,242,75,.2);border-radius:50%;box-shadow:0 0 100px rgba(216,242,75,.12),inset 0 0 80px rgba(216,242,75,.08);animation:spin 20s linear infinite;}.toast{position:fixed;z-index:100;left:50%;bottom:22px;max-width:calc(100% - 40px);padding:12px 15px;transform:translate(-50%,130px);border:1px solid rgba(216,242,75,.4);color:var(--paper);background:rgba(15,18,12,.94);box-shadow:0 15px 45px rgba(0,0,0,.4);font-size:12px;text-align:center;transition:.35s;}.toast.show{transform:translate(-50%,0);}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;}.reveal.in{opacity:1;transform:none;}
@keyframes orbit{to{transform:rotateX(63deg) rotateZ(340deg)}}@keyframes coreFloat{50%{transform:translateY(-13px) rotate(3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,102,71,.18)}}
@media (max-width:760px){.section-wrap{width:min(100% - 28px,620px)}.topbar{width:calc(100% - 20px);margin-top:9px}.brand-copy small{display:none}.hero{padding-top:82px;min-height:730px}.hero-grid{grid-template-columns:1fr}.hero-orbit{order:-1;min-height:290px;max-height:340px}.hero-core{width:200px;height:200px}.hero h1{font-size:clamp(56px,17vw,82px)}.hero-metrics{gap:16px;margin-top:42px}.hero-metrics b{font-size:28px}.chip-one{left:2%}.chip-two{right:0}.manifest{grid-template-columns:38px 1fr;padding:32px 0}.manifest-index{font-size:28px}.manifest p{font-size:35px}.manifest-seal{display:none}.catalog{padding-top:90px}.section-head{display:block}.section-note{margin-top:0}.catalog-grid{grid-template-columns:1fr 1fr;gap:8px}.product-card,.product-card:nth-child(1),.product-card:nth-child(6),.product-card:nth-child(9){grid-column:span 1;min-height:270px;padding:12px}.product-image-wrap{inset:45px 5% 84px}.product-name{font-size:26px}.product-volume{font-size:8px}.product-price{font-size:12px}.product-open{width:29px;height:29px}.ritual{grid-template-columns:1fr;gap:10px;padding:100px 0}.ritual-steps li{grid-template-columns:36px 1fr;padding:17px 0}.ritual-steps p{grid-column:2}.footer{font-size:7px}.checkout{align-items:start;padding:0}.checkout-shell{display:block;min-height:100%;border:0}.checkout-aside{padding:72px 25px 27px}.checkout-aside h2{font-size:56px}.checkout-product{margin-top:28px}.checkout-form{padding:28px 25px 40px}.delivery-options{grid-template-columns:1fr}.selection-panel{grid-template-rows:40% 60%}.selection-content{padding:23px 25px}.selection-content h2{font-size:51px}.hero-actions{flex-wrap:wrap}.sound-toggle{padding-left:4px}.cart-label{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Premium refresh */
:root{
  --ink:#040505;
  --paper:#f3efe6;
  --mist:#b3ab98;
  --moss:#6a7d47;
  --acid:#d9f24a;
  --ember:#ff7656;
  --line:rgba(255,255,255,.09);
  --font-display:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  --font-text:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body{
  background:
    radial-gradient(1100px circle at 18% 0%, rgba(217,242,74,.12), transparent 34%),
    radial-gradient(900px circle at 100% 10%, rgba(255,118,86,.11), transparent 28%),
    radial-gradient(700px circle at 50% 82%, rgba(106,125,71,.16), transparent 32%),
    linear-gradient(180deg, #070808 0%, #040505 100%);
}

body::before{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.04), transparent 18%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,.035), transparent 16%),
    radial-gradient(circle at 50% 75%, rgba(217,242,74,.06), transparent 20%);
  filter: blur(12px);
}

.app-shell,
#mycelium,
.noise,
.grain{position:fixed}

.app-shell{z-index:2}

.topbar{
  width:min(1320px, calc(100% - 24px));
  margin-top:12px;
  padding:10px 12px 10px 15px;
  border-radius:999px;
  border-color:rgba(255,255,255,.10);
  background:rgba(6,7,6,.62);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}

.brand-mark{
  width:34px;
  height:34px;
  border-color:rgba(217,242,74,.8);
  color:var(--acid);
}

.brand-copy b,
.brand-copy small,
.hero-kicker,
.eyebrow,
.cart-trigger,
.sound-toggle,
.filter,
.manifest-seal,
.product-index,
.product-tag,
.product-volume,
.section-note,
.checkout-form label,
.checkout-total span,
.checkout-fineprint,
.footer,
.payment-state>p:not(.eyebrow){
  letter-spacing:.12em;
}

.cart-trigger{
  border-radius:999px;
  background:linear-gradient(180deg, #d9f24a 0%, #b6cb31 100%);
  box-shadow:0 14px 30px rgba(217,242,74,.16);
}

.hero{
  min-height:min(920px, calc(100svh - 20px));
  padding:clamp(70px, 10vw, 130px) 0 34px;
}

.hero-grid{
  gap:32px;
  align-items:stretch;
}

.hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-right:24px;
}

.hero h1{
  max-width:820px;
  margin-top:14px;
  text-wrap:balance;
}

.hero-text{
  max-width:500px;
  font-size:clamp(16px,1.45vw,19px);
  color:#cec8b9;
}

.hero-actions{
  gap:14px;
  margin-top:30px;
  flex-wrap:wrap;
}

.primary-btn,
.pay-btn{
  border-radius:999px;
  min-height:58px;
  padding:0 20px 0 22px;
  background:linear-gradient(180deg, #e5ff5d 0%, #c3df36 100%);
  box-shadow:0 18px 45px rgba(217,242,74,.12);
}

.hero-metrics{
  gap:18px;
  margin-top:54px;
  flex-wrap:wrap;
}

.hero-metrics div{
  min-width:120px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  backdrop-filter:blur(12px);
}

.hero-orbit{
  min-height:430px;
  border-radius:36px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 40%, rgba(217,242,74,.12), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.02), rgba(255,255,255,.005));
  box-shadow:0 25px 80px rgba(0,0,0,.34);
  overflow:hidden;
}

.hero-core{
  width:clamp(210px, 28vw, 360px);
  height:clamp(210px, 28vw, 360px);
  background:radial-gradient(circle at 35% 30%, #ffc2a1 0, #9f3425 28%, #1c120e 70%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 0 120px rgba(255,118,86,.14);
}

.hero-core img{
  width:136%;
  max-height:136%;
  transform:rotate(-7deg) translateY(7%);
  filter:drop-shadow(0 26px 26px rgba(0,0,0,.52)) saturate(1.06) contrast(1.04);
}

.catalog{
  padding-top:120px;
}

.catalog-filters{
  gap:10px;
  margin:34px 0 26px;
}

.filter{
  border-radius:999px;
  padding:11px 14px;
  border-color:rgba(255,255,255,.1);
  background:rgba(255,255,255,.025);
  color:var(--mist);
}

.catalog-grid{
  gap:16px;
}

.product-card{
  min-height:400px;
  padding:20px;
  border-radius:26px;
  border-color:rgba(255,255,255,.11);
  background:
    linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    rgba(255,255,255,.02);
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}

.product-card:nth-child(1),
.product-card:nth-child(6),
.product-card:nth-child(9){
  grid-column:span 4;
}

.product-card[data-tone="ember"]{
  background:
    radial-gradient(circle at 50% 30%, rgba(255,118,86,.16), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}

.product-card[data-tone="moss"]{
  background:
    radial-gradient(circle at 50% 30%, rgba(217,242,74,.14), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}

.product-image-wrap{
  inset:58px 7% 78px;
}

.product-image-wrap:before{
  width:92%;
  filter:blur(38px);
}

.product-image{
  max-width:92%;
  max-height:92%;
  object-fit:contain;
  transform:translateY(3%);
  filter:drop-shadow(0 34px 28px rgba(0,0,0,.46)) saturate(1.08);
}

.product-image-wrap.broken::after,
.selection-visual.broken::after{
  content:"нет изображения";
  position:relative;
  z-index:1;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  color:var(--mist);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.product-bottom{
  gap:10px;
}

.product-name{
  max-width:300px;
  font-size:clamp(24px,2.9vw,40px);
  text-wrap:balance;
}

.product-price{
  font-size:14px;
}

.product-open{
  right:12px;
  bottom:12px;
  border-radius:999px;
  width:38px;
  height:38px;
}

.product-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(0,0,0,.35);
}

.selection-panel{
  width:min(600px,100%);
  background:
    radial-gradient(circle at 50% 20%, rgba(217,242,74,.14), transparent 34%),
    linear-gradient(180deg, #0f120d 0%, #070807 100%);
}

.selection-visual{
  min-height:300px;
}

.selection-visual:before{
  width:84%;
  border-color:rgba(255,255,255,.12);
}

.selection-visual img{
  width:min(76%, 360px);
  max-height:90%;
  transform:translateY(4%);
  filter:drop-shadow(0 32px 34px rgba(0,0,0,.56)) saturate(1.08);
}

.selection-content{
  padding:30px clamp(24px,6vw,52px) 42px;
}

.selection-price{
  margin-top:24px;
}

.checkout{
  background:rgba(0,0,0,.76);
}

.checkout-shell{
  border-radius:28px;
  overflow:hidden;
  border-color:rgba(255,255,255,.1);
  box-shadow:0 35px 110px rgba(0,0,0,.55);
}

.checkout-aside{
  background:
    radial-gradient(circle at 35% 20%, rgba(217,242,74,.12), transparent 40%),
    linear-gradient(155deg, rgba(106,125,71,.34), rgba(16,18,14,.35));
}

.delivery-choice{
  border-radius:16px;
}

.payment-state{
  background:
    radial-gradient(circle at 50% 34%, rgba(217,242,74,.22), transparent 28%),
    radial-gradient(circle at 50% 40%, rgba(255,118,86,.1), transparent 38%),
    rgba(4,5,5,.97);
}

.payment-orb{
  width:500px;
}

.footer{
  color:#928c7d;
}

.toast{
  border-radius:999px;
  backdrop-filter:blur(14px);
}

@media (max-width:760px){
  .topbar{
    width:calc(100% - 16px);
    padding:9px 10px 9px 12px;
  }

  .hero{
    min-height:760px;
  }

  .hero-copy{
    padding-right:0;
  }

  .hero-orbit{
    min-height:320px;
    max-height:360px;
    border-radius:28px;
  }

  .hero-core{
    width:210px;
    height:210px;
  }

  .catalog{
    padding-top:88px;
  }

  .catalog-grid{
    grid-template-columns:1fr;
  }

  .product-card,
  .product-card:nth-child(1),
  .product-card:nth-child(6),
  .product-card:nth-child(9){
    grid-column:span 1;
    min-height:300px;
  }

  .product-image-wrap{
    inset:50px 7% 90px;
  }

  .product-name{
    font-size:27px;
  }

  .selection-panel{
    grid-template-rows:38% 62%;
    width:100%;
  }

  .selection-visual{
    min-height:220px;
  }

  .selection-visual img{
    width:min(82%, 320px);
  }

  .checkout-shell{
    border-radius:0;
  }
}