@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#080808;--paper:#ffffff;--cream:#ffffff;--gold:#d4af37;--line:rgba(255,255,255,.2);--sans:'DM Sans',Arial,sans-serif;--display:'Manrope','Arial',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:88px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:12px;font-family:"Bebas Neue",var(--display);font-weight:400;font-size:25px;line-height:.85;letter-spacing:.08em}.brand-symbol{display:block;width:42px;height:42px;object-fit:contain}.brand small{display:block;font-family:var(--sans);font-weight:500;letter-spacing:.18em;font-size:8px;margin-top:3px;color:rgba(255,255,255,.72)}.nav{display:flex;align-items:center;gap:38px;color:rgba(255,255,255,.82);font-size:11px;letter-spacing:.06em}.nav a:not(.nav-cta){transition:color .2s}.nav a:hover{color:var(--gold)}.nav-cta{border:1px solid rgba(232,199,146,.65);padding:13px 17px;color:#ffffff}.nav-cta span{margin-left:20px;color:var(--gold)}.menu-toggle{display:none}.hero{height:min(800px,100vh);min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#080808}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,12,10,.91) 0%,rgba(14,12,10,.63) 38%,rgba(14,12,10,.04) 74%),linear-gradient(0deg,rgba(14,12,10,.5),transparent 24%),url('assets/hero.jpg') center 48%/cover no-repeat;transform:scale(1.015)}.hero-content{position:relative;margin-left:13.2%;margin-top:56px}.eyebrow{font-size:9px;letter-spacing:.22em;color:#d4af37}.hero .eyebrow span{display:inline-block;width:23px;height:1px;background:var(--gold);vertical-align:middle;margin-right:11px}.hero h1,.collection h2,.craft h2,.closing h2,.intro h2{font:300 clamp(64px,8.5vw,116px)/.95 var(--display);letter-spacing:-.07em;margin:32px 0 24px}.hero h1 span{color:var(--gold)}.hero-copy{color:rgba(255,255,255,.82);font-size:13px;line-height:1.8}.round-link{margin-top:50px;border:1px solid rgba(201,158,89,.8);border-radius:50%;width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff;font-size:10px;line-height:1.45}.round-link b{font-size:14px;color:var(--gold);font-weight:400}.hero-bottom{position:absolute;bottom:30px;left:7.1%;right:7.1%;display:flex;justify-content:space-between;color:rgba(255,255,255,.72);font-size:8px;letter-spacing:.17em}.hero-stamp{position:absolute;right:7.4%;bottom:90px;border:1px solid rgba(229,197,145,.45);width:94px;height:94px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#d4af37;font:17px "Bebas Neue",var(--display);letter-spacing:.06em;line-height:.9;transform:rotate(-12deg)}.hero-stamp small{font:7px var(--sans);letter-spacing:.12em;margin-top:5px}.section-pad{padding:130px 13.2%}.intro{background:var(--paper);color:var(--ink);position:relative}.section-kicker{font-size:9px;letter-spacing:.2em;color:rgba(0,0,0,.58)}.section-kicker span{color:#d4af37;margin-right:15px}.story-heading{display:grid;grid-template-columns:1fr .82fr;gap:9%;align-items:end;margin:46px 0 62px}.story-heading>p{max-width:410px;margin:0 0 8px;color:rgba(0,0,0,.68);font-size:14px;line-height:1.8}.story-layout{display:grid;grid-template-columns:minmax(190px,.53fr) minmax(0,1.15fr);gap:9%;align-items:start}.story-art>div{min-height:330px;aspect-ratio:4/5;background:#a10808;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.story-art img{width:112px;height:106px;object-fit:contain}.story-art>div span{text-align:center;color:#d4af37;font:16px/1.35 "Bebas Neue",var(--display);letter-spacing:.12em}.story-art>p{margin:13px 0 0;font-size:10px;line-height:1.6;color:rgba(0,0,0,.62)}.story-copy{max-width:760px;color:#111111;font-size:13px;line-height:1.95}.story-copy p{margin:0 0 22px}.story-copy h3{font:500 24px/1.2 Georgia,serif;letter-spacing:-.025em;color:#080808;margin:48px 0 17px}.story-copy blockquote{margin:34px 0;padding:23px 28px;border-left:2px solid #d4af37;background:rgba(0,0,0,.035);color:#111111;font:17px/1.7 Georgia,serif}.story-copy .story-signoff{margin-top:38px;color:#d4af37;font:italic 26px/1.35 Georgia,serif}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:9%;align-items:center;margin-top:44px}.intro h2,.collection h2,.craft h2,.closing h2{font-size:clamp(50px,6.3vw,82px);line-height:1.03;margin:0;letter-spacing:-.075em}.intro em,.collection em,.craft em,.closing em{font-family:Georgia,serif;font-weight:400;color:#d4af37}.intro-text{max-width:370px;padding-top:14px}.intro-text p{font-size:13px;line-height:1.9;color:rgba(0,0,0,.62)}.intro-text p.lead{font-size:17px;line-height:1.6;color:#000000}.text-link{display:inline-flex;gap:38px;padding:14px 0 10px;border-bottom:1px solid #d4af37;margin-top:18px;font-size:10px;letter-spacing:.06em}.text-link span{color:#d4af37}.story-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:78px;border-top:1px solid rgba(23,20,17,.22)}.story-track article{padding:23px 25px 0 0}.story-track article+article{padding-left:25px;border-left:1px solid rgba(23,20,17,.18)}.story-track article>span{font-size:8px;letter-spacing:.18em;color:#d4af37}.story-track h3{font:500 17px var(--display);margin:17px 0 8px;letter-spacing:-.03em}.story-track p{font-size:11px;line-height:1.7;color:rgba(0,0,0,.62);margin:0;max-width:230px}.collection{background:#080808}.collection-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:58px}.collection-head h2{margin-top:42px}.collection-head>p{font-size:11px;line-height:1.8;color:rgba(255,255,255,.7);margin-bottom:8px}.beer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 13px}.beer-card{min-width:0}.beer-photo{height:360px;position:relative;overflow:hidden;background:#171717}.beer-photo img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1);filter:saturate(.84)}.beer-card:hover .beer-photo>img:not(.beer-logo){transform:scale(1.045)}.beer-photo .beer-logo{position:absolute;z-index:2;top:15px;right:15px;width:72px;height:72px;object-fit:contain;border-radius:50%;filter:none;box-shadow:0 3px 14px rgba(0,0,0,.32)}.beer-index{position:absolute;left:17px;top:18px;font-size:8px;letter-spacing:.16em;color:#ffffff;text-shadow:0 1px 8px #000}.beer-info{display:flex;justify-content:space-between;align-items:center;padding:21px 3px 0}.beer-info h3{margin:0 0 7px;font:500 17px var(--display);letter-spacing:-.04em}.beer-info p{margin:0;color:rgba(255,255,255,.68);font-size:10px}.beer-arrow{width:31px;height:31px;border:1px solid #3a3a3a;border-radius:50%;display:grid;place-items:center;color:#d4af37;font-size:13px}.beer-card-light .beer-photo{background:#181818}.beer-card-warm .beer-photo{background:#111111}.collection-note{color:rgba(255,255,255,.55);font-size:9px;margin:27px 0 0}.craft{display:grid;grid-template-columns:1fr 1fr;background:#a10808;color:#ffffff}.craft-content .section-kicker,.closing>.section-kicker{color:rgba(255,255,255,.78)}.craft-image{position:relative;min-height:630px;overflow:hidden}.craft-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent)}.craft-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.craft-image>span{position:absolute;z-index:1;bottom:47px;left:12%;font:500 10px/1.8 var(--display);letter-spacing:.18em;color:#ffffff}.craft-content{padding:112px 17% 90px 13%}.craft-content h2{margin-top:50px}.craft-content>p{font-size:12px;line-height:1.9;color:rgba(255,255,255,.78);margin:30px 0}.craft-facts{border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);display:flex;gap:65px;padding:21px 0;margin-top:36px}.craft-facts div{display:flex;flex-direction:column;gap:7px}.craft-facts strong{font:500 27px var(--display)}.craft-facts span{font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.64)}.closing{background:#a10808;color:#ffffff;padding-bottom:90px}.closing h2{color:#ffffff}.closing-row{display:flex;justify-content:space-between;align-items:end;margin:48px 0 58px}.closing-row>div{max-width:300px;padding-bottom:7px}.closing-row p{font-size:12px;line-height:1.8;color:rgba(255,255,255,.76);margin:0 0 23px}.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:16px 20px;background:#080808;color:#ffffff;font-size:10px;letter-spacing:.06em}.button-link span{color:var(--gold)}.closing-image{height:340px;position:relative;overflow:hidden;background:#080808}.closing-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,10,.63),transparent 70%)}.closing-image img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.72)}.closing-image span{position:absolute;z-index:1;top:50%;left:9%;transform:translateY(-50%);font:500 12px/1.8 var(--display);letter-spacing:.2em;color:#ffffff}.footer{padding:28px 7.1%;display:flex;align-items:center;justify-content:space-between;background:#080808}.footer-note{font-size:8px;letter-spacing:.1em;color:rgba(255,255,255,.55);text-align:center}.back-top{font-size:8px;letter-spacing:.15em;color:#ffffff}.age-gate{position:fixed;z-index:20;inset:0;background:rgba(10,9,8,.84);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.age-gate[hidden]{display:none}.age-card{width:min(440px,100%);padding:52px 52px 38px;background:#ffffff;color:#080808;text-align:center;box-shadow:0 20px 80px rgba(0,0,0,.35)}.age-logo{display:flex;flex-direction:column;align-items:center;gap:3px;width:auto;height:auto;border:0;color:#b89636;margin:0 auto 22px}.age-logo img{width:45px;height:43px;object-fit:contain}.age-logo b{font:32px/1 "Bebas Neue",var(--display);letter-spacing:.08em}.age-card .eyebrow{color:#b89636}.age-card h2{font:300 51px/.98 var(--display);letter-spacing:-.07em;margin:18px 0}.age-card h2 em{font-family:Georgia,serif;color:#d4af37}.age-card>p:not(.eyebrow){font-size:11px;line-height:1.7;color:rgba(0,0,0,.68)}.age-confirm{width:100%;margin-top:22px;padding:16px;border:0;background:#080808;color:#ffffff;font-size:11px;cursor:pointer}.age-confirm span{color:var(--gold);margin-left:25px}.age-leave{display:block;margin:15px auto 24px;border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:rgba(0,0,0,.62);font-size:10px;cursor:pointer}.age-card>small{font-size:8px;color:rgba(255,255,255,.62);line-height:1.5}
@media(max-width:800px){.site-header{height:74px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px}.menu-toggle i{width:22px;height:1px;background:#eee}.nav{display:none;position:absolute;top:74px;left:0;width:100%;padding:25px 6% 30px;background:#080808;flex-direction:column;align-items:flex-start;gap:25px}.nav.open{display:flex}.nav-cta{margin-top:4px}.hero{min-height:650px;height:92vh}.hero-photo{background:linear-gradient(90deg,rgba(14,12,10,.84),rgba(14,12,10,.22)),linear-gradient(0deg,rgba(14,12,10,.48),transparent 35%),url('assets/hero.jpg') 58% center/cover no-repeat}.hero-content{margin-left:8%;margin-top:20px}.hero h1{font-size:82px}.hero-stamp{right:8%;bottom:110px;width:61px;height:61px;font-size:24px}.hero-bottom{left:6%;right:6%;font-size:7px}.hero-bottom span:nth-child(2){display:none}.section-pad{padding:86px 8%}.story-heading{grid-template-columns:1fr;gap:16px;margin:38px 0 42px}.story-heading>p{max-width:540px}.story-layout{grid-template-columns:1fr;gap:28px}.story-art{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px}.story-art>div{min-height:150px;aspect-ratio:1}.story-art img{width:63px;height:60px}.story-art>div span{font-size:11px}.story-art>p{margin:0;max-width:210px}.story-copy h3{margin-top:39px}.intro-grid{grid-template-columns:1fr;gap:24px}.intro h2,.collection h2,.craft h2,.closing h2{font-size:65px}.intro-text{max-width:440px}.story-track{margin-top:60px}.story-track article{padding-right:16px}.story-track article+article{padding-left:16px}.story-track h3{font-size:15px}.story-track p{font-size:10px}.collection-head{align-items:start}.collection-head>p{padding-top:25px}.beer-grid{grid-template-columns:1fr 1fr;gap:30px 14px}.beer-photo{height:360px}.craft{grid-template-columns:1fr}.craft-image{min-height:430px}.craft-content{padding:75px 8% 80px}.closing-row{align-items:start;gap:25px;flex-direction:column}.closing-row>div{max-width:360px}.closing-image{height:280px}.footer{padding:25px 6%;flex-wrap:wrap;gap:20px}.footer-note{order:3;width:100%;text-align:left}.age-card{padding:42px 32px 32px}}
@media(max-width:480px){.brand{font-size:16px}.hero{min-height:620px}.hero h1{font-size:72px}.hero-content{margin-top:0}.round-link{width:92px;height:92px;margin-top:39px}.section-pad{padding:75px 7%}.story-art{grid-template-columns:112px 1fr;gap:14px}.story-art>div{min-height:112px}.story-art img{width:50px;height:48px}.story-art>div span{font-size:9px}.story-copy{font-size:12px;line-height:1.85}.story-copy h3{font-size:21px}.story-copy blockquote{font-size:15px;padding:19px 20px}.story-copy .story-signoff{font-size:22px}.story-track{grid-template-columns:1fr;margin-top:42px}.story-track article,.story-track article+article{padding:19px 0;border-left:0;border-top:1px solid rgba(23,20,17,.14)}.story-track h3{margin:8px 0 5px}.story-track p{max-width:100%}.intro h2,.collection h2,.craft h2,.closing h2{font-size:57px}.collection-head{display:block}.collection-head>p{padding:0;margin-top:20px}.collection-head h2{margin-top:35px}.beer-grid{grid-template-columns:1fr;gap:34px}.beer-photo{height:390px}.beer-card:nth-child(2) .beer-photo{height:410px}.beer-card:nth-child(3) .beer-photo{height:390px}.beer-photo img{object-position:center 37%}.craft-image{min-height:350px}.craft-content{padding:68px 7%}.craft-facts{gap:42px}.closing-image{height:230px}.closing-image span{left:7%}.footer{align-items:flex-start}.back-top{padding-top:12px}.age-card{padding:35px 25px 28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
