*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--stout: #111109;--stout-mid: #1C1C14;--stout-surface: #242418;--stout-rgb: 17,17,9;--cream: #F5EDD8;--cream-muted: #B8A98A;--cream-rgb: 245,237,216;--gold: #C8941A;--gold-light: #E8B84B;--gold-rgb: 200,148,26;--white: #FDFAF3;--serif: "Playfair Display", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--liquid-edge: #0A0A06;--liquid-highlight: #241F12;--liquid-center: #140F08;--bubble-fill: #4a3c20;--vessel-outline: rgba(200,148,26,.45);--art-body-edge: #0B0B07;--art-body-mid: #1C1C14;--art-ribbing: rgba(245,237,216,.06);--art-outline: rgba(200,148,26,.35);--art-pompom: #E8B84B;--art-pompom-shadow: #1C1C14}html{scroll-behavior:smooth}body{background:var(--stout);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.7;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;background:rgba(var(--stout-rgb),.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(var(--gold-rgb),.15)}.nav-logo{font-family:var(--serif);font-size:1.4rem;color:var(--gold);letter-spacing:.02em;text-decoration:none}.nav-logo span{color:var(--cream);font-style:italic}nav ul{list-style:none;display:flex;gap:2rem}nav a{color:var(--cream-muted);text-decoration:none;font-size:.875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:color .2s}nav a:hover{color:var(--gold-light)}nav a.active{color:var(--gold-light)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.nav-toggle span{width:22px;height:2px;background:var(--cream);transition:transform .25s ease,opacity .25s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 5rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 60%,rgba(var(--gold-rgb),.07) 0%,transparent 70%);pointer-events:none}.hero-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem}.hero h1{font-family:var(--serif);font-size:clamp(3rem,8vw,6.5rem);line-height:1.05;color:var(--white);margin-bottom:.5rem;max-width:14ch}.hero h1 em{color:var(--gold);font-style:italic}.hero-sub{font-size:1.1rem;color:var(--cream-muted);max-width:38ch;margin:1.5rem auto 2.5rem;line-height:1.6}.vessel-wrap{position:fixed;top:50%;right:2.5rem;transform:translateY(-50%);z-index:40;pointer-events:none;display:none}.vessel-wrap.is-active{display:block}.vessel-wrap[data-vessel=pint]{width:85px}.vessel-wrap[data-vessel=bottle]{width:70px}@media(max-width:1400px){.vessel-wrap.is-active{display:none}}.liquid-fill{transform-box:fill-box;transform-origin:bottom;transform:scaleY(1)}.bubble{opacity:0;transform-box:fill-box;transform-origin:center;fill:var(--bubble-fill);animation-duration:2.6s;animation-timing-function:linear;animation-iteration-count:infinite}.vessel-wrap[data-vessel=pint] .bubble{animation-name:bubbleRisePint}.vessel-wrap[data-vessel=bottle] .bubble{animation-name:bubbleRiseBottle}.bubble.b1{animation-delay:.3s}.bubble.b2{animation-delay:.8s}.bubble.b3{animation-delay:.5s}.bubble.b4{animation-delay:1.1s}.bubble.b5{animation-delay:.4s}@keyframes bubbleRisePint{0%{transform:translateY(0);opacity:0}8%{opacity:.55}85%{opacity:.35}to{transform:translateY(-130px);opacity:0}}@keyframes bubbleRiseBottle{0%{transform:translateY(0);opacity:0}8%{opacity:.55}85%{opacity:.35}to{transform:translateY(-90px);opacity:0}}.foam-layer{opacity:1;transform-box:fill-box;transform-origin:bottom}.vessel-sheen{mix-blend-mode:overlay;opacity:.7}.vessel-outline{stroke:var(--vessel-outline);fill:none}.cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--gold);color:var(--stout);font-family:var(--sans);font-weight:600;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;padding:.875rem 2.25rem;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--cream);font-family:var(--sans);font-weight:500;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;padding:.875rem 2.25rem;border:1px solid rgba(var(--cream-rgb),.3);cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light)}.hero-scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--cream-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:nudge 2s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.section{padding:7rem 2rem;max-width:1100px;margin:0 auto}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.section h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);color:var(--white);line-height:1.15;max-width:22ch;margin-bottom:1.5rem}.section h2 em{color:var(--gold);font-style:italic}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:4rem}.product-visual{aspect-ratio:3/4;background:var(--stout-surface);border:1px solid rgba(var(--gold-rgb),.2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.headcover-art{width:58%;max-width:220px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}.art-body{stroke:var(--art-outline);stroke-width:1.5}.art-ribbing{stroke:var(--art-ribbing);stroke-width:1.5;fill:none}.art-pompom-main{fill:var(--art-pompom)}.art-pompom-shadow{fill:var(--art-pompom-shadow);opacity:.2}.art-pompom-highlight{fill:var(--cream)}.product-badge{position:absolute;top:1.25rem;right:1.25rem;background:var(--gold);color:var(--stout);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem}.product-name{font-family:var(--serif);font-size:2rem;color:var(--white);margin-bottom:.5rem}.product-variant{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem}.product-desc{color:var(--cream-muted);font-size:.95rem;line-height:1.75;margin-bottom:2rem;max-width:40ch}.product-price{font-family:var(--serif);font-size:2.25rem;color:var(--white);margin-bottom:1.75rem}.product-price span{font-size:1rem;color:var(--cream-muted);font-family:var(--sans);font-style:normal}.product-buy-form{margin-bottom:.5rem}.product-option{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.product-option label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-muted)}.product-option-select{background:var(--stout-surface);color:var(--white);border:1px solid rgba(var(--gold-rgb),.3);padding:.5rem .9rem;font-family:var(--sans);font-size:.9rem}.product-buy-btn:disabled{background:var(--cream-muted);color:var(--stout);cursor:not-allowed;opacity:.6}.product-buy-btn:disabled:hover{background:var(--cream-muted);transform:none}.features-strip{border-top:1px solid rgba(var(--gold-rgb),.12);border-bottom:1px solid rgba(var(--gold-rgb),.12);padding:5rem 2rem;background:var(--stout-mid)}.features-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.feature{text-align:center}.feature-icon{width:52px;height:52px;border:1px solid rgba(var(--gold-rgb),.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.feature-icon svg{width:24px;height:24px;stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feature h3{font-family:var(--serif);font-size:1.15rem;color:var(--white);margin-bottom:.5rem}.feature p{color:var(--cream-muted);font-size:.875rem;line-height:1.7}.story-section{padding:8rem 2rem;max-width:760px;margin:0 auto;text-align:center}.story-section h2{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--white);line-height:1.2;margin-bottom:1.5rem}.story-section h2 em{color:var(--gold);font-style:italic}.story-section p{color:var(--cream-muted);line-height:1.8;margin-bottom:1rem;font-size:1rem}.gold-rule{width:48px;height:2px;background:var(--gold);margin:2.5rem auto}.notify-section{padding:7rem 2rem;background:var(--stout-surface);text-align:center;border-top:1px solid rgba(var(--gold-rgb),.12)}.notify-section h2{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--white);margin-bottom:.75rem}.notify-section p{color:var(--cream-muted);font-size:.95rem;margin-bottom:2.5rem}.email-form{display:flex;gap:0;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center;gap:.75rem}.email-form input[type=email]{flex:1;min-width:260px;padding:.875rem 1.25rem;background:rgba(var(--cream-rgb),.05);border:1px solid rgba(var(--cream-rgb),.2);color:var(--cream);font-family:var(--sans);font-size:.9rem;outline:none;transition:border-color .2s}.email-form input[type=email]::placeholder{color:var(--cream-muted);opacity:.6}.email-form input[type=email]:focus{border-color:var(--gold)}.notify-success{display:none;color:var(--gold-light);font-size:.9rem;margin-top:1rem;font-style:italic}footer{padding:3rem 2.5rem;border-top:1px solid rgba(var(--gold-rgb),.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{font-family:var(--serif);font-size:1.1rem;color:var(--gold);font-style:italic}footer p{font-size:.78rem;color:var(--cream-muted);opacity:.5}footer nav{position:static;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}footer nav ul{gap:1.5rem}html:not([data-product]){--stout: #F8FAF4;--stout-mid: #EEF3E6;--stout-surface: #E4ECD9;--stout-rgb: 248,250,244;--cream: #1B3B2A;--cream-muted: #5A7064;--cream-rgb: 27,59,42;--gold: #2E7D46;--gold-light: #4FAE5E;--gold-rgb: 46,125,70;--white: #14241C}.drop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;max-width:1100px;margin:4rem auto 0}.drop-card{background:#16261c;border:1px solid rgba(var(--gold-rgb),.25);padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;position:relative;transition:transform .25s ease,border-color .25s ease}.drop-card:hover{transform:translateY(-4px);border-color:var(--gold)}.drop-card .headcover-art{width:130px;max-width:none;margin-bottom:1.5rem}.drop-card-badge{position:absolute;top:1.25rem;right:1.25rem;background:var(--gold);color:var(--stout);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem}.drop-card-variant{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.drop-card-name{font-family:var(--serif);font-size:1.5rem;color:#f2f6ee;margin-bottom:.5rem}.drop-card-price{font-family:var(--serif);font-size:1.3rem;color:#b9c9ae;margin-bottom:1.25rem}.drop-card-cta{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#dce6d4;transition:color .2s}.drop-card:hover .drop-card-cta{color:var(--gold-light)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}@media(max-width:700px){nav ul{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:rgba(var(--stout-rgb),.97);border-bottom:1px solid rgba(var(--gold-rgb),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav ul.nav-open{display:flex}nav ul li{width:100%}nav ul a{display:block;padding:1.1rem 2.5rem}.nav-toggle{display:flex}.product-grid,.drop-grid{grid-template-columns:1fr}.features-inner{grid-template-columns:1fr;gap:2rem}footer{flex-direction:column;text-align:center}footer nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/site.css.map */