
:root{
  --bg:#07100b;--bg2:#0d1912;--paper:#f4f5f1;--ink:#172019;
  --green:#48b862;--green2:#23813b;--muted:#9daaa1;
  --line:rgba(255,255,255,.13);--radius:20px;--shadow:0 24px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1180px,calc(100% - 36px));margin:auto}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(7,16,11,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:80px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900}
.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover}
.links{display:flex;align-items:center;gap:14px;margin-left:auto}
.links a{text-decoration:none;color:#d1dad3;font-size:.82rem;font-weight:900}
.links a:hover{color:#fff}
.dropdown{position:relative}
.dropbtn{background:none;border:0;color:#d1dad3;font-weight:900;font-size:.82rem;cursor:pointer}
.dropmenu{display:none;position:absolute;right:0;top:30px;width:325px;background:#0f1a13;border:1px solid #324037;border-radius:14px;padding:9px;box-shadow:0 18px 50px #0008}
.dropdown:hover .dropmenu{display:grid}
.dropmenu a{padding:9px 10px;border-radius:9px}
.dropmenu a:hover{background:#17251b}
.menu{display:none;margin-left:auto;background:#142219;color:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:800}

/* Age gate */
.agegate{position:fixed;inset:0;z-index:999;background:#090e0b;display:grid;place-items:center;padding:18px}
.agegate[hidden]{display:none}
body:not(.adult){overflow:hidden}
body:not(.adult) .website{display:none}
.gate{width:min(1200px,100%);height:min(740px,calc(100vh - 36px));display:grid;grid-template-columns:1.17fr .83fr;background:#101713;border:1px solid #29372e;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.house-window{position:relative;overflow:hidden;background:#d6dad7;min-height:420px}

.house-window img{
  position:absolute;
  top:0;
  right:0;
  height:100%;
  width:auto;
  min-width:100%;
  object-fit:cover;
  object-position:right center;
}
.house-window::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:6px;
  background:#101713;
  pointer-events:none
}
.house-label{position:absolute;left:18px;bottom:18px;right:18px;padding:13px 15px;background:rgba(5,10,7,.88);border-radius:12px;font-weight:900}
.gatecopy{padding:46px;display:flex;flex-direction:column;justify-content:center}
.gatecopy .plainbrand{font-size:.84rem;letter-spacing:.14em;font-weight:900;color:#d7e0d9}
.gatecopy h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.05em;margin:24px 0 16px}
.gatecopy p{color:#c7d0ca;font-size:1.1rem}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:18px}
.btn{border:0;border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}
.primary{background:var(--green);color:#07100b}
.ghost{background:#202c24;color:#fff;border:1px solid #36463b}
.download{background:#18331f;color:#fff;border:1px solid #315a3a}
.download:hover{background:#20452a}

/* Main */
.hero{padding:82px 0 62px;background:radial-gradient(circle at 80% 18%,rgba(72,184,98,.15),transparent 32%)}
.hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:52px;align-items:center}
.kicker{color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hero h1{font-size:clamp(3.1rem,7vw,7.2rem);line-height:.89;letter-spacing:-.055em;margin:0 0 22px;text-transform:uppercase}
.hero .lead{font-size:1.2rem;color:#c8d1cb}
.hero-card{background:#fff;color:#172019;border-radius:24px;padding:26px}
.hero-card img{width:270px;margin:auto}
.hero-card h2,.hero-card p{text-align:center}

.section{padding:72px 0}
.paper{background:var(--paper);color:var(--ink)}
.heading{display:grid;grid-template-columns:1fr .8fr;gap:32px;align-items:end;margin-bottom:28px}
.heading h1,.heading h2{font-size:clamp(2.25rem,4vw,4.7rem);line-height:.96;margin:0}
.heading p{color:#acb8af;margin:0}
.paper .heading p{color:#59655c}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:#111d15}
.card.light{background:#fff;color:#172019;border-color:#d8ddd9}
.card h3{margin:0 0 12px;font-size:1.55rem}
.form{display:grid;gap:10px}
.form input,.form textarea{padding:13px 14px;border:1px solid #cbd2cd;border-radius:11px;background:#fff;color:#152019}
.card:not(.light) .form input,.card:not(.light) .form textarea{background:#0b120d;color:#fff;border-color:#364239}
.check{display:flex;gap:9px;font-size:.9rem}
.check input{width:auto}
.msg{color:var(--green);font-weight:800;font-size:.85rem;min-height:1em}
.application-download{margin:18px 0 6px;padding:17px;border-radius:15px;background:#eef5ef;border:1px solid #cfe0d2}
.application-download strong{display:block;margin-bottom:5px}
.application-download p{margin:0 0 12px;color:#455248}

.strain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.strain{background:#fff;border:1px solid #d8ddd9;border-radius:17px;padding:20px}
.strain-top{display:flex;justify-content:space-between;gap:15px}
.strain h3{margin:0}
.strain-top span{background:#e0f3e4;color:#175226;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:900}
.ratio{display:flex;gap:7px;margin:12px 0}
.ratio b{font-size:.72rem;background:#eef1ee;padding:6px 8px;border-radius:999px}
.strain p{font-size:.9rem;color:#3a473e}
.filters input{width:100%;padding:13px 16px;border:1px solid #cbd2cd;border-radius:999px;margin-bottom:20px}
.infographic{background:#fff;padding:15px;border:1px solid #d8ddd9;border-radius:18px;margin-top:26px}

.pdfbox{background:#fff;border:1px solid #d8ddd9;border-radius:18px;overflow:hidden}
.pdfbox object{width:100%;height:930px;display:block}
.pdf-fallback{padding:20px}
.pagehero{padding:60px 0 34px;background:linear-gradient(180deg,#0d1a12,#07100b)}
.pagehero h1{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.94;margin:8px 0 10px}
.crumbs{color:#9fb0a4;font-size:.85rem}
.content{padding:52px 0}
.textblock{max-width:900px}
.textblock h2{font-size:2rem;margin-top:34px}
.textblock p,.textblock li{color:#ced7d0}
.notice{padding:13px 15px;border-radius:12px;background:#122118;border:1px solid #2a3d30;color:#c9d3cc;margin-bottom:18px}
.contactline{font-size:1.18rem;font-weight:800}

/* Existing secondary-page content, retained as-is inside uniform frame. */
.legacy-shell{border:1px solid #26352b;border-radius:20px;overflow:hidden;background:#fff;position:relative;height:1050px}
.legacy-shell iframe{position:absolute;left:0;top:-215px;width:100%;height:2300px;border:0;background:#fff}
.legacy-shell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:#07100b}

.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:34px 0 48px;color:#aab5ad;border-top:1px solid var(--line)}

@media(max-width:900px){
  .gate,.hero-grid,.heading,.grid2{grid-template-columns:1fr}
  .gate{height:calc(100vh - 24px);overflow:auto}
  .house-window{min-height:310px}
  .house-window img{object-position:right center}
  .gatecopy{padding:28px}
  .strain-grid{grid-template-columns:repeat(2,1fr)}
  .links{display:none;position:absolute;top:80px;left:0;right:0;padding:16px;background:#08110b;flex-direction:column;align-items:stretch}
  .links.open{display:flex}
  .dropdown:hover .dropmenu{position:static;width:auto}
  .menu{display:block}
}
@media(max-width:600px){
  .strain-grid{grid-template-columns:1fr}
  .wrap{width:min(100% - 24px,1180px)}
  .hero h1{font-size:3.4rem}
  .brand span{display:none}
  .legacy-shell{height:900px}
  .legacy-shell iframe{width:125%;left:-13%;top:-190px}
}
