:root{--bg:#090b0a;--panel:#111512;--panel2:#161b17;--line:#273029;--text:#f5f7f5;--muted:#9aa49c;--green:#9dff67;--green2:#caff8f;--orange:#ff865b;--max:1220px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#172216 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.hidden{display:none!important}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:12px max(18px,calc((100% - var(--max))/2));background:#090b0ae8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.brand img{width:190px;display:block}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header nav a{font-size:.93rem;color:#c6cec8}.site-header nav a:hover{color:var(--green)}.header-actions{display:flex;gap:8px}.menu-btn{display:none;background:none;border:0;color:white;font-size:1.5rem}.section{max-width:var(--max);margin:auto;padding:84px 24px}.hero{min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;padding-top:70px}.badge,.eyebrow{color:var(--green);font-size:.76rem;letter-spacing:.17em;font-weight:800}.hero h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.88;letter-spacing:-.065em;margin:16px 0 24px;max-width:820px}.hero h1 span{color:var(--green)}.hero-copy>p{font-size:1.18rem;color:#b6c0b8;max-width:700px}.searchbar{display:flex;max-width:700px;margin-top:32px;padding:7px;border:1px solid var(--line);background:#101411;border-radius:16px}.searchbar input,.chat-input input{flex:1;background:transparent;border:0;color:white;outline:none;padding:13px}.hero-actions{display:flex;gap:12px;margin-top:18px}.btn{border:1px solid var(--line);border-radius:12px;padding:12px 18px;background:#141915;color:white;font-weight:750;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#526255}.btn.primary{background:var(--green);color:#091007;border-color:var(--green)}.btn.primary:hover{background:var(--green2)}.btn.ghost{background:#ffffff08}.btn.small{padding:9px 13px;font-size:.87rem}.stats{display:flex;gap:38px;margin-top:40px}.stats div{display:grid}.stats strong{font-size:1.5rem}.stats span{color:var(--muted);font-size:.82rem}.hero-art{height:520px;position:relative;display:grid;place-items:center}.paper{width:310px;height:72px;background:#e9e1ca;transform:rotate(-20deg);border-radius:7px 42px 42px 7px;box-shadow:0 20px 80px #000;position:relative;overflow:hidden}.paper:after{content:"";position:absolute;right:0;top:0;width:18px;height:100%;background:#4f3026}.fill{position:absolute;inset:12px 14px;background:repeating-linear-gradient(45deg,#607847,#607847 8px,#78945d 8px,#78945d 15px);border-radius:5px 30px 30px 5px;opacity:.85}.ember{width:32px;height:88px;background:radial-gradient(circle,#ffd36b 0 20%,#ff7044 33%,#492119 70%);position:absolute;right:85px;top:190px;border-radius:50%;transform:rotate(-20deg);filter:blur(2px);box-shadow:0 0 45px #ff704488}.smoke{position:absolute;width:90px;height:180px;border:8px solid #ffffff24;border-color:#ffffff24 transparent transparent #ffffff18;border-radius:50%;filter:blur(4px);animation:float 6s ease-in-out infinite}.s1{right:30px;top:50px}.s2{right:110px;top:4px;animation-delay:-2s}.s3{right:0;top:120px;animation-delay:-4s}@keyframes float{50%{transform:translateY(-25px) scale(1.1);opacity:.45}}h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95;letter-spacing:-.05em;margin:10px 0 26px}h3{margin-top:0}.muted{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head.compact{align-items:center}.filters{display:flex;gap:10px}.filters select,select,input,textarea{background:#111512;color:white;border:1px solid var(--line);border-radius:11px;padding:12px;outline:none}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.strain-card,.panel,.news-card{background:linear-gradient(180deg,#151a16,#0f1310);border:1px solid var(--line);border-radius:var(--radius)}.strain-card{padding:22px;position:relative;overflow:hidden}.strain-card:before{content:"";position:absolute;width:160px;height:160px;background:var(--accent,#80ff6a);filter:blur(85px);opacity:.14;right:-40px;top:-40px}.strain-meta,.forum-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);color:#b9c3bb;border-radius:999px;padding:4px 9px;font-size:.75rem}.strain-card h3{font-size:1.45rem;margin:18px 0 4px}.strain-card p{color:var(--muted);min-height:48px}.rating{color:#ffe073}.card-actions{display:flex;gap:8px;margin-top:18px}.text-btn{background:none;border:0;color:var(--green);cursor:pointer}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.panel{padding:22px}.form-stack{display:grid;gap:12px}.form-stack textarea{min-height:120px;resize:vertical}.form-stack label{display:grid;gap:6px;color:#cbd2cc}.feed{display:grid;gap:12px}.post{padding:18px;background:#111512;border:1px solid var(--line);border-radius:16px}.post h4{font-size:1.05rem;margin:7px 0}.post p{color:#b1bab3}.post-actions{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:.85rem}.post-actions button{background:none;border:0;color:inherit;cursor:pointer}.ai-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px}.quick-prompts button{background:#161b17;border:1px solid var(--line);color:#cbd4cd;border-radius:999px;padding:8px 12px;cursor:pointer}.chat{padding:0;overflow:hidden}.chat-messages{height:430px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:78%;padding:12px 14px;border-radius:16px;background:#202721}.bubble.user{align-self:flex-end;background:var(--green);color:#0d140b}.chat-input{display:flex;border-top:1px solid var(--line);padding:10px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{padding:22px}.news-card .source{color:var(--green);font-size:.78rem;font-weight:800}.news-card h3{margin:12px 0}.news-card p{color:var(--muted)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-stack output{padding:13px;background:#0b0e0c;border:1px solid var(--line);border-radius:10px;color:var(--green);font-weight:800;min-height:48px}.saved-list{display:grid;gap:8px}.saved-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line)}.cta{display:flex;align-items:center;gap:30px;padding:35px;margin:60px auto 80px;background:linear-gradient(120deg,#132315,#0f1711);border:1px solid #365137;border-radius:28px}.cta img{width:180px}.cta div{flex:1}.cta h2{font-size:2rem;margin:0 0 6px}footer{max-width:var(--max);margin:auto;padding:45px 24px 70px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;color:var(--muted)}footer img{width:185px}footer>div{display:flex;flex-direction:column;gap:8px}footer strong{color:white}.age-gate,.modal{position:fixed;inset:0;z-index:100;background:#050706ee;backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.age-card,.modal-card{width:min(520px,100%);background:#111512;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 40px 120px #000}.age-logo{width:220px}.row{display:flex;gap:10px}.modal-card{position:relative;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:2rem;cursor:pointer}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#e9ffe0;color:#10200d;padding:13px 18px;border-radius:12px;font-weight:800;box-shadow:0 14px 40px #0008}.auth-tabs{display:flex;gap:8px;margin-bottom:15px}.profile-grid{display:grid;gap:10px}.review-list{display:grid;gap:10px;margin-top:18px}.review{border-top:1px solid var(--line);padding-top:10px}.score-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.score-row label{font-size:.75rem}.score-row input{width:100%}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:65px;left:15px;right:15px;background:#111512;border:1px solid var(--line);border-radius:15px;padding:18px;flex-direction:column}.site-header nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.header-actions{display:none}.hero,.split-section,.ai-section{grid-template-columns:1fr}.hero-art{height:320px}.hero{min-height:0}.card-grid,.news-grid,.tools-grid{grid-template-columns:1fr 1fr}.section{padding:60px 18px}.section-head{align-items:flex-start;flex-direction:column}.cta{margin-left:18px;margin-right:18px;flex-wrap:wrap}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.brand img{width:155px}.hero h1{font-size:3.8rem}.searchbar{flex-direction:column}.card-grid,.news-grid,.tools-grid{grid-template-columns:1fr}.filters{width:100%}.filters select{width:50%}.hero-art{transform:scale(.8);margin:-40px}.stats{gap:22px}.cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}.score-row{grid-template-columns:1fr 1fr}}
.live-stamp{display:flex;align-items:center;gap:9px;margin-top:24px;color:#b9c3bb;font-size:.88rem}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);display:inline-block}.live-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.live-stats .panel{display:flex;flex-direction:column;gap:6px}.live-stats strong{font-size:2rem;color:var(--green)}.live-stats span{color:var(--muted);font-size:.84rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.strain-chips{display:flex;flex-wrap:wrap;gap:8px}.strain-chips a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#c9d2cb;font-size:.85rem}.strain-chips a:hover{border-color:var(--green);color:var(--green)}@media(max-width:900px){.live-stats{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}@media(max-width:600px){.live-stats{grid-template-columns:1fr}}
/* Strain library */
.hero.compact{min-height:0;display:block;padding:72px 24px 34px}
.hero.compact .lede{max-width:900px;color:var(--muted);font-size:1.05rem}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px;gap:10px;margin-top:28px;max-width:1000px}
.search-row input,.search-row select{width:100%;background:#101411;border:1px solid var(--line);border-radius:14px;color:var(--text);padding:13px 14px;outline:none}
.search-row input:focus,.search-row select:focus{border-color:var(--green)}
.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.strain-card{min-width:0}
.strain-card h3{overflow-wrap:anywhere}
.center{justify-content:center;margin-top:24px}
@media(max-width:900px){.search-row{grid-template-columns:1fr 1fr}.search-row input{grid-column:1/-1}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero.compact{padding:48px 18px 24px}.search-row{grid-template-columns:1fr}.search-row input{grid-column:auto}.cards-grid{grid-template-columns:1fr}}

/* Free editorial photography */
.hero-art{isolation:isolate;overflow:hidden;border-radius:30px}
.hero-photo{position:absolute;inset:0;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 35px 100px #000}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#05070655,#050706cc 82%)}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05)}
.hero-art .paper,.hero-art .ember,.hero-art .smoke{z-index:2}
.visual-showcase{padding-top:0;display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.visual-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#111512;min-height:260px}
.visual-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05)}
.visual-wide{min-height:430px}
.visual-wide:after,.visual-mini-grid .visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05070605 25%,#050706dd 100%)}
.visual-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}
.visual-overlay h2{font-size:clamp(2rem,4vw,3.5rem);margin:7px 0}
.visual-overlay p{color:#d1d8d2;max-width:600px}
.visual-mini-grid{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.visual-mini-grid figure{margin:0}
.visual-mini-grid figcaption{position:absolute;z-index:2;left:18px;bottom:16px;font-weight:800}
@media(max-width:900px){.visual-showcase{grid-template-columns:1fr}.visual-mini-grid{grid-template-columns:1fr 1fr;grid-template-rows:none}.visual-wide{min-height:360px}}
@media(max-width:600px){.visual-mini-grid{grid-template-columns:1fr}.visual-wide{min-height:330px}.hero-photo{border-radius:22px}}

#terpensteinChat{min-height:430px}
#terpensteinMessages{background:#0c100d}
#terpensteinInput{min-width:0}
#terpPrompts button{min-height:44px}
@media(max-width:600px){#terpensteinForm{flex-wrap:wrap}#terpensteinInput{width:100%;flex-basis:100%}#terpensteinForm .btn{width:100%}}

/* OCM live data dashboard */
.ocm-dashboard{display:grid;gap:18px}
.ocm-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ocm-stat{padding:20px;background:linear-gradient(145deg,#172019,#0d110e);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}
.ocm-stat:after{content:"";position:absolute;width:110px;height:110px;right:-50px;top:-50px;background:var(--green);filter:blur(45px);opacity:.09}
.ocm-stat span,.ocm-stat small{display:block;color:var(--muted);font-size:.78rem}
.ocm-stat strong{display:block;font-size:2rem;letter-spacing:-.04em;color:var(--green);margin:5px 0 2px}
.ocm-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.ocm-toolbar .searchbar{margin:0;max-width:none}
.ocm-filters{display:flex;gap:8px}
.ocm-filters select{min-width:180px}
.ocm-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--muted);font-size:.84rem}
.ocm-meta a{color:var(--green)}
.ocm-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ocm-break{background:#0f1410;border:1px solid var(--line);border-radius:14px;padding:12px}
.ocm-break span{display:block;color:#bdc7bf;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocm-break strong{font-size:1.2rem;display:block;margin:3px 0 8px}
.ocm-break i{display:block;height:4px;border-radius:99px;background:#242d26;overflow:hidden}
.ocm-break b{display:block;height:100%;background:var(--green);border-radius:99px}
.ocm-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ocm-record{padding:18px;background:linear-gradient(180deg,#151a16,#0f1310);border:1px solid var(--line);border-radius:18px;min-width:0}
.ocm-record-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.ocm-kicker{font-size:.68rem;letter-spacing:.13em;color:var(--green);font-weight:800}
.ocm-status{font-size:.7rem;padding:4px 8px;border-radius:999px;background:#ffffff08;border:1px solid var(--line);color:#cbd4cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.ocm-record h3{margin:13px 0 6px;font-size:1.08rem}
.ocm-location{color:var(--muted);min-height:48px;margin:0}
.ocm-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ocm-tags span{font-size:.72rem;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#c3ccc5}
.ocm-empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}
@media(max-width:900px){.ocm-summary{grid-template-columns:repeat(2,1fr)}.ocm-toolbar{grid-template-columns:1fr}.ocm-breakdown{grid-template-columns:repeat(2,1fr)}.ocm-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ocm-summary{grid-template-columns:1fr 1fr}.ocm-toolbar .searchbar{flex-direction:row}.ocm-filters{display:grid;grid-template-columns:1fr 1fr}.ocm-filters select{min-width:0;width:100%}.ocm-breakdown,.ocm-list{grid-template-columns:1fr}.ocm-meta{align-items:flex-start;flex-direction:column}.ocm-stat strong{font-size:1.55rem}}

/* Navigation dropdown */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{border:0;background:none;color:#c6cec8;font:inherit;font-size:.93rem;cursor:pointer;padding:4px 0}
.nav-dropdown-toggle:hover,.nav-dropdown-toggle[aria-expanded="true"]{color:var(--green)}
.nav-dropdown-toggle span{font-size:.8em;margin-left:3px}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 14px);right:0;min-width:210px;padding:8px;background:#111512;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #000b}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{display:grid}
.nav-dropdown-menu a{display:block!important;padding:10px 12px;border-radius:9px;color:#c6cec8!important}
.nav-dropdown-menu a:hover{background:#ffffff08;color:var(--green)!important}
@media(max-width:900px){
 .nav-dropdown{display:block}
 .nav-dropdown-toggle{width:100%;text-align:left;padding:0;font-size:1rem}
 .nav-dropdown-menu{position:static;min-width:0;margin-top:8px;padding:5px 0 5px 12px;background:transparent;border:0;box-shadow:none}
 .nav-dropdown.open .nav-dropdown-menu{display:grid}
 .nav-dropdown-menu a{padding:9px 10px!important}
}

/* ============================================================
   PREROLL / MODERN EDITORIAL UI SYSTEM
   Premium dark-media aesthetic: glass surfaces, bento layouts,
   restrained motion, stronger hierarchy, and mobile polish.
   ============================================================ */
:root{
 --bg:#070a08;--bg-2:#0b100d;--surface:#101611;--surface-2:#151c17;
 --glass:rgba(18,25,20,.72);--glass-strong:rgba(13,19,15,.9);
 --line:rgba(211,255,219,.10);--line-strong:rgba(157,255,103,.24);
 --text:#f5f8f5;--muted:#9da9a0;--green:#a8ff70;--green-2:#d7ffae;
 --teal:#63e6c2;--lime:#c9ff72;--danger:#ff806b;
 --shadow:0 24px 80px rgba(0,0,0,.38);--shadow-sm:0 12px 36px rgba(0,0,0,.24);
 --radius:22px;--radius-sm:14px;--max:1240px;
}
html{background:var(--bg);scroll-padding-top:90px}
body{
 background:
 radial-gradient(900px 500px at 8% -5%,rgba(91,155,64,.16),transparent 60%),
 radial-gradient(700px 500px at 92% 8%,rgba(39,116,103,.11),transparent 58%),
 linear-gradient(180deg,#070a08 0%,#090d0a 48%,#070a08 100%);
 letter-spacing:-.008em;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.site-header{
 height:74px;padding:10px max(18px,calc((100% - var(--max))/2));background:rgba(7,10,8,.74);
 border-bottom:1px solid var(--line);box-shadow:0 8px 30px rgba(0,0,0,.14);
}
.site-header nav{gap:8px}.site-header nav>a,.nav-dropdown-toggle{padding:9px 11px;border-radius:10px;transition:background .2s,color .2s}
.site-header nav>a:hover,.nav-dropdown-toggle:hover,.nav-dropdown-toggle[aria-expanded="true"]{background:rgba(168,255,112,.07)}
.brand img{filter:drop-shadow(0 0 16px rgba(168,255,112,.08))}
.hero{min-height:760px;gap:70px}.hero h1{font-weight:800;text-wrap:balance}.hero h1 span{background:linear-gradient(100deg,var(--green),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.badge,.eyebrow{display:inline-flex;align-items:center;gap:8px}.badge:before,.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.hero-copy>p{color:#bac5bd}.live-stamp{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.searchbar{background:rgba(12,17,14,.76);border-color:var(--line);box-shadow:inset 0 1px rgba(255,255,255,.035),var(--shadow-sm)}
.searchbar:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 4px rgba(168,255,112,.05),var(--shadow-sm)}
.btn{background:rgba(255,255,255,.035);border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.04) inset;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 10px 25px rgba(0,0,0,.2)}
.btn.primary{background:linear-gradient(135deg,var(--green),#78e85b);box-shadow:0 10px 30px rgba(127,236,91,.12)}
.section{padding-top:92px;padding-bottom:92px}
.section-head{margin-bottom:24px}.section-head h2{max-width:800px}
h2{font-weight:800}.muted{color:var(--muted)}
.panel,.strain-card,.news-card,.ocm-record,.visual-card,.post{
 background:linear-gradient(145deg,rgba(22,29,24,.88),rgba(11,15,12,.88));
 border-color:var(--line);box-shadow:var(--shadow-sm);
}
.panel,.strain-card,.news-card,.ocm-record,.visual-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.panel:hover,.strain-card:hover,.news-card:hover,.ocm-record:hover,.visual-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.strain-card:before{opacity:.18;transition:opacity .25s}.strain-card:hover:before{opacity:.28}
.news-grid{grid-template-columns:repeat(12,1fr);gap:16px}.news-card{grid-column:span 4;min-height:230px;display:flex;flex-direction:column}
.news-card:nth-child(1){grid-column:span 6;min-height:300px}.news-card:nth-child(2){grid-column:span 6}
.news-card p{max-width:65ch}.news-card h3{font-size:1.35rem;letter-spacing:-.025em}.news-card:nth-child(1) h3,.news-card:nth-child(2) h3{font-size:1.7rem}
.card-grid,.cards-grid{gap:16px}.tools-grid{gap:16px}.info-grid{gap:16px}
.live-stats{gap:12px}.live-stats .panel,.ocm-stat{background:linear-gradient(145deg,rgba(20,29,23,.92),rgba(10,14,11,.92));box-shadow:var(--shadow-sm)}
.live-stats strong,.ocm-stat strong{font-variant-numeric:tabular-nums}
.ocm-dashboard{gap:14px}.ocm-summary{gap:12px}.ocm-stat{border-radius:18px}.ocm-toolbar{padding:5px}
.ocm-break{background:rgba(255,255,255,.025);border-color:var(--line)}
.ocm-list{gap:14px}.ocm-record{border-radius:18px}
.pill,.strain-chips a,.ocm-tags span{background:rgba(255,255,255,.025)}
.filters select,select,input,textarea{background:rgba(12,17,14,.82);border-color:var(--line)}
.filters select:focus,select:focus,input:focus,textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px rgba(168,255,112,.045)}
.visual-showcase{gap:16px}.visual-card{box-shadow:var(--shadow)}
.hero-photo{box-shadow:var(--shadow)}.hero-photo:after{background:linear-gradient(135deg,rgba(4,8,5,.08),rgba(4,8,5,.78) 86%)}
.cta{background:linear-gradient(135deg,rgba(27,48,31,.86),rgba(11,19,13,.9));border-color:var(--line-strong);box-shadow:var(--shadow)}
.age-gate,.modal{background:rgba(3,6,4,.82)}.age-card,.modal-card{background:rgba(15,21,17,.94);border-color:var(--line);box-shadow:0 40px 120px rgba(0,0,0,.62)}
.toast{box-shadow:var(--shadow)}
.nav-dropdown-menu{background:rgba(15,21,17,.96);border-color:var(--line);box-shadow:var(--shadow)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}
::selection{background:rgba(168,255,112,.24);color:white}
@media(max-width:900px){
 .site-header{height:68px}.site-header nav{top:68px;background:rgba(12,17,14,.97);backdrop-filter:blur(22px);box-shadow:var(--shadow)}
 .hero{gap:25px}.news-grid{grid-template-columns:1fr 1fr}.news-card,.news-card:nth-child(1),.news-card:nth-child(2){grid-column:span 1;min-height:230px}.news-card:nth-child(1) h3,.news-card:nth-child(2) h3{font-size:1.35rem}
}
@media(max-width:600px){
 .section{padding-top:62px;padding-bottom:62px}.hero{padding-top:48px}.hero h1{font-size:clamp(3.1rem,16vw,4.6rem)}
 .news-grid{grid-template-columns:1fr}.news-card,.news-card:nth-child(1),.news-card:nth-child(2){grid-column:auto}
 .panel,.strain-card,.news-card,.ocm-record{border-radius:18px}.searchbar{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* New Preroll identity sizing */
.brand img{width:168px;height:54px;object-fit:contain;object-position:center}.age-logo{width:280px;height:150px;object-fit:contain}.site-header{min-height:68px}footer img{width:190px;height:105px;object-fit:contain;object-position:left center}.cta img{width:210px;height:120px;object-fit:contain;object-position:left center}@media(max-width:600px){.brand img{width:142px;height:48px}.age-logo{width:240px;height:130px}footer img{width:180px;height:100px}}
/* Current green/charcoal brush wordmark */
.brand img{width:178px;height:76px;object-fit:contain;object-position:left center;filter:none}.site-header{min-height:82px}.age-logo{width:min(330px,100%);height:160px;object-fit:contain}.site-header .brand{display:flex;align-items:center;min-width:0}footer img{width:205px;height:110px;object-fit:contain;object-position:left center}.cta img{width:220px;height:125px;object-fit:contain;object-position:left center}@media(max-width:900px){.site-header{min-height:72px}.brand img{width:158px;height:66px}}@media(max-width:600px){.brand img{width:145px;height:60px}.age-logo{height:140px}footer img{width:185px;height:100px}}

/* Homepage hero replaced by the primary Preroll logo */
.hero-logo-stage{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-top:30px;padding-bottom:48px;text-align:center}.hero-main-logo{display:block;width:min(100%,1080px);height:auto;max-height:650px;object-fit:contain;filter:drop-shadow(0 22px 50px #0009)}.hero-logo-caption{margin:0;color:#b8c4b8;font-size:clamp(.95rem,2vw,1.15rem);letter-spacing:.04em}.hero-logo-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:8px}@media(max-width:600px){.hero-logo-stage{padding:24px 18px 36px}.hero-main-logo{width:100%;max-height:none}.hero-logo-actions{width:100%}.hero-logo-actions .btn{flex:1}}

/* Current primary Preroll logo proportions */
.brand img{width:190px;height:82px;object-fit:contain;object-position:left center}.age-logo{width:min(360px,100%);height:auto;max-height:190px;object-fit:contain}.hero-main-logo{width:min(100%,1320px);height:auto;max-height:none;object-fit:contain}.hero-logo-stage{padding-top:10px}.hero-logo-caption{display:none}footer img{width:230px;height:auto;max-height:150px;object-fit:contain;object-position:left center}@media(max-width:900px){.brand img{width:165px;height:70px}}@media(max-width:600px){.brand img{width:142px;height:62px}.age-logo{width:min(300px,100%)}footer img{width:190px}}