/* glazzly · working sea-glass direction, 24 October 2026. */
@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-Medium.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
:root{--paper:#F3F8F7;--ink:#10191D;--accent:#6CCAB8;--action:#2A6265;--amber:var(--action);--line:#D4DEDC;--muted:#526561;--white:#fff;--serif:Poppins,sans-serif;--body:Poppins,sans-serif;--motion-ease:cubic-bezier(.23,1,.32,1)}
body{font-weight:500;font-size:15px;line-height:1.6}h1,h2,h3,h4{font-weight:500;line-height:1.22;letter-spacing:-.035em}h1{font-size:clamp(30px,3.4vw,44px)}h2{font-size:27px}h3{font-size:22px}h4{font-size:18px}
.wordmark{font:600 38px/1.15 Poppins,sans-serif;letter-spacing:-.040em}.wordmark span{display:none}.top-note{font-size:11px;letter-spacing:0;text-transform:none;margin-top:6px}.side-brand{font:600 23px/1.3 Poppins,sans-serif;letter-spacing:-.04em;text-transform:none}.business-mode .side-brand{font-size:16px;letter-spacing:-.025em}.side-title{font-size:17px;letter-spacing:-.025em;line-height:1.4}.side-label{font-size:10px;letter-spacing:1.1px}.eyebrow,.phase{letter-spacing:1.2px}.phase:before{display:none}.avatar{background:#E5ECEA;border-color:var(--line);font-weight:600}
.btn,.chip,.text-link,.side-link,.tab,.library-nav button,.console-nav button{transition:background-color 160ms var(--motion-ease),color 160ms var(--motion-ease),border-color 160ms var(--motion-ease)}.btn{border-radius:7px}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--action);border-color:var(--action)}.btn.amber{background:var(--action);border-color:var(--action);color:#F3F8F7}.btn:hover{filter:none;background:#E5ECEA}.text-link:hover{color:var(--ink)}.chip.selected,.side-link.active{background:#D8ECE6;border-color:var(--action);color:var(--action)}.side-link:hover{background:#E1ECE8}.chip:hover{border-color:var(--action)}.btn:focus-visible,.chip:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--action);outline-offset:4px}.field input,.field select,.field textarea{border-color:#91A9A3}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--action);outline-offset:2px}
.card,.library-card,.flight-menu-card{border-radius:9px;box-shadow:none}.card.clickable{transition:border-color 160ms var(--motion-ease),background-color 160ms var(--motion-ease)}.card.clickable:hover{transform:none;box-shadow:none;border-color:#91A9A3}.page-fade{animation:none}.page-head p{max-width:650px}.hero{background:var(--ink);border-color:var(--ink);min-height:365px}.hero:after{background:linear-gradient(90deg,#10191D 0%,#10191Df0 31%,#10191D30 82%)}.hero-image{filter:saturate(.35);opacity:.72}.hero-copy{width:59%;padding:34px}.hero-copy h2{font-size:31px;line-height:1.24;letter-spacing:-.04em;color:#F3F8F7}.hero-copy>p,.hero-copy .price,.hero-copy .range small{color:#D4DEDC}.hero-copy .eyebrow,.hero-copy .range,.hero-copy .text-link{color:#6CCAB8}.hero-counter{color:#F3F8F7}.hero-counter button{border-color:#91A9A3}.range{font-weight:500;font-variant-numeric:tabular-nums}.section-head h2{font-size:25px}.rating-identity strong{font-size:18px;line-height:1.35}.library-bottle span{font-size:19px;line-height:1.35}.prediction h4{font-size:16px}.score-pair strong{font-size:24px}.card p,.flight-menu-card>p{line-height:1.7}.notice{line-height:1.65}.notice h3{font-size:18px}.capture-banner{background:#E5ECEA}.console .page-head h1{font-size:clamp(30px,3vw,39px)}
#bottom{background:#FFFFFFf5;backdrop-filter:none;box-shadow:0 4px 24px #10191D0a}.tab{color:#526561}.tab.active{color:var(--action)}.tab.active:after{background:var(--action)}#toast{transition:opacity 160ms var(--motion-ease),transform 160ms var(--motion-ease)}dialog{border-radius:12px;background:#F3F8F7}dialog::backdrop{background:#10191D80;backdrop-filter:none}.brand-intro{background-color:#10191D;background-image:radial-gradient(ellipse at 10% 0%,#34403F55,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.055' filter='url(%23n)'/%3E%3C/svg%3E");color:#F3F8F7;border-radius:8px;padding:28px;margin-bottom:24px;font:600 38px/1.2 Poppins,sans-serif;letter-spacing:-.04em;text-shadow:0 1px 0 #FFFFFF15,0 -1px 0 #0006}.brand-intro small{display:block;font:500 12px/1.7 Poppins,sans-serif;letter-spacing:0;margin-top:7px;color:#D4DEDC}.age-mark{font-weight:500}
.venue-wordmark{font-family:Poppins,sans-serif;font-weight:600;font-size:25px;letter-spacing:-.035em}.venue-hero{background:#E5ECEA}.venue-hero h1{font-size:clamp(31px,4vw,50px);letter-spacing:-.04em}.venue-hero p{color:#435A56}.venue-mode .section-head h2{font-size:29px}.flight-menu-card h3{font-size:25px;letter-spacing:-.035em}.venue-closing h2{font-size:29px}.story-copy h1{font-size:37px}.guest-pour-copy h1{font-size:34px}.venue-score-value{font-variant-numeric:tabular-nums}.flight-bottle-line,.guest-product-photo{background:#E5ECEA}.venue-mode .fine-footer:before{content:'Powered by glazzly · tasting, your way.';color:var(--muted);font-size:10px}.venue-mode .fine-footer{flex-wrap:wrap}.photo-evidence,.portal-intro{background:#E5ECEA}.menu-drink-row h3{font-size:19px}.venue-menu-grid{gap:18px}.flight-menu-card{padding:23px}.flight-menu-card .eyebrow{font-size:10px}
@media(max-width:650px){.wordmark{font-size:31px}.hero-copy{width:73%;padding:23px}.hero-copy h2{font-size:27px}.hero:after{background:linear-gradient(90deg,#10191D 0%,#10191Df5 38%,#10191D30 100%)}.hero-copy>p{font-size:12px}.venue-hero h1{font-size:34px}.venue-mode .section-head h2{font-size:27px}.flight-menu-card h3{font-size:25px}.top-note{display:none}.library-bottle span{font-size:18px}.score-pair strong{font-size:22px}.rating-identity strong{font-size:17px}.story-copy h1,.guest-pour-copy h1{font-size:29px}}
.mobile-preview .hero-copy h2{font-size:27px}.mobile-preview .hero-copy{width:73%}.mobile-preview .venue-hero h1{font-size:34px}.mobile-preview .venue-closing h2{font-size:27px}.mobile-preview .venue-mode .fine-footer{flex-wrap:wrap}.mobile-preview.venue-mode #bottom{width:440px!important;max-width:100%!important}.mobile-preview .top-note{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(hover:hover) and (pointer:fine){.btn:hover{border-color:#91A9A3}}
.btn:active{background:#D8ECE6;border-color:var(--action);color:var(--ink)}

.hero-counter button{background:#10191D99;color:#F3F8F7;border-color:#91A9A3}

/* Native dialog keeps browser focus trapping and restoration. */
dialog{opacity:0;transform:translateY(8px);transition:opacity 200ms var(--motion-ease),transform 200ms var(--motion-ease),overlay 200ms allow-discrete,display 200ms allow-discrete}dialog[open]{opacity:1;transform:translateY(0)}
@starting-style{dialog[open]{opacity:0;transform:translateY(8px)}}
.keyboard-navigation dialog{transition:none}

.business-mode .side-brand{font-size:23px;letter-spacing:-.04em}.side-brand small{display:block;font:500 10px/1.6 Poppins,sans-serif;letter-spacing:.04em;margin-top:6px;color:var(--muted)}
