:root{--background:#111111;--surface:#1e1e1e;--ink:#f5f5f0;--muted:#b5b5ad;--accent:#ff4f1f;--secondary:#e8ff3a;--heading:'Anton',Impact,'Arial Narrow',sans-serif;--body:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--background);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--secondary);color:var(--background)}
a{color:inherit;text-underline-offset:5px}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--secondary);outline-offset:6px}
svg{display:block}
h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--heading);font-weight:400;text-transform:uppercase;line-height:1.04}
h2{font-size:clamp(3.4rem,6.1vw,6rem)}
.wrap{width:min(100% - 48px,1280px);margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:var(--secondary);color:var(--background);padding:12px 20px;font-weight:700}
.skip-link:focus{top:16px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:106px;border-bottom:1px solid #3b3b38}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand-symbol{width:42px;height:46px;fill:var(--accent)}
.brand-name{font-family:var(--heading);font-size:21px;text-transform:uppercase;line-height:1.05;letter-spacing:.02em}
nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:500}
nav a{min-height:44px;display:flex;align-items:center;gap:14px;text-decoration:none}
nav a:hover{text-decoration:underline}
nav svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none}
.hero{padding-block:45px 42px;min-height:min(790px,calc(100svh - 106px));display:flex;flex-direction:column;justify-content:space-between;gap:42px}
.poster-heading{position:relative}
h1{font-size:clamp(4.5rem,20.3vw,18.2rem);line-height:.98;letter-spacing:-.025em}
h1 span{display:block;width:fit-content}
h1 .location{color:var(--accent)}
.location-tape{position:absolute;left:68%;top:62%;transform:rotate(-9deg);background:var(--secondary);color:var(--background);font-weight:700;font-size:clamp(14px,2vw,28px);padding:8px 25px;white-space:nowrap}
.poster-bars{display:flex;gap:12px;position:absolute;right:2px;bottom:0;height:15%;width:20%;transform:skew(-16deg);transform-origin:bottom right}
.poster-bars i{flex:1;background:var(--ink)}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}
.hero-bottom p{font-size:clamp(16px,1.4vw,20px);line-height:1.5}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:var(--background);padding:18px 24px;text-decoration:none;font-weight:700;min-height:58px}
.button:hover{background:var(--secondary)}
.button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
.ticker{position:relative;background:var(--accent);color:var(--background);border-top:2px solid var(--background);border-bottom:2px solid var(--background)}
.ticker-window{overflow:hidden}
.ticker-track{display:flex;width:max-content}
.ticker-group{display:flex;align-items:center;gap:40px;padding:12px 20px;flex:none;font-size:30px;line-height:1.5;font-family:var(--heading);text-transform:uppercase}
.ticker-group svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;flex:none}
.ticker.is-moving .ticker-track{animation:ticker 36s linear infinite}
.ticker.is-paused .ticker-track{animation-play-state:paused}
.ticker-toggle{position:absolute;right:0;top:0;bottom:0;width:55px;border:0;border-left:2px solid var(--background);background:var(--accent);color:var(--background);font-size:22px;cursor:pointer}
.ticker-toggle:hover{background:var(--secondary)}
.ticker-toggle svg{width:20px;height:20px;margin:auto;fill:currentColor}
.ticker-toggle:focus-visible{outline-color:var(--background);outline-offset:-6px}
.about{padding-block:110px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}
.about-copy p{max-width:31em;margin-top:30px;font-size:19px}
.about-copy .muted{color:var(--muted);font-size:16px;margin-top:24px}
.local-poster{max-width:470px;width:100%;justify-self:end;background:var(--accent);color:var(--background);padding:28px 32px 20px;transform:rotate(3deg)}
.local-poster-top{font-size:17px;font-weight:600}
.local-poster-main{font-family:var(--heading);font-size:clamp(100px,10.8vw,165px);line-height:1.02;letter-spacing:-.025em;display:block;margin:18px 0}
.local-poster-foot{display:flex;align-items:end;justify-content:space-between;font-weight:700;font-size:24px;border-top:2px solid var(--background);padding-top:15px}
.local-poster-foot svg{width:62px;height:34px;fill:currentColor}
.information{background:var(--surface);padding-block:80px}
.information-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}
.information h2{font-size:clamp(3.2rem,5.5vw,5rem)}
.information h2+p{margin-top:20px;color:var(--secondary);font-weight:500}
.information-copy{padding-top:5px}
.information-copy h3{font-size:22px;font-weight:600;line-height:1.4;margin-bottom:18px}
.information-copy p{max-width:36em}
.business-reference{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:19px 0;margin:18px 0 20px;border-block:1px solid #64645e;font-weight:500;color:var(--secondary)}
.business-reference svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.business-reference:hover{color:var(--ink)}
.information-copy .information-note{color:var(--muted);font-size:14px;line-height:1.6}
.site-footer{padding-block:44px 30px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.footer-domain{text-align:right}
.footer-domain span{font-size:12px;color:var(--muted)}
.footer-domain p{font-size:19px;font-weight:500}
.concept-note{grid-column:1/-1;color:var(--muted);font-size:12px;padding-top:24px;border-top:1px solid #3b3b38}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{min-height:790px}}
@media(max-width:900px){.about,.information-layout{gap:48px}.hero{min-height:auto}.poster-bars{gap:8px}.about{padding-block:80px}.local-poster{padding:24px}.about-copy p{font-size:17px}.location-tape{padding:7px 18px}}
@media(max-width:600px){
  .wrap{width:calc(100% - 40px)}
  .site-header{min-height:84px;gap:16px}
  .brand{gap:9px}.brand-symbol{width:31px;height:37px}.brand-name{font-size:17px}
  nav{font-size:12px;gap:0}nav a{gap:8px}.nav-about{display:none}nav svg{width:15px;height:15px}
  .hero{padding-block:36px 30px;gap:42px}
  h1{font-size:20.8vw;line-height:1.04}
  .location-tape{left:auto;right:0;top:59%;font-size:13px;padding:6px 11px;transform:rotate(-10deg)}
  .poster-bars{width:21%;height:15%;gap:5px;right:4px;bottom:-2px}
  .hero-bottom{display:block}.hero-bottom p{font-size:16px}.button{display:flex;margin-top:24px;width:100%;padding:16px 18px;font-size:15px}
  .ticker-group{font-size:23px;gap:25px;padding:10px 12.5px}.ticker-group svg{width:24px;height:24px}.ticker-toggle{width:46px}
  .about{padding-block:66px;grid-template-columns:1fr;gap:44px}
  h2{font-size:clamp(3.3rem,13vw,4.5rem)}
  .about-copy p{margin-top:24px;font-size:17px}.about-copy .muted{font-size:15px}
  .local-poster{width:88%;justify-self:center;padding:22px 24px 18px}.local-poster-main{font-size:30vw;line-height:1;margin-block:14px}.local-poster-top{font-size:15px}.local-poster-foot{font-size:20px;padding-top:12px}
  .information{padding-block:52px}.information-layout{grid-template-columns:1fr;gap:36px}.information h2{font-size:clamp(3.3rem,13vw,4.5rem)}.information h2+p{margin-top:16px}.information-copy h3{font-size:21px}.business-reference{font-size:15px}
  .site-footer{padding-block:34px 24px;column-gap:15px}.footer-domain{max-width:180px;justify-self:end}.footer-domain p{font-size:15px}.footer-domain span{font-size:11px}.concept-note{font-size:11px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker.is-moving .ticker-track{animation:none}.ticker-toggle{display:none}}
@media print{.ticker-toggle,nav,.button,.skip-link{display:none}.hero{min-height:auto}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ticker-track{animation:none!important}.about,.information{break-inside:avoid}}
