/* Cinematic hero; restrained white product and lifestyle presentation. */
@layer refinements {
  :root{--cream:#fff0d9;--muted:#e5c9b2;--copper:#ebbe90;--surface:#683b26}
  body{background:#fff}
  .hero-stage{background:#42190c}
  .hero-film{z-index:0}
  .hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#210d064d,transparent 38%,transparent 63%,#210d062b),linear-gradient(180deg,#210d062b,transparent 28%,transparent 86%,#42190c35)}
  .hero-heading,.hero-description,.hero-bottom,.film-track,.enable-animation{z-index:2}
  #hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
  #hero-canvas.is-ready{opacity:1}
  .hero-description{top:39%;right:5.5%;width:22%;max-width:300px}
  .hero-description>.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:.19em;color:#e8c09a;line-height:1.5;margin-bottom:24px}
  .hero-description h2{font-family:var(--serif);font-size:clamp(27px,2.35vw,37px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin-bottom:22px}
  .hero-description h2 em{font-weight:400;color:#f2d2ae}
  .hero-description>.hero-tasting-note{font-size:13px;line-height:1.85;max-width:245px;color:#efd5bb}
  .hero-description .text-cta{margin-top:27px;border:1px solid #ffe7ca85;border-radius:50px;padding:15px 21px;font-size:11px;gap:20px;max-width:260px;background:#ffe7ca07;transition:background .2s,color .2s}
  .hero-description .text-cta:hover{background:var(--cream);color:#45200f}
  .enable-animation{position:absolute;left:5%;bottom:95px;border:1px solid #fff0d999;border-radius:40px;padding:12px 18px;color:var(--cream);font-size:12px;background:#42190c}
  .enable-animation span{margin-left:15px}
  .product-section{background:#fff;color:#2e211b;color-scheme:light;position:relative}
  .product-section::before{display:none}
  .product-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8%;padding-top:112px;padding-bottom:112px;align-items:center}
  .product-visual{position:relative;min-width:0}
  .product-photo{display:grid;place-items:center;aspect-ratio:6/5;width:100%;margin:0;padding:clamp(24px,3vw,42px);border:1px solid #dcd4cb;background:#fcfbf9;mask-image:none;-webkit-mask-image:none;filter:none}
  .product-photo img{width:100%;height:auto;filter:drop-shadow(0 16px 18px #32231512)}
  .product-visual figcaption{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;color:#756052;font-size:10px;letter-spacing:.15em}
  .product-visual figcaption .edition-line{width:24px;height:1px;background:#987354;margin:0}
  .product-copy{max-width:450px}
  .product-copy>.eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:22px;color:#80634e}
  .product-copy>.eyebrow span{display:none}
  .product-copy h2{font-size:clamp(48px,4.7vw,70px);line-height:1.04;letter-spacing:-.045em;margin-bottom:24px;color:#2e211b}
  .product-copy h2 em{color:#73503c}
  .flavor-dot{display:none}
  .product-description{font-size:15px;color:#726257;line-height:1.85;max-width:400px}
  .product-details{grid-template-columns:1fr 1fr;gap:17px 22px;padding:25px 0;margin:25px 0 0;border-block:1px solid #e7e0d9;font-size:12px;line-height:1.65;color:#544337}
  .product-details li{align-items:flex-start;gap:9px}
  .product-details li::before{margin-top:7px;background:#997359;width:3px;height:3px}
  .purchase-row{border:0;padding-top:28px;margin-bottom:24px}
  .price span{font-size:44px;letter-spacing:-.045em;color:#2e211b}
  .price small{font-size:12px;color:#79685b;margin-top:7px}
  .quantity-group>label{font-size:9px;text-align:center;color:#7c6858;margin-bottom:9px}
  .stepper{height:43px;border-radius:3px;border-color:#d6cbc0;padding-inline:4px;background:#fff}
  .stepper button{width:32px;color:#3d2b1f}
  .stepper button:hover:not(:disabled){background:#f2ece6}
  .stepper input{width:30px;color:#3d2b1f}
  .product-copy>.button{border-radius:3px;min-height:59px;padding-inline:24px;background:#38241a;color:#fff9ee;font-size:13px;box-shadow:none;letter-spacing:.045em}
  .product-copy>.button:hover{background:#543522;transform:none}
  .product-copy>.button span{font-size:22px}
  .product-section :focus-visible,.site-footer :focus-visible{outline-color:#784525}
  .lifestyle{padding-top:74px;padding-bottom:105px;border-color:#e7e0d9}
  .lifestyle-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:0 8%;text-align:left;margin-bottom:48px}
  .lifestyle-intro .eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:.18em;color:#80634e;margin-bottom:20px}
  .lifestyle-intro h3{font-size:clamp(38px,4vw,59px);font-weight:400;line-height:1.09;letter-spacing:-.04em;color:#2e211b}
  .lifestyle-intro h3 em{color:#73503c}
  .lifestyle-intro>p:last-child{font-size:14px;line-height:1.9;margin:0 0 5px;color:#756356;justify-self:start}
  .lifestyle-grid{max-width:none;margin:0;grid-template-columns:1fr 1fr;align-items:start;gap:40px}
  .lifestyle-grid figure:nth-child(2){margin-top:0}
  .lifestyle-photo{aspect-ratio:4/5;background:#fff;padding:10px;border:1px solid #ded5ca;box-shadow:none}
  .lifestyle-photo img{object-position:50% 45%;transition:none}
  .lifestyle-grid figure:hover img{transform:none}
  .lifestyle-grid figure:nth-child(2) img{object-position:50% 50%}
  .lifestyle-grid figcaption{padding-top:21px;font-size:26px;letter-spacing:-.025em;gap:16px;color:#34251e}
  .lifestyle-grid figcaption>span:last-child{font-size:10px;padding-top:8px;color:#8d7059}
  .photo-note{font-size:13px;color:#7a695b;margin-top:7px;letter-spacing:.01em}
  .site-footer{border-color:#e7e0d9;padding-top:52px;color:#35261e;color-scheme:light;background:#fff}
  .footer-top{padding-bottom:48px}
  .footer-top .wordmark{font-size:43px;letter-spacing:-2px}
  .footer-top .wordmark-dot{color:#9a7357}
  .footer-top>p{font-size:25px;line-height:1.25}
  .footer-top>p em{color:#7a5a44}
  .back-top{border-color:#d6cbc0;color:#523825}
  .back-top:hover{background:#f7f3ee}
  .footer-bottom{color:#7a695b;border-color:#e7e0d9;padding:24px 0 28px;font-size:11px}
  .footer-bottom button{font-size:12px;color:#5b4636}
  .footer-bottom button:hover{color:#251a12;text-decoration:underline;text-underline-offset:5px}
  .order-product img{object-fit:contain}
  dialog{background:#fffdf9;border:1px solid #dcd4cb;border-radius:5px}
  form input{background:#fff;border-color:#d7ccc1;border-radius:3px}
  @media(min-width:1700px){.hero-description{right:7%;width:23%;max-width:325px}}
  @media(min-width:901px) and (max-width:1100px){.hero-description{right:4%;width:23%;top:38%}.hero-description h2{font-size:27px}.hero-description>.hero-tasting-note{font-size:12px}.hero-description .text-cta{font-size:10px;padding:13px 15px}.hero-description>.eyebrow{font-size:9px}.product-layout{gap:5%;grid-template-columns:1.15fr 1fr}.product-copy h2{font-size:54px}.product-copy>.eyebrow{font-size:8px;letter-spacing:.1em}}
  @media(max-width:900px){.hero-stage{background:radial-gradient(ellipse at 50% 55%,#815333,#5e3219 55%,#42190c)}.hero-description{top:auto;bottom:64px;left:7%;right:7%;width:86%;max-width:none}.hero-description>.eyebrow{display:none}.hero-description h2{font-size:24px;line-height:1.15;margin-bottom:9px}.hero-description h2 br{display:none}.hero-description>.hero-tasting-note{font-size:11px;line-height:1.6;max-width:310px;margin-inline:auto}.hero-description .text-cta{padding:12px 19px;font-size:10px;max-width:235px;margin:15px auto 0}.hero-film{top:18%;bottom:30%;mask-image:linear-gradient(180deg,transparent,black 10%,black 90%,transparent)}.hero-heading{top:103px}.enable-animation{left:50%;transform:translateX(-50%);bottom:265px;white-space:nowrap;font-size:11px}.product-layout{grid-template-columns:1fr;gap:44px;padding-top:60px;padding-bottom:64px}.product-photo{width:100%;margin:0;aspect-ratio:6/5;padding:26px}.product-visual figcaption{font-size:8px;letter-spacing:.14em;margin-top:24px}.product-copy{max-width:540px;width:100%;margin:auto}.product-copy>.eyebrow{font-size:9px}.product-copy h2{font-size:clamp(44px,8vw,59px)}.product-copy h2 br{display:block}.product-description{font-size:14px}.product-details{font-size:12px;gap:18px}.product-copy>.button{min-height:60px}.lifestyle{padding-top:55px;padding-bottom:70px}.lifestyle-intro{display:block;text-align:left;margin-bottom:35px}.lifestyle-intro .eyebrow{font-size:9px}.lifestyle-intro h3{font-size:44px}.lifestyle-intro>p:last-child{font-size:13px;margin-top:18px}.lifestyle-intro>p:last-child br{display:block}.lifestyle-grid{max-width:570px;margin:auto;grid-template-columns:1fr;gap:40px}.lifestyle-grid figure:nth-child(2){margin-top:0}.lifestyle-photo{aspect-ratio:4/5;padding:8px}.lifestyle-grid figcaption{font-size:24px;padding-top:20px}.photo-note{font-size:12px}.site-footer{padding-top:38px}.footer-top .wordmark{font-size:33px}.footer-top>p{font-size:24px}.footer-top{padding-bottom:35px}.footer-bottom{font-size:10px}.footer-bottom button{font-size:11px}}
  @media(max-width:900px) and (max-height:700px){.hero-heading{top:87px}.hero-description{bottom:51px}.hero-description h2{font-size:20px;margin-bottom:7px}.hero-description>.hero-tasting-note{font-size:10px;max-width:280px}.hero-description .text-cta{margin-top:10px;padding:9px 17px}.hero-film{top:18%;bottom:34%}.enable-animation{bottom:220px}}
  @media(max-width:900px) and (max-height:500px){.hero-heading{top:63px}.hero-description{bottom:41px}.hero-description h2{display:none}.hero-description>.hero-tasting-note{font-size:10px;max-width:300px}.hero-description .text-cta{padding:7px 16px;margin-top:8px}.hero-film{top:17%;bottom:28%}.enable-animation{bottom:175px}}
  @media(min-width:901px) and (max-height:650px){.hero-description{top:32%}.hero-description h2{font-size:27px;margin-bottom:14px}.hero-description>.eyebrow{margin-bottom:14px}.hero-description>.hero-tasting-note{font-size:12px;line-height:1.6}.hero-description .text-cta{margin-top:17px;padding:12px 18px}}
  @media(min-width:901px) and (max-width:1100px) and (orientation:portrait){
    .hero-stage{background:radial-gradient(ellipse at 50% 55%,#815333,#5e3219 55%,#42190c)}
    .hero-heading{top:140px;left:6%;width:88%;text-align:center}
    .hero-heading .eyebrow{justify-content:center;margin-bottom:20px}
    .hero-heading .small-line{display:none}
    .hero-heading h1{font-size:72px;line-height:1.03}
    .hero-heading h1 br:first-of-type{display:none}
    .hero-film{top:18%;bottom:30%;mask-image:linear-gradient(180deg,transparent,black 10%,black 90%,transparent)}
    .hero-description{top:auto;bottom:100px;left:15%;right:15%;width:70%;max-width:none;text-align:center}
    .hero-description>.eyebrow{display:none}
    .hero-description h2{font-size:32px;margin-bottom:15px}
    .hero-description h2 br{display:none}
    .hero-description>.hero-tasting-note{font-size:14px;line-height:1.7;max-width:380px;margin-inline:auto}
    .hero-description .text-cta{font-size:12px;padding:15px 22px;max-width:270px;margin:20px auto 0}
    .enable-animation{left:50%;transform:translateX(-50%);bottom:330px;white-space:nowrap}
  }
  @media(max-width:360px){.product-copy h2{font-size:42px}.lifestyle-intro h3{font-size:38px}}
  @media(prefers-reduced-motion:reduce){body:not(.has-scroll-motion) #hero-canvas{display:none}body:not(.has-scroll-motion) .hero-scroll{height:auto}body:not(.has-scroll-motion) .hero-stage{position:relative}.has-scroll-motion .hero-scroll{height:350svh}.has-scroll-motion .hero-stage{position:sticky}.has-scroll-motion .film-track{display:block}.has-scroll-motion .film-counter{display:inline}.has-scroll-motion .hero-bottom .scroll-hint{visibility:visible}}
}