:root{--ink:#141414;--paper:#fff;--gray:#707070}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px dashed #555;outline-offset:5px}::selection{color:white;background:#111}header{height:90px;border-bottom:2px solid;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%}.logo{font-weight:900;font-size:28px;letter-spacing:-2px}.logo span{font:11px monospace;vertical-align:top;margin-left:5px}nav{display:flex;gap:30px;font:11px monospace}.header-note{font:9px monospace;color:#666}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:60px 6% 100px;position:relative;align-items:center;min-height:760px}.label{font:10px monospace;letter-spacing:1px}h1,h2{font-weight:900;letter-spacing:-5px;line-height:.93;margin:30px 0;font-size:clamp(65px,7.8vw,125px)}h1 span,h2 span{color:white;-webkit-text-stroke:2px #111}p{font-size:15px;line-height:1.8;color:#626262;max-width:470px}.hero-copy>small{display:block;font:9px monospace;color:#666;margin-top:23px}.button{background:#111;color:white;border:2px solid #111;display:inline-flex;align-items:center;gap:50px;padding:19px 23px;font:700 12px monospace;box-shadow:5px 5px 0 white,7px 7px 0 #111;margin:20px 0 10px;transition:.2s}.button:hover{background:white;color:#111;transform:translate(2px,2px);box-shadow:2px 2px 0 white,4px 4px 0 #111}.platforms{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.platforms a{display:flex;align-items:center;gap:8px;border:1.5px solid;padding:12px;font:9px monospace;min-height:44px}.platforms a:hover{background:#111;color:white}.platforms span{font-size:20px}.hero-art{position:relative;margin:0;border:2px solid;border-radius:5px 13px 6px 11px;transform:rotate(2deg);background:white;padding:10px 10px 0;box-shadow:9px 9px 0 #eee}.hero-art img{width:100%;display:block}.hero-art figcaption{border-top:1px solid;padding:17px 5px;font:8px monospace;display:flex;justify-content:space-between;gap:10px}.stamp{position:absolute;top:5%;left:-35px;border:3px solid;background:white;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;text-align:center;font:bold 24px/.9 Arial;transform:rotate(-15deg)}.hero-foot{position:absolute;left:6%;right:6%;bottom:28px;display:flex;justify-content:space-between;font:9px monospace}.ticker{background:#111;color:white;border-block:2px solid #111;padding:21px 0;overflow:hidden;white-space:nowrap;font:bold 15px monospace}.ticker>div{width:max-content;animation:ticker 45s linear infinite}.section{max-width:1600px;margin:auto;padding:90px 6%}.section-label{border-top:2px solid;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font:9px monospace;margin-bottom:60px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.sketch{margin:0;border:2px solid;padding:15px;transform:rotate(-3deg);background:white;box-shadow:9px 9px 0 #eee}.sketch img{display:block;width:100%}.sketch figcaption{font:9px monospace;padding:20px 5px 5px;border-top:1px dashed}.story-grid h2{font-size:clamp(50px,5.5vw,85px)}.story-grid p{font-size:13px}.underlined{display:inline-block;margin-top:20px;padding-bottom:12px;border-bottom:2px solid;font:11px monospace}.interlude{background:repeating-linear-gradient(0deg,#f5f5f5 0 1px,white 1px 30px);border-block:2px solid;text-align:center;padding:80px 6%;position:relative}.interlude>span:first-child{font:10px monospace}.interlude h2{font-size:clamp(35px,5vw,75px);letter-spacing:-3px;line-height:1.1}.interlude em{font-family:Georgia,serif;font-weight:400}.doodle{position:absolute;bottom:20px;right:8%;font-size:80px;transform:rotate(-10deg)}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.title-row h2{font-size:clamp(55px,6.5vw,100px);margin-top:0}.title-row p{font:12px/1.8 monospace}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.filters button{border:1.5px solid;background:white;color:#111;padding:13px 16px;font:10px monospace;min-height:44px}.filters button[aria-pressed=true],.filters button:hover{background:#111;color:white}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px;align-items:start}.card{background:white;border:1.5px solid #111;padding:10px;text-align:left;color:#111;min-width:0;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:6px 7px 0 #111}.card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;border-bottom:1px solid}.card-info{display:flex;align-items:center;gap:10px;padding-top:16px}.card-info small{font:8px monospace;color:#777}.card-info strong{font-size:15px;letter-spacing:-.5px}.card-info b{margin-left:auto;font-size:22px}.note{display:block;font:7px/1.7 monospace;letter-spacing:.5px;color:#777;padding:9px 0 5px}.card[hidden]{display:none}.archive-foot{border-top:1px solid;padding-top:23px;margin-top:40px;display:flex;justify-content:space-between;gap:20px;font:9px monospace}.ending{border-block:2px solid;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:60px 6%;gap:5%;background:#f6f6f6}.ending h2{font-size:clamp(55px,6.5vw,95px)}.ending img{display:block;width:100%;border:2px solid;background:white;transform:rotate(3deg);box-shadow:8px 8px 0 #111}.ending p{font-size:13px}footer{padding:40px 6%;display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}footer>span,footer>a:last-of-type{font:8px monospace}footer small{width:100%;font:8px monospace;border-top:1px solid #ccc;padding-top:20px;color:#777}dialog:not([open]){display:none}dialog{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;border:0;padding:60px 50px;background:#fffffff5;color:#111}dialog::backdrop{background:#fff}dialog[open]{display:flex;align-items:center;justify-content:center}dialog figure{margin:0;max-width:80vw}#full-image{display:block;max-width:100%;max-height:77svh;object-fit:contain;margin:auto;border:1px solid #ddd}dialog figcaption{display:flex;justify-content:space-between;gap:25px;margin-top:16px;font:11px monospace}#download{font-size:9px;border-bottom:1px solid}dialog button{position:absolute;background:white;border:1.5px solid;width:42px;height:42px;font-size:23px}.close{top:18px;right:20px}.prev{left:15px}.next{right:15px}.viewer-help{position:absolute;bottom:18px;font:8px monospace;letter-spacing:1px}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:1000px){.header-note{display:none}.hero{min-height:650px;gap:6%;padding-top:45px}.hero h1{font-size:80px}.hero-art figcaption{font-size:6px}.platforms a{font-size:7px;padding:10px;gap:5px}.story-grid{gap:7%}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.stamp{width:75px;height:75px;font-size:20px;left:-25px}}
@media(max-width:650px){header{height:74px;padding:0 6%;gap:15px}.logo{font-size:24px}nav{gap:15px;font-size:8px}nav a:last-child{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 7% 85px;gap:45px;min-height:0}.hero h1{font-size:clamp(70px,15vw,95px);letter-spacing:-4px;margin:24px 0}.label{font-size:7px;letter-spacing:.6px}.hero-copy p{font-size:13px}.hero-art{margin:0 8px;max-width:450px;align-self:center}.hero-art figcaption{font-size:7px;padding:15px 0}.hero .platforms a{font-size:7px;padding:11px 10px}.hero-foot{font-size:7px;gap:20px}.stamp{left:-20px;top:5%}.section{padding:60px 7%}.section-label{font-size:7px;line-height:1.7;margin-bottom:45px}.section-label>span:last-child{text-align:right;max-width:140px}.story-grid{grid-template-columns:1fr;gap:55px}.sketch{margin:0 10px}.story-grid h2{font-size:63px;letter-spacing:-3px}.interlude{padding:65px 7%}.interlude h2{font-size:37px;letter-spacing:-1.7px}.doodle{font-size:45px;bottom:5px}.title-row{display:block}.title-row h2{font-size:62px;letter-spacing:-3px}.title-row p{font-size:10px}.filters{gap:7px;margin:27px 0}.filters button{font-size:7px;padding:11px 12px}.gallery{gap:22px 12px}.card{padding:6px}.card-info{flex-wrap:wrap;gap:5px;padding-top:10px}.card-info strong{font-size:12px;order:3;width:100%;line-height:1.2}.card-info small{font-size:7px}.card-info b{font-size:17px}.note{font-size:6px;letter-spacing:0}.archive-foot{font-size:7px;line-height:1.7}.ending{grid-template-columns:1fr;padding:50px 7%;gap:45px}.ending h2{font-size:61px;letter-spacing:-3px}.ending img{max-width:450px;justify-self:center;width:95%}.ending .platforms a{font-size:7px}footer{padding:35px 7%}footer>span{width:100%;font-size:7px}footer small{font-size:6px;line-height:1.7}dialog{padding:65px 37px}dialog figure{max-width:100%}#full-image{max-height:66svh}dialog button{width:30px;height:38px}.prev{left:3px}.next{right:3px}dialog figcaption{flex-direction:column;gap:13px;font-size:10px}#download{width:max-content;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}