@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700;800&family=Satisfy&display=swap');

:root{
  --black:#020202;
  --panel:#080809;
  --panel-2:#0c0c0d;
  --white:#f7f4ef;
  --muted:#bbb8b2;
  --lime:#b8ee16;
  --pink:#ef5ab0;
  --cyan:#58d7e8;
  --gold:#d9c252;
  --line:rgba(255,255,255,.14);
  --max:1160px;
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--black);
  color:var(--white);
  font-family:'Montserrat',Arial,sans-serif;
  line-height:1.5;
}
a{color:inherit}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}

/* SHARED HEADER — same on every page */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(0,0,0,.96);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.nav{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.logo{width:170px;max-height:78px;object-fit:contain}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--lime)}

/* SHARED FOOTER — same on every page */
.site-footer{
  border-top:1px solid rgba(184,238,22,.35);
  background:#000;
  padding:20px 0 24px;
}
.footer-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:9px;
}
.footer-logo{width:96px;max-height:64px;object-fit:contain}
.footer-meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
  color:#898989;
  font-size:11px;
}

/* TYPE */
.kicker,.eyebrow,.label{
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
}
.kicker{color:var(--pink);font-size:16px}
.eyebrow{color:var(--lime);font-size:13px}
.label{color:var(--pink);font-size:12px}
.display,.section-title,.library-title,.block-title,.strain-sour{
  font-family:'Bebas Neue',Impact,'Arial Narrow Bold',sans-serif;
  text-transform:uppercase;
}
.script{
    font-family:'Satisfy','Brush Script MT','Segoe Script',cursive;
    font-weight:400;
    text-transform:none;
    display:inline-block;
    padding:0.18em 0.08em 0.10em 0.08em;
    background:linear-gradient(90deg,var(--pink),#c681dc 48%,var(--cyan));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:46px;
  padding:0 23px;
  border:1px solid var(--lime);
  border-radius:999px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:900;
}
.btn:hover{background:rgba(184,238,22,.08)}

/* HOME */
.home-hero{
  min-height:710px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#000 0%,#000 24%,rgba(0,0,0,.94) 35%,rgba(0,0,0,.45) 56%,rgba(0,0,0,.08) 78%),
    linear-gradient(to bottom,rgba(0,0,0,.08),transparent 72%,#000 100%),
    url('assets/aurora-scene.jpg') center right/cover no-repeat;
}
.home-hero .container{position:relative;z-index:2}
.hero-copy{max-width:535px}
.hero-copy .display{
  font-size:clamp(72px,9vw,118px);
  line-height:.84;
  margin:10px 0 16px;
}
.hero-copy .script{display:block;line-height:1.04}
.hero-copy p{
  margin:18px 0 28px;
  font:20px/1.5 Georgia,serif;
}

.section{padding:64px 0}
.section-head{text-align:center;margin-bottom:30px}
.section-title{font-size:52px;margin:7px 0 9px;letter-spacing:.04em}
.section-head p{
  max-width:680px;
  margin:auto;
  color:var(--muted);
  font:18px/1.55 Georgia,serif;
}

.feature-card{
  display:grid;
  grid-template-columns:1.02fr 1fr;
  border:1px solid rgba(184,238,22,.7);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--panel);
}
.feature-photo{
  min-height:440px;
  background:url('assets/sour-diesel-art.jpg') center/cover no-repeat;
}
.feature-copy{padding:38px}
.feature-copy h3{margin:5px 0 2px}
.feature-sour{
  display:block;
  font:58px/.86 'Bebas Neue',Impact,sans-serif;
  text-transform:uppercase;
}
.feature-diesel{
  display:block;
  width:max-content;
  max-width:100%;
  padding:0 .16em .08em .10em;
  margin:.03em 0 8px -.10em;
  font:50px/1.05 'Satisfy','Brush Script MT',cursive;
  background:linear-gradient(90deg,var(--pink),var(--cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  overflow:visible;
}
.ratio{
  color:var(--cyan);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:800;
}
.feature-copy p{color:var(--muted);font:17px/1.6 Georgia,serif;margin:18px 0 24px}

.quality-panel{
  border:1px solid rgba(255,255,255,.2);
  border-radius:var(--radius);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#030303;
  overflow:hidden;
}
.quality-item{
  padding:26px 20px;
  text-align:center;
}
.quality-item + .quality-item{border-left:1px solid rgba(184,238,22,.32)}
.quality-icon{height:74px;width:90px;object-fit:contain;margin:0 auto 13px}
.quality-item h3{font-size:13px;letter-spacing:.10em;text-transform:uppercase;margin:0 0 7px}
.quality-item p{font:13px/1.45 Georgia,serif;color:var(--muted);margin:0}

/* FLOWER LIBRARY */
.page-hero{
  position:relative;
  overflow:hidden;
  padding:95px 0 70px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.55)),
    url('assets/aurora-scene.jpg') center/cover no-repeat;
}
.library-title{
    font-size:clamp(70px,9vw,108px);
    line-height:.92;
    margin:8px 0;
    overflow:visible;
}

.library-title .block-title-text{
    display:block;
    position:relative;
    z-index:1;
}

.library-title .script{
    display:block;
    position:relative;
    z-index:2;
    line-height:1.2;
    padding-top:18px;
    margin-top:-46px;
    overflow:visible;
}
.page-intro{max-width:690px;color:var(--muted);font:18px/1.6 Georgia,serif}
.library-grid{
  padding:50px 0 72px;
  display:grid;
  grid-template-columns:1.3fr .8fr;
  gap:24px;
}
.library-card{
  min-height:400px;
  border:1px solid rgba(184,238,22,.68);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--panel);
}
.library-card.current{display:grid;grid-template-columns:1fr 1fr}
.library-card-photo{background:url('assets/sour-diesel-art.jpg') center/cover no-repeat}
.library-card-copy{padding:34px}
.library-card h2{font:52px/.92 'Bebas Neue',Impact,sans-serif;text-transform:uppercase;margin:6px 0}
.library-card.soon{display:flex;align-items:center;padding:36px;border-color:rgba(239,90,176,.5)}
.library-card p{color:var(--muted);font:16px/1.55 Georgia,serif}

/* STRAIN PROFILE */
.strain-hero{
  min-height:690px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.strain-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 29%,rgba(0,0,0,.45) 62%,rgba(0,0,0,.14)),
    url('assets/aurora-scene.jpg') center/cover no-repeat;
}
.strain-hero .container{position:relative;z-index:2}
.strain-grid{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:38px}
.back-link{
  color:var(--lime);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
}
.strain-name-wrap{margin-top:18px;overflow:visible}
.strain-sour{
  display:block;
  font-size:clamp(82px,10vw,122px);
  line-height:.78;
}
.strain-diesel{
  display:block;
  width:max-content;
  max-width:100%;
  margin:.02em 0 .10em -.06em;
  padding:0 .18em .10em .16em;
  font:clamp(68px,9vw,108px)/1.04 'Satisfy','Brush Script MT','Segoe Script',cursive;
  background:linear-gradient(90deg,var(--pink),#c681dc 48%,var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  overflow:visible;
}
.strain-ratio{
  display:inline-block;
  border:1px solid rgba(184,238,22,.65);
  padding:8px 14px;
  color:var(--lime);
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:12px;
  font-weight:800;
}
.strain-tagline{font:20px/1.6 Georgia,serif;margin:20px 0 0}
.hero-bud{
  width:min(100%,520px);
  aspect-ratio:1/1.08;
  justify-self:end;
  border:1px solid rgba(184,238,22,.45);
  border-radius:24px;
  background:url('assets/sour-diesel-art.jpg') center/cover no-repeat;
  box-shadow:0 22px 60px rgba(0,0,0,.45);
}

.profile-main{padding:48px 0 70px}
.snapshot{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--panel);
}
.snapshot-item{padding:24px;text-align:center}
.snapshot-item + .snapshot-item{border-left:1px solid var(--line)}
.snapshot-item strong{display:block;font-size:28px}
.snapshot-item small{text-transform:uppercase;letter-spacing:.10em;color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.panel{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--panel);
  padding:30px;
}
.panel.full{grid-column:1/-1}
.block-title{font-size:34px;margin:4px 0 14px;letter-spacing:.03em}
.panel p{color:var(--muted);margin:0 0 14px}
.aroma-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.pill{
  border:1px solid rgba(239,90,176,.48);
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
}
.metric{display:grid;grid-template-columns:110px 1fr 68px;gap:12px;align-items:center;margin:12px 0}
.metric-bar{height:5px;background:#202022;border-radius:999px;overflow:hidden}
.metric-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.tests{display:grid;gap:9px}
.test{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}
.pass{color:var(--lime);font-weight:800;font-size:12px}
.lab-cta{display:flex;align-items:center;justify-content:space-between;gap:24px}
.lab-cta p{margin:5px 0 0}

/* ABOUT */
.about-grid{
  padding:58px 0 72px;
  display:grid;
  grid-template-columns:1fr .9fr;
  align-items:center;
  gap:48px;
}
.about-grid h2{font:56px/.92 'Bebas Neue',Impact,sans-serif;text-transform:uppercase;margin:8px 0 16px}
.about-grid p{font:17px/1.65 Georgia,serif;color:var(--muted)}
.about-art{max-width:520px;margin:auto}
.placeholder{
  margin-bottom:70px;
  padding:34px;
  border:1px solid rgba(184,238,22,.45);
  border-radius:var(--radius);
  background:var(--panel);
}
.placeholder h3{margin-top:0}

/* MOBILE */
@media(max-width:800px){
  .container{width:min(calc(100% - 36px),var(--max))}
  .site-header{position:relative}
  .nav{min-height:118px;gap:14px}
  .logo{width:132px}
  .nav-links{gap:15px}
  .nav-links a{font-size:10px;letter-spacing:.09em}

  .home-hero{min-height:570px}
  .home-hero::before{
    background:
      linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.22)),
      linear-gradient(to bottom,rgba(0,0,0,.08),transparent 70%,#000 100%),
      url('assets/aurora-scene.jpg') center/cover no-repeat;
  }
  .hero-copy .display{font-size:70px}
  .hero-copy p{font-size:18px}

  .feature-card{grid-template-columns:1fr}
  .feature-photo{min-height:380px}
  .feature-copy{padding:28px}
  .feature-sour{font-size:54px}
  .feature-diesel{font-size:48px}

  .quality-panel{grid-template-columns:1fr 1fr}
  .quality-item{min-height:220px}
  .quality-item:nth-child(3),.quality-item:nth-child(4){border-top:1px solid var(--line)}
  .quality-item:nth-child(3){border-left:0}

  .library-grid{grid-template-columns:1fr}
  .library-card.current{grid-template-columns:1fr}
  .library-card-photo{min-height:340px}

  .strain-hero{min-height:760px;padding:45px 0}
  .strain-grid{grid-template-columns:1fr;gap:30px}
  .strain-sour{font-size:84px}
  .strain-diesel{
    font-size:72px;
    margin-left:0;
    padding-left:.22em;
  }
  .hero-bud{
    width:100%;
    max-width:560px;
    justify-self:center;
  }
  .snapshot{grid-template-columns:1fr 1fr}
  .snapshot-item:nth-child(3),.snapshot-item:nth-child(4){border-top:1px solid var(--line)}
  .snapshot-item:nth-child(3){border-left:0}
  .profile-grid{grid-template-columns:1fr}
  .panel.full{grid-column:auto}
  .lab-cta{align-items:flex-start;flex-direction:column}

  .about-grid{grid-template-columns:1fr}
  .about-art{order:-1}
}

@media(max-width:520px){
  .nav{align-items:center}
  .logo{width:118px}
  .nav-links{gap:11px}
  .nav-links a{font-size:9px}
  .section-title{font-size:44px}
  .quality-item{padding:22px 12px}
  .quality-icon{height:62px;width:74px}
  .strain-sour{font-size:78px}
  .strain-diesel{font-size:66px}
  .metric{grid-template-columns:85px 1fr 58px}
}