@font-face{font-family:"Vehicle JNL";src:url("VehicleJNL.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
    :root{--slate:#151b1a;--slate-2:#202725;--limestone:#e8e8e4;--white:#f2f2ef;--sage:#8ea99a;--sage-dark:#405b4c;--ink:#101514;--amber:#d99a1d;--display:"Vehicle JNL","Arial Narrow",sans-serif;--body:"EB Garamond",Georgia,serif;--gutter:clamp(1.25rem,4vw,4.5rem);--header:5rem;--ease:cubic-bezier(.22,1,.36,1);--z-header:20;--z-menu:30}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:var(--header);background:var(--slate)}
    body{margin:0;background:var(--slate);color:var(--limestone);font:400 clamp(1.1rem,1.45vw,1.27rem)/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
    body.menu-open{overflow:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.9;text-transform:uppercase;text-wrap:balance;letter-spacing:-.01em}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--sage);outline-offset:5px}::selection{background:var(--sage);color:var(--ink)}
    .shell{width:min(100%,92rem);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.65rem 1rem;background:var(--white);color:var(--ink);font:400 .86rem/1 var(--display);text-transform:uppercase;transform:translateY(-160%);transition:transform .2s var(--ease)}.skip:focus{transform:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
    .site-header{position:absolute;inset:0 0 auto;z-index:var(--z-header);height:var(--header);border-bottom:1px solid rgb(232 232 228/.22);color:var(--white)}.nav-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand-link{display:flex;align-items:center;gap:.75rem;flex:none;line-height:0}.brand-mark{width:1.55rem;height:2.9rem}.brand-wordmark{width:7.1rem;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(1.4rem,3.2vw,3rem);font:400 .86rem/1 var(--display);letter-spacing:.11em;text-transform:uppercase}.desktop-nav a{position:relative;padding-block:1rem}.desktop-nav a::after{content:"";position:absolute;right:0;bottom:.55rem;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;border:0;background:none;color:inherit;padding:.75rem 0;font:400 .85rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.mobile-menu{display:none}
    .hero{position:relative;min-height:46rem;height:100svh;max-height:70rem;overflow:hidden;background:#080b0a;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2;margin:0;overflow:hidden}.hero-photo,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;animation:hero-in 1.6s var(--ease) both}.hero-overlay{z-index:1;pointer-events:none}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,9,8,.92) 0%,rgba(6,9,8,.66) 35%,rgba(6,9,8,.08) 70%),linear-gradient(0deg,rgba(7,10,9,.72) 0%,transparent 42%)}.hero .shell{height:100%;display:grid;align-items:end;padding-top:calc(var(--header) + 4rem);padding-bottom:clamp(2.5rem,7vh,5.5rem)}.hero-copy{width:min(39rem,68vw);animation:copy-in 1s .18s var(--ease) both}.hero-kicker{display:flex;width:min(27rem,100%);align-items:center;gap:1rem;margin-bottom:1.2rem;font:400 .78rem/1.2 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}.hero-kicker::before{content:"";width:2.75rem;height:1px;background:currentColor;flex:none}.hero-kicker span{margin-left:auto;transform:translateX(-1.28rem);white-space:nowrap}.hero-wordmark{width:min(27rem,100%);max-width:none;line-height:1}.hero-wordmark img{width:100%;height:auto}.hero-intro{max-width:27rem;margin-top:1.45rem;color:var(--limestone);font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.35}.hero-actions{display:flex;align-items:center;gap:1.75rem;margin-top:2rem}.button{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:space-between;gap:2.25rem;border:1px solid currentColor;padding:.8rem 1rem .78rem 1.15rem;font:400 .84rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;transition:background .3s var(--ease),color .3s var(--ease)}.button span{font-size:1.15rem;transition:transform .3s var(--ease)}.button:hover{background:var(--limestone);color:var(--ink)}.button:hover span{transform:translateX(.3rem)}.hero-spec{font:400 .79rem/1.45 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--limestone)}.hero-spec b{display:block;color:var(--white);font-size:1.15rem;font-weight:400;letter-spacing:.04em}.scroll-note{position:absolute;right:var(--gutter);bottom:3rem;writing-mode:vertical-rl;font:400 .7rem/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:rgb(232 232 228/.72)}.scroll-note::after{content:"";display:block;width:1px;height:4rem;background:currentColor;margin:1rem auto 0;animation:scroll-line 1.8s ease-in-out infinite}
    .beer{background:var(--white);color:var(--ink);padding:clamp(5rem,10vw,9rem) 0;overflow:hidden}.beer-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:clamp(2rem,6vw,7rem);align-items:end;padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid rgb(16 21 20/.26)}.beer-title{font-size:clamp(4.25rem,10vw,6rem);white-space:nowrap}.beer-lede{font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.35;max-width:26rem}.beer-layout{display:grid;grid-template-columns:minmax(18rem,.78fr) minmax(0,1.22fr);gap:clamp(2.5rem,7vw,8rem);align-items:center;padding-top:clamp(3rem,6vw,5rem)}.pint-frame{height:min(72rem,82vh);min-height:35rem;overflow:hidden;background:var(--slate)}.pint-frame img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 1.1s var(--ease)}.pint-frame:hover img{transform:scale(1.025)}.beer-copy{max-width:38rem}.beer-lockup{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.35rem;border-block:1px solid rgb(16 21 20/.25);font:400 .9rem/1.35 var(--display);letter-spacing:.11em;text-transform:uppercase;color:var(--sage-dark)}.beer-lockup strong{font-weight:400;color:var(--ink);font-size:1.3rem;letter-spacing:.03em}.tasting{margin-top:clamp(2rem,5vw,4rem);font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.28;color:var(--ink)}.beer-copy .detail{margin-top:1.5rem;max-width:34rem;color:#35403c}.beer .button{margin-top:2.25rem;color:var(--ink)}.beer .button:hover{background:var(--ink);color:var(--white)}.kitchen-proof{display:grid;grid-template-columns:minmax(15rem,.62fr) minmax(0,1.38fr);gap:clamp(2rem,7vw,7rem);align-items:center;margin-top:clamp(5rem,10vw,9rem);padding-top:clamp(3rem,6vw,5rem);border-top:1px solid rgb(16 21 20/.26)}.kitchen-label{font:400 .78rem/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--sage-dark)}.kitchen-copy h3{margin-top:1.2rem;font-size:clamp(3rem,5vw,4.8rem);max-width:7ch}.kitchen-copy p:last-child{max-width:27rem;margin-top:1.5rem;font-size:1.3rem;line-height:1.45}.kitchen-art{min-width:0;overflow:hidden;background:var(--slate)}.kitchen-art img{width:100%;height:auto;transition:transform .8s var(--ease)}.kitchen-art:hover img{transform:scale(1.015)}
    .statement{position:relative;min-height:40rem;display:grid;align-items:center;padding:clamp(6rem,12vw,10rem) 0;background:var(--slate);overflow:hidden}.statement::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--sage) 0 26%,transparent 26%)}.statement-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(2.5rem,8vw,9rem);align-items:start}.statement-mark{width:clamp(5rem,9vw,8rem);opacity:.95}.statement blockquote{font:400 clamp(2.4rem,5.7vw,5.6rem)/1.02 var(--body);letter-spacing:-.025em;max-width:19ch}.statement blockquote em{color:var(--sage);font-weight:400}.statement-note{margin-top:2.2rem;max-width:41rem;color:#c5cbc6}
    .roots{position:relative;background:var(--limestone);color:var(--ink);overflow:hidden;padding:clamp(5.5rem,12vw,11rem) 0 0}.roots-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,9vw,10rem);align-items:start}.roots-year{font:400 clamp(5.5rem,13vw,11rem)/.8 var(--display);letter-spacing:-.025em;color:var(--sage-dark)}.roots-year small{display:block;margin-top:1.4rem;font-size:.08em;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.roots h2{font-size:clamp(3.25rem,6vw,5.75rem);max-width:10ch}.roots-copy{max-width:37rem;margin-top:2rem;font-size:1.28rem;line-height:1.55}.roots-copy p+p{margin-top:1.1rem}.roots-words{display:flex;flex-wrap:wrap;gap:.65rem 1.4rem;margin-top:2.2rem;font:400 clamp(1.25rem,2.5vw,2rem)/1 var(--display);text-transform:uppercase;color:var(--sage-dark)}.roots-words span+span::before{content:"·";margin-right:1.4rem;color:var(--ink)}.viaduct{width:100%;aspect-ratio:1440/420;margin-top:clamp(4rem,9vw,8rem)}.viaduct img{width:100%;height:100%}
    .mark{background:var(--ink);padding:clamp(5.5rem,11vw,10rem) 0}.mark-grid{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);gap:clamp(3rem,10vw,11rem);align-items:center}.mark-visual{display:grid;place-items:center;min-height:29rem;border-block:1px solid rgb(142 169 154/.45)}.mark-visual img{width:clamp(8rem,14vw,12rem)}.mark-copy h2{font-size:clamp(3.3rem,6vw,5.6rem);max-width:9ch}.mark-copy .lead{margin-top:2rem;font-size:clamp(1.45rem,2.5vw,1.9rem);line-height:1.35;color:var(--white)}.mark-copy p:last-child{margin-top:1.25rem;max-width:35rem;color:#c1c8c3}
    .visit{position:relative;min-height:48rem;display:grid;align-items:end;overflow:hidden;background:#080a09}.visit-media{position:absolute;inset:0;margin:0}.visit-media img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.visit::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,5,.94),rgba(4,6,5,.07) 70%),linear-gradient(90deg,rgba(4,6,5,.68),transparent 64%)}.visit-content{position:relative;z-index:1;width:min(44rem,100%);padding-top:10rem;padding-bottom:clamp(3.5rem,7vw,6rem)}.visit h2{font-size:clamp(3.6rem,8vw,6rem);max-width:9ch}.visit p{max-width:34rem;margin-top:1.4rem;font-size:1.35rem;line-height:1.45}.visit-address{margin-top:1.6rem!important;color:var(--sage);font:400 .9rem/1.5 var(--display)!important;letter-spacing:.09em;text-transform:uppercase}.visit-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.visit .button:first-child{background:var(--limestone);color:var(--ink)}.visit .button:first-child:hover{background:var(--sage)}
    .footer{background:#0a0e0d;border-top:1px solid rgb(142 169 154/.3);padding:2.5rem 0 calc(2.5rem + env(safe-area-inset-bottom))}.footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.footer-brand{display:flex;align-items:center;gap:1rem;line-height:0}.footer-mark{width:1.8rem;height:3.4rem}.footer-wordmark{width:8.75rem;height:auto}.footer-tag{font-size:1.15rem;font-style:italic;text-align:center;color:#c8cec9}.footer-meta{text-align:right;font:400 .72rem/1.7 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#9ca6a0}.footer-meta span{display:block;color:var(--sage)}
    .reveal-line{position:relative}.reveal-line::after{content:"";position:absolute;right:0;bottom:-1rem;left:0;height:1px;background:currentColor;transform:scaleX(.16);transform-origin:left;opacity:.38;transition:transform 1.2s var(--ease)}.reveal-line.in-view::after{transform:scaleX(1)}
    @keyframes hero-in{from{transform:scale(1.08);filter:blur(4px)}to{transform:scale(1);filter:blur(0)}}@keyframes copy-in{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes scroll-line{0%,100%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}
    @media(max-width:900px){.beer-head{grid-template-columns:1fr;gap:1.25rem}.beer-title{white-space:normal}.beer-layout{grid-template-columns:minmax(16rem,.85fr) 1fr;gap:2.5rem}.statement-grid,.roots-grid{grid-template-columns:1fr}.statement-mark{width:5rem}.statement blockquote{max-width:20ch}.mark-grid{gap:3rem}.footer-row{grid-template-columns:1fr 1fr}.footer-tag{display:none}}
    @media(max-width:640px){:root{--header:4.45rem}.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{display:flex;position:fixed;z-index:var(--z-menu);inset:0;background:var(--slate);padding:calc(var(--header) + 3rem) var(--gutter) 3rem;flex-direction:column;justify-content:space-between;visibility:hidden;opacity:0;transform:translateY(-1rem);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}.mobile-menu.open{visibility:visible;opacity:1;transform:none}.mobile-menu nav{display:grid;gap:1.2rem}.mobile-menu nav a{font:400 clamp(2.7rem,13vw,4rem)/1 var(--display);text-transform:uppercase;border-bottom:1px solid rgb(232 232 228/.2);padding-bottom:1rem}.mobile-menu p{color:var(--sage);font-style:italic}.site-header{position:absolute}.brand-wordmark{width:6.5rem}.hero{min-height:42rem;max-height:56rem}.hero-media img{object-position:61% 50%}.hero::before{background:linear-gradient(0deg,rgba(5,8,7,.96) 0%,rgba(5,8,7,.5) 58%,rgba(5,8,7,.08) 100%)}.hero .shell{padding-bottom:2rem}.hero-copy{width:100%}.hero-kicker{width:auto;gap:1rem;font-size:.67rem;letter-spacing:.16em}.hero-kicker span{margin-left:0;transform:none;white-space:normal}.hero-wordmark{width:min(18.5rem,84vw)}.hero-intro{font-size:1.25rem;max-width:22rem}.hero-actions{align-items:flex-end;justify-content:space-between;gap:1rem}.hero-spec{font-size:.67rem}.hero-spec b{font-size:1rem}.scroll-note{display:none}.beer{padding-block:4.5rem}.beer-head{padding-bottom:2.6rem}.beer-title{font-size:clamp(3.7rem,18vw,5.2rem)}.beer-layout{grid-template-columns:1fr;padding-top:2.5rem}.pint-frame{height:66svh;min-height:31rem}.beer-lockup{gap:1rem}.beer-lockup strong{font-size:1.1rem}.tasting{font-size:1.75rem}.beer-copy .detail{font-size:1.12rem}.beer-availability{font-size:1.18rem}.statement{min-height:0;padding-block:5.5rem}.statement-grid{gap:2.6rem}.statement blockquote{font-size:clamp(2.35rem,11vw,3.35rem)}.roots{padding-top:5.5rem}.roots-grid{gap:2.8rem}.roots-year{font-size:clamp(5.3rem,28vw,8rem)}.roots h2{font-size:clamp(3rem,14vw,4.3rem)}.roots-copy{font-size:1.15rem}.roots-words{font-size:1.25rem;line-height:1.5;gap:.1rem .8rem}.roots-words span+span::before{margin-right:.8rem;color:var(--ink)}.viaduct{height:auto;aspect-ratio:1440/420;margin-top:4rem}.mark{padding-block:5.5rem}.mark-grid{grid-template-columns:1fr}.mark-visual{min-height:21rem}.mark-copy h2{font-size:clamp(3.2rem,15vw,4.6rem)}.visit{min-height:44rem}.visit-media img{object-position:52% center}.visit::after{background:linear-gradient(0deg,rgba(4,6,5,.96),rgba(4,6,5,.18) 82%)}.visit h2{font-size:clamp(3.25rem,16vw,4.7rem)}.visit p{font-size:1.2rem}.visit-actions{display:grid}.visit .button{width:100%}.footer-row{grid-template-columns:1fr}.footer-meta{text-align:left}.footer-tag{display:block;text-align:left}}
    @media(max-width:640px){.kitchen-proof{grid-template-columns:1fr;gap:2.5rem;margin-top:5rem;padding-top:3.5rem}.kitchen-copy h3{font-size:clamp(3.2rem,15vw,4.5rem)}.kitchen-copy p:last-child{font-size:1.18rem}.kitchen-art{margin-inline:-.8rem}}
    @media(max-width:360px){.hero-actions{display:block}.hero-spec{margin-top:1.1rem}.brand-mark{width:1.3rem;height:auto}.brand-wordmark{width:6rem}.pint-frame{min-height:27rem}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-media img{transform:none}.scroll-note{display:none}}