:root{
  --ink:#2b2118;
  --paper:#f5ead7;
  --paper-deep:#ead8b9;
  --cream:rgba(249,241,224,.88);
  --rule:rgba(43,33,24,.65);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper)}
a{color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}

.site-shell{min-height:100vh;background:linear-gradient(to bottom,rgba(255,247,232,.04),rgba(245,234,215,.30)),url('../assets/hero/bloom-landscape.png') center bottom/cover fixed no-repeat}
.site-header{display:flex;justify-content:flex-end;align-items:center;padding:20px 24px;gap:16px;position:relative;z-index:5}
.icon-link{width:40px;height:40px;display:grid;place-items:center;text-decoration:none;font-size:21px;background:transparent;border:0;cursor:pointer}
.hero{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px 28px}
.brand-kicker{font-size:clamp(1rem,2vw,1.42rem);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;margin-bottom:12px;font-weight:600}
.brand-kicker .from{display:block;font-size:.72em;letter-spacing:.18em;margin-bottom:3px}
.hero h1{font-size:clamp(3rem,8vw,6.2rem);text-transform:uppercase;font-weight:500;letter-spacing:.04em;line-height:.9;margin:0}
.tagline{font-size:clamp(1.65rem,3vw,2.4rem);font-style:italic;margin:14px 0 20px}
.featured-grid{width:min(1180px,96vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,58px);align-items:end;margin-top:2px}
.featured-product{display:flex;flex-direction:column;align-items:center;min-width:0}
.featured-image{width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.2));border-radius:4px}
.pollination-label{width:min(250px,88%);margin-top:12px;padding:13px 16px 10px;background:rgba(247,238,217,.84);border:1px solid rgba(119,82,28,.45);box-shadow:0 7px 20px rgba(67,42,16,.08);text-transform:uppercase;letter-spacing:.055em;line-height:1.18}
.pollination-label .small{font-size:.72rem}
.pollination-label strong{display:block;font-size:1.18rem;margin:5px 0 2px;letter-spacing:.04em}
.pollination-label .blossoms{font-size:.82rem}
.pollination-label .more{display:inline-block;margin-top:8px;font-size:.8rem;text-transform:none;font-style:italic;text-decoration:none;border-bottom:1px solid rgba(43,33,24,.45)}
.primary-cta{display:inline-block;margin-top:26px;min-width:285px;padding:16px 26px;border:1px solid var(--ink);background:var(--ink);color:#fffaf1;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.94rem}

.page-header{padding:28px 24px 10px;text-align:center}
.page-header h1{margin:0;font-size:clamp(2.7rem,7vw,5rem);font-weight:500;text-transform:uppercase;letter-spacing:.045em}
.page-header p{font-style:italic;font-size:1.35rem;margin:10px 0 0}
.simple-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(43,33,24,.2);background:rgba(245,234,215,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
.simple-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.varietals-grid{width:min(1180px,94vw);margin:28px auto 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.varietal-tile{text-decoration:none;text-align:center;display:block}
.varietal-tile img{width:100%;aspect-ratio:1/1.05;object-fit:cover;object-position:center;border-radius:3px;box-shadow:0 12px 26px rgba(43,33,24,.12)}
.varietal-tile h2{font-size:1.15rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 0}

.product-page{min-height:100vh;background:var(--paper)}
.product-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:calc(100vh - 66px)}
.product-visual{background:#efe0c5;display:grid;place-items:center;padding:26px;min-height:620px}
.product-visual img{width:100%;height:100%;max-height:760px;object-fit:contain}
.product-copy{padding:clamp(42px,7vw,96px);display:flex;flex-direction:column;justify-content:center}
.product-copy h1{font-size:clamp(3rem,6vw,5.2rem);font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:.95;margin:0 0 22px}
.product-statement{text-transform:uppercase;letter-spacing:.075em;line-height:1.4;font-size:.9rem;margin-bottom:22px}
.product-statement strong{display:block;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:.04em;margin:6px 0 2px}
.price{font-size:1.45rem;margin:0 0 24px}
.product-actions{display:grid;gap:12px;max-width:360px}
.button{display:block;text-align:center;padding:15px 20px;text-decoration:none;text-transform:uppercase;letter-spacing:.075em;border:1px solid var(--ink)}
.button.primary{background:var(--ink);color:#fffaf1}
.button.secondary{background:transparent}
.learn-link{margin-top:16px;font-style:italic;text-decoration:none;border-bottom:1px solid rgba(43,33,24,.35);align-self:flex-start}

.site-footer{background:#2b2118;color:#f9f1e1;padding:38px 24px}
.footer-grid{width:min(1100px,94vw);margin:auto;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px}
.footer-grid h3{margin:0 0 12px;font-size:.88rem;text-transform:uppercase;letter-spacing:.09em}
.footer-grid a{display:block;color:inherit;text-decoration:none;margin:8px 0;font-size:.9rem;opacity:.9}
.footer-brand{font-size:1.6rem;text-transform:uppercase;letter-spacing:.06em}

@media(max-width:780px){
  .site-shell{background-attachment:scroll}
  .site-header{padding:16px 18px 2px}
  .hero{padding:0 18px 24px}
  .brand-kicker{font-size:1.05rem;margin-top:2px;margin-bottom:13px}
  .hero h1{font-size:clamp(3rem,14vw,4.7rem)}
  .tagline{font-size:1.85rem;margin:13px 0 8px}
  .featured-grid{display:block;width:min(94vw,410px);margin-top:0}
  .featured-product{display:none}
  .featured-product.is-active{display:flex}
  .featured-image{max-height:390px}
  .pollination-label{width:65%;max-width:235px;margin-top:8px}
  .primary-cta{min-width:260px;margin-top:16px}
  .varietals-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:96vw;margin-top:18px}
  .varietal-tile img{aspect-ratio:1/1.1}
  .varietal-tile h2{font-size:.72rem;line-height:1.2;margin-top:7px}
  .product-layout{display:block}
  .product-visual{min-height:auto;padding:0;background:#efe0c5}
  .product-visual img{width:100%;max-height:none}
  .product-copy{padding:34px 24px 54px;text-align:center;align-items:center}
  .product-copy h1{font-size:3rem}
  .product-actions{width:100%}
  .learn-link{align-self:center}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand-wrap{grid-column:1/-1}
}

/* Production homepage */
.home-page{background:#efe4ce}
.home-shell{min-height:100vh;background:linear-gradient(180deg,rgba(255,251,241,.42) 0%,rgba(239,228,206,.12) 42%,rgba(225,205,171,.30) 100%),url('../assets/hero/bloom-landscape.png') center 58%/cover no-repeat;position:relative;overflow:hidden}
.home-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,245,231,.12),transparent 28%,transparent 72%,rgba(251,245,231,.12));pointer-events:none}
.home-header{position:relative;z-index:5;justify-content:space-between;padding:22px clamp(22px,4vw,64px);font-family:Georgia,'Times New Roman',serif}
.wordmark{text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}
.header-actions{display:flex;align-items:center;gap:30px}
.header-actions>a:not(.header-icon){font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;text-decoration:none}
.header-icon{width:32px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:6px;text-decoration:none}
.header-icon span{display:block;width:24px;height:1px;background:currentColor;margin-left:auto}
.home-hero{position:relative;z-index:2;min-height:calc(100vh - 72px);display:flex;flex-direction:column;align-items:center;padding:0 clamp(18px,3vw,48px) 44px;text-align:center}
.home-intro{margin-top:-2px}
.eyebrow{margin:0 0 9px;font-size:clamp(.72rem,1.15vw,.92rem);text-transform:uppercase;letter-spacing:.23em;font-weight:600}
.eyebrow span{display:block;font-size:.64em;letter-spacing:.30em;margin-bottom:5px}
.home-intro h1{margin:0;text-transform:uppercase;font-size:clamp(3.35rem,7vw,6.9rem);line-height:.86;letter-spacing:.045em;font-weight:500}
.featured-grid{width:min(1120px,94vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,5vw,74px);align-items:start;margin:18px auto 0}
.featured-product{display:flex;flex-direction:column;align-items:center;min-width:0}
.jar-link,.statement-link{display:block;text-decoration:none}
.jar-composite{position:relative;width:min(100%,305px);margin:auto;filter:drop-shadow(0 22px 26px rgba(50,30,10,.18));transition:transform .45s ease}
.jar-link:hover .jar-composite{transform:translateY(-5px)}
.jar-base{width:100%;height:auto;display:block}
.front-label{position:absolute;left:13.8%;top:27.55%;width:72.5%;height:56.4%;background:#fbf3df;border:1px solid #d7b369;border-radius:7.5%;box-shadow:inset 0 0 0 2px rgba(182,129,36,.42);overflow:hidden;color:#111;display:flex;flex-direction:column;align-items:center;padding:6.5% 6% 4%;font-family:Georgia,'Times New Roman',serif}
.front-label:before{content:"✽";position:absolute;top:1.8%;left:50%;transform:translateX(-50%);font-size:clamp(11px,1.4vw,18px);color:#a96d1d}
.front-label:after{content:"";position:absolute;top:6.8%;left:18%;right:18%;height:1px;background:#b68124;opacity:.8}
.front-label-brand{font-size:clamp(15px,2.15vw,28px);line-height:1;text-transform:none;margin-top:9%;white-space:nowrap}
.front-label-botanical{width:60%;height:37%;object-fit:contain;margin:4% auto 0;mix-blend-mode:multiply}
.front-label-rule{width:58%;display:flex;align-items:center;gap:5%;margin:-1% auto 1.5%}
.front-label-rule span{height:1px;flex:1;background:#b68124}
.front-label-rule i{width:4px;height:4px;border-radius:50%;background:#b68124}
.front-label-name{font-size:clamp(14px,2vw,26px);line-height:1;text-align:center;color:#071b3e;white-space:nowrap}
.front-label-name.two-line{font-size:clamp(12px,1.65vw,22px);line-height:.82}
.front-label-weight{font-size:clamp(5px,.65vw,9px);font-weight:700;margin-top:auto}
.front-label-url{font-size:clamp(5px,.7vw,9px);letter-spacing:.10em;color:#8d5713;margin-top:3.3%;padding-top:3%;border-top:1px solid rgba(182,129,36,.68);width:68%}
.statement-link{width:min(88%,244px);margin-top:9px;transition:transform .35s ease}
.statement-link:hover{transform:translateY(-2px)}
.statement-link img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(60,38,14,.10))}
.primary-cta{margin-top:24px;min-width:274px;padding:15px 26px;border:1px solid #2b2118;background:#2b2118;color:#fffaf1;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;transition:background .25s ease,color .25s ease}
.primary-cta:hover{background:transparent;color:#2b2118}
.site-footer{position:relative;z-index:3}
.footer-brand-wrap p{font-size:.87rem;line-height:1.5;opacity:.72;max-width:260px;margin:10px 0 0}
.footer-grid h2{margin:0 0 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}

@media(max-width:780px){
  .home-shell{background-position:center 45%;min-height:100svh}
  .home-header{padding:18px 19px}
  .wordmark{font-size:.66rem}
  .header-actions>a:not(.header-icon){display:none}
  .home-hero{min-height:calc(100svh - 60px);padding:0 18px 30px}
  .home-intro{margin-top:2px}
  .eyebrow{font-size:.68rem;margin-bottom:10px}
  .home-intro h1{font-size:clamp(3.2rem,15vw,4.8rem)}
  .featured-grid{display:block;width:min(83vw,350px);margin-top:20px}
  .featured-product{display:none}
  .featured-product:first-child{display:flex}
  .jar-composite{width:min(100%,276px)}
  .front-label-brand{font-size:clamp(19px,6.5vw,27px)}
  .front-label-name{font-size:clamp(18px,6vw,25px)}
  .front-label-name.two-line{font-size:clamp(15px,5vw,21px)}
  .front-label-weight,.front-label-url{font-size:7px}
  .statement-link{width:min(72%,225px);margin-top:5px}
  .primary-cta{margin-top:17px;min-width:248px;padding:14px 20px}
}


/* Temporary varietal artwork interaction */
.varietal-tile{position:relative}
.varietal-image-link{display:block;text-decoration:none}
.varietal-image-add{
  position:absolute;
  left:7.5%;
  width:85%;
  top:76.5%;
  height:7.5%;
  z-index:2;
  padding:0;
  border:0;
  background:transparent;
  color:transparent;
  cursor:pointer;
  overflow:hidden;
}
.varietal-image-add:focus-visible{
  outline:3px solid #fffaf1;
  outline-offset:-4px;
  box-shadow:0 0 0 2px var(--ink);
}


/* Mission-led shared product page */
.product-page{min-height:100vh;background:var(--paper)}
.product-hero-layout{min-height:calc(100vh - 58px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}
.product-jar-stage{position:relative;display:grid;place-items:center;min-height:680px;padding:54px;background:linear-gradient(180deg,rgba(255,251,241,.28),rgba(239,228,206,.1)),url('../assets/hero/bloom-landscape.png') center/cover no-repeat;overflow:hidden}
.product-jar-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,234,215,.15),transparent 50%,rgba(43,33,24,.06));pointer-events:none}
.product-jar-composite{position:relative;z-index:1;width:min(410px,78%);filter:drop-shadow(0 28px 34px rgba(48,29,10,.28))}
.product-jar-base{width:100%;height:auto}
.product-front-label{position:absolute;left:13.8%;top:27.55%;width:72.5%;height:56.4%;background:#fbf3df;border:1px solid #d7b369;border-radius:7.5%;box-shadow:inset 0 0 0 2px rgba(182,129,36,.42);overflow:hidden;color:#111;display:flex;flex-direction:column;align-items:center;padding:6.5% 6% 4%;font-family:Georgia,'Times New Roman',serif}
.product-front-label:before{content:"✽";position:absolute;top:1.8%;left:50%;transform:translateX(-50%);font-size:22px;color:#a96d1d}
.product-front-label:after{content:"";position:absolute;top:6.8%;left:18%;right:18%;height:1px;background:#b68124;opacity:.8}
.product-label-brand{font-size:36px;line-height:1;margin-top:9%;white-space:nowrap}
.product-label-botanical{width:60%;height:37%;object-fit:contain;margin:4% auto 0;mix-blend-mode:multiply}
.product-label-rule{width:58%;display:flex;align-items:center;gap:5%;margin:-1% auto 1.5%}
.product-label-rule span{height:1px;flex:1;background:#b68124}.product-label-rule i{width:4px;height:4px;border-radius:50%;background:#b68124}
.product-label-name{font-size:31px;line-height:1;text-align:center;color:#071b3e;white-space:nowrap}.product-label-name.two-line{font-size:25px;white-space:normal}
.product-label-weight{font-size:9px;font-weight:700;margin-top:auto}.product-label-url{font-size:9px;letter-spacing:.1em;color:#8d5713;margin-top:3.3%;padding-top:3%;border-top:1px solid rgba(182,129,36,.68);width:68%}
.product-story{padding:clamp(52px,7vw,104px);display:flex;flex-direction:column;justify-content:center;background:rgba(245,234,215,.96)}
.product-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem}
.product-story h1{margin:0 0 20px;font-size:clamp(3.4rem,6vw,6rem);font-weight:500;line-height:.9;text-transform:uppercase;letter-spacing:.035em}
.product-pollination-number{max-width:560px;margin-bottom:30px;text-transform:uppercase;letter-spacing:.08em;line-height:1.25}.product-pollination-number strong{display:block;font-size:clamp(2rem,3.4vw,3.4rem);font-weight:500;letter-spacing:.03em}
.product-mission{max-width:620px;margin:0 0 28px;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.65}
.product-price{margin:0 0 22px;font-size:1.45rem}
.product-story .product-actions{width:min(380px,100%)}
@media(max-width:820px){
  .product-hero-layout{display:block}.product-jar-stage{min-height:560px;padding:34px 20px}.product-jar-composite{width:min(330px,74vw)}.product-story{padding:46px 24px 64px;text-align:center;align-items:center}.product-story h1{font-size:clamp(3rem,14vw,4.7rem)}.product-mission{font-size:1.05rem}.product-pollination-number strong{font-size:2.25rem}.product-label-brand{font-size:clamp(24px,8vw,34px)}.product-label-name{font-size:clamp(22px,7vw,30px)}.product-label-name.two-line{font-size:clamp(18px,6vw,25px)}
}

/* Canonical public-site header */
.public-header{
  position:relative;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px clamp(20px,4vw,64px);
  border-bottom:1px solid rgba(35,28,20,.12);
  background:rgba(250,246,237,.94);
  backdrop-filter:blur(10px);
}
.public-wordmark{
  color:inherit;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.08rem;
  letter-spacing:.03em;
  text-decoration:none;
}
.public-header-actions{
  display:flex;
  align-items:center;
  gap:25px;
}
.public-text-link,
.public-icon-link{
  color:inherit;
  text-decoration:none;
}
.public-text-link{
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.public-icon-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
}
.public-icon{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.public-icon-label{
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.public-cart-count{
  position:absolute;
  top:-5px;
  left:14px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  margin:0;
  border:0;
  background:#2c241b;
  color:#fff;
  font-size:.58rem;
}
.home-page .public-header{
  background:transparent;
  border-bottom-color:transparent;
  backdrop-filter:none;
}
@media(max-width:680px){
  .public-header{padding:16px 18px}
  .public-header-actions{gap:17px}
  .public-text-link{display:none}
  .public-icon-label{display:none}
  .public-icon{width:23px;height:23px}
}


/* Sold-out catalog state */
.is-sold-out{
  position:relative;
}

.is-sold-out img{
  opacity:.58;
  filter:saturate(.55);
}

.sold-out-badge{
  display:inline-block;
  margin-top:8px;
  padding:5px 9px;
  border:1px solid rgba(43,34,24,.3);
  border-radius:999px;
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#584d42;
  background:rgba(250,246,237,.92);
}

.is-sold-out button,
.is-sold-out [aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.48;
}

.product-sold-out-notice{
  margin:8px 0 18px;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#75685a;
}