@property --wf-cta-angle{syntax: "<angle>"; inherits: false; initial-value: 0turn;}.wf-body{min-width:320px;min-height:100%;overflow-x:hidden;background:#101d22;color:#f3eee4;font-family:Work Sans Variable,ui-sans-serif,system-ui,sans-serif}.wf-body button,.wf-body a{-webkit-tap-highlight-color:transparent}.wf-experience{--bg: #101d22;--bg-deep: #0a1316;--surface: #16282e;--surface-2: #1e343c;--copper: #c98a4b;--copper-bright: #e0a765;--bone: #f3eee4;--mute: #b9c2be;--faint: #8b9a95;--line: rgba(243, 238, 228, .14);position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;overflow-x:clip;background:var(--bg);color:var(--bone)}.wf-backdrop,.wf-backdrop__wash,.wf-backdrop__grain,.wf-frame{position:absolute;inset:0;pointer-events:none}.wf-backdrop{z-index:-3;overflow:hidden}.wf-backdrop__image{width:100%;height:100%;max-width:none;object-fit:cover;object-position:56% center;opacity:.48;transform:scale(1.035);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .5s ease}.wf-experience[data-result] .wf-backdrop__image{opacity:.38;transform:scale(1.065)}.wf-backdrop__wash{background:linear-gradient(180deg,#0a1316eb,#0a13168a 42%,#0a1316f0),linear-gradient(90deg,#101d22cc,#101d225c,#101d22cc)}.wf-backdrop__grain{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.wf-frame{z-index:4;inset:10px;border:1px solid var(--line)}.wf-shell{width:min(100%,1040px);min-height:100svh;min-height:100dvh;margin-inline:auto;padding:max(clamp(1.25rem,4vw,2.35rem),env(safe-area-inset-top)) clamp(1.25rem,5vw,3rem) max(1rem,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 1fr auto}.wf-header{display:grid;justify-items:center;gap:.35rem;text-align:center}.wf-brand{width:112px;display:block}.wf-brand img{display:block;width:100%;height:auto;filter:invert(95%) sepia(11%) saturate(341%) hue-rotate(340deg) brightness(107%)}.wf-header>p,.wf-footer{color:var(--faint);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.wf-stage{display:grid;align-items:center;padding-block:clamp(1.6rem,4.5vh,3.2rem)}.wf-experience[data-result] .wf-stage{align-items:start}.wf-screen{grid-area:1 / 1;width:100%}.wf-screen[hidden]{display:none}.wf-intro,.wf-loading,.wf-result,.wf-question{text-align:center}.wf-intro__copy{width:min(100%,760px);margin-inline:auto}.wf-kicker{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.8rem;color:var(--copper-bright);font-size:.7rem;font-weight:650;letter-spacing:.24em;line-height:1.25;text-transform:uppercase}.wf-kicker:before,.wf-kicker:after{width:clamp(18px,4vw,34px);height:1px;flex:0 0 auto;background:var(--copper);content:""}.wf-intro h1,.wf-question h2,.wf-loading h2,.wf-result h2,.wf-bartender-card h3,.wf-shortlist h3,.wf-pick h4{font-family:Big Shoulders Display Variable,Arial Narrow,sans-serif;font-style:normal;text-transform:uppercase;text-wrap:balance}.wf-intro h1{max-width:820px;margin-inline:auto;color:var(--bone);font-size:clamp(4rem,16vw,8.2rem);font-weight:720;letter-spacing:.01em;line-height:.82;text-shadow:0 7px 38px rgba(0,0,0,.44)}.wf-intro__lede{max-width:520px;margin:clamp(1.25rem,3vh,1.8rem) auto 0;color:var(--mute);font-size:clamp(.98rem,2.2vw,1.1rem);line-height:1.55}.wf-cta,.wf-secondary,.wf-text-button,.wf-back,.wf-option{border-radius:0;cursor:pointer}.wf-cta{position:relative;width:min(100%,300px);min-height:58px;margin:1.55rem auto 0;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--copper);background:var(--copper);color:var(--bg-deep);font-size:.8rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,transform .16s ease}.wf-cta:before{position:absolute;inset:-6px;padding:2px;background:conic-gradient(from var(--wf-cta-angle),transparent 0 68%,rgba(243,238,228,.35) 76%,var(--bone) 84%,var(--copper-bright) 90%,transparent 98%);content:"";opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.wf-cta svg,.wf-list-link svg,.wf-option__arrow,.wf-back svg,.wf-secondary svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.wf-cta svg{width:22px}.wf-fineprint{margin-top:.75rem;color:var(--faint);font-size:.7rem;letter-spacing:.04em}.wf-fineprint span{margin-inline:.3rem;color:var(--copper)}.wf-quiz{width:min(100%,780px);margin-inline:auto;padding:clamp(1.1rem,3.5vw,2rem);border:1px solid var(--line);background:#0a1316f0}.wf-quiz__topline{position:relative;min-height:44px;display:grid;place-items:center}.wf-back{position:absolute;inset:0 auto auto 0;min-height:44px;padding:.5rem .35rem;display:flex;align-items:center;gap:.4rem;border:0;background:transparent;color:var(--mute);font-size:.7rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;transition:color .2s ease,opacity .2s ease}.wf-back svg{width:18px}.wf-back:disabled{opacity:0;pointer-events:none}.wf-progress-count{color:var(--faint);font-size:.68rem;font-weight:750;letter-spacing:.15em}.wf-progress-count span{color:var(--copper-bright)}.wf-progress{height:2px;overflow:hidden;background:var(--line)}.wf-progress__fill{display:block;width:100%;height:100%;background:var(--copper);transform:scaleX(.2);transform-origin:left center;transition:transform .42s cubic-bezier(.25,1,.5,1)}.wf-question{padding-top:clamp(1.65rem,4.5vh,2.7rem)}.wf-question h2{max-width:650px;margin-inline:auto;color:var(--bone);font-size:clamp(2.7rem,9vw,4.6rem);font-weight:700;letter-spacing:.015em;line-height:.9}.wf-question h2:focus,.wf-result h2:focus{outline:none}.wf-question__hint{margin-top:.65rem;color:var(--mute);font-size:.87rem;line-height:1.45}.wf-options{display:grid;gap:.55rem;margin-top:clamp(1.3rem,3.5vh,2rem)}.wf-option{position:relative;width:100%;min-height:76px;padding:.8rem 3.1rem;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--bone);text-align:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.wf-option__index{position:absolute;left:.8rem;top:50%;width:28px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);color:var(--copper-bright);font-size:.7rem;font-weight:750;transform:translateY(-50%)}.wf-option strong,.wf-option small{display:block}.wf-option strong{font-size:.91rem;font-weight:650;line-height:1.25}.wf-option small{margin-top:.18rem;color:var(--faint);font-size:.72rem;line-height:1.25}.wf-option__arrow{position:absolute;right:.85rem;top:50%;width:18px;color:var(--faint);transform:translateY(-50%);transition:transform .22s cubic-bezier(.22,1,.36,1),color .2s ease}.wf-option.is-selected{border-color:var(--copper-bright);background:var(--copper);color:var(--bg-deep)}.wf-option.is-selected .wf-option__index{border-color:#0a131659;color:var(--bg-deep)}.wf-option.is-selected small,.wf-option.is-selected .wf-option__arrow{color:#0a1316b3}.wf-loading{max-width:520px;margin-inline:auto}.wf-loading__mark{width:132px;margin:0 auto 1.25rem}.wf-loading__mark svg{display:block;overflow:visible}.wf-loading__mark rect,.wf-loading__mark path{fill:none;stroke:var(--mute);stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.4}.wf-loading__track{opacity:.2}.wf-loading__pour{stroke:var(--copper-bright)!important;stroke-dasharray:520;stroke-dashoffset:520;animation:wf-read 1.45s cubic-bezier(.25,1,.5,1) forwards}.wf-loading__liquid{fill:#c98a4bd1!important;stroke:var(--copper-bright)!important;transform-origin:bottom center;animation:wf-liquid 1.15s cubic-bezier(.22,1,.36,1) both}.wf-loading h2{color:var(--bone);font-size:clamp(3rem,11vw,5rem);font-weight:700;letter-spacing:.015em;line-height:.9}.wf-loading__checks{width:min(100%,250px);margin:1.4rem auto 0;display:grid;gap:.55rem;text-align:left}.wf-loading__checks p{display:flex;align-items:center;gap:.65rem;color:var(--faint);font-size:.72rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;transition:color .2s ease}.wf-loading__checks span{width:15px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line)}.wf-loading__checks p.is-done{color:var(--bone)}.wf-loading__checks p.is-done span{border-color:var(--copper);background:var(--copper)}.wf-loading__checks p.is-done span:after{width:6px;height:3px;border-bottom:1.5px solid var(--bg-deep);border-left:1.5px solid var(--bg-deep);content:"";transform:translateY(-1px) rotate(-45deg)}.wf-result{width:min(100%,760px);margin-inline:auto;padding-block:.5rem;text-align:center}.wf-result__visual{width:min(100%,620px);margin:0 auto 1.15rem}.wf-result__image-wrap{position:relative;aspect-ratio:1200 / 630;overflow:hidden;border:1px solid rgba(217,154,88,.58);background:var(--surface)}.wf-result__image-wrap:after{position:absolute;inset:7px;border:1px solid rgba(243,238,228,.22);content:"";pointer-events:none}.wf-result__image{width:100%;height:100%;display:block;object-fit:cover}.wf-result__edition{margin:0;padding:.52rem .72rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-top:0;background:var(--bg-deep);color:var(--mute);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.wf-result__edition strong{color:var(--copper-bright);font:inherit}.wf-result h2{color:var(--bone);font-size:clamp(3.2rem,13vw,6rem);font-weight:720;letter-spacing:.015em;line-height:.86}.wf-result__description{max-width:580px;margin:.85rem auto 0;color:var(--mute);font-size:clamp(.92rem,2.2vw,1.04rem);line-height:1.5}.wf-result__notes{margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;list-style:none}.wf-result__notes li{padding:.38rem .58rem;border:1px solid var(--line);color:var(--bone);font-size:.64rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.wf-bartender-card{position:relative;max-width:650px;margin:1.2rem auto 0;padding:1rem 1.1rem 1.1rem;overflow:hidden;border:1px solid var(--copper-bright);background:var(--copper);color:var(--bg-deep)}.wf-bartender-card:after{position:absolute;inset:7px;border:1px solid rgba(10,19,22,.18);content:"";pointer-events:none}.wf-bartender-card>p{position:relative;z-index:1;font-size:.64rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.wf-bartender-card h3{position:relative;z-index:1;max-width:610px;margin:.2rem auto 0;font-size:clamp(2rem,7vw,3.4rem);font-weight:720;letter-spacing:.015em;line-height:.9}.wf-bartender-card__meta{position:relative;z-index:1;margin-top:.65rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;color:#0a1316b8;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.wf-bartender-card__tasting{position:relative;z-index:1;max-width:560px;margin:.85rem auto 0;padding-top:.75rem;display:grid;gap:.2rem;border-top:1px solid rgba(10,19,22,.2);font-size:.78rem;line-height:1.45}.wf-bartender-card__tasting strong{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.wf-shortlist,.wf-step-up{width:min(100%,650px);margin-inline:auto}.wf-shortlist{margin-top:1.65rem}.wf-shortlist__heading{margin-bottom:.7rem;display:flex;align-items:end;justify-content:space-between;gap:1rem;text-align:left}.wf-shortlist__heading>p{color:var(--copper-bright);font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.wf-shortlist h3{color:var(--bone);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:720;line-height:.95;text-align:right;text-transform:uppercase}.wf-shortlist__list{margin:0;padding:0;display:grid;gap:.65rem;list-style:none}.wf-pick{position:relative;min-width:0;padding:1rem;overflow:hidden;border:1px solid var(--line);background:linear-gradient(110deg,#1e343cf5,#0a1316eb);text-align:left}.wf-pick:before{position:absolute;inset:0 auto 0 0;width:2px;background:var(--copper);content:""}.wf-pick__heading{display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:start;gap:.85rem}.wf-pick__rank{color:var(--copper-bright);font-family:Big Shoulders Display Variable,Arial Narrow,sans-serif;font-size:2.6rem;font-weight:720;letter-spacing:.02em;line-height:.82}.wf-pick__heading p,.wf-pick__tasting strong{color:var(--faint);font-size:.56rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.wf-pick h4{margin-top:.18rem;color:var(--bone);font-size:clamp(1.65rem,6vw,2.35rem);font-weight:720;line-height:.92;overflow-wrap:anywhere;text-transform:uppercase}.wf-pick__meta{margin:.65rem 0 0 3.55rem;display:flex;flex-wrap:wrap;gap:.25rem .8rem;color:var(--copper-bright);font-size:.6rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.wf-pick__tasting{margin:.75rem 0 0 3.55rem;padding-top:.7rem;border-top:1px solid var(--line)}.wf-pick__tasting p{margin-top:.22rem;color:var(--mute);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}.wf-pick__notes{margin:.65rem 0 0 3.55rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;list-style:none}.wf-pick__notes li{padding:.25rem .4rem;border:1px solid var(--line);color:var(--bone);font-size:.54rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.wf-step-up{margin-top:.75rem;border:1px solid rgba(224,167,101,.52);background:#0a1316e0;text-align:left}.wf-step-up summary{min-height:64px;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--bone);cursor:pointer;list-style:none}.wf-step-up summary::-webkit-details-marker{display:none}.wf-step-up summary span{display:grid;gap:.18rem}.wf-step-up summary strong{color:var(--copper-bright);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.wf-step-up summary small{color:var(--mute);font-size:.7rem}.wf-step-up summary i{position:relative;width:18px;height:18px;flex:0 0 auto}.wf-step-up summary i:before,.wf-step-up summary i:after{position:absolute;inset:50% 1px auto;height:1px;background:var(--copper-bright);content:"";transition:transform .18s ease}.wf-step-up summary i:after{transform:rotate(90deg)}.wf-step-up[open] summary i:after{transform:rotate(0)}.wf-step-up__result{padding:0 .7rem .7rem}.wf-step-up__result .wf-pick{border-color:#e0a7653d}.wf-result__actions{margin-top:.9rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem 1rem}.wf-share-status{min-height:1.25rem;margin:.35rem auto 0;color:var(--copper-bright);font-size:.66rem;font-weight:650;letter-spacing:.05em;overflow-wrap:anywhere}.wf-secondary{min-height:46px;padding:.7rem .95rem;display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(243,238,228,.32);background:var(--surface);color:var(--bone);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s ease,background-color .2s ease}.wf-secondary svg{width:17px}.wf-text-button{min-height:44px;padding:.65rem 0;border:0;border-bottom:1px solid rgba(243,238,228,.34);background:transparent;color:var(--mute);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}.wf-list-link{width:fit-content;min-height:44px;margin:.35rem auto 0;display:flex;align-items:center;gap:.45rem;color:var(--copper-bright);font-size:.72rem;font-weight:650;letter-spacing:.05em}.wf-list-link svg{width:17px;transition:transform .22s cubic-bezier(.22,1,.36,1)}.wf-availability{margin-top:.25rem;color:var(--faint);font-size:.64rem}.wf-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}@keyframes wf-read{to{stroke-dashoffset:0}}@keyframes wf-liquid{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes wf-cta-orbit{to{--wf-cta-angle: 1turn}}@keyframes wf-result-image-reveal{0%{opacity:.4;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:no-preference){.wf-intro .wf-cta:before{opacity:1;animation:wf-cta-orbit 2.8s linear infinite}.wf-result.is-active .wf-result__image{animation:wf-result-image-reveal .72s cubic-bezier(.22,1,.36,1) both}}@media(min-width:680px){.wf-options{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-option{min-height:88px}}@media(max-height:760px)and (max-width:679px){.wf-shell{padding-top:.85rem}.wf-stage{padding-block:1rem}.wf-header{gap:0}.wf-brand{width:96px}.wf-question{padding-top:1.2rem}.wf-options{margin-top:1rem}.wf-option{min-height:64px}.wf-result__visual{width:min(100%,420px);margin-bottom:.7rem}.wf-result__description{margin-top:.65rem;font-size:.88rem}}@media(max-width:679px){.wf-frame{display:none}.wf-stage{padding-block:clamp(1rem,3vh,1.5rem)}.wf-intro{height:100%}.wf-intro__copy{min-height:100%;display:flex;flex-direction:column}.wf-intro h1{font-size:clamp(3rem,15vw,4rem);letter-spacing:.025em;line-height:.98;word-spacing:.04em}.wf-intro__lede{max-width:32ch;line-height:1.65}.wf-intro .wf-cta{width:100%;margin-top:auto}.wf-shortlist__heading{display:grid;gap:.2rem}.wf-shortlist h3{text-align:left}.wf-pick__meta,.wf-pick__tasting,.wf-pick__notes{margin-left:0}.wf-result__actions{width:min(100%,650px);margin-inline:auto;display:grid}.wf-secondary,.wf-text-button{width:100%;justify-content:center}}@media(max-width:350px){.wf-intro .wf-kicker{gap:.4rem;font-size:.66rem;letter-spacing:.2em}.wf-intro .wf-kicker:before,.wf-intro .wf-kicker:after{width:12px}}@media(hover:hover)and (pointer:fine){.wf-cta:hover{border-color:var(--copper-bright);background:var(--copper-bright)}.wf-option:hover:not(:disabled){border-color:var(--copper-bright);background:var(--surface-2)}.wf-option:hover:not(:disabled) .wf-option__arrow{color:var(--copper-bright);transform:translate3d(4px,-50%,0)}.wf-back:hover,.wf-text-button:hover{color:var(--bone)}.wf-secondary:hover{border-color:var(--copper-bright);background:var(--surface-2)}.wf-list-link:hover svg{transform:translate3d(4px,0,0)}}.wf-cta:active,.wf-option:active:not(:disabled),.wf-secondary:active,.wf-text-button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.wf-backdrop__image,.wf-progress__fill,.wf-option__arrow,.wf-list-link svg,.wf-step-up summary i:before,.wf-step-up summary i:after{transition:none}.wf-loading__pour,.wf-loading__liquid{animation:none}.wf-loading__pour{stroke-dashoffset:0}}