:root{
      --bg:#050505;--bg2:#0b0c0b;--panel:#111212;--panel2:#161716;--line:rgba(255,255,255,.12);
      --text:#f7f7f4;--muted:#b4b8b1;--muted2:#878c85;--accent:#ffffff;--max:1440px;
      --shadow:0 24px 60px rgba(0,0,0,.38);--ease:cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:88px}
    body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    img{display:block;max-width:100%} a{text-decoration:none;color:inherit} button{font:inherit}
    .container{width:min(var(--max),calc(100% - 64px));margin:0 auto}

    .topbar{border-bottom:1px solid var(--line);background:#090909;color:#c8ccc4;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
    .topbar .container{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:36px}
    .topbar .right{display:flex;gap:28px;flex-wrap:wrap;justify-content:flex-end}
    .topbar .right span::before{content:"•";display:inline-block;margin-right:10px;color:#fff}

    .site-header{position:sticky;top:0;z-index:30;background:rgba(5,5,5,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09)}
    .nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:112px}
    .brand img{height:86px;width:auto}
    .nav{display:flex;align-items:center;gap:34px}
    .nav a{font-size:13px;font-weight:600;color:#e8e9e5;transition:color .2s var(--ease)}
    .nav a:hover{color:#fff}
    .nav-cta{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.55);padding:13px 18px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:all .25s var(--ease)}
    .nav-cta:hover{background:#fff;color:#050505}
    .menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:12px;width:44px;height:44px;font-size:24px}

    .hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
    .hero-media,.hero-media::after,.hero-media::before{position:absolute;inset:0}
    .hero-media{z-index:-3}
    .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:brightness(.56) saturate(.95) contrast(1.06)}
    .hero-media::before{content:"";z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.84) 28%,rgba(0,0,0,.48) 54%,rgba(0,0,0,.08) 78%)}
    .hero-media::after{content:"";z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 24%,transparent 68%,rgba(0,0,0,.78) 100%)}
    .hero-content{position:relative;padding:88px 0 90px;max-width:var(--max);text-align:left}.hero-content .lead{max-width:590px}.hero-copy{max-width:860px}
    .eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#cdd1ca;margin-bottom:28px}
    .eyebrow::before{content:"";width:32px;height:1px;background:rgba(255,255,255,.65)}
    h1,h2,h3,p{margin:0}
    .hero h1{font-size:clamp(58px,9vw,136px);line-height:.88;letter-spacing:-.08em;font-weight:900;text-transform:uppercase}
    .hero h1 .outline{display:inline-block;color:#050505;-webkit-text-stroke:1.6px rgba(255,255,255,.98);paint-order:stroke fill}
    .hero .lead{margin-top:24px;max-width:580px;color:#d0d3cd;font-size:18px;line-height:1.85}
    .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 24px;border-radius:999px;font-size:13px;font-weight:750;letter-spacing:.02em;transition:all .25s var(--ease);min-height:56px}
    .btn-primary{background:#fff;border:1px solid #fff;color:#050505;box-shadow:0 14px 36px rgba(0,0,0,.18)}
    .btn-primary:hover{background:transparent;color:#fff;border-color:rgba(255,255,255,.72)}
    .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.22);color:#e8ece5}
    .btn-secondary:hover{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.06)}
    .hero-side{position:absolute;right:0;bottom:36px;text-align:right;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d3d5cf;line-height:2}
    .hero-side strong{display:block;font-size:12px;letter-spacing:.08em;color:#fff}
    .hero-scroll{margin-top:34px;font-size:11px;letter-spacing:.28em;color:#cfd2cc;text-transform:uppercase}

    .ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0c0b}
    .ticker .container{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;min-height:88px;align-items:center}
    .fact{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700;letter-spacing:.06em}
    .fact i{display:inline-block;width:10px;height:10px;border:1px solid rgba(255,255,255,.88);border-radius:50%;flex:0 0 auto}

    .section{padding:110px 0}
    .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
    .section-title{font-size:clamp(40px,5vw,80px);line-height:.95;letter-spacing:-.08em;font-weight:900;text-transform:uppercase}
    .section-title .ghost{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}
    .section-desc{max-width:420px;color:var(--muted);font-size:15px;line-height:1.9}

    .strain-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
    .strain-card{background:linear-gradient(180deg,#121312,#0b0c0c);border:1px solid rgba(255,255,255,.08);overflow:hidden;border-radius:18px;box-shadow:var(--shadow);transition:transform .32s var(--ease),border-color .32s var(--ease)}
    .strain-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.22)}
    .strain-img{aspect-ratio:4/5;background:#060606;overflow:hidden}
    .strain-img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s var(--ease)}
    .strain-card:hover .strain-img img{transform:scale(1.05)}
    .strain-info{padding:20px 18px 18px}
    .tag{font-size:10px;font-weight:800;letter-spacing:.17em;color:#c8cbc5;text-transform:uppercase;margin-bottom:8px}
    .strain-name{font-size:24px;line-height:1.08;letter-spacing:-.04em;font-weight:800;margin-bottom:10px}
    .strain-note{color:#a8aca4;font-size:13px;line-height:1.7;min-height:44px}
    .strain-specs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
    .strain-specs span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d6d9d1;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px}
    .subnote{margin-top:18px;color:#737973;font-size:12px;line-height:1.75}

    .story{background:#f2f2ee;color:#111}
    .story-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:640px}
    .story-media img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.84)}
    .story-copy{padding:82px min(8vw,110px);display:flex;flex-direction:column;justify-content:center}
    .story .eyebrow{color:#41463f}.story .eyebrow::before{background:#41463f}
    .story h2{font-size:clamp(44px,5vw,84px);line-height:.95;letter-spacing:-.08em;font-weight:900;text-transform:uppercase;margin-bottom:24px}
    .story p{font-size:16px;line-height:1.95;color:#353835;margin-bottom:18px;max-width:520px}

    .details{background:#090a09}
    .details-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
    .detail-intro{color:#a8aca4;font-size:15px;line-height:1.95;max-width:360px;margin-top:20px}
    .detail-list{display:grid;gap:18px}
    .detail-row{display:grid;grid-template-columns:52px 190px 1fr;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08)}
    .detail-row span{font-size:12px;font-weight:800;letter-spacing:.15em;color:#8e938b}
    .detail-row strong{font-size:20px;letter-spacing:-.03em}
    .detail-row p{color:#aab0a8;line-height:1.85}

    .journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
    .journal-card{background:linear-gradient(180deg,#141515,#0d0e0e);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;display:flex;flex-direction:column;min-height:250px}
    .journal-card .cat{font-size:11px;font-weight:800;letter-spacing:.18em;color:#aeb3ab;text-transform:uppercase;margin-bottom:18px}
    .journal-card h3{font-size:27px;line-height:1.08;letter-spacing:-.04em;font-weight:800;margin-bottom:18px}
    .journal-card p{color:#aab0a8;font-size:14px;line-height:1.8;margin-bottom:auto}
    .arrow-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:700;color:#fff;margin-top:18px}

    .contact{padding:120px 0;background:linear-gradient(180deg,#0a0b0a,#050505)}
    .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
    .contact-copy p{max-width:510px;color:#c1c5be;font-size:17px;line-height:1.95;margin-top:22px;margin-bottom:28px}

    .footer{padding:32px 0 42px;border-top:1px solid rgba(255,255,255,.08);background:#040404}
    .footer-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
    .footer-logo img{height:48px;width:auto}
    .footer-statement{max-width:430px;color:#9ca199;margin-top:16px;font-size:14px;line-height:1.85}
    .footer-links{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:18px}
    .footer-links strong{display:block;margin-bottom:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
    .footer-links a{display:block;color:#a6aba3;font-size:14px;line-height:1.9}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#777d77}
    .footer-bottom p{max-width:740px}

    @media (max-width: 1180px){.strain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid,.details-grid,.contact-grid{grid-template-columns:1fr}.story-media{min-height:380px}}
    @media (max-width: 920px){
      .container{width:min(var(--max),calc(100% - 32px))}
      .nav{display:none;position:absolute;top:112px;left:16px;right:16px;background:#0c0d0c;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}
      .nav.open{display:flex}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}
      .hero{min-height:840px}.hero-content{padding-top:70px}.hero-side{position:static;margin-top:38px;text-align:left}
      .ticker .container{grid-template-columns:repeat(2,1fr);padding:18px 0}
      .sec-head,.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}
      .journal-grid{grid-template-columns:1fr}.strain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .detail-row{grid-template-columns:42px 1fr}.detail-row p{grid-column:2}.footer-links{grid-template-columns:repeat(2,minmax(120px,1fr))}
    }
    @media (max-width: 620px){
      .topbar .container{justify-content:center;text-align:center}.topbar .right{display:none}
      .brand img{height:66px}
      .hero h1{font-size:clamp(52px,17vw,92px)}.hero .lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}
      .ticker .container,.strain-grid{grid-template-columns:1fr}.section{padding:82px 0}.story-copy{padding:58px 24px}.footer-links{grid-template-columns:1fr}
    }

    /* V4: improved logo prominence, left-aligned editorial hero, and B2B content */
    .site-header .brand{display:flex;align-items:center;flex-shrink:0}
    .site-header .brand img{height:82px;width:auto;max-width:170px;object-fit:contain}
    .nav-wrap{min-height:108px}
    .hero-content.container{max-width:var(--max);margin-left:auto;margin-right:auto;width:min(var(--max),calc(100% - 64px));text-align:left}
    .hero h1{max-width:850px}
    .hero .lead{max-width:600px}
    .hero-actions{align-items:center}
    .hero .btn{white-space:nowrap}
    .section-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#a7b0a5;font-weight:800;margin-bottom:12px}
    .b2b-inline{display:flex;justify-content:flex-start;margin-top:27px}
    .effected{background:linear-gradient(180deg,#070707,#101010 60%,#080808)}
    .effect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
    .effect-card{background:linear-gradient(180deg,#111,#090909);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}
    .effect-img{aspect-ratio:1.25/1;overflow:hidden;background:#050505}
    .effect-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2);transition:transform .4s}
    .effect-card:hover .effect-img img{transform:scale(1.04)}
    .effect-copy{padding:23px}
    .effect-card h3{font-size:clamp(25px,3vw,36px);letter-spacing:-.06em;line-height:1.05;margin-bottom:12px}
    .effect-card p{color:#b1b4ad;font-size:14px;line-height:1.9}
    .subnote.effect-notice{padding:22px 24px;border-left:2px solid #fff;background:rgba(255,255,255,.04);color:#c9ccc6;margin-top:26px}
    .wholesale{background:#141514;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
    .wholesale-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .wholesale-intro{font-size:17px;color:#b9bdb7;line-height:1.9;margin-top:22px;max-width:620px}
    .wholesale-steps{display:grid;gap:18px}
    .wholesale-step{display:grid;grid-template-columns:42px 1fr;gap:15px;border-bottom:1px solid rgba(255,255,255,.13);padding:0 0 17px}
    .wholesale-step .num{font-size:12px;letter-spacing:.12em;color:#9da39b;font-weight:800}
    .wholesale-step strong{display:block;font-size:18px;margin-bottom:5px}
    .wholesale-step p{font-size:14px;color:#a9aea7;line-height:1.8}
    a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}
    @media(max-width:1100px){.nav{gap:18px}.effect-grid{gap:12px}.wholesale-grid{gap:34px}}
    @media(max-width:920px){.nav-wrap{min-height:94px}.nav{top:94px}.site-header .brand img{height:68px}.wholesale-grid{grid-template-columns:1fr}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:620px){.site-header .brand img{height:61px}.hero-content.container{width:calc(100% - 36px)}.effect-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(45px,15vw,78px)}.hero-actions .btn{white-space:normal}.hero-side{display:none}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}