@font-face{font-family:'Hubot X';src:url(/fonts/hubot-x-black.ttf) format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:'Cabinet Grotesk';src:url(/fonts/cabinet-400.otf) format('opentype');font-weight:100 500;font-display:swap}
@font-face{font-family:'Cabinet Grotesk';src:url(/fonts/cabinet-800.otf) format('opentype');font-weight:600 900;font-display:swap}
@font-face{font-family:'Digital Serial';src:url(/fonts/digital-serial.ttf) format('truetype');font-weight:100 900;font-display:swap}
:root{
  --blk:#050505; --ink:#0A0A0A; --cream:#F2EDE2; --wht:#FFFFFF;
  --red:#FF3DAE; --red-deep:#E01489; --line-d:#1E1B18; --line-c:#141414;
  --glow:0 0 9px rgba(255,61,174,.5),0 0 28px rgba(255,61,174,.22);
}
*{margin:0;padding:0;box-sizing:border-box;border-radius:0 !important}
html{scroll-behavior:smooth}
body{background:var(--blk);color:var(--wht);font-family:'Cabinet Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--red);color:var(--blk)}
.disp{font-family:'Hubot X',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.01em;line-height:.9}
.mono{font-family:'Digital Serial',monospace;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:500}

.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;mix-blend-mode:difference}
.nav a.brand{font-family:'Hubot X',Arial,sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.02em}
.nav .crumb{opacity:.75}

.cta{display:inline-block;background:var(--red);color:var(--blk);font-family:'Digital Serial',monospace;text-transform:uppercase;letter-spacing:.09em;font-size:12px;padding:15px 28px;box-shadow:var(--glow)}
.cta:active{transform:translateY(1px)}
.cta.soon{background:transparent;color:#8A8378;border:1px solid var(--line-c);box-shadow:none}

/* ---------- per-strain page ---------- */
.strain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}
.viewbox{position:relative;background:#060606;min-height:70vh;position:sticky;top:0;height:100dvh}
.viewbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.viewbox .hint{position:absolute;left:20px;bottom:18px;color:var(--cream);opacity:.6;pointer-events:none}

.detail{padding:96px 46px 80px;max-width:760px}
.detail .up{color:var(--red);text-shadow:var(--glow);margin-bottom:14px}
.detail h1{font-size:clamp(40px,6vw,84px);margin-bottom:22px}
.detail h2{font-family:'Hubot X',Arial,sans-serif;text-transform:uppercase;font-size:clamp(17px,2vw,23px);line-height:1;margin:40px 0 14px;color:var(--wht)}
.detail p{color:#B9B2A6;font-size:16px;line-height:1.62;max-width:62ch}
.detail .lede{color:#D6CFC3;font-size:17.5px;line-height:1.6}
.detail ul{list-style:none;margin-top:6px}
.detail .specs li{color:#CFC8BC;font-size:15.5px;line-height:1.5;padding:9px 0 9px 18px;border-left:1px solid var(--line-c)}
.detail .specs b{color:var(--wht);font-weight:500}
.detail .others li{padding:11px 0;border-bottom:1px solid var(--line-c);display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.detail .others a{font-family:'Hubot X',Arial,sans-serif;text-transform:uppercase;font-size:19px}
.detail .others a:hover{color:var(--red)}
.detail .others .mono{color:#7A746A}
.buyrow{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:38px 0 10px}
.buyrow .mono{color:#B9B2A6}
.bundle{color:#7A746A}
.bundle a{color:var(--red);text-shadow:var(--glow)}

.foot{background:var(--blk);border-top:1px solid var(--line-c);padding:18px 20px;display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between}
.foot .mono{color:#7A746A}
.foot a:hover{color:var(--red)}

@media (max-width:960px){
  .strain{grid-template-columns:1fr}
  .viewbox{position:relative;height:62vh;min-height:420px}
  .detail{padding:44px 20px 70px}
}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }