*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--kalk);color:var(--ink);font-family:var(--font-body);font-size:var(--body-size);line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}body:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h280v280H0z' filter='url(%23a)' opacity='.55'/%3E%3C/svg%3E");background-size:280px;content:"";inset:0;opacity:var(--grain);pointer-events:none;position:fixed;z-index:50}img,svg,video{display:block;height:auto;max-width:100%}a{color:inherit}:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.skip-link{background:var(--ink);color:var(--kalk);left:-9999px;padding:1rem 1.5rem;position:absolute;top:0;z-index:999}.skip-link:focus{left:0}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;letter-spacing:.005em;line-height:.94;margin:0 0 .5em;text-transform:uppercase;text-wrap:balance}h1{font-size:clamp(2.6rem,6vw,4.8rem)}h2{font-size:clamp(2rem,4.5vw,3.2rem)}h3{font-size:clamp(1.5rem,3vw,2.1rem)}h4{font-size:1.25rem}h5{font-size:1.05rem}h6{font-size:.95rem;letter-spacing:.08em}p{margin:0 0 1.25rem}p:last-child{margin-bottom:0}.lede{font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.45;max-width:54ch}.mute{color:var(--muted)}blockquote{border-left:6px solid var(--hazard);font-size:1.15em;margin:2rem 0;padding-left:1.5rem}hr{border:0;border-top:1px dashed var(--rule);margin:3rem 0}code,pre{font-family:var(--font-mono)}.misreg{text-shadow:.045em .05em 0 var(--hazard)}.mono-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em}.wrap{margin-inline:auto;max-width:var(--content-width);padding-inline:clamp(1.1rem,4vw,3rem);width:100%}.wrap--narrow{max-width:780px}.section{padding-block:clamp(3rem,7vw,6rem)}.section--staal{background:var(--staal);color:var(--kalk)}.section--staal .mute{color:#9ba69f}.section--asfalt{background:var(--ink);color:var(--kalk)}.section--hazard{background:var(--hazard);color:var(--ink)}.stamp-row{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.stamp{border:1.5px solid;color:var(--muted);display:inline-block;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;padding:.3rem .7rem;text-transform:uppercase;transform:rotate(calc(var(--tilt)*-1.6deg))}.stamp--light{color:#9ba69f}.stamp-row:after{background:var(--muted);content:"";flex:1;height:1px;opacity:.3}.strip,.tape-wrap{overflow:hidden}.strip{background:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.25);color:var(--kalk);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.22em;padding:.5rem 0;text-transform:uppercase;transform:rotate(calc(var(--tilt)*-.5deg)) scaleX(1.03);white-space:nowrap}.strip i{color:var(--hazard);font-style:normal;padding-inline:1.1rem}.sticker{background:var(--surface);border:1px solid var(--rule-hard);box-shadow:4px 4px 0 var(--shadow)}.btn{background:var(--hazard);border:none;box-shadow:3px 3px 0 rgba(0,0,0,.45);color:var(--ink);cursor:pointer;display:inline-block;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;padding:.8rem 1.5rem;text-decoration:none;text-transform:uppercase;transform:rotate(calc(var(--tilt)*-.8deg));transition:transform .15s ease,box-shadow .15s ease}.btn:focus-visible,.btn:hover{box-shadow:4px 4px 0 rgba(0,0,0,.45);transform:rotate(0deg) translateY(-1px)}.btn--ghost{background:transparent;border:1.5px dashed var(--muted);box-shadow:none;color:currentColor;transform:rotate(calc(var(--tilt)*.6deg))}.btn--ghost:hover{border-style:solid;box-shadow:none}.btn--sm{font-size:.7rem;padding:.5rem .9rem}.lvl-header{background:var(--ink);border-bottom:3px solid var(--hazard);color:var(--kalk);position:relative;z-index:10}.lvl-header__inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-inline:auto;max-width:var(--content-width);padding:.9rem clamp(1.1rem,4vw,3rem)}.lvl-header__logo img{height:36px;width:auto}.lvl-header__wordmark{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.01em;text-transform:uppercase}.lvl-header__nav{align-items:center;display:flex;gap:1.25rem}.lvl-nav{display:flex;flex-wrap:wrap;gap:1.1rem;list-style:none;margin:0;padding:0}.lvl-nav__item a{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;padding-block:.3rem;text-decoration:none;text-transform:uppercase}.lvl-nav__item a:hover{color:var(--hazard)}.lvl-nav__item a[aria-current]{border-bottom:2px solid var(--hazard);color:var(--hazard)}.lvl-header__toggle{background:none;border:1.5px solid var(--kalk);cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.55rem .6rem}.lvl-header__toggle-bar{background:var(--kalk);display:block;height:2px;width:20px}.lvl-footer{background:var(--staal);color:var(--kalk)}.lvl-footer__inner{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-inline:auto;max-width:var(--content-width);padding:clamp(3rem,6vw,4.5rem) clamp(1.1rem,4vw,3rem)}.lvl-footer__tagline{color:#9ba69f;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;margin-top:1rem;text-transform:uppercase}.lvl-footer__story{color:#b8c0b9;max-width:46ch}.lvl-footer__story a{color:var(--hazard)}.lvl-footer__social ul{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:1rem 0 0;padding:0}.lvl-footer__social a{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.lvl-footer__social a:hover{color:var(--hazard)}.lvl-footer__legal{border-top:1px dashed rgba(240,240,238,.25);color:#9ba69f;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;margin-inline:auto;max-width:var(--content-width);padding:1.1rem clamp(1.1rem,4vw,3rem);text-transform:uppercase}.lvl-hero{background:var(--staal);color:var(--kalk);padding-block:clamp(3rem,8vw,6rem)}.lvl-hero__grid{align-items:end;display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1.4fr 1fr}.lvl-hero h1{font-size:clamp(2.6rem,7vw,5.5rem);margin-bottom:1rem;text-shadow:.045em .05em 0 rgba(255,233,74,.55);transform:rotate(calc(var(--tilt)*-1deg))}.lvl-hero h1 em{background:var(--hazard);color:var(--ink);display:inline-block;font-style:normal;padding:0 .12em;text-shadow:none;transform:rotate(calc(var(--tilt)*-1.5deg))}.lvl-hero__intro{color:#b8c0b9;margin-bottom:1.75rem;max-width:42ch}.lvl-hero__log{border-left:2px solid var(--hazard);color:#b8c0b9;font-family:var(--font-mono);font-size:.8rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;line-height:2;padding-left:1.1rem}.lvl-hero__log b{color:var(--kalk);font-weight:500}.lvl-hero__log-title{display:block;letter-spacing:.16em;margin-bottom:.3rem;text-transform:uppercase}.lvl-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem}.beer-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.beer-card{background:var(--surface);border:1px solid var(--rule-hard);box-shadow:4px 4px 0 var(--shadow);display:flex;flex-direction:column;gap:.65rem;padding:.85rem;text-decoration:none;transition:transform .15s ease}.beer-card:nth-child(3n+1){transform:rotate(calc(var(--tilt)*-.8deg))}.beer-card:nth-child(3n+2){transform:rotate(calc(var(--tilt)*.5deg))}.beer-card:nth-child(3n){transform:rotate(calc(var(--tilt)*1deg))}.beer-card:hover{transform:rotate(0deg) scale(1.02)}.beer-card__img{aspect-ratio:1/1;background:#d2d2d2;border:1px solid var(--rule);overflow:hidden}.beer-card__img img{height:100%;object-fit:cover;width:100%}.beer-card__name{font-family:var(--font-display);font-size:1.35rem;line-height:1;text-transform:uppercase}.beer-card__spec{border-top:1px dashed var(--rule);color:var(--muted);display:flex;font-family:var(--font-mono);font-size:.72rem;font-variant-numeric:tabular-nums;gap:.5rem;justify-content:space-between;letter-spacing:.06em;margin-top:auto;padding-top:.5rem}.beer-detail{align-items:start;display:grid;gap:clamp(1.75rem,4vw,3.5rem);grid-template-columns:1fr 1.3fr}.beer-detail__img{background:var(--surface);border:1px solid var(--rule-hard);box-shadow:5px 5px 0 var(--shadow);padding:.55rem;position:relative;transform:rotate(calc(var(--tilt)*-1.2deg))}.beer-detail__img:before{background:var(--tape-c);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.15);content:"";height:24px;left:50%;position:absolute;top:-12px;transform:translateX(-50%) rotate(calc(var(--tilt)*2deg));width:96px;z-index:1}.beer-detail__crumb{color:var(--muted);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;margin-bottom:.6rem;text-transform:uppercase}.spec-table{border-collapse:collapse;font-family:var(--font-mono);font-size:.8rem;font-variant-numeric:tabular-nums;margin:1.25rem 0;width:100%}.spec-table td,.spec-table th{border-bottom:1px dashed var(--rule);padding:.5rem .6rem;text-align:left}.spec-table th{color:var(--muted);font-weight:400;width:42%}.chip,.spec-table th{letter-spacing:.1em;text-transform:uppercase}.chip{border:1px solid var(--rule-hard);display:inline-block;font-family:var(--font-mono);font-size:.68rem;margin:0 .3rem .3rem 0;padding:.22rem .55rem;transform:rotate(calc(var(--tilt)*-.6deg))}.chip:nth-child(2n){transform:rotate(calc(var(--tilt)*.7deg))}.chip--on{background:var(--hazard);border-color:var(--hazard);color:var(--ink)}.chip--uit{background:var(--oxide);border-color:var(--oxide);color:var(--kalk)}.counters{background:var(--hazard);color:var(--ink);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.counter{border-right:1px dashed rgba(14,15,13,.35);padding:clamp(1.5rem,3vw,2.25rem) clamp(1.25rem,3vw,2rem)}.counter:last-child{border-right:none}.counter b{display:block;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-variant-numeric:tabular-nums;font-weight:400;line-height:.9;transform:rotate(calc(var(--tilt)*-1deg))}.counter span{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;margin-top:.4rem;text-transform:uppercase}.photo-strip{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding-top:.75rem}.photo-print{background:var(--surface);border:1px solid var(--rule);box-shadow:5px 5px 0 var(--shadow);margin:0;padding:.55rem .55rem 0;position:relative}.photo-print:nth-child(odd){transform:rotate(calc(var(--tilt)*-1.1deg))}.photo-print:nth-child(2n){transform:rotate(calc(var(--tilt)*.9deg))}.photo-print:before{background:var(--tape-c);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.15);content:"";height:24px;left:50%;position:absolute;top:-12px;transform:translateX(-50%) rotate(calc(var(--tilt)*-2.5deg));width:96px;z-index:1}.photo-print img{aspect-ratio:4/3;object-fit:cover;width:100%}.photo-print figcaption{color:var(--muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;padding:.6rem .35rem;text-transform:uppercase}.cta-band{text-align:left}.cta-band__inner{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.cta-band h2{margin-bottom:.35em}.hs-form label{color:var(--muted);display:block;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.hs-form input[type=email],.hs-form input[type=number],.hs-form input[type=tel],.hs-form input[type=text],.hs-form select,.hs-form textarea{background:var(--surface);border:1.5px solid var(--rule-hard);border-radius:0;color:var(--ink);font-family:var(--font-body);font-size:1rem;padding:.85rem 1rem;width:100%}.hs-form input:focus,.hs-form select:focus,.hs-form textarea:focus{border-color:var(--ink);outline:3px solid var(--hazard);outline-offset:0}.hs-form .hs-form-field{margin-bottom:1.25rem}.hs-form .hs-button{background:var(--hazard);border:none;box-shadow:3px 3px 0 rgba(0,0,0,.45);color:var(--ink);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;padding:.8rem 1.5rem;text-transform:uppercase;transform:rotate(calc(var(--tilt)*-.8deg))}.hs-form .hs-button:hover{transform:rotate(0deg)}.hs-error-msg,.hs-error-msgs label{color:var(--oxide);letter-spacing:0;text-transform:none}.post-card{background:var(--surface);border:1px solid var(--rule-hard);box-shadow:4px 4px 0 var(--shadow);display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;text-decoration:none}.post-card:nth-child(odd){transform:rotate(calc(var(--tilt)*-.5deg))}.post-card:nth-child(2n){transform:rotate(calc(var(--tilt)*.4deg))}.post-card:hover{transform:rotate(0deg)}.post-card__meta{color:var(--muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.post-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.post-body{max-width:72ch}.post-body img{border:1px solid var(--rule-hard);box-shadow:5px 5px 0 var(--shadow)}.system-page{display:grid;min-height:55vh;padding-block:clamp(3rem,8vw,6rem);place-content:center;text-align:center}.system-page h1{font-size:clamp(4rem,12vw,9rem)}.hs-search-results__listing{list-style:none;margin:0;padding:0}.hs-search-results__listing li{border-bottom:1px dashed var(--rule);padding-block:1.25rem}.hs-search-results__title{font-family:var(--font-display);font-size:1.3rem;text-decoration:none;text-transform:uppercase}@media (max-width:900px){.beer-detail,.lvl-hero__grid{grid-template-columns:1fr}}@media (max-width:820px){.lvl-header__toggle{display:flex}.lvl-header__nav{align-items:flex-start;background:var(--ink);border-bottom:3px solid var(--hazard);display:none;flex-direction:column;left:0;padding:1.25rem clamp(1.1rem,4vw,3rem) 1.75rem;position:absolute;right:0;top:100%}.lvl-header__nav.is-open{display:flex}.lvl-nav{flex-direction:column;gap:.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}