/* Only the existing banner and creator signature are styled here. */
.creator-credit{gap:.75em;line-height:1.8}
.creator-credit .credit-label,.creator-credit .creator-name{font:600 .875rem/1.8 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.creator-credit .creator-name{font-weight:700;color:var(--deep)}
.site-footer .creator-credit .credit-label{letter-spacing:.12em}
.hero-carousel{position:relative;isolation:isolate;min-width:0;direction:ltr;background:#211912;overflow:hidden}
.hero-viewport{position:relative;aspect-ratio:2.6;overflow:hidden;touch-action:pan-y}
.hero-slide{position:absolute;inset:0;overflow:hidden;visibility:hidden;transform:translateX(100%);transition:transform .65s cubic-bezier(.22,.61,.36,1);background:#211912}
.hero-slide.is-current{visibility:visible;transform:translateX(0)}
.hero-slide.is-entering{visibility:visible;transform:translateX(100%)}
.hero-slide.is-exiting{visibility:visible;transform:translateX(-100%)}
.hero-slide.is-settling{transition:none}
.brand-photo .hero-logo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.hero-drink{background:#211912}
.brand-photo .hero-drink-image{position:absolute;right:0;top:0;width:56%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:right center;max-width:100%}
.hero-drink:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#211912 0%,#211912 36%,#211912d6 43%,#21191200 68%);pointer-events:none}
.hero-drink-name{position:absolute;z-index:1;left:6%;top:50%;transform:translateY(-50%);width:47%;color:#fff9f0;font:600 clamp(1.125rem,2.4vw,2rem)/1.2 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:.035em;text-align:left;text-wrap:balance;overflow-wrap:normal}
.hero-controls{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;background:#211912;color:#e7c69d}
.hero-controls button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;padding:0;min-width:34px;min-height:36px;cursor:pointer;border-radius:4px}
.hero-pause{font:600 1rem/1 Arial,sans-serif}
.hero-dots{display:flex;align-items:center;direction:ltr}
.hero-dot span{display:block;width:5px;height:5px;border-radius:999px;background:#b5a190;transition:width .25s,background .25s}
.hero-dot[aria-current=true] span{width:18px;background:#f3d5a8}
.hero-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
@media(max-width:700px){.hero-drink-name{font-size:clamp(1rem,4.4vw,1.75rem);left:5%;width:47%;line-height:1.2}.hero-controls{min-height:36px}.hero-controls button{min-width:32px}}
@media(max-width:370px){.hero-controls button{min-width:29px}.creator-credit .credit-label,.creator-credit .creator-name{font-size:.8125rem;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-dot span{transition:none}}