@font-face{font-family:GreenSans;src:url('/assets/sans.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#060907;--white:#f3f4ed;--lime:#d3ed85;--amber:#e8b95d;--muted:#a8b6a6;--line:#ffffff24;--font:GreenSans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--white);background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:7px}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:15px}.scene-wrap{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 46%,#34230c 0%,#102216 37%,#060907 75%);overflow:hidden}.scene-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.scene-wrap.ready .scene-fallback{opacity:0}.scene-wrap canvas{width:100%;height:100%;display:block}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#040805c9,transparent 65%);pointer-events:none}.scroll-progress{position:fixed;height:2px;background:var(--lime);top:0;left:0;width:0;z-index:30;box-shadow:0 0 15px #edbf69}.header{height:90px;position:fixed;inset:0 0 auto;z-index:20;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#06090774;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff14}.brand{font-size:27px;line-height:1.15;letter-spacing:-1.5px;font-weight:bold}.brand span{display:block;font-size:12px;letter-spacing:3px;font-weight:normal;margin-top:5px}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a{padding:7px 0;transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.nav-cta{font-size:14px;background:var(--white);color:var(--bg);border-radius:40px;padding:10px 18px;display:flex;gap:25px;align-items:center;transition:background .2s}.nav-cta:hover{background:var(--lime)}.nav-cta span{font-size:20px}.menu-toggle{display:none}.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;padding:125px 6% 70px;display:flex;flex-direction:column;justify-content:center}.hero-top{position:absolute;top:122px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.8px;color:var(--muted)}.hero-content{position:relative;max-width:1050px;padding-top:45px}.eyebrow{font-size:12px;letter-spacing:2.5px}.intro{margin-bottom:26px;color:var(--lime)}h1{font-size:clamp(90px,12.3vw,187px);font-weight:bold;letter-spacing:-.065em;line-height:.94;position:relative}h1>span{display:block}.outline{-webkit-text-stroke:1.5px var(--white);color:transparent}.period{color:var(--amber);-webkit-text-stroke:0}.hero-bottom{display:flex;align-items:center;gap:70px;margin-top:42px}.hero-bottom>p{font-size:16px;line-height:1.8;color:#c5cfc1}.pill{display:inline-flex;align-items:center;gap:34px;justify-content:space-between;padding:17px 25px;min-height:58px;border-radius:40px;background:linear-gradient(120deg,#e8be69,#d3ed85);color:#0c1609;font-size:14px;font-weight:bold;transition:transform .25s,box-shadow .25s}.pill span{font-size:24px;line-height:1}.pill:hover{transform:translateY(-4px);box-shadow:0 10px 42px #b6ff532a}.scroll-cue{position:absolute;bottom:43px;left:6%;font-size:12px;letter-spacing:1.8px;display:flex;align-items:center;gap:17px;color:var(--muted)}.scroll-line{height:39px;width:1px;display:block;background:linear-gradient(transparent,var(--lime));animation:cue 2s ease-in-out infinite}.hero-edition{position:absolute;bottom:47px;right:6%;font-size:12px;letter-spacing:1.6px;color:var(--muted)}.chapter{position:relative;padding:65px 6% 90px;min-height:700px;border-top:1px solid var(--line)}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.8px;color:var(--muted);gap:24px;margin-bottom:100px}.place{min-height:950px;background:linear-gradient(90deg,#060907eb 0%,#0609078c 60%,#06090733);overflow:hidden}.story{position:relative;z-index:2;max-width:850px}h2{font-size:clamp(48px,6.8vw,105px);font-weight:400;line-height:1.12;letter-spacing:-.055em}h2 em{font-family:Georgia,serif;color:var(--lime);font-weight:normal}.story-copy{max-width:425px;margin:40px 0 0 4px}.story-copy p{font-size:17px;color:#bac7b4;line-height:1.85;margin-bottom:17px}.text-link{display:inline-flex;align-items:center;gap:34px;padding:12px 0;border-bottom:1px solid #8f9f7e;font-size:14px;margin-top:6px}.text-link span{font-size:23px}.floating-note{position:absolute;right:7%;bottom:140px;width:245px;padding:30px;border-radius:12px;background:linear-gradient(145deg,#c8ffae30,#b2f37808);border:1px solid #c8ffa944;backdrop-filter:blur(18px);box-shadow:0 30px 70px #0008,10px 10px 0 #5e974b11;transform:perspective(900px) rotateY(-20deg) rotateX(12deg) rotateZ(9deg);transform-style:preserve-3d}.floating-note>span{display:block;font-size:12px;letter-spacing:1.9px;color:#c5d5ba}.floating-note strong{display:block;font-size:43px;font-weight:normal;letter-spacing:-2px;line-height:1.2;padding:30px 0;color:var(--lime);transform:translateZ(35px)}.interlude{height:90svh;min-height:650px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;padding:60px 5%;border-top:1px solid var(--line);background:linear-gradient(#06090744,#06090711,#06090788)}.interlude-text{position:relative;z-index:2;text-shadow:0 3px 35px #0009}.interlude-text>span{display:block;font-size:clamp(35px,6.5vw,100px);font-weight:bold;letter-spacing:-.065em;line-height:1.15}.interlude-text em{font-family:Georgia,serif;color:var(--lime);font-weight:normal}.orbit-caption{position:absolute;left:6%;right:6%;bottom:45px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#c0cbb7}.social{background:#060907b8;backdrop-filter:blur(6px);padding-bottom:120px}.social .section-label{margin-bottom:60px}.social-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:65px}.social-heading h2{font-size:clamp(43px,5.5vw,80px)}.social-heading>p{font-size:16px;color:var(--muted);max-width:340px;line-height:1.8;margin-bottom:10px}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;perspective:1200px}.social-card{min-height:390px;border:1px solid #93b7763b;border-radius:16px;padding:28px 32px;background:linear-gradient(135deg,#21442cbb,#0b140dbb);backdrop-filter:blur(18px);transform-style:preserve-3d;box-shadow:0 22px 60px #0004;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;will-change:transform}.social-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#a8ed6620,transparent 60%);pointer-events:none}.social-card:hover{border-color:#b7ed8699;box-shadow:0 28px 75px #0008}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.6px;color:#b7c8af}.card-arrow{font-size:27px;color:var(--lime)}.card-inner{padding:25px 0 34px;transform:translateZ(35px)}.social-icon{width:49px;height:49px;fill:none;stroke:var(--lime);stroke-width:2.2;margin-bottom:9px}.social-icon .filled{fill:var(--lime);stroke:none}.facebook-icon{display:block;height:61px;font-size:57px;line-height:1;color:var(--lime);font-family:Arial,sans-serif;font-weight:bold;margin-bottom:9px}.card-inner h3{font-size:34px;font-weight:400;letter-spacing:-1.6px;margin-bottom:7px}.card-inner p{font-size:14px;color:var(--muted)}.card-action{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-top:19px;border-top:1px solid var(--line)}.card-action>span{font-size:22px}.contact{min-height:850px;background:linear-gradient(#060907a3,#060907de);text-align:center;display:flex;flex-direction:column}.contact .section-label{margin-bottom:95px}.contact-content{margin:auto;width:100%}.contact .eyebrow{font-size:12px;color:var(--lime);margin-bottom:28px;line-height:1.8}.contact h2{font-size:clamp(65px,11vw,175px);letter-spacing:-.065em;font-weight:bold}.contact-description{font-size:17px;line-height:1.9;color:var(--muted);margin:25px 0 32px}.contact-cta{padding:20px 30px}.contact-details{margin-top:70px;display:flex;justify-content:space-between;gap:30px;font-size:12px;line-height:1.8;color:#91a086;text-align:left;border-top:1px solid var(--line);padding-top:25px}.contact-details>p:last-child{text-align:right}footer{position:relative;background:#070c08;padding:38px 6% 32px;border-top:1px solid var(--line)}.footer-brand{font-size:clamp(47px,10vw,160px);font-weight:bold;letter-spacing:-.065em;line-height:1.3;display:flex;align-items:center;justify-content:space-between}.footer-brand>span{font-size:56px;color:var(--lime);font-weight:normal}.footer-bottom{margin-top:30px;padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px;color:var(--muted)}.footer-bottom>span:nth-child(2){font-size:12px;letter-spacing:0}.footer-bottom strong{font-size:16px;color:var(--lime)}.motion-control{position:fixed;right:20px;bottom:18px;z-index:25;border:1px solid #78906466;width:38px;height:38px;border-radius:50%;background:#091209bd;color:var(--lime);backdrop-filter:blur(12px);font-size:17px;display:grid;place-items:center}.js-motion .reveal{opacity:.1;transform:translateY(32px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}body.motion-paused .scroll-line{animation:none}@keyframes cue{0%,100%{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@media(max-width:1050px){.hero{min-height:760px}h1{font-size:13vw}.hero-bottom{gap:35px}.floating-note{right:4%;width:200px;padding:25px;bottom:120px}.floating-note strong{font-size:36px}.story{max-width:750px}.social-heading{align-items:flex-start;flex-direction:column;gap:24px}.social-heading>p{max-width:500px}.social-cards{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:78px}.header{height:76px;padding:0 6%;gap:15px}.brand{font-size:25px}.brand span{font-size:12px;letter-spacing:2.3px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:1px solid #78926e66;border-radius:50%;width:42px;height:42px;padding:11px;color:var(--white)}.menu-toggle span{display:block;width:18px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#mobile-nav{position:absolute;left:0;right:0;top:100%;background:#091009fa;padding:20px 6%;box-shadow:0 20px 35px #0008;border-bottom:1px solid var(--line)}#mobile-nav a{display:block;font-size:19px;padding:13px 0;border-bottom:1px solid var(--line)}#mobile-nav a:last-child{border:0;color:var(--lime)}.hero{min-height:780px;height:100svh;max-height:1050px;padding:110px 6% 95px;justify-content:flex-start}.hero-top{top:104px;font-size:12px;letter-spacing:1.1px}.hero-content{padding-top:65px;width:100%}.eyebrow{font-size:12px;letter-spacing:1.5px}.intro{margin-bottom:22px}h1{font-size:17.6vw;letter-spacing:-.068em;line-height:1.02}.outline{-webkit-text-stroke:1px var(--white)}.hero-bottom{margin-top:35px;flex-direction:column;align-items:flex-start;gap:23px}.hero-bottom>p{font-size:15px}.pill{font-size:14px;min-height:54px;padding:15px 22px;gap:28px}.scene-shade{background:linear-gradient(90deg,#040805b3,#04080520),linear-gradient(#04080511,#04080533)}.scroll-cue{font-size:12px;bottom:33px;gap:12px;letter-spacing:1px}.hero-edition{display:none}.chapter{padding:38px 6% 60px;min-height:0}.section-label{font-size:12px;letter-spacing:1.2px;margin-bottom:60px}.section-label>span:last-child{font-size:12px;max-width:130px;text-align:right}.place{min-height:950px;background:linear-gradient(90deg,#060907e6,#06090766)}h2{font-size:clamp(40px,9.2vw,67px);letter-spacing:-.065em}.story-copy{margin-top:27px;max-width:95%}.story-copy p{font-size:16px}.floating-note{right:12%;bottom:55px;width:180px;padding:20px}.floating-note strong{font-size:33px;padding:20px 0}.floating-note>span{font-size:12px}.interlude{height:70svh;min-height:510px;padding:40px 6%}.interlude-text>span{font-size:clamp(26px,7vw,43px);line-height:1.3}.orbit-caption{font-size:12px;letter-spacing:1px;bottom:35px;gap:15px}.social .section-label{margin-bottom:50px}.social-heading{margin-bottom:35px;gap:20px}.social-heading h2{font-size:clamp(40px,9.2vw,63px)}.social-heading>p{font-size:16px}.social-cards{grid-template-columns:1fr;gap:20px}.social-card{min-height:330px;padding:22px 25px}.card-inner{padding:15px 0 25px}.card-inner h3{font-size:30px}.card-inner p{font-size:14px}.social-icon{width:43px;height:43px}.facebook-icon{font-size:48px;height:54px}.contact{min-height:720px}.contact .section-label{margin-bottom:70px}.contact .eyebrow{font-size:12px;max-width:270px;margin:0 auto 23px}.contact h2{font-size:15vw}.contact-description{font-size:15px;margin:25px 0}.contact-cta{font-size:12px;padding:17px 21px;gap:16px}.contact-details{flex-direction:column;font-size:12px;text-align:center;margin-top:54px;gap:20px}.contact-details>p:last-child{text-align:center}footer{padding:25px 6%}.footer-brand{font-size:12vw;line-height:1.4}.footer-brand>span{font-size:30px}.footer-bottom{flex-wrap:wrap;font-size:12px;margin-top:22px;gap:18px;padding-right:20px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%;font-size:12px}.footer-bottom a{margin-left:auto}.motion-control{width:34px;height:34px;right:12px;bottom:12px}.js-motion .reveal{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Photographic scene: isolated assets preserve fine glass and botanical detail. */
.scene-wrap{background:radial-gradient(ellipse at 78% 48%,#372410 0%,#101d13 35%,#060907 74%);perspective:1400px}.photo-stage{position:absolute;inset:0;perspective:1400px;transform-style:preserve-3d}.beer-photo{position:absolute;left:57%;top:14%;height:77%;max-height:900px;width:auto;max-width:none;object-fit:contain;transform-origin:50% 65%;will-change:transform;filter:drop-shadow(0 30px 32px #0008)}.scene-glow{position:absolute;inset:12% -10% 5% 35%;background:radial-gradient(ellipse,#a66c193d,transparent 63%);will-change:transform;pointer-events:none}.scene-shade{background:linear-gradient(90deg,#040805d4 0%,#04080561 42%,transparent 68%),linear-gradient(0deg,#06090766,transparent 24%)}.hop-layer{position:fixed;inset:0;pointer-events:none;z-index:5;perspective:1400px;overflow:hidden;isolation:isolate}.hop-object{position:absolute;left:0;top:0;width:clamp(92px,12vw,190px);aspect-ratio:1;border:0;padding:0;background:none;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;user-select:none}.hop-object img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:brightness(var(--hop-light,1)) drop-shadow(10px 23px 19px #0009);transition:filter .25s;user-select:none}.hop-object:focus-visible{outline:1px solid var(--lime);outline-offset:-12px;border-radius:50%}.hop-object.dragging{cursor:grabbing;z-index:3}.hop-two{width:clamp(120px,15.5vw,240px)}.hop-three{width:clamp(76px,9vw,145px)}.hop-three img{filter:brightness(var(--hop-light,1)) drop-shadow(6px 12px 12px #0009) blur(.3px)}.hero-content,.interlude-text{will-change:transform}.hero-edition{color:#d3ed85}.place{background:linear-gradient(90deg,#060907eb 0%,#060907a3 50%,#06090722)}.interlude{perspective:1400px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.beer-photo{left:58%;height:83%;top:10%}}
@media(max-width:1050px) and (min-width:761px){.beer-photo{left:52%;height:76%;top:19%}}
@media(max-width:760px){.beer-photo{left:32%;top:30%;height:62%;max-height:600px;opacity:.9}.scene-shade{background:linear-gradient(90deg,#040805c9,transparent 100%),linear-gradient(#04080533,transparent 55%,#04080588)}.hop-object{width:100px}.hop-two{width:120px}.hop-three{width:75px}.hero-edition{display:block;font-size:10px;letter-spacing:1px;right:6%;bottom:88px}.hero-top>span:last-child{max-width:120px;text-align:right}.hero-bottom{position:relative;z-index:1}.place{background:linear-gradient(90deg,#060907f2,#06090799)}.hop-object:focus-visible{outline-offset:-6px}}
@media(prefers-reduced-motion:reduce){.hero-content,.interlude-text{will-change:auto}}

.hop-layer{opacity:0;transition:opacity .8s}body.scene-interactive .hop-layer{opacity:1}
/* Keep the mobile scene stable while browser controls expand/collapse. */
.scroll-progress{width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}
@media(max-width:760px){
 .photo-stage{inset:0 0 auto;height:var(--scene-height,100svh);perspective:none;transform-style:flat}
 .hop-layer{bottom:auto;height:var(--scene-height,100svh);perspective:none}
 .scene-wrap{perspective:none}
 .beer-photo{filter:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}
 .hop-object{transform-style:flat;backface-visibility:hidden;-webkit-backface-visibility:hidden}
 .hop-object img,.hop-three img{filter:none;transition:none}
 .scene-glow{will-change:auto}
 .header,.social,.social-card,.floating-note,.motion-control{backdrop-filter:none;-webkit-backdrop-filter:none}
 .header{background:#060907f2}
 .social{background:#060907e8}
 .social-card{background:linear-gradient(135deg,#163121,#0b140d)}
 .floating-note{background:linear-gradient(145deg,#233e2c,#101c14)}
 .hero-content,.interlude-text{will-change:auto}
}