:root{--blue:#286cbd;--deep:#18569e;--white:#fff;--ink:#205d9f;--paper:#f8fbff;--line:rgba(40,108,189,.29)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.5 "Trebuchet MS",Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px dashed currentColor;outline-offset:5px}::selection{background:#fff;color:var(--blue)}.screen-grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;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='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-transition{position:fixed;inset:0;z-index:70;background:var(--blue);color:white;display:grid;place-items:center;pointer-events:none;transform:translateY(-105%);font:900 clamp(2rem,6vw,7rem)/.9 Impact,"Arial Black",sans-serif;text-align:center;padding:2rem}.page-transition.play{animation:shutter .7s cubic-bezier(.77,0,.18,1)}@keyframes shutter{0%{transform:translateY(-105%)}32%,65%{transform:translateY(0)}100%{transform:translateY(105%)}}
.topbar{height:76px;background:var(--blue);border-bottom:1px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,4.5vw,76px);color:white;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:10px;font:900 14px/.9 "Arial Black",Impact,sans-serif;letter-spacing:-.07em;flex:none}.brand-mark{font-size:31px;line-height:1;letter-spacing:-.15em}.brand-mark span{font-size:10px;vertical-align:top;margin-left:1px}.topbar-center,.nav-link,.pill-button,.text-button,.eyebrow,.hero-bottom,.section-topline,.section-kicker,.drawing-label,.chapter-index,.pin-name,.object-card-top,.object-card-bottom,.route-detail-top,.route-detail-bottom,.route-center-label,.signal-feedback,.signal-visual-label,.footer-bottom,.panel-number,.panel-readout,.panel-note,.portrait-coordinate,.portrait-caption{font-family:"Courier New",Courier,monospace;font-weight:700;letter-spacing:.045em}.topbar-center{font-size:11px;white-space:nowrap}.live-dot{display:inline-block;width:7px;height:7px;background:white;border-radius:50%;margin-right:8px;animation:blink 2s steps(1) infinite}.tiny-slash{opacity:.5;padding:0 5px}.top-actions{display:flex;align-items:center;gap:25px}.nav-link{font-size:11px;white-space:nowrap}.nav-link:hover,.footer-x:hover{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:5px}.icon-link{font:700 22px/1 Arial,sans-serif}.pill-button{display:inline-flex;gap:16px;justify-content:center;align-items:center;border:2px solid currentColor;padding:13px 21px;border-radius:100px 84px 95px 88px/90px 99px 87px 100px;font-size:12px;line-height:1.1;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s}.pill-button:hover{transform:translate(-3px,-3px) rotate(-2deg);box-shadow:5px 5px 0 currentColor}.pill-button-light{color:var(--blue);background:white;border-color:white}.pill-button-white{color:var(--blue);background:#fff;border-color:#fff;padding:17px 24px}.pill-button-blue{color:white;background:var(--blue);border-color:var(--blue)}
.hero{position:relative;min-height:min(760px,calc(100svh - 76px));display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);align-items:center;background:var(--blue);color:white;overflow:hidden;padding:65px clamp(22px,6.5vw,105px) 75px}.hero:before{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.13);border-radius:54% 46% 51% 49%/1% 1% 2% 1%;pointer-events:none}.hero-doodles{position:absolute;inset:-10%;background-image:radial-gradient(circle at 10% 25%,transparent 0 70px,rgba(255,255,255,.1) 71px 72px,transparent 73px),radial-gradient(circle at 84% 17%,transparent 0 90px,rgba(255,255,255,.1) 91px 92px,transparent 93px);pointer-events:none;opacity:.8}.hero-copy{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;display:flex;align-items:center;gap:13px}.asterisk{font-size:19px;line-height:0}.eyebrow .line{width:54px;height:1px;background:rgba(255,255,255,.55)}h1,h2,h3,p{margin-top:0}.hero h1{font:900 clamp(5rem,10vw,10.9rem)/.8 Impact,"Arial Black",sans-serif;letter-spacing:-.055em;margin:42px 0 36px;white-space:nowrap}.hero h1 em,.pocket-head h2 em,.route-header h2 em,.signal-content h2 em,.footer-top em{font-style:normal;color:transparent;-webkit-text-stroke:2px currentColor}.hero h1 em{display:block;font-size:.86em;transform:translateX(10%) rotate(-3deg);color:transparent}.hero-intro{max-width:410px;font-size:clamp(18px,1.65vw,24px);font-weight:700;line-height:1.33}.hero-buttons{display:flex;align-items:center;gap:24px;margin:24px 0 75px;flex-wrap:wrap}.text-button{font-size:11px;color:white;border:0;border-bottom:1px dashed white;background:none;padding:9px 0}.text-button:hover{transform:rotate(-2deg)}.hero-bottom{position:absolute;bottom:0;left:0;right:15%;display:flex;justify-content:space-between;font-size:11px}.portrait-stage{position:relative;z-index:1;min-height:600px;display:grid;place-items:center;perspective:900px}.portrait-orbit{position:absolute;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;width:95%;height:70%;transform:rotate(23deg);pointer-events:none}.orbit-two{transform:rotate(-34deg);width:103%;height:67%;border-style:dashed;opacity:.4;animation:orbit 28s linear infinite}.portrait{border:0;background:#fff;padding:0;position:relative;width:min(72%,510px);aspect-ratio:1;border-radius:48% 52% 51% 49%/48% 52% 50% 50%;overflow:hidden;transform:rotate(-5deg);box-shadow:18px 23px 0 rgba(15,68,131,.36);transition:transform .45s,box-shadow .45s;z-index:2}.portrait:hover{transform:rotate(1deg) scale(1.045);box-shadow:24px 30px 0 rgba(15,68,131,.3)}.portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}.portrait-caption{position:absolute;bottom:9%;left:50%;transform:translateX(-50%) rotate(5deg);background:var(--blue);color:#fff;font-size:9px;white-space:nowrap;padding:7px 10px}.portrait-notes{position:absolute;inset:0;pointer-events:none;font:900 5rem/1 "Trebuchet MS",sans-serif}.portrait-notes span{position:absolute}.portrait-notes span:nth-child(1){top:11%;left:8%;transform:rotate(-19deg)}.portrait-notes span:nth-child(2){right:3%;top:23%;font-size:4rem}.portrait-notes span:nth-child(3){bottom:8%;right:18%;transform:rotate(18deg)}.thought-bubble{position:absolute;z-index:4;top:11%;right:0;background:white;color:var(--blue);font:700 15px/1.3 "Courier New",monospace;max-width:220px;padding:15px 18px;border-radius:20px 18px 18px 3px;transform:rotate(5deg);box-shadow:4px 4px 0 var(--deep);transition:transform .3s}.thought-bubble.pop{transform:rotate(-4deg) scale(1.13)}.portrait-coordinate{position:absolute;bottom:5%;left:10%;font-size:10px;line-height:1.7;transform:rotate(-7deg)}.portrait-coordinate span{display:block}.stability-tab{position:absolute;z-index:4;right:-3px;bottom:42px;border:1px solid white;border-right:0;background:var(--blue);color:white;display:flex;align-items:center;gap:14px;padding:12px 13px 12px 20px;text-align:left;transform:rotate(-3deg);transition:transform .2s}.stability-tab:hover{transform:translateX(-6px) rotate(1deg)}.stability-tab-inner{font:700 10px/1.1 "Courier New",monospace}.stability-tab-icon{font-size:40px;line-height:1}.ticker{height:58px;overflow:hidden;display:flex;align-items:center;background:white;color:var(--blue);border-bottom:2px solid var(--blue);border-top:2px solid var(--blue);font:900 23px/1 Impact,"Arial Black",sans-serif;letter-spacing:.04em;white-space:nowrap}.ticker-track{animation:marquee 20s linear infinite;width:max-content}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(326deg)}}@keyframes blink{50%{opacity:.35}}
.section-topline{display:flex;justify-content:space-between;gap:20px;border-top:1.5px solid currentColor;padding-top:12px;font-size:11px}.story-section,.pocket-section,.route-section,.signal-section{padding:65px clamp(22px,6.5vw,105px) 115px;position:relative}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,140px);margin-top:90px}.section-kicker{font-size:11px}.story-lead h2,.pocket-head h2,.route-header h2,.signal-content h2{font:900 clamp(4rem,6.7vw,8.2rem)/.88 Impact,"Arial Black",sans-serif;letter-spacing:-.045em;margin:28px 0 46px}.story-lead h2 span{display:block;color:var(--white);-webkit-text-stroke:2px var(--blue)}.story-drawing{max-width:370px;position:relative;transform:rotate(-4deg);border:2px solid var(--blue);padding:13px 13px 45px;box-shadow:11px 11px 0 var(--blue);background:white}.story-drawing img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.drawing-label{position:absolute;bottom:13px;left:13px;font-size:10px}.story-content{padding-top:10px}.story-chapter{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:30px 0;border-top:1px dashed var(--blue)}.story-last{border-bottom:1px dashed var(--blue)}.chapter-index{font-size:12px;padding-top:8px}.story-chapter h3{font:900 clamp(24px,2.5vw,36px)/.95 Impact,"Arial Black",sans-serif;letter-spacing:-.02em;margin:0 0 15px}.story-chapter p{font-size:17px;line-height:1.65;max-width:570px;margin:0}.pocket-section{background:var(--blue);color:white}.pocket-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin:75px 0 50px}.pocket-head .section-kicker{grid-column:1/-1;margin-bottom:-24px}.pocket-head h2{margin:0}.pocket-head>p:last-child{font-size:19px;font-weight:700;max-width:330px;margin:0 0 8px}.pocket-board{position:relative;min-height:610px;border:1.5px solid rgba(255,255,255,.7);border-radius:47% 53% 52% 48%/3% 4% 5% 4%;overflow:hidden;background:#2668b5}.pocket-board:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.26);border-radius:50% 49% 48% 51%/4% 3% 3% 5%;pointer-events:none}.props-art{position:absolute;inset:0;background-repeat:no-repeat;background-position:15% center;background-size:70% auto;opacity:.9;pointer-events:none}.object-pin{position:absolute;z-index:2;border:2px solid white;border-radius:50%;background:var(--blue);color:white;min-width:47px;height:47px;display:flex;align-items:center;justify-content:center;box-shadow:5px 5px 0 rgba(20,70,130,.5);transition:transform .2s,background .2s}.object-pin:hover,.object-pin.is-selected{transform:scale(1.12) rotate(-8deg);background:#fff;color:var(--blue)}.pin-symbol{font:900 17px/1 Impact,"Arial Black",sans-serif}.pin-name{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:white;color:var(--blue);padding:4px 8px;font-size:10px}.pin-phone{top:15%;left:16%}.pin-earring{top:30%;left:37%}.pin-headphones{top:59%;left:18%}.pin-beanie{top:14%;left:57%}.pin-cassette{top:70%;left:47%}.pin-coffee{top:41%;left:59%}.object-card{position:absolute;right:4%;top:14%;z-index:1;width:30%;min-width:280px;min-height:400px;background:white;color:var(--blue);padding:30px;transform:rotate(3deg);box-shadow:10px 10px 0 #17589e;display:flex;flex-direction:column}.object-card-top,.route-detail-top{display:flex;justify-content:space-between;gap:8px;font-size:10px}.object-card h3{font:900 clamp(2rem,3vw,3.8rem)/.9 Impact,"Arial Black",sans-serif;margin:60px 0 20px}.object-card p{font-size:17px;line-height:1.5}.object-card-bottom{font-size:10px;border-top:1px solid var(--blue);padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;gap:10px}.object-card.reveal{animation:card-flip .5s ease}@keyframes card-flip{0%{transform:rotate(12deg) scale(.9);opacity:.4}100%{transform:rotate(3deg) scale(1);opacity:1}}
.route-section{background:#fff;color:var(--blue)}.route-header{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:65px 0 40px}.route-header h2{margin:20px 0 0}.route-header>p{font-size:19px;line-height:1.5;max-width:360px;font-weight:700}.route-machine{height:760px;position:relative;background:var(--blue);color:white;overflow:hidden;border-radius:49% 51% 50% 50%/4% 4% 3% 3%;border:3px solid var(--blue)}.route-machine:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.22);pointer-events:none;border-radius:inherit}.route-rings{position:absolute;left:36%;top:50%;width:570px;height:570px;transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.ring{position:absolute;border:2px solid rgba(255,255,255,.7);border-radius:48% 52% 49% 51%/51% 49% 52% 48%;inset:0}.ring-outer{border-style:dashed;animation:ring-turn 44s linear infinite}.ring-middle{inset:52px;border-width:1px;transform:rotate(24deg)}.ring-inner{inset:130px;border-width:2px;border-style:dotted;transform:rotate(-22deg)}.ring-dashes{position:absolute;inset:12px;border:20px solid rgba(255,255,255,.035);border-radius:50%}.route-machine[data-station="1"] .route-rings{transform:translate(-50%,-50%) rotate(58deg)}.route-machine[data-station="2"] .route-rings{transform:translate(-50%,-50%) rotate(144deg)}.route-machine[data-station="3"] .route-rings{transform:translate(-50%,-50%) rotate(236deg)}@keyframes ring-turn{to{transform:rotate(360deg)}}.route-center{position:absolute;left:36%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:2px solid white;border-radius:49% 51% 51% 49%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--blue);z-index:1;text-align:center;box-shadow:0 0 0 16px rgba(255,255,255,.06)}.route-center-label{font-size:9px}.route-center strong{font:900 74px/.9 Impact,"Arial Black",sans-serif}.route-center>span:last-child{font:700 10px "Courier New",monospace}.route-node{position:absolute;z-index:2;background:white;color:var(--blue);border:2px solid white;border-radius:49% 51% 46% 54%/52% 45% 55% 48%;width:116px;height:116px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:transform .35s,background .35s,color .35s,box-shadow .35s}.route-node span{font:900 38px/.9 Impact,"Arial Black",sans-serif}.route-node b{font:700 10px "Courier New",monospace}.route-node:hover,.route-node.is-active{transform:scale(1.16) rotate(-8deg);background:var(--blue);color:white;box-shadow:0 0 0 7px white}.node-1{left:34%;top:9%}.node-2{left:55%;top:28%}.node-3{left:40%;bottom:7%}.node-4{left:12%;top:50%}.route-detail{position:absolute;right:5%;top:23%;width:31%;min-width:295px;min-height:390px;background:#fff;color:var(--blue);padding:30px;display:flex;flex-direction:column;box-shadow:10px 10px 0 #1b579d;transform:rotate(2deg)}.route-detail h3{font:900 clamp(2.5rem,4vw,5rem)/.9 Impact,"Arial Black",sans-serif;margin:70px 0 20px}.route-detail p{font-size:18px;line-height:1.5}.route-detail-bottom{font-size:10px;border-top:1px solid var(--blue);margin-top:auto;padding-top:15px}.route-detail.shift{animation:card-flip .5s ease}.signal-section{background:var(--blue);color:white}.signal-content{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:600px}.signal-content h2{margin:25px 0 28px}.signal-explain{font-size:19px;font-weight:700;max-width:440px}.signal-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:45px 0 28px}.hold-button{position:relative;overflow:hidden;border:2px solid white;color:white;background:transparent;padding:20px 25px;min-width:280px;transform:rotate(-2deg);box-shadow:7px 7px 0 white;touch-action:none}.hold-button:hover{transform:rotate(1deg)}.hold-progress{position:absolute;inset:0;right:auto;width:0;background:white;transition:width .08s linear}.hold-label{position:relative;z-index:1;font:700 12px "Courier New",monospace;mix-blend-mode:difference}.sound-toggle{border:1px dashed white;background:transparent;color:white;padding:16px;font:700 11px "Courier New",monospace}.sound-toggle:hover{background:white;color:var(--blue)}.signal-feedback{font-size:11px}.signal-visual{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden}.signal-ripple{position:absolute;width:80%;aspect-ratio:1;border:2px solid rgba(255,255,255,.35);border-radius:50%;animation:pulse 3s ease-in-out infinite}.ripple-b{width:95%;animation-delay:-1.5s;border-style:dashed}@keyframes pulse{50%{transform:scale(1.08) rotate(9deg);opacity:.3}}.signal-image{width:min(64%,360px);aspect-ratio:1;border:10px solid white;border-radius:50%;overflow:hidden;transform:rotate(-7deg);filter:blur(5px);transition:filter .1s,transform .2s}.signal-image img{width:100%;height:100%;object-fit:cover}.signal-visual-label{position:absolute;bottom:20px;font-size:11px}.footer{padding:60px clamp(22px,6.5vw,105px) 28px;color:var(--blue)}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:20px 0 75px}.footer-top p{font:900 clamp(4rem,8vw,10rem)/.86 Impact,"Arial Black",sans-serif;letter-spacing:-.055em;margin:0}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.footer-x{font:700 12px "Courier New",monospace}.footer-bottom{border-top:1.5px solid var(--blue);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.stability-overlay{position:fixed;inset:0;z-index:60;background:rgba(10,54,111,.75);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s}.stability-overlay.is-open{opacity:1;pointer-events:auto}.stability-panel{position:relative;background:#fff;color:var(--blue);padding:clamp(30px,5vw,65px);width:min(550px,100%);box-shadow:16px 16px 0 var(--blue);transform:rotate(-2deg) translateY(30px);transition:transform .3s}.is-open .stability-panel{transform:rotate(-2deg) translateY(0)}.close-panel{position:absolute;top:12px;right:18px;font-size:40px;line-height:1;color:var(--blue);border:0;background:transparent}.panel-number{font-size:10px}.stability-panel h2{font:900 clamp(3.7rem,7vw,5.6rem)/.88 Impact,"Arial Black",sans-serif;margin:32px 0 20px}.stability-panel>p{font-size:17px}.panel-meter{height:18px;border:2px solid var(--blue);transform:rotate(1deg);margin:30px 0 8px}.panel-meter span{display:block;width:0;height:100%;background:var(--blue)}.panel-readout{font-size:12px}.panel-hold{background:var(--blue);color:white;border:2px solid var(--blue);padding:15px 22px;font:700 12px "Courier New",monospace;touch-action:none}.panel-note{font-size:12px!important;margin:20px 0 0;opacity:.7}
@media(max-width:1150px){.topbar-center{display:none}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(5rem,10vw,9rem)}.portrait-stage{min-height:480px}.object-card{min-width:260px}.route-rings{left:38%;width:520px;height:520px}.route-center{left:38%}.node-2{left:56%}.route-detail{right:4%}}
@media(max-width:800px){.topbar{height:68px}.top-actions{gap:12px}.top-actions .nav-link:not(.icon-link){display:none}.hero{grid-template-columns:1fr;min-height:unset;padding:70px 25px 50px}.hero h1{font-size:clamp(5rem,16vw,9rem);margin:35px 0 25px}.hero h1 em{transform:translateX(4%) rotate(-3deg)}.hero-buttons{margin:20px 0 40px}.hero-bottom{position:relative;right:auto;margin-top:25px}.portrait-stage{min-height:520px;grid-row:2}.portrait{width:min(66%,400px)}.stability-tab{bottom:16px}.story-grid{grid-template-columns:1fr;margin-top:55px;gap:70px}.story-drawing{max-width:330px}.pocket-head{display:block}.pocket-head>p:last-child{margin-top:25px}.pocket-board{min-height:850px}.props-art{background-position:top center;background-size:100% auto}.object-card{right:6%;top:auto;bottom:5%;width:88%;min-height:260px;transform:rotate(1deg)}.object-card h3{margin:22px 0 12px}.pin-phone{top:10%;left:12%}.pin-earring{top:19%;left:42%}.pin-headphones{top:38%;left:19%}.pin-beanie{top:12%;left:70%}.pin-cassette{top:42%;left:68%}.pin-coffee{top:28%;left:56%}.route-header{display:block}.route-header>p{margin-top:30px}.route-machine{height:850px}.route-rings{left:50%;top:38%;width:min(88vw,510px);height:min(88vw,510px)}.route-center{left:50%;top:38%}.route-detail{top:auto;bottom:5%;right:6%;width:88%;min-height:240px}.route-detail h3{margin:25px 0 15px}.node-1{left:42%;top:7%}.node-2{left:70%;top:27%}.node-3{left:43%;bottom:33%}.node-4{left:7%;top:34%}.signal-content{grid-template-columns:1fr;gap:20px}.signal-visual{min-height:430px}.footer-top{align-items:start;flex-direction:column}.footer-bottom{flex-wrap:wrap}}
@media(max-width:520px){.brand{font-size:12px}.brand-mark{font-size:26px}.topbar{padding:0 16px}.top-actions .icon-link{font-size:21px}.top-actions .pill-button{font-size:10px;padding:11px 12px}.hero h1{font-size:clamp(4.4rem,19vw,7rem)}.hero-intro{font-size:19px}.hero-bottom{font-size:9px;gap:10px}.portrait-stage{min-height:380px}.portrait{width:71%}.thought-bubble{font-size:11px;max-width:145px;top:5%;right:3%;padding:10px}.portrait-coordinate{font-size:8px;bottom:2%}.portrait-notes{font-size:3rem}.stability-tab{bottom:5px}.story-section,.pocket-section,.route-section,.signal-section{padding:45px 22px 80px}.section-topline{font-size:9px}.story-lead h2,.pocket-head h2,.route-header h2,.signal-content h2{font-size:clamp(3.4rem,15vw,6rem)}.story-chapter{grid-template-columns:35px 1fr;gap:10px}.story-chapter p{font-size:16px}.pocket-board{min-height:780px}.object-pin{min-width:42px;height:42px}.pin-name{font-size:8px}.object-card{padding:20px;min-height:270px;bottom:4%}.object-card p{font-size:16px}.route-machine{height:750px}.route-rings{top:33%}.route-center{top:33%;width:125px;height:125px}.route-center strong{font-size:55px}.route-node{width:77px;height:77px}.route-node span{font-size:26px}.route-node b{font-size:7px}.node-1{top:7%;left:40%}.node-2{top:28%;left:74%}.node-3{bottom:40%;left:43%}.node-4{top:28%;left:4%}.route-detail{bottom:4%;min-height:260px;padding:20px}.route-detail h3{font-size:42px}.route-detail p{font-size:16px}.signal-visual{min-height:360px}.footer{padding:50px 22px 22px}.footer-top p{font-size:clamp(4rem,16vw,7rem)}.footer-bottom{font-size:9px}.stability-panel{padding:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.hero h1 em,.pocket-head h2 em,.route-header h2 em,.signal-content h2 em,.footer-top em{color:transparent;-webkit-text-stroke:2px #fff}
.footer-top em{color:transparent;-webkit-text-stroke:2px var(--blue)}
.hero-doodles:after{content:"";position:absolute;inset:0;background:url("assets/wojak-props.png") 50% 50%/1150px auto repeat;opacity:.17;transform:rotate(-12deg)}
.props-art{inset:0 auto 0 0;width:69%;background-image:url("assets/wojak-props.png");background-size:100% auto;background-position:center;opacity:1}
.pin-phone{top:24%;left:9%}.pin-earring{top:23%;left:25%}.pin-headphones{top:25%;left:41%}.pin-beanie{top:22%;left:58%}.pin-cassette{top:66%;left:9%}.pin-coffee{top:64%;left:58%}
.portrait{transform:rotate(calc(-5deg + var(--jitter,0deg)))}
.story-section:before{content:"";position:absolute;right:-7%;bottom:5%;width:350px;height:350px;background:url("assets/wojak-props.png") right bottom/400% 200% no-repeat;opacity:.09;pointer-events:none;transform:rotate(12deg)}
.route-machine:after{content:"";position:absolute;left:-8%;bottom:-15%;width:240px;height:240px;background:url("assets/wojak-props.png") 0 0/400% 200% no-repeat;opacity:.23;pointer-events:none;transform:rotate(-25deg)}
.object-card.complete{outline:3px dashed var(--blue);outline-offset:-12px}
@media(max-width:800px){.props-art{width:100%;height:48%;background-size:100% auto;background-position:center top}.pin-phone{top:9%;left:11%}.pin-earring{top:13%;left:36%}.pin-headphones{top:13%;left:60%}.pin-beanie{top:9%;left:82%}.pin-cassette{top:32%;left:11%}.pin-coffee{top:35%;left:81%}}
@media(max-width:520px){.hero-doodles:after{background-size:680px auto;opacity:.12}.props-art{height:37%;background-size:100% auto}.pin-phone{top:9%;left:9%}.pin-earring{top:10%;left:34%}.pin-headphones{top:11%;left:57%}.pin-beanie{top:9%;left:79%}.pin-cassette{top:27%;left:10%}.pin-coffee{top:30%;left:78%}.pin-name{display:none}.object-pin:focus-visible .pin-name,.object-pin:hover .pin-name{display:block}}
@media(max-width:520px){.pocket-board{min-height:600px}.pin-phone{top:4%;left:9%}.pin-earring{top:4%;left:34%}.pin-headphones{top:5%;left:57%}.pin-beanie{top:4%;left:79%}.pin-cassette{top:17%;left:10%}.pin-coffee{top:18%;left:78%}}
@media(max-width:800px){.pocket-head .section-kicker{margin-bottom:15px}}