@font-face{font-family:Rubik;src:url('/assets/fonts/rubik-variable.ttf') format('truetype');font-weight:300 900;font-display:swap}
:root{--ink:#191b1a;--paper:#f2f0e9;--yellow:#fdbe12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Rubik,Arial,sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.wrap{max-width:1160px;margin-inline:auto;padding-inline:32px}.skip{position:fixed;top:-100px;inset-inline-start:20px;z-index:10;background:var(--yellow);color:var(--ink);padding:12px}.skip:focus{top:8px}.site-header{background:var(--ink);position:sticky;top:0;z-index:5;border-bottom:1px solid #ffffff20}.header-inner{max-width:1160px;margin:auto;padding:8px 32px;display:flex;align-items:center;gap:30px}.logo{display:block;width:82px;height:82px;object-fit:contain}nav{display:flex;align-items:center;gap:28px;margin-inline-start:auto}nav a{text-decoration:none;font-size:17px;font-weight:600}nav a:hover,.language:hover{color:var(--yellow)}.nav-taps{color:var(--yellow)}.language{border:1px solid #ffffff50;padding:5px 12px;text-decoration:none;font-size:14px}.hero{padding-block:88px 96px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6.4vw,78px);font-weight:800;line-height:1.16;letter-spacing:-.035em;margin-bottom:30px}h1 span,h2 span{display:block}h1 span+span{color:var(--yellow)}.hero>p{font-size:23px;max-width:730px;margin-bottom:34px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:12px 23px;text-decoration:none;font-weight:600;border:1px solid var(--yellow)}.primary{background:var(--yellow);color:var(--ink)}.secondary{color:var(--yellow)}.button:hover{transform:translateY(-2px)}.story{background:var(--paper);color:var(--ink);padding-block:82px}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}h2{font-size:clamp(34px,4.6vw,52px);line-height:1.2;letter-spacing:-.03em;font-weight:800}.story p{font-size:18px;margin-bottom:22px}.story p:last-child{margin-bottom:0}.brands{padding-block:84px}.brands>h2{margin-bottom:54px}.brewery-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:62px;row-gap:58px}.brewery{display:grid;grid-template-columns:112px 1fr;gap:22px;align-items:start}.brewery img{width:112px;height:112px;object-fit:contain}.brewery h3{font-size:25px;line-height:1.25;margin-bottom:8px}.origin{color:var(--yellow);display:block;margin-bottom:14px;font-size:16px}.brewery p{font-size:16px;margin-bottom:0;color:#e3e2dc}.contact{background:#222522;padding-block:76px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{color:var(--yellow)}.contact p{max-width:430px;font-size:20px}.contact-links>a{display:flex;flex-direction:column;text-decoration:none;padding:15px 0;border-bottom:1px solid #ffffff30}.contact-links b{font-weight:500;font-size:clamp(19px,2.3vw,27px);align-self:flex-start}.contact-links span{font-size:14px;color:#cecec5}.social{display:flex;gap:24px;padding-top:22px;direction:ltr;justify-content:flex-start}footer{padding-block:25px;display:flex;gap:25px;justify-content:space-between;font-size:13px;color:#c2c4bc}.document{padding-block:60px;max-width:850px;min-height:65vh}.document p,.document li{font-size:18px}.document a{color:var(--yellow)}
@media(max-width:800px){.header-inner{gap:16px}nav{gap:16px}nav a{font-size:15px}.story-grid,.contact-grid{gap:36px}.brewery-grid{column-gap:30px}.brewery{grid-template-columns:85px 1fr;gap:16px}.brewery img{width:85px;height:85px}}
@media(max-width:600px){html{scroll-padding-top:140px}.wrap{padding-inline:22px}.header-inner{padding:7px 20px;flex-wrap:wrap;gap:6px 18px}.logo{width:61px;height:61px}.language{margin-inline-start:auto}.header-inner nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px;padding:8px 0 4px}.header-inner nav a{font-size:13px}.hero{padding-block:48px 54px}h1{font-size:44px}.hero>p{font-size:18px}.actions{flex-direction:column;align-items:stretch}.button{font-size:15px;gap:12px}.story,.brands,.contact{padding-block:48px}.story-grid,.contact-grid{grid-template-columns:1fr;gap:18px}.story p{font-size:17px}.brewery-grid{grid-template-columns:1fr;row-gap:32px}.brewery{grid-template-columns:90px 1fr;gap:20px}.brewery img{width:90px;height:90px}.brewery h3{font-size:23px}.brewery p{font-size:16px}.brands>h2{margin-bottom:34px}.contact p{font-size:18px}footer{flex-wrap:wrap;gap:14px;font-size:12px}html[lang=en] h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
/* Accessibility: visible focus, wrapping at text zoom, and practical touch targets. */
.button-icon{width:23px;height:23px;flex-shrink:0}a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}.site-header a,footer a{min-height:44px;display:inline-flex;align-items:center}.site-header nav{flex-wrap:wrap}.document h1{font-size:clamp(32px,6vw,54px);overflow-wrap:anywhere}.document h2{font-size:26px;line-height:1.4;margin-top:36px}.document p{overflow-wrap:anywhere}.document .site-header{position:static}h1,h2,h3{overflow-wrap:anywhere}footer{flex-wrap:wrap;align-items:center}.site-header a.logo{display:block}main:focus{outline:none}
@media(max-width:360px){.header-inner{padding-inline:14px}.header-inner nav{justify-content:center;gap:4px 14px}.header-inner nav a{font-size:13px}.wrap{padding-inline:18px}html[lang=en] h1{font-size:34px}.brewery{grid-template-columns:72px minmax(0,1fr);gap:14px}.brewery img{width:72px;height:72px}.brewery h3{font-size:21px}}
:focus-visible{scroll-margin-block:150px}@media(max-width:600px),(max-height:500px){.site-header{position:static}}