@font-face{font-family:Barlow;src:url('assets/barlow-regular.ttf')}@font-face{font-family:Barlow;src:url('assets/barlow-semibold.ttf');font-weight:600}@font-face{font-family:Barlow;src:url('assets/barlow-italic.ttf');font-style:italic;font-weight:600}@font-face{font-family:Plex;src:url('assets/plex-regular.ttf')}@font-face{font-family:Plex;src:url('assets/plex-semibold.ttf');font-weight:600}:root{--blue:#155ad1;--night:#07121e;--paper:#e9e0cb;--brick:#a64028;--gold:#f3b91d;--teal:#176e67;--ink:#121616;--line:rgba(18,22,22,.3);--cut:69%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plex,monospace;cursor:default}a{color:inherit}.cursor{position:fixed;width:9px;height:9px;border:1px solid var(--gold);z-index:1000;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);display:none}.mast{position:fixed;top:0;left:0;right:0;height:62px;background:var(--night);color:white;z-index:50;display:flex;align-items:center;border-bottom:1px solid #43505a;padding:0 18px}.wordmark{display:flex;align-items:center;gap:9px;text-decoration:none}.wordmark>span{width:34px;height:34px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:600 17px Barlow}.wordmark>b{font:600 13px/.75 Barlow;letter-spacing:.08em}.atomic{margin-left:5vw;display:flex;align-items:center;gap:9px;font-size:8px}.atomic i{width:6px;height:6px;background:#61ef7e;border-radius:50%;box-shadow:0 0 10px #61ef7e;animation:pulse 1s infinite}.atomic b{font-weight:400;color:var(--gold);min-width:84px}.mast nav{margin-left:auto;display:flex;height:100%}.mast nav a{padding:0 18px;border-left:1px solid #43505a;display:flex;align-items:center;text-decoration:none;font-size:8px;text-transform:uppercase}.mast nav a:hover{background:var(--gold);color:var(--night)}.nav-toggle{display:none}.hero{height:100svh;min-height:700px;background:var(--brick);position:relative;overflow:hidden;padding-top:62px}.hero-grid{position:absolute;inset:62px 0 0;background:linear-gradient(90deg,transparent 49.8%,rgba(0,0,0,.16) 50%),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 100%,7.14vw 7.14vw,7.14vw 7.14vw}.hero-type{position:absolute;top:9vh;left:2vw;right:2vw;font:600 clamp(110px,18vw,280px)/.67 Barlow,sans-serif;letter-spacing:-.055em;color:var(--paper);z-index:2}.hero-type div:last-child{text-align:right;color:var(--night)}.hero-brief{position:absolute;left:3vw;bottom:6vh;z-index:5;width:320px}.hero-brief span,.hero-brief a,.city header>span,.standard-copy>span,.brick-section header>span,.companies header>span,.mosaic-intro>span,.contact>div>span{font-size:8px;letter-spacing:.14em}.hero-brief p{font:400 20px/1.05 Barlow;margin:16px 0}.hero-brief a{display:inline-block;background:var(--night);color:white;padding:13px;text-decoration:none}.archive-reveal{position:absolute;inset:62px 0 0;clip-path:inset(var(--cut) 0 0);z-index:3;transition:clip-path .08s}.archive-reveal:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(7,18,30,.5))}.archive-reveal img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15)}.archive-reveal small{position:absolute;bottom:9px;right:12px;color:white;z-index:2;font-size:7px}.blue-line{position:absolute;left:0;right:0;top:var(--cut);z-index:10;height:0;border-top:4px solid var(--blue)}.blue-line label{position:absolute;left:50%;transform:translateX(-50%);top:-36px;background:var(--blue);color:white;padding:8px 12px;display:flex;gap:18px;font-size:7px}.blue-line input{position:absolute;width:100%;height:35px;top:-18px;opacity:0;cursor:ns-resize}.blue-line output{position:absolute;right:15px;top:-34px;background:var(--blue);color:white;padding:7px;font:600 13px Barlow}.rock{position:absolute;right:3vw;bottom:4vh;z-index:12;width:75px;height:64px;background:#746a5b;border:0;clip-path:polygon(15% 15%,58% 0,92% 25%,100% 68%,72% 100%,20% 90%,0 55%);color:white;cursor:pointer;transition:transform 1.2s cubic-bezier(.2,.8,.3,1)}.rock i{font:600 8px/1.1 Plex}.rock.rolling{transform:translateX(-85vw) rotate(-980deg)}.ticker{display:flex;overflow:hidden;background:var(--gold);border-bottom:1px solid;padding:10px 0}.ticker div{flex:0 0 auto;padding:0 45px;border-right:1px solid;font-size:8px}.city{padding:110px 3vw;background:var(--paper)}.city header{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3vw;align-items:end}.city h1,.brick-section h2,.companies h2,.mosaic h2,.contact h2{font:600 clamp(68px,9vw,150px)/.72 Barlow;margin:0;letter-spacing:-.035em;text-transform:uppercase}.city h1 em{font-style:italic;color:var(--blue)}.city header p{font-size:10px;line-height:1.5}.city-map{height:680px;margin-top:90px;background:var(--night);position:relative;overflow:hidden;color:white}.city-map svg{position:absolute;inset:0;width:100%;height:100%}.streets{stroke:#69757e;stroke-width:1;fill:none}.creek{stroke:#2ea7cb;stroke-width:7;fill:none}.blue-boundary{stroke:var(--blue);stroke-width:4;fill:none;stroke-dasharray:10 6}.pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid white;background:var(--night);color:white;padding:8px;text-align:left;cursor:pointer;font-family:Plex;transition:.2s}.pin:hover,.pin.active{background:var(--gold);color:var(--night);transform:translate(-50%,-50%) scale(1.1)}.pin b,.pin span{display:block}.pin b{font:600 20px Barlow}.pin span{font-size:6px}.map-readout{position:absolute;right:0;bottom:0;width:38%;min-height:280px;background:var(--paper);color:var(--ink);padding:28px}.map-readout>span{font-size:7px;color:var(--blue)}.map-readout h2{font:600 35px/.9 Barlow;text-transform:uppercase}.map-readout p{font-size:10px;line-height:1.55}.map-readout small{font-size:7px}.standard{min-height:100vh;background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1fr;padding:8vw 4vw;gap:8vw}.standard-number{display:flex;flex-direction:column;border:1px solid;padding:25px;background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.1) 25px)}.standard-number>span{font:600 50px Barlow}.standard-number strong{font:600 clamp(52px,7vw,110px)/1 Barlow;word-break:break-all;margin:auto 0;color:var(--gold)}.standard-number small{font-size:7px}.standard-copy h2{font:600 clamp(65px,8vw,120px)/.72 Barlow;text-transform:uppercase;margin:15vh 0 35px}.standard-copy p{font-size:11px;line-height:1.7}.standard-copy blockquote{border-top:1px solid;margin:70px 0 0;padding-top:25px;font:italic 600 28px/1.05 Barlow}.brick-section{padding:110px 3vw;background:#d7c6a8}.brick-section header{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3vw;align-items:end}.brick-section header p{font-size:10px}.brick-wall{margin-top:90px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;perspective:1000px}.brick{height:95px;background:var(--brick);color:white;border:0;padding:10px;font:600 10px Plex;cursor:pointer;position:relative;transition:transform .35s,background .2s;transform-style:preserve-3d}.brick:nth-child(16n+9){margin-left:50%}.brick:hover,.brick.active{transform:rotateX(12deg) translateY(-6px);background:var(--night)}.brick.has-story:after{content:"+";position:absolute;right:8px;top:7px;color:var(--gold)}.brick-caption{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3vw;margin-top:28px;border-top:1px solid;padding-top:15px}.brick-caption span{font-size:8px}.brick-caption p{margin:0;font:600 23px Barlow}.companies{background:var(--night);color:white;padding:110px 3vw}.companies header{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3vw;align-items:end}.companies header p{font-size:10px}.storefronts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:100px}.store{height:620px;position:relative;overflow:hidden;background:var(--paper)}.inside{position:absolute;inset:0;color:var(--ink)}.inside img{width:100%;height:72%;object-fit:cover}.inside p{padding:18px}.inside span,.inside b,.inside small{display:block}.inside span,.inside small{font-size:7px}.inside b{font:600 28px Barlow;margin:8px 0}.shutter{position:absolute;inset:0;border:0;background:repeating-linear-gradient(0deg,#a64028 0 31px,#7c2d1d 32px 34px);color:white;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:22px;font-family:Plex;cursor:ns-resize;transition:transform .65s cubic-bezier(.2,.8,.25,1)}.store:hover .shutter,.store.open .shutter{transform:translateY(-88%)}.shutter i{font:600 45px Barlow}.shutter b{font:600 55px/.8 Barlow}.shutter span{font-size:7px}.mosaic{min-height:100vh;display:grid;grid-template-columns:40% 60%;background:var(--paper)}.mosaic-intro{padding:9vw 4vw}.mosaic h2{font-size:clamp(65px,8vw,115px);margin:10vh 0 30px}.mosaic-intro p{font-size:10px;line-height:1.7}.mosaic-intro a{display:inline-block;margin-top:40px;font-size:9px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.tiles a{background:var(--c);padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;position:relative;overflow:hidden}.tiles a:before,.tiles a:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.6);transform:rotate(45deg);left:-35%;top:-35%;transition:.45s}.tiles a:after{left:auto;top:auto;right:-35%;bottom:-35%}.tiles a:hover:before{transform:rotate(90deg) scale(.7);left:15%;top:15%}.tiles a:hover:after{transform:rotate(0) scale(.7);right:15%;bottom:15%}.tiles small,.tiles b{position:relative;z-index:2}.tiles small{font-size:7px}.tiles b{font:600 26px/.85 Barlow}.secret-tile.open{animation:tile-party .45s steps(2) 4}.contact{min-height:85vh;background:var(--gold);display:grid;grid-template-columns:35% 65%;padding:7vw 4vw;align-items:center}.advocacy{width:300px;height:360px;border:2px dashed;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg)}.advocacy i{font:600 60px/.8 Barlow;font-style:normal}.contact h2{margin:50px 0}.contact a{font-size:11px}footer{background:var(--night);color:white;padding:35px 20px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end}footer p{font-size:7px;line-height:1.6}footer button{border:1px solid white;background:none;color:white;padding:10px;font:600 8px Plex;cursor:pointer}.tourist-overlay{position:fixed;inset:0;background:var(--gold);z-index:100;display:none;place-items:center;text-align:center}.tourist-overlay.open{display:grid}.tourist-overlay button{position:absolute;right:25px;top:20px;border:0;background:none;font-size:35px}.tourist-overlay span{font-size:9px}.tourist-overlay h2{font:600 12vw/.75 Barlow;margin:20px}.tourist-overlay p{font:600 30px Barlow}@keyframes pulse{50%{opacity:.2}}@keyframes tile-party{50%{filter:hue-rotate(150deg);transform:rotate(2deg) scale(1.04)}}@media(pointer:fine){.cursor{display:block}}@media(max-width:800px){.mast nav,.atomic{display:none}.nav-toggle{display:block;margin-left:auto;background:none;border:0;color:white;font:600 8px Plex}.hero-type{font-size:27vw;top:14vh;line-height:.74}.hero-type div:last-child{writing-mode:vertical-rl;position:absolute;right:0}.hero-brief{left:18px;width:260px}.blue-line label span{display:none}.archive-reveal small{max-width:90%;font-size:5px}.city,.brick-section,.companies{padding:90px 18px}.city header,.brick-section header,.companies header{grid-template-columns:1fr}.city h1,.brick-section h2,.companies h2{font-size:22vw;margin:35px 0}.city-map{height:690px}.map-readout{width:100%;min-height:240px}.pin{transform:scale(.85)}.standard{grid-template-columns:1fr;padding:80px 18px}.standard-number{min-height:430px}.standard-copy h2{margin-top:50px}.brick-wall{grid-template-columns:repeat(4,1fr);gap:3px}.brick{height:75px;font-size:7px}.brick:nth-child(16n+9){margin-left:0}.brick-caption{grid-template-columns:1fr}.storefronts{grid-template-columns:1fr}.store{height:520px}.mosaic{grid-template-columns:1fr}.mosaic-intro{padding:90px 18px}.tiles{height:720px}.tiles b{font-size:20px}.contact{grid-template-columns:1fr;padding:80px 18px}.advocacy{width:250px;height:300px}.contact h2{font-size:25vw}footer{grid-template-columns:1fr 1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.cursor{display:none}}