*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f2ebdb;color:#272b24;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c74f32;outline-offset:5px}.skip{position:absolute;top:-100px;padding:15px;background:#272b24;color:#f2ebdb;z-index:5}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header,main,footer{max-width:1360px;margin:auto}header{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #272b2440}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900;letter-spacing:-1px}.brand-icon{font:50px/1 Arial;color:#c74f32}.brand small{font:9px monospace;display:block;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:30px;font-size:12px}nav a:hover{color:#c74f32}.issue{margin:0 6%;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font:9px monospace;letter-spacing:.7px;border-bottom:1px solid #272b2440}.hero{padding:54px 6% 70px;display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}.kicker{font:10px/1.5 monospace;letter-spacing:1.3px;color:#6b6f5d}h1{font-size:clamp(55px,6.6vw,91px);line-height:.95;letter-spacing:-5px;margin:25px 0 30px;font-weight:600}h1 em{color:#c74f32;font-family:Georgia,serif;font-weight:400}.lead{font-size:16px;line-height:1.65;max-width:390px;color:#656454}.button{display:inline-flex;align-items:center;gap:50px;padding:17px 23px;background:#282d26;color:#f2ebdb;font-size:12px;margin-top:12px}.button:hover{background:#c74f32}.poster{background:#cf643e;min-height:530px;position:relative;overflow:hidden;box-shadow:10px 10px 0 #ded5bf}.poster-index,.poster-bottom{position:absolute;left:25px;font:9px monospace;letter-spacing:1px;color:#4a3023}.poster-index{top:25px}.poster-bottom{bottom:24px;right:20px;line-height:1.4}.sun{position:absolute;width:215px;height:215px;border:1px solid #f7c28a;top:55px;right:-40px;border-radius:50%;box-shadow:0 0 0 25px #f7c28a20,0 0 0 50px #f7c28a10}.poster-swoosh{position:absolute;bottom:50px;left:-40px;width:400px;height:150px;background:#9a422b;transform:rotate(-25deg);border-radius:50%}.handheld{position:absolute;top:95px;left:25%;width:225px;height:320px;background:#ddd9bc;border-radius:12px 12px 45px 12px;transform:rotate(13deg);box-shadow:14px 17px 0 #823e2e60,inset -8px -8px #bbb89d;padding:20px}.device-label{font:6px monospace;letter-spacing:1px;color:#4d5149}.device-screen{margin-top:10px;height:138px;background:#69805c;border:13px solid #42493e;border-radius:6px 6px 17px 6px;position:relative;overflow:hidden}.pixel-mountain{position:absolute;width:80px;height:80px;transform:rotate(45deg);background:#374e3d;bottom:-60px;left:30px;box-shadow:50px -15px #374e3d}.pixel-sun{position:absolute;width:22px;height:22px;background:#b5bf82;top:10px;right:13px;box-shadow:4px 0 #b5bf82,-4px 0 #b5bf82}.pixel-ground{position:absolute;bottom:0;left:0;right:0;height:10px;background:#273d31}.screen-copy{position:absolute;font:bold 12px/1.3 monospace;left:12px;top:15px;color:#d0d6aa;letter-spacing:1px}.device-controls{position:relative;height:80px}.dpad{position:absolute;width:48px;height:17px;background:#3b4338;left:0;top:32px;border-radius:2px}.dpad:after{content:'';position:absolute;width:17px;height:48px;left:16px;top:-16px;background:#3b4338;border-radius:2px}.round-button{position:absolute;width:27px;height:27px;background:#b24c36;border-radius:50%;box-shadow:2px 3px #893c2e}.first{right:0;top:20px}.second{right:35px;top:38px}.device-speaker{font:bold 20px monospace;position:absolute;bottom:20px;right:25px;color:#81856e;letter-spacing:2px}.seal{position:absolute;right:19px;bottom:60px;width:100px;height:100px;background:#e9d69f;border-radius:50%;display:grid;place-content:center;text-align:center;font:bold 13px/1.2 monospace;transform:rotate(-13deg);border:1px dashed #6d603c}.journal{padding:55px 6% 65px;border-block:1px solid #272b2440}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.1;letter-spacing:-1.8px;font-weight:500;margin:16px 0}.filters{display:flex;gap:7px;margin-bottom:4px;flex-wrap:wrap}.filters button,.moods button{border:1px solid #272b2445;background:transparent;padding:10px 15px;font-size:11px;border-radius:30px;color:inherit}.filters button.active,.filters button:hover{background:#282d26;color:#f2ebdb}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.articles article[hidden]{display:none}.article-art{height:195px;position:relative;overflow:hidden}.maze{background:#b9c4a4;display:grid;place-items:center}.maze span{width:118px;height:118px;border:14px solid #445944;border-right-color:transparent;transform:rotate(15deg);position:relative}.maze span:after{content:'';position:absolute;inset:13px;border:12px solid #445944;border-bottom-color:transparent}.maze i{position:absolute;font:40px serif;right:30px;top:18px;color:#f4edcf}.coop{background:#e1b574;display:flex;align-items:center;justify-content:center;gap:15px}.coop span{width:70px;height:80px;background:#b05437;border-radius:7px;color:#f5e8c7;font:45px/80px monospace;text-align:center;transform:rotate(-12deg)}.coop span:last-child{background:#495d52;transform:rotate(12deg)}.coop b{font-size:25px;font-weight:400}.pause{background:#4c6054;color:#e9dcb5;display:flex;align-items:center;justify-content:center;gap:20px}.pause span{font:90px Georgia}.pause i{font:10px/1.7 monospace;letter-spacing:1px}.article-meta{display:flex;justify-content:space-between;font:9px monospace;margin-top:22px;letter-spacing:1px;color:#736f5e}h3{font-size:24px;line-height:1.2;letter-spacing:-.7px;font-weight:500}.articles article>p{font-size:14px;line-height:1.7;color:#706c5d}.articles details{border-top:1px solid #272b2440;margin-top:25px}summary{cursor:pointer;font-size:12px;padding:17px 0;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:hover{color:#b14b30}details[open] summary span{transform:rotate(90deg)}.story{font-size:14px;line-height:1.75;color:#514f44}.evening{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:75px 6%;background:#e8dfca}.evening>div:first-child>p:not(.kicker){color:#6a6757;font-size:14px;line-height:1.7;max-width:360px}.moods{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:25px}.moods .selected,.moods button:hover{background:#c65637;border-color:#c65637;color:#fff2dc}.ticket{padding:27px 30px;background:#f9f2df;box-shadow:4px 5px 0 #c8bfa744;position:relative;border-top:6px solid #c65637;transform:rotate(2deg);align-self:center}.ticket-top{display:flex;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:.5px;border-bottom:1px dashed #95876b;padding-bottom:18px}.ticket-symbol{display:block;font:44px Georgia;color:#c65637;margin-top:18px}.ticket h3{font:35px/1.08 Georgia;margin:13px 0 20px}.ticket p{font-size:13px;line-height:1.7;color:#706653;min-height:90px}.ticket-note{font:10px monospace;color:#82775d;display:block;margin:22px 0}.ticket-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #95876b;padding-top:17px;font:8px monospace;letter-spacing:1px}.ticket-bottom span{font-size:23px;letter-spacing:-3px}.manifesto{padding:70px 6% 60px}.manifesto h2{font-size:clamp(32px,4.2vw,56px);line-height:1.2}.manifesto h2 em{font-family:Georgia;font-weight:400;color:#b85335}.manifesto-bottom{display:flex;gap:35px;margin-top:40px;align-items:center}.manifesto-bottom p{max-width:560px;font-size:13px;line-height:1.75;color:#706c5d}.manifesto-bottom a{font:12px monospace;margin-left:auto;white-space:nowrap}footer{border-top:1px solid #272b2440;padding:25px 6%;display:flex;justify-content:space-between;gap:15px;font:9px monospace;letter-spacing:.5px;color:#79705b}@media(max-width:850px){.hero{gap:5%}.poster{min-height:460px}.handheld{left:18%;top:70px}.hero h1{font-size:68px}.section-heading{display:block}.filters{margin-top:20px}.articles{gap:18px}.article-art{height:155px}.articles h3{font-size:21px}.coop{gap:7px}.coop span{width:52px;height:65px;font-size:35px;line-height:65px}.evening{gap:6%}.ticket{padding:23px}.issue span:last-child{display:none}nav a:last-child{display:none}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:18px}.brand small{font-size:7px;letter-spacing:1px}.brand-icon{font-size:40px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:30px;gap:35px}.hero h1{font-size:70px;letter-spacing:-4px}.poster{min-height:450px;max-width:450px;width:100%;margin:auto}.handheld{left:25%;top:70px;width:205px;height:300px}.device-screen{height:125px}.issue{font-size:8px;line-height:1.5}.articles{grid-template-columns:1fr;gap:35px}.article-art{height:220px}.coop span{width:80px;height:90px;font-size:50px;line-height:90px}.articles h3{font-size:27px}.evening{grid-template-columns:1fr;gap:35px;padding-block:45px}.ticket{transform:rotate(1deg);max-width:430px}.manifesto{padding-block:45px}.manifesto-bottom{flex-wrap:wrap;gap:15px}.manifesto-bottom p{margin:0}.manifesto-bottom a{margin:5px 0}.manifesto-bottom .brand-icon{display:none}.manifesto h2{font-size:34px;letter-spacing:-1px}footer{flex-wrap:wrap;line-height:1.5}.poster-bottom{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
