@font-face{font-family:Barlow;src:url('assets/barlow-condensed-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Space;src:url('assets/space-mono-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--black:#080908;--paper:#f3f0e7;--red:#ff351c;--grey:#a19f95;--mono:Space,'Courier New',monospace;--display:Barlow,'Arial Narrow',Impact,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:7px}button:disabled{cursor:default}::selection{background:var(--red);color:var(--black)}.skip-link{position:fixed;left:15px;top:-100px;padding:14px;background:var(--paper);color:var(--black);z-index:100}.skip-link:focus{top:15px}.page-grain{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:40;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.9' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:135px;margin:0 4.5vw;display:flex;align-items:center;gap:34px;position:relative;z-index:5;border-bottom:1px solid #f3f0e729}.brand{display:block;width:82px;flex:none}.brand img{display:block;width:100%;height:auto}.header-note{font:10px/1.8 var(--mono);letter-spacing:1px}.header-note span{color:var(--grey)}.header-right{margin-left:auto;display:flex;align-items:center;gap:54px}.working{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:1.2px}.working i{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #ff351c12;animation:breathe 3s infinite}.text-link{font:12px var(--mono);display:inline-flex;gap:24px;align-items:center}.text-link span{font:22px Arial;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.teaser{position:relative;min-height:700px;height:calc(100svh - 245px);max-height:1000px;overflow:hidden;padding:0 4.5vw;isolation:isolate;--spot-x:-300px;--spot-y:-300px;--map-x:0px;--map-y:0px}.artwork{position:absolute;inset:0;z-index:-2;pointer-events:none}.map{position:absolute;width:min(71vw,1120px);height:auto;right:0;top:2%;transform:translate(var(--map-x),var(--map-y)) rotate(-9deg);transform-origin:center;will-change:transform}.map-base{opacity:.125}.red-rule{position:absolute;width:150%;height:2px;background:var(--red);transform:rotate(-32deg);transform-origin:left center;left:-6%;top:96%;opacity:.75}.rule-two{top:100%;height:1px;opacity:.25}.registration{position:absolute;width:27px;height:27px;opacity:.6}.registration-tl{top:20%;left:3.3%;border-left:1px solid var(--paper);border-top:1px solid var(--paper)}.registration-br{bottom:15%;right:3.3%;border-right:1px solid var(--paper);border-bottom:1px solid var(--paper)}.art-coordinate{position:absolute;font:9px var(--mono);letter-spacing:1px;color:#c7c5b251}.coordinate-top{right:33%;top:6%}.coordinate-side{right:1%;top:55%;writing-mode:vertical-rl}.post-lines{position:absolute;width:60%;height:auto;bottom:0;left:-7%;stroke:#f3f0e72a;stroke-width:8;transform:rotate(-5deg)}
.intro-line{position:relative;z-index:2;padding-top:47px;display:flex;gap:24px;font:10px var(--mono);letter-spacing:1.4px}.intro-line .index{color:var(--red)}.postage-stamp{position:absolute;right:7%;top:7%;width:200px;aspect-ratio:.88;background:var(--paper);color:var(--black);border:0;padding:12px;transform:rotate(11deg);z-index:4;transition:transform .3s,filter .3s;filter:drop-shadow(5px 10px 0 #0003);-webkit-mask:radial-gradient(5px at 5px 5px,#0000 98%,#000) -5px -5px/10px 10px,linear-gradient(#000 0 0) content-box;mask:radial-gradient(5px at 5px 5px,#0000 98%,#000) -5px -5px/10px 10px,linear-gradient(#000 0 0) content-box}.postage-stamp:hover{transform:rotate(6deg) translateY(-6px);filter:drop-shadow(10px 18px 0 #0003)}.stamp-inside{display:flex;flex-direction:column;height:100%;border:1.5px solid var(--black);padding:10px;position:relative;overflow:hidden}.stamp-top,.stamp-bottom{font:9px var(--mono);display:flex;justify-content:space-between;letter-spacing:1px}.stamp-inside img{width:88px;height:auto;display:block;filter:brightness(0);margin:15px auto 7px}.stamp-lines{position:absolute;width:120%;height:50px;left:-10%;top:55%;stroke:var(--red);stroke-width:2}.stamp-seal{font:7px var(--mono);letter-spacing:2px;margin:auto 0 10px}.stamp-bottom{font-size:7px;border-top:1px solid;padding-top:8px;letter-spacing:0}.stamp-bottom span{font:15px Arial;line-height:.6}
.title-wrap{position:relative;margin-top:59px;z-index:2;white-space:nowrap;width:max-content;max-width:100%;pointer-events:none}h1,.title-outline{font:800 clamp(180px,24.6vw,430px)/.94 var(--display);letter-spacing:-.012em;margin:0}.red-period,.title-outline span{color:var(--red)}.title-outline{position:absolute;left:6px;top:9px;color:transparent;-webkit-text-stroke:1px #f3f0e769;z-index:-1}.title-outline span{color:transparent;-webkit-text-stroke:1px #ff351c88}.under-title{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:3;margin-top:38px;max-width:1260px}.teaser-copy p{font-size:24px;margin:0 0 10px;letter-spacing:-.5px}.teaser-copy>span{font:11px var(--mono);color:#c3c1b8;letter-spacing:.15px}.peek-action{display:flex;flex-direction:column;align-items:flex-start;padding-right:6px}.peek-button{border:1px solid var(--red);color:var(--black);background:var(--red);display:flex;align-items:center;justify-content:space-between;gap:42px;padding:19px 23px;font:12px var(--mono);min-width:255px;transition:background .2s,color .2s,transform .2s}.peek-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;transition:transform .25s}.peek-button:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-3px)}.peek-button:hover svg{transform:translate(2px,-2px)}.peek-note{font:8px var(--mono);letter-spacing:.8px;margin-top:12px;color:var(--grey)}.bottom-annotation{position:absolute;left:4.5vw;right:4.5vw;bottom:29px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:8px var(--mono);letter-spacing:.9px;color:var(--grey);z-index:3}.pointer-hint>span{font-size:18px;vertical-align:-2px;color:var(--paper);margin-right:7px}.local-time{display:flex;align-items:center;gap:8px;white-space:nowrap}.local-time>span:last-child{color:#b6b4aa}.time-dot{display:block;width:4px;height:4px;background:var(--red);border-radius:50%}
.hidden-ink{position:absolute;inset:0;z-index:1;pointer-events:none;clip-path:circle(0px at var(--spot-x) var(--spot-y));transition:clip-path .2s;opacity:.9}.is-exploring .hidden-ink{clip-path:circle(110px at var(--spot-x) var(--spot-y))}.map-ink{filter:brightness(0) saturate(100%) invert(39%) sepia(97%) saturate(4621%) hue-rotate(349deg) brightness(108%) contrast(102%);opacity:.5}.ink-fragment{position:absolute;font:800 clamp(70px,10vw,170px)/1 var(--display);color:var(--red);opacity:.7;transform:rotate(-10deg)}.ink-one{top:13%;left:45%}.ink-two{top:63%;left:30%}.ink-three{top:61%;left:75%}.ink-caption{position:absolute;bottom:12%;left:65%;font:10px var(--mono);color:var(--red);white-space:nowrap}.spot-ring{position:absolute;left:var(--spot-x);top:var(--spot-y);width:220px;height:220px;border:1px solid #ff351c6e;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;z-index:2;transition:opacity .2s}.is-exploring .spot-ring{opacity:1}.spot-ring>span{position:absolute;left:65%;top:100%;font:8px var(--mono);color:var(--red);padding-top:12px;letter-spacing:1px}.ticker{height:55px;background:var(--paper);color:var(--black);overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:65px;width:max-content;flex:none;animation:travel 35s linear infinite}.ticker-track span{font:800 27px var(--display);letter-spacing:1.5px;white-space:nowrap}.ticker-track i{font:normal 25px Arial;color:var(--red)}.ticker:hover .ticker-track{animation-play-state:paused}.site-footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 4.5vw;font:9px var(--mono);letter-spacing:.5px;color:#b6b4aa}.site-footer .text-link{font-size:10px;color:var(--paper)}
dialog{border:0;background:transparent;color:var(--black);width:min(700px,calc(100% - 32px));max-height:calc(100svh - 36px);padding:16px;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog[open]{animation:unseal .4s cubic-bezier(.2,.8,.2,1)}.clue-paper{background:var(--paper);padding:45px 43px 35px;box-shadow:10px 10px 0 #ff351c;position:relative;color-scheme:light}.clue-meta{display:flex;justify-content:space-between;gap:15px;font:8px var(--mono);letter-spacing:.5px;border-bottom:1px solid #08090838;padding-bottom:17px}.close-dialog{position:absolute;right:4px;top:4px;background:var(--red);color:var(--black);width:38px;height:38px;display:grid;place-items:center;border:0;z-index:2}.close-dialog svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5}.clue-mark{position:absolute;right:40px;top:100px;font:80px Arial;color:var(--red);transform:rotate(10deg)}.clue-eyebrow{font:9px var(--mono);letter-spacing:1px;margin:42px 0 16px}h2{font:800 clamp(48px,7vw,79px)/.95 var(--display);letter-spacing:-1px;max-width:95%;margin:0 0 29px}h2 span{color:var(--red)}#clue-description{font-size:15px;line-height:1.7;margin:0}.clue-secret{font:10px var(--mono);margin:20px 0 28px}.clue-instagram{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--black);padding:14px 0;font:12px var(--mono);transition:color .2s}.clue-instagram:hover{color:#c3220c}.clue-instagram span{font:25px Arial}.clue-footer{display:flex;align-items:center;gap:20px;margin-top:28px}.clue-footer>img{width:62px;height:auto;filter:brightness(0)}.clue-footer>span{font:7px/1.7 var(--mono)}.clue-footer .postmarked{margin-left:auto;border:2px solid var(--red);border-radius:50%;width:66px;height:66px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--red);font:11px/1.1 var(--mono);transform:rotate(-14deg)}body.dialog-open{overflow:hidden}
@keyframes breathe{50%{box-shadow:0 0 0 6px #ff351c08;opacity:.6}}@keyframes travel{to{transform:translateX(-50%)}}@keyframes unseal{from{opacity:0;transform:translateY(30px) rotate(3deg)}to{opacity:1;transform:none}}
@media(min-width:1650px){.teaser{padding-top:20px}.title-wrap{margin-top:90px}.under-title{max-width:1500px}}
@media(max-width:1100px){.site-header{height:110px}.header-right{gap:26px}.teaser{height:calc(100svh - 230px);min-height:650px}.title-wrap{margin-top:100px}h1,.title-outline{font-size:25.7vw}.postage-stamp{width:165px;top:7%;right:7%}.intro-line{font-size:9px;padding-top:35px}.teaser-copy p{font-size:21px}.map{width:85vw;right:-10%;top:12%}.peek-button{min-width:230px;gap:20px}.footer-middle{display:none}.coordinate-top{right:30%}.bottom-annotation{font-size:7px;letter-spacing:.2px}}
@media(max-width:700px){.site-header{height:108px;margin:0 6vw;gap:18px}.brand{width:60px}.header-note{font-size:8px;letter-spacing:.3px}.header-right{gap:0}.working{font-size:7px;letter-spacing:.3px;max-width:80px;line-height:1.8;gap:8px}.working i{flex:none;width:5px;height:5px}.instagram-header{display:none}.teaser{padding:0 6vw;height:auto;min-height:750px;max-height:none}.intro-line{padding-top:30px;gap:12px;font-size:7px;letter-spacing:.5px}.postage-stamp{top:85px;right:10%;width:135px;padding:10px;transform:rotate(11deg)}.stamp-inside{padding:7px}.stamp-top{font-size:7px}.stamp-inside img{width:57px;margin:9px auto 3px}.stamp-seal{font-size:5px;letter-spacing:1px;margin-bottom:5px}.stamp-bottom{font-size:5px;padding-top:6px}.stamp-lines{height:32px}.stamp-bottom span{font-size:11px}.title-wrap{margin-top:208px}h1,.title-outline{font-size:25.5vw;line-height:1;letter-spacing:-.015em}.title-outline{left:3px;top:5px;-webkit-text-stroke:.7px #f3f0e769}.under-title{flex-direction:column;align-items:flex-start;gap:27px;margin-top:28px}.teaser-copy p{font-size:22px;margin-bottom:12px}.teaser-copy>span{font-size:9px}.peek-button{padding:17px 19px;font-size:11px;min-width:245px;gap:45px}.peek-note{font-size:6.5px;margin-top:10px}.map{width:140vw;max-width:none;right:-31%;top:12%;transform:rotate(-10deg)}.map-base{opacity:.14}.red-rule{width:220%;left:-28%;top:83%;transform:rotate(-47deg)}.rule-two{top:88%}.post-lines{width:120%;bottom:6%;left:-43%;stroke-width:6;opacity:.8}.coordinate-top{top:10%;left:6%;right:auto;font-size:7px}.coordinate-side{top:43%;right:1.3%;font-size:6px}.registration-tl{top:36%;left:3%}.registration-br{bottom:15%;right:4%}.bottom-annotation{left:6vw;right:6vw;bottom:25px;font-size:7px;justify-content:flex-end}.pointer-hint{display:none}.local-time{font-size:7px}.ticker{height:47px}.ticker-track{gap:36px}.ticker-track span{font-size:23px;letter-spacing:1px}.ticker-track i{font-size:20px}.site-footer{margin:0 6vw;min-height:80px;gap:18px;font-size:7px;letter-spacing:0}.site-footer .text-link{font-size:8px;gap:12px}.site-footer .text-link span{font-size:19px}.hidden-ink,.spot-ring{display:none}.clue-paper{padding:32px 24px 25px}.clue-meta{font-size:6px;gap:10px;padding-bottom:14px}.clue-mark{font-size:58px;right:25px;top:73px}.clue-eyebrow{font-size:7px;margin-top:35px}h2{font-size:53px;margin-bottom:24px}#clue-description{font-size:13px}.clue-secret{font-size:8px}.clue-footer{gap:12px}.clue-footer>img{width:48px}.clue-footer>span{font-size:5.5px}.clue-footer .postmarked{width:50px;height:50px;font-size:8px}.clue-instagram{font-size:11px}}
@media(max-width:360px){.teaser{min-height:725px}.header-note{font-size:7px}.working{font-size:6px;max-width:65px}.title-wrap{margin-top:190px}h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hidden-ink,.spot-ring{display:none}.map{will-change:auto}}