/* The FETE collection: quiet typography, tactile navigation, automatic reveals. */
.logo{width:65px;height:60px}
header>a:first-of-type{display:block;padding:0 6px}
footer .logo{width:63px;height:62px}
.drinks{padding:78px 0 0;background:var(--cream)}
.drinks .section-heading{margin-bottom:45px}
.drink-browser{margin:0 8%;max-width:1260px}
.drink-categories{display:flex;align-items:center;gap:34px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--stone);margin-bottom:27px}
.drink-categories::-webkit-scrollbar,.drink-selector::-webkit-scrollbar{display:none}
.drink-categories button{display:flex;align-items:baseline;gap:8px;white-space:nowrap;background:none;border:0;border-bottom:1px solid transparent;padding:0 0 17px;color:#818674;font-size:14px;transition:color .25s,border-color .25s}
.drink-categories sup{font-size:8px;letter-spacing:1px;color:#a59b83}
.drink-categories button[aria-pressed=true]{color:var(--forest);border-bottom-color:var(--gold)}
.drink-categories button:hover{color:var(--forest)}
.selector-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.collection-label{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#7e826f}
.selector-controls{display:flex;align-items:center;gap:9px}
.scroll-instruction{font-size:9px;color:#8b8c7b;letter-spacing:.4px;margin-right:12px}
.scroll-arrow{display:grid;place-items:center;width:31px;height:31px;background:transparent;border:1px solid #b8b39e;border-radius:50%;color:var(--forest);font-size:15px;line-height:1;transition:background .25s,color .25s,opacity .25s}
.scroll-arrow:hover:not(:disabled){background:var(--forest);color:var(--ivory);border-color:var(--forest)}
.scroll-arrow:disabled{opacity:.25;cursor:default}
.selector-shell{position:relative;min-width:0}
.drink-selector{display:flex;gap:10px;padding:4px 3px 18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:4px;scrollbar-width:none;touch-action:pan-x pan-y}
.drink-selector button{scroll-snap-align:start;flex:0 0 auto;border:1px solid #d7cfbd;border-radius:2px;background:transparent;color:var(--forest);padding:13px 20px;font-size:11px;letter-spacing:.1px;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.drink-selector button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--ivory);box-shadow:0 4px 12px #25362b10}
.drink-selector button:hover{border-color:var(--gold)}
.selector-track{height:1px;background:#dfd7c8;width:100%;position:relative}
.selector-track span{position:absolute;height:1px;background:var(--gold);width:30%;left:0;transition:width .25s,left .1s}
.drink-experience{grid-template-columns:.78fr 1.22fr;min-height:580px;padding-top:20px;padding-bottom:5px;gap:20px}
.drink-description{align-self:center;padding-right:15px}
.drink-description h3{font-size:clamp(38px,4.25vw,63px);max-width:460px;text-wrap:balance}
.drink-description>p:not(.eyebrow){max-width:330px;margin-top:22px}
.drink-description .eyebrow{margin-bottom:22px;letter-spacing:2px}
.preparation-picker{display:flex;gap:0;width:fit-content;margin-top:28px;padding:3px;border:1px solid #d8d1c1;border-radius:3px}
.preparation-picker button{font-size:10px;letter-spacing:.5px;padding:8px 17px;border:0;border-radius:1px;background:transparent;color:#878a79;transition:background .25s,color .25s}
.preparation-picker button[aria-pressed=true]{background:#e5e1d5;color:var(--forest)}
.preparation-picker:has(.single-preparation){border:0;padding:0}
.single-preparation{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#7d826e}
.single-preparation:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 9px 1px 0}
.drink-description p.ingredient-note{font-size:10px;color:#7c816e;margin-top:28px;display:flex;gap:10px;align-items:center}
.note-line{width:24px;height:1px;background:var(--gold);flex-shrink:0}
.drink-description p.allergy{margin-top:24px;font-size:9px;max-width:280px;line-height:1.8}
.ingredient-stage{height:560px;min-width:0;isolation:isolate}
.stage-orbit{width:min(370px,65%);height:auto;aspect-ratio:1;border-color:#b7ac91;opacity:.35;top:48%}
.stage-orbit:after{inset:20px;border-color:#d2c6ab}
.drink-visual{position:absolute;left:50%;top:48%;translate:-50% -50%;width:320px;height:355px;z-index:3;display:grid;place-items:center}
.drink-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 16px #323c2318);animation:drink-arrive .85s cubic-bezier(.2,.65,.3,1) both,drink-float 6s 1s ease-in-out infinite;transition:opacity .3s,scale .5s;position:relative;z-index:1}
.is-changing .drink-visual img{opacity:0;scale:.94}
.drink-ground{position:absolute;width:50%;height:12px;bottom:16px;left:25%;background:radial-gradient(ellipse,#4449311c,transparent 70%);filter:blur(5px)}
.stage-caption{position:absolute;bottom:24px;left:0;right:0;font-size:8px;text-align:center;letter-spacing:1.4px;text-transform:uppercase;color:#93927e}
.ingredient{max-width:140px;font-size:12px;line-height:1.5;transform:translateY(8px);transition:opacity .45s,transform .6s;color:var(--forest)}
.ingredient small{font-size:8px;letter-spacing:1.5px;margin-bottom:5px}
.ingredient-0{left:0;top:66px}.ingredient-1{right:0;top:76px}.ingredient-2{left:0;bottom:106px}.ingredient-3{right:0;bottom:96px}
.ingredient-lines path{stroke-width:1;transition:stroke-dashoffset .7s cubic-bezier(.3,.6,.2,1),opacity .35s}
.ingredient-stage.is-open .ingredient-1,.ingredient-stage.is-open path:nth-child(2){transition-delay:.1s}
.ingredient-stage.is-open .ingredient-2,.ingredient-stage.is-open path:nth-child(3){transition-delay:.2s}
.ingredient-stage.is-open .ingredient-3,.ingredient-stage.is-open path:nth-child(4){transition-delay:.3s}
.drink-index{margin-top:0;padding-top:20px;padding-bottom:20px}
.menu-finishing{padding:42px 8% 45px;display:grid;grid-template-columns:1fr .9fr 1.25fr;align-items:center;gap:6%;border-top:1px solid #ded7c9}
.finishing-intro .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}
.finishing-intro h3{font-size:30px;letter-spacing:-.5px}
.finishing-label{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;margin-bottom:10px;color:#898a76}
.menu-finishing>div>p:not(.eyebrow):not(.finishing-label){font-size:11px;line-height:2.2}
.menu-finishing p span{color:var(--gold);padding:0 7px}
@keyframes drink-arrive{from{opacity:0;transform:translateY(18px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(min-width:1550px){.drink-browser{margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.drink-categories{gap:25px}.drink-categories button{font-size:12px}.drink-experience{grid-template-columns:.8fr 1.2fr;gap:12px}.drink-visual{width:265px;height:320px}.ingredient{font-size:10px;max-width:115px}.menu-finishing{gap:4%}}
@media(max-width:680px){
  .logo{width:52px;height:51px}footer .logo{width:53px;height:52px}
  .drinks{padding-top:54px}.drinks .section-heading{margin-bottom:28px}.drinks .section-heading>p:last-child{max-width:245px;line-height:1.8;font-size:12px}
  .drink-browser{margin:0 6%}.drink-categories{gap:24px;margin-bottom:20px}.drink-categories button{font-size:12px;padding-bottom:13px;gap:6px}.drink-categories sup{font-size:7px}
  .selector-heading{gap:10px;margin-bottom:12px}.collection-label{font-size:8px;letter-spacing:1px}.scroll-instruction{display:none}.scroll-arrow{width:27px;height:27px;font-size:13px}
  .drink-selector{gap:8px;padding-bottom:15px}.drink-selector button{padding:11px 15px;font-size:10px}
  .drink-experience{display:flex;flex-direction:column;min-height:0;padding:32px 6% 0;gap:0}
  .drink-description{padding:0;width:100%}.drink-description h3{font-size:40px;max-width:330px;letter-spacing:-1.4px}.drink-description .eyebrow{font-size:8px;margin-bottom:15px}.drink-description>p:not(.eyebrow){font-size:12px;margin-top:16px;max-width:330px}
  .preparation-picker{margin-top:21px}.preparation-picker button{font-size:9px;padding:7px 17px}.drink-description p.ingredient-note{font-size:9px;margin-top:22px}.drink-description p.allergy{font-size:9px;margin-top:16px;max-width:300px}
  .ingredient-stage{margin-top:8px;width:100%;height:450px}.drink-visual{width:240px;height:290px;top:47%}.stage-orbit{width:240px;top:47%}.stage-orbit:after{inset:16px}.ingredient{font-size:10px;max-width:95px}.ingredient small{font-size:7px}.ingredient-0{top:38px;left:0}.ingredient-1{top:48px;right:0}.ingredient-2{bottom:80px;left:0}.ingredient-3{bottom:70px;right:0}.stage-caption{bottom:17px;font-size:7px;letter-spacing:1px}
  .drink-index{padding:18px 6%;font-size:8px;letter-spacing:.5px}
  .menu-finishing{padding:30px 6% 34px;grid-template-columns:1fr 1fr;gap:25px 20px;align-items:start}.finishing-intro{grid-column:1/-1;display:flex;align-items:baseline;gap:20px}.finishing-intro .eyebrow{margin:0;white-space:nowrap}.finishing-intro h3{font-size:26px}.finishing-intro h3 br{display:none}.finishing-label{font-size:8px;letter-spacing:1px}.menu-finishing>div>p:not(.eyebrow):not(.finishing-label){font-size:10px;line-height:2}.menu-finishing p span{padding:0 3px}
}
@media(max-width:360px){.drink-categories{gap:18px}.drink-visual{width:215px}.ingredient{max-width:82px;font-size:9px}.drink-description h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){.drink-visual img{animation:none}.ingredient,.ingredient-lines path,.drink-selector button{transition:none!important}}