/* ========================================= */
/* RESPONSIVE SYSTEM */
/* ========================================= */
@media(max-width:64rem){
  /* --- Mobile header: centered logo + right-side drawer --- */
  .nav-buy{display:none}
  .navbar{display:flex;justify-content:center}
  .nav-toggle{display:grid!important;position:absolute;top:50%;left:0;right:auto;transform:translateY(-50%);z-index:120}
  .nav-overlay{display:block;position:fixed;inset:0;z-index:110;background:rgba(3,18,11,.55);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s var(--ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
  .nav-overlay.is-open{opacity:1;visibility:visible}
  .nav-menu{position:fixed;top:0;left:0;right:auto;bottom:0;z-index:115;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:min(84vw,21rem);padding:7rem 1.9rem 2.5rem;background:var(--ivory);box-shadow:2.5rem 0 5rem rgba(3,18,11,.15);transform:translateX(-100%);transition:transform .45s var(--ease);overflow-y:auto;overscroll-behavior:contain}
  .nav-menu.is-open{transform:none}
  .nav-menu__label{display:block;margin-bottom:1.2rem;color:var(--muted);font-family:var(--mono);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase}
  .nav-menu a{width:100%;padding:1.05rem 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.5rem;font-weight:400;letter-spacing:0}
  .nav-menu a::after{display:none}
  .nav-menu a.nav-menu__cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin-top:1.8rem;padding:1.05rem 1.4rem;border:none;background:var(--forest);color:var(--white);font-family:var(--sans);font-size:.8rem;font-weight:600}
  .nav-menu__meta{display:block;margin-top:1rem;color:var(--muted);font-family:var(--mono);font-size:.55rem;letter-spacing:.03em;text-align:center}
  .nav-menu>*{opacity:0;transform:translateX(-1.4rem);transition:opacity .4s var(--ease),transform .5s var(--ease)}
  .nav-menu.is-open>*{opacity:1;transform:none}
  .nav-menu.is-open>*:nth-child(1){transition-delay:.1s}
  .nav-menu.is-open>*:nth-child(2){transition-delay:.16s}
  .nav-menu.is-open>*:nth-child(3){transition-delay:.22s}
  .nav-menu.is-open>*:nth-child(4){transition-delay:.28s}
  .nav-menu.is-open>*:nth-child(5){transition-delay:.34s}
  .nav-menu.is-open>*:nth-child(6){transition-delay:.4s}
  .nav-menu.is-open>*:nth-child(7){transition-delay:.46s}
  .hero__inner{align-items:flex-end}.hero__order{width:19rem;flex-basis:19rem}
  .ritual__intro,.origin__head{grid-template-columns:.7fr 1.6fr}.ritual__intro h2,.origin__head h2{grid-column:2}.ritual__intro>p:last-child,.origin__head>p:last-child{grid-column:2}.ritual__composition{grid-template-columns:1fr 1.05fr;gap:3rem}
  .product__grid{gap:3rem}.product__details{position:static}.comparison__grid{grid-template-columns:1fr 1.2fr;gap:3rem}.faq__grid{gap:4rem}
}
@media(max-width:44rem){
  .brand__logo{height:3rem;max-width:13rem;transition:height 0.4s var(--ease)}
  :root{--gutter:1rem;--section-space:4rem}.announcement p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar{height:4.8rem;transition:height 0.4s var(--ease)}.site-header.is-scrolled .navbar{height:3.8rem}.site-header.is-scrolled .brand__logo{height:2.4rem}.brand small{display:none}
  .hero{min-height:calc(100svh - 6.5rem)}.hero__image{object-position:68% center}.hero__shade{background:linear-gradient(0deg,rgba(3,18,11,.92) 0%,rgba(3,18,11,.25) 75%)}.hero__inner{min-height:calc(100svh - 6.5rem);display:block;padding-top:11rem;padding-bottom:2rem}.hero__copy{position:absolute;right:1rem;bottom:12.5rem;left:1rem}.hero h1{font-size:clamp(3.8rem,19vw,5.6rem)}.hero__copy>p:not(.kicker){max-width:19rem;margin-top:1.1rem;font-size:.82rem}.hero__actions{margin-top:1.2rem}.hero__actions .text-link{display:none}.hero__copy .button{min-height:3rem;padding:.7rem 1.1rem}.hero__order{position:absolute;right:1rem;bottom:1rem;left:1rem;width:auto;padding:1rem}.hero__order h2{margin:1.2rem 0 .8rem;font-size:1.15rem}.hero__order-bottom>a{width:2.5rem;height:2.5rem}.hero__index{top:1rem}
  .proof{padding-block:2rem}.proof__grid{grid-template-columns:1fr 1fr;gap:2rem 0}.proof__grid>div{padding-left:.8rem}.proof strong{font-size:1.5rem}
  .ritual__intro,.origin__head{display:block}.ritual__intro h2,.origin__head h2{margin-top:1.2rem}.ritual__intro>p:last-child,.origin__head>p:last-child{margin-top:1.4rem}.ritual__composition{display:block;margin-top:3rem}.ritual__image img{height:34rem}.ritual__list{margin-top:3rem}.ritual__list h3{font-size:1.9rem}
  .origin__landscape{margin-top:3rem}.origin__landscape img{height:31rem;object-position:72% center}.origin__notes{grid-template-columns:1fr;gap:2rem}.origin__notes h3{margin-top:2rem}
  .product__grid{grid-template-columns:1fr}.product__details h2{margin-top:2rem;font-size:3.6rem}.product__assurance{grid-template-columns:1fr}.product-gallery__thumbs img{aspect-ratio:1/1}
  .process__title{display:block}.process__title h2{margin-top:1rem}.process__list{grid-template-columns:1fr 1fr;margin-top:3rem}.process__list li{min-height:15rem;border-bottom:1px solid var(--line)}.process__list h3{margin-top:3rem}
  .comparison__grid{grid-template-columns:1fr}.comparison-table>div{grid-template-columns:1fr .7fr .7fr;font-size:.68rem}.comparison-table>div>*:not(:first-child){padding-left:.5rem}
  .testimonials__top{align-items:flex-end}.review-card{margin-top:4rem}.review-card blockquote{font-size:2.7rem}.carousel-controls span{display:none}
  .faq__grid{grid-template-columns:1fr;gap:3rem}.faq__intro{position:static}.accordion__button span:first-child{font-size:1.25rem}
  .final-cta{min-height:38rem}.final-cta>img{object-position:70% center}.final-cta__content{padding-bottom:6rem}.final-cta__content>div{align-items:flex-start;flex-direction:column;gap:1rem}.final-cta__content .button{width:auto}
  .footer__top{grid-template-columns:1fr;gap:3rem}.footer__links{grid-template-columns:repeat(2,1fr);gap:2.5rem 1rem}.footer__bottom{flex-direction:column;gap:.6rem}.mobile-buy{display:flex}.footer{padding-bottom:7rem}
}
@media(min-width:100rem){.hero__copy{padding-left:2rem}.hero__order{margin-right:2rem}}
@media(max-width:44rem){
  .hero__copy{bottom:16.5rem}.hero h1{font-size:clamp(3rem,13.5vw,3.7rem);line-height:.88}.hero h1 em{white-space:nowrap}
  .hero__order{bottom:4.8rem}
}
/* END RESPONSIVE SYSTEM */