:root{
  --cream:#f8f4f1;
  --blue:#0f24fb;
  --ink:#111111;
  --coral:#ff745d;
  --yellow:#f4e94f;
  --pad:clamp(20px,4vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--blue);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.nav{height:84px;padding:14px var(--pad);display:flex;align-items:center;gap:28px;border-bottom:2px solid var(--blue);position:sticky;top:0;background:rgba(248,244,241,.94);backdrop-filter:blur(10px);z-index:20}
.brand{width:158px;display:block;overflow:hidden;height:54px}
.brand img{width:210px;height:105px;object-fit:cover;object-position:left center;transform:translateY(-25px);mix-blend-mode:multiply}
nav{margin-left:auto;display:flex;gap:30px;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.lang{border:2px solid var(--blue);background:none;color:var(--blue);font-weight:900;padding:9px 11px}.lang span{opacity:.45}
.hero{min-height:calc(100vh - 84px);position:relative;display:grid;grid-template-columns:1.04fr .96fr;padding:clamp(55px,7vw,110px) var(--pad) 100px;border-bottom:2px solid var(--blue);overflow:hidden}
.hero-copy{z-index:2;align-self:center;max-width:830px}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.14em;margin:0 0 18px}.hero h1,.section-heading h2,.story h2,.wild h2{font-size:clamp(58px,7.7vw,126px);line-height:.84;letter-spacing:-.075em;margin:0;font-weight:950;text-transform:uppercase}.hero h1 em{font-style:normal;-webkit-text-stroke:2px var(--blue);color:transparent}.lede{font-size:clamp(20px,2vw,30px);line-height:1.1;font-weight:700;max-width:670px;margin:32px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{padding:16px 19px;border:2px solid var(--blue);font-weight:950;font-size:13px;letter-spacing:.03em}.primary{background:var(--blue);color:var(--cream)}.button:hover{transform:translateY(-2px)}
.hero-art{position:relative;min-height:600px;align-self:center}.hero-art img{position:absolute;width:min(680px,54vw);right:-7vw;bottom:-13%;mix-blend-mode:multiply;z-index:2}.sun{position:absolute;width:min(37vw,510px);aspect-ratio:1;border-radius:50%;background:var(--coral);right:1vw;top:3%;z-index:0}.stamp{position:absolute;right:4%;top:1%;z-index:4;border:3px solid var(--blue);border-radius:50%;width:112px;aspect-ratio:1;display:grid;place-items:center;text-align:center;font-size:16px;font-weight:950;transform:rotate(12deg)}
.ticker{position:absolute;bottom:0;left:0;width:100%;height:44px;background:var(--blue);color:var(--cream);display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:16px;font-weight:900}.ticker div{animation:ticker 25s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}
.beers{padding:100px var(--pad) 120px}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;column-gap:40px;align-items:end;margin-bottom:62px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(60px,9vw,148px)}.section-heading>p:last-child{font-size:18px;line-height:1.3;font-weight:700;max-width:480px;justify-self:end;margin:0 0 8px}.beer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.beer-card{min-height:630px;border:2px solid var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.beer-card:before,.beer-card:after{content:"";position:absolute;width:220%;height:54px;background:var(--blue);transform:rotate(-28deg)}.beer-card:before{top:14%}.beer-card:after{bottom:18%}.fuego{background:var(--coral)}.azul{background:#9dc8ff}.limon{background:var(--yellow)}.can{height:390px;width:150px;border-radius:15px 15px 22px 22px;border:3px solid var(--blue);background:var(--cream);z-index:2;box-shadow:12px 12px 0 var(--blue);display:flex;flex-direction:column;align-items:center;padding:27px 10px;transform:rotate(3deg);transition:.25s}.beer-card:nth-child(2) .can{transform:rotate(-3deg)}.beer-card:hover .can{transform:rotate(0) translateY(-9px)}.can:before{content:"";height:12px;width:100%;position:absolute;top:5px;border-top:2px solid var(--blue);border-bottom:1px solid var(--blue)}.can .mini{font-size:12px;font-weight:950}.can strong{font-size:48px;line-height:1;margin:auto 0 4px;letter-spacing:-.06em}.can small{font-weight:950}.can-lizard{font-size:60px;margin:auto}.beer-meta{position:absolute;bottom:0;left:0;right:0;height:55px;background:var(--cream);border-top:2px solid var(--blue);z-index:4;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-weight:900;font-size:12px}
.story{background:var(--blue);color:var(--cream);padding:110px var(--pad);display:grid;grid-template-columns:.65fr 1.25fr .5fr;gap:40px;align-items:center;overflow:hidden}.story-mark{font-size:clamp(60px,8vw,120px);font-weight:950;line-height:.68;letter-spacing:-.08em;opacity:.18;transform:rotate(-90deg);white-space:nowrap}.story h2{font-size:clamp(50px,6vw,96px);margin-bottom:36px}.story-copy>p:not(.eyebrow){font-size:20px;line-height:1.28;font-weight:700;max-width:750px}.head{width:110%;border-radius:50%;border:3px solid var(--cream);transform:translateX(4%)}
.manifesto{padding:55px var(--pad);border-bottom:2px solid var(--blue);font-size:clamp(38px,6vw,96px);line-height:.88;font-weight:950;letter-spacing:-.06em}.manifesto p{margin:0}.manifesto p:nth-child(2){text-align:center;-webkit-text-stroke:2px var(--blue);color:transparent}.manifesto p:nth-child(3){text-align:right}
.wild{padding:110px var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.wild h2{font-size:clamp(58px,7vw,110px)}.photo-placeholder{aspect-ratio:4/3;border:2px solid var(--blue);background:repeating-linear-gradient(45deg,var(--cream),var(--cream) 20px,rgba(15,36,251,.09) 20px,rgba(15,36,251,.09) 40px);display:grid;place-items:center;text-align:center;font-weight:950;font-size:18px}.wild-note{grid-column:2;font-size:16px;font-weight:800;margin:-28px 0 0}
footer{background:var(--blue);color:var(--cream);padding:60px var(--pad) 30px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.footer-wordmark{font-size:clamp(72px,12vw,180px);font-weight:950;letter-spacing:-.09em;line-height:.72}.footer-links{display:flex;gap:24px;font-weight:900}.footer-links a{text-decoration:underline;text-underline-offset:5px}footer>p{grid-column:1/-1;border-top:1px solid rgba(248,244,241,.5);padding-top:22px;font-size:12px;font-weight:800;letter-spacing:.12em}
@media(max-width:900px){.nav{height:70px}.brand{width:125px;height:45px}.brand img{width:170px;height:85px;transform:translateY(-20px)}nav{display:none}.lang{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:54px;min-height:auto}.hero-art{min-height:460px}.hero-art img{width:120%;right:-34%;bottom:-18%}.sun{width:75vw;right:-10%;top:0}.stamp{right:3%;top:0;width:90px}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{justify-self:start;margin-top:25px}.beer-grid{grid-template-columns:1fr}.beer-card{min-height:560px}.story{grid-template-columns:1fr;position:relative}.story-mark{display:none}.story .head{position:absolute;right:-25%;bottom:-7%;width:70%;opacity:.18}.story-copy{position:relative;z-index:2}.wild{grid-template-columns:1fr}.wild-note{grid-column:1;margin:-30px 0 0}.footer-links{flex-direction:column;gap:10px}}
@media(max-width:540px){.hero h1{font-size:15.4vw}.lede{font-size:19px}.hero-actions{flex-direction:column;align-items:flex-start}.button{width:100%;text-align:center}.hero-art{min-height:390px}.hero-art img{width:145%;right:-55%}.sun{width:90vw}.beers,.story,.wild{padding-top:75px;padding-bottom:80px}.beer-card{min-height:510px}.can{height:330px;width:126px}.can strong{font-size:38px}.story-copy>p:not(.eyebrow){font-size:18px}footer{grid-template-columns:1fr}.footer-links{align-items:flex-start}}