#world{z-index:1;width:100vw;height:100vh;display:block;position:fixed;inset:0}.site-head{z-index:3;background:var(--paper);pointer-events:none;justify-content:space-between;align-items:center;gap:16px;padding:12px max(16px,3vw) 10px;display:flex;position:fixed;top:0;left:0;right:0}.site-head>.rule{pointer-events:none;width:100%;height:8px;position:absolute;bottom:-4px;left:0;overflow:visible}.site-head>*{pointer-events:auto}.brand{font:700 30px/1 var(--hand);letter-spacing:.04em;text-shadow:0 0 4px var(--paper), 0 0 4px var(--paper), 0 0 8px var(--paper);text-decoration:none;position:relative}.chapter{z-index:2;pointer-events:none;min-height:170vh;padding-bottom:30vh;position:relative}.chapter .note,.chapter .panel,.chapter .card,.chapter .column-label{pointer-events:auto}#hero{padding-bottom:0}#map{min-height:175vh}.lead{height:70vh}#hero .lead{height:170vh}.lead>.note{--k:0;--shrink:.3;--dx:calc(78px - max(96px, 6vw));--dy:-5vh;--tilt:-1.4deg;transform-origin:0 0;transform:translate(calc(var(--k) * var(--dx)), calc(var(--k) * var(--dy))) rotate(calc(var(--k) * var(--tilt))) scale(calc(1 - var(--k) * var(--shrink)));margin-left:max(96px,6vw);position:sticky;top:14vh}.side-right .lead>.note{--dx:calc(max(40px, 5vw) - 18px);--tilt:1.4deg;transform-origin:100% 0;margin-left:auto;margin-right:max(40px,5vw)}.lead>.note.intro{--shrink:.45;width:min(480px,100%)}.intro .title{font:700 22px/1.15 var(--hand);margin-top:10px}.intro p{font-size:19px}.actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.intro .shot-slot{width:128px;position:absolute;bottom:-46px;right:-34px}.column{gap:34px;width:min(640px,100vw - 420px);margin-left:max(96px,6vw);display:grid}.side-right .column{margin-left:auto;margin-right:300px}.column-label{background:var(--paper);justify-self:start;padding:4px 10px;font-size:26px}.panel h3,.card h3{margin-bottom:8px}.small{color:var(--muted);font-size:15px}.meta{font:700 18px/1.1 var(--hand);color:var(--muted);margin:4px 0 8px}.card{isolation:isolate;padding:20px 22px 18px;position:relative}.card .kicker{font:700 18px/1 var(--hand);color:var(--red)}.card .stack{font:700 18px/1.1 var(--hand);flex-wrap:wrap;gap:4px 14px;margin:10px 0 6px;padding:0;list-style:none;display:flex}.features{margin:8px 0 0;padding:0;list-style:none}.features li{margin:4px 0;padding-left:22px;position:relative}.features li:before{content:"";background:var(--ink);border-radius:2px;width:11px;height:2px;position:absolute;top:.7em;left:3px;rotate:-12deg}.beat{height:125vh}#featured .column{width:min(430px,100vw - 420px)}.beat>.card{position:sticky;top:16vh}.filters{z-index:1;position:sticky;top:54px}.filter-empty{color:var(--muted);margin-top:8px}.works-grid,.services-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:34px 28px;display:grid}.project[hidden]{display:none}.project .shot-slot{--tall-max:260px;margin:-4px -4px 14px}.project .shot{pointer-events:none}.card-open{font:700 22px/1.05 var(--hand);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.card-open:after{content:"";z-index:1;position:absolute;inset:0}.card-open:focus-visible{outline:none}.card:has(.card-open:focus-visible){outline:2px dashed var(--red);outline-offset:6px}.project:hover .shot img{filter:none;mix-blend-mode:normal}.tag{color:var(--ink);margin-right:6px}.stack-line{color:var(--muted);margin-top:4px;font-size:15px}.story .shot-slot{float:right;width:min(230px,42%);margin:-8px -6px 10px 18px}.story p{margin-bottom:10px}.role{font:700 20px/1 var(--hand);color:var(--red)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 18px;display:grid}.stat,.gauge{isolation:isolate;text-align:center;align-content:center;justify-items:center;min-height:110px;display:grid;position:relative}.stat .big,.gauge .big{font:700 30px/1 var(--hand)}.gauge .big{margin-top:22px}.stamps{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stamps li{isolation:isolate;font:700 19px/1 var(--hand);letter-spacing:.03em;text-transform:uppercase;padding:6px 14px 8px;position:relative}.tnotes{min-height:250px;position:relative}.tnote{isolation:isolate;rotate:var(--tilt,-1deg);margin:8px 6px 0;padding:26px 22px 18px;position:relative}.tnote[hidden]{display:none}.tnote blockquote{margin:10px 0 12px}.tnote figcaption{display:grid}.tnote .who{font:700 20px/1.1 var(--hand)}.stars{width:110px;height:22px;display:block}.tnav{align-items:center;gap:12px;margin-top:14px;display:flex}.service .mark{width:56px;height:56px;margin-bottom:8px;display:block;position:relative}.service .mark svg{width:100%;height:100%}.growth{align-items:center;gap:8px;margin-top:10px;display:flex}.growth .figure{font:700 26px/1 var(--hand);color:var(--red)}.growth .arrow{width:22px;height:28px}.growth .arrow svg{width:100%;height:100%}.stations{text-align:center;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 4px;padding:0;list-style:none;display:grid;position:relative}.stations li{font:700 18px/1.1 var(--hand);justify-items:center;gap:8px;display:grid;position:relative}.stations .n{isolation:isolate;place-items:center;width:44px;height:34px;font-size:20px;display:grid;position:relative}.stations>svg{pointer-events:none;width:100%;height:34px;position:absolute;top:0;left:0;overflow:visible}.ruled{gap:16px;display:grid}.field{border:0;gap:2px;margin:0;padding:0;display:grid;position:relative}.field label,.field legend{font:700 18px/1 var(--hand);color:var(--muted)}.field input,.field textarea,.field select{width:100%;color:var(--ink);font:400 19px/1.4 var(--body);resize:vertical;background:0 0;border:0;padding:6px 2px 8px}.field select{appearance:none;cursor:pointer}.field input:focus,.field textarea:focus,.field select:focus{outline:none}.field:focus-within{outline:2px dashed var(--red);outline-offset:4px}.field .rule{width:100%;height:8px;overflow:visible}.field-error{min-height:1em;font:700 16px/1 var(--hand);color:var(--red)}.method{align-items:center;gap:18px;display:flex}.method legend{margin-bottom:6px}.pick{font-size:18px}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-foot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.form-status{font:700 18px/1.2 var(--hand)}.form-status.bad{color:var(--red)}.letter.posted form{animation:.9s ease-in forwards post}@keyframes post{40%{transform:scale(.5,.35)rotate(-3deg)}to{opacity:0;transform:translateY(60vh)scale(.3,.2)rotate(-8deg)}}.post .shot-slot{float:right;width:120px;margin:-10px -8px 8px 14px}.details{grid-template-columns:auto 1fr;gap:4px 16px;margin:14px 0;display:grid}.details dt{font:700 18px/1.3 var(--hand);color:var(--muted)}.details dd{margin:0}.availability{margin-bottom:14px}.stamps-post{flex-wrap:wrap;gap:12px;margin:0 0 18px;padding:0;list-style:none;display:flex}.stamp{isolation:isolate;width:92px;height:66px;font:700 19px/1 var(--hand);place-items:center;text-decoration:none;display:grid;position:relative}.stamp:hover .sketch{scale:1.07}.stamp .sketch{width:100%;height:100%;transition:scale .15s;inset:0}.cv-doc{isolation:isolate;width:150px;min-height:120px;margin:0 0 18px;padding:16px 18px;text-decoration:none;display:grid;position:relative;rotate:-1.5deg}.cv-title{font:700 30px/1 var(--hand)}.cv-doc .sketch{width:100%;height:100%;inset:0}.foot{grid-template-columns:1.4fr 1fr 1fr;gap:22px 30px;padding:30px 32px 28px;display:grid}.foot ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.foot-name{font:700 32px/1 var(--hand)}.copyright,.signature,.foot>.btn{grid-column:1/-1}.foot>.btn{justify-self:start}.heart{color:var(--red)}.signature{font:700 20px/1 var(--hand);color:var(--muted)}.site-nav ul{gap:22px;margin:0;padding:0;list-style:none;display:flex}.nav-link{font:700 21px/1 var(--hand);text-shadow:0 0 4px var(--paper), 0 0 4px var(--paper), 0 0 8px var(--paper);text-decoration:none;display:inline-block;position:relative}.nav-link .underline{opacity:0;width:100%;height:8px;transition:opacity .15s;position:absolute;bottom:-6px;left:0;overflow:visible}.nav-link:hover .underline,.nav-link[aria-current=true] .underline{opacity:1}.head-tools{gap:4px;display:flex}.menu-button{display:none}.map{z-index:3;isolation:isolate;width:246px;padding:12px 15px 13px;position:fixed;bottom:20px;right:max(28px,3vw)}.map>.sketch{width:calc(100% + 8px);height:calc(100% + 8px);inset:-4px}.map-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.map-head h2{white-space:nowrap;font-size:20px}.map-tools{gap:2px;display:flex}.map-tools button{isolation:isolate;width:27px;height:25px;font:700 18px/1 var(--hand);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.map-tools button.wide{width:44px;font-size:16px}.map-tools button[aria-pressed=true]{color:var(--on-red)}.map-tools button:disabled{opacity:.35;cursor:default}.map-tools .sketch,.rail button .sketch,.player button .sketch{width:100%;height:100%;transition:scale .15s;inset:0}.map-tools button:hover .sketch,.rail button:hover .sketch,.player button:hover .sketch{scale:1.07}.map canvas{aspect-ratio:1;background:color-mix(in srgb, var(--paper) 60%, transparent);cursor:grab;touch-action:none;border-radius:10px;width:100%;display:block}.map-legend{color:var(--muted);justify-content:space-between;gap:8px;margin:7px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.map-legend li{align-items:center;gap:4px;display:flex}.map-legend i{flex:none;display:inline-block}.map-legend .k-work{border:1.5px solid var(--red);background:color-mix(in srgb, var(--red) 20%, transparent);width:11px;height:9px}.map-legend .k-travel{border-top:2px dashed var(--blue);width:18px}.map-legend .k-view{border-left:12px solid color-mix(in srgb, var(--red) 45%, transparent);border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0}@property --ft{syntax:"<length>";inherits:false;initial-value:0}@property --fb{syntax:"<length>";inherits:false;initial-value:0}.rail{z-index:3;overscroll-behavior:contain;scrollbar-width:none;--ft:0px;--fb:0px;max-height:min(452px,100vh - 170px);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--ft), #000 calc(100% - var(--fb)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--ft), #000 calc(100% - var(--fb)), transparent 100%);gap:6px;margin:0;padding:8px 4px;list-style:none;transition:--ft .25s,--fb .25s;display:grid;position:fixed;top:50%;left:18px;overflow-y:auto;translate:0 -50%}.rail::-webkit-scrollbar{display:none}.rail.more-up{--ft:44px}.rail.more-down{--fb:44px}.rail button,.player button{isolation:isolate;width:44px;height:34px;font:700 20px/1 var(--hand);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.rail button[aria-current=step],.player button[aria-pressed=true]{color:var(--on-red)}.player{z-index:3;justify-items:center;gap:4px;display:grid;position:fixed;bottom:18px;left:50%;translate:-50%}.player-buttons{align-items:center;gap:6px;display:flex}.player button.big{width:58px;height:46px}.player button.speed{font-size:19px}.player-now{font:700 19px/1 var(--hand);white-space:nowrap;text-shadow:0 0 4px var(--paper), 0 0 4px var(--paper), 0 0 8px var(--paper)}.player-now span{color:var(--red)}@media (prefers-reduced-motion:reduce){.lead>.note{transform:none}.letter.posted form{animation:none}.map-tools .sketch,.rail button .sketch,.player button .sketch{transition:none}}@media (width<=760px){.rail{display:none}.lead>.note,.side-right .lead>.note{--dx:0px;--dy:0px;--tilt:0deg;--shrink:.2;transform-origin:top;margin:0 16px}.column,.side-right .column{width:auto;margin:0 16px}.intro .shot-slot{width:92px;top:-40px;bottom:auto;right:8px}.stats,.stations{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr}.filters{top:60px}.map{display:none}.menu-button{display:block}.site-nav ul{background:var(--paper);flex-direction:column;gap:14px;padding:16px 22px;display:none;position:absolute;top:60px;right:16px}.site-nav.open ul{display:flex}}.stars,.growth .arrow,.metric .arrow{display:inline-block;position:relative}.stamp-x{vertical-align:middle;width:30px;height:24px;margin-right:8px;display:inline-block;position:relative}.about-project{font:700 20px/1.1 var(--hand);color:var(--red);margin:6px 0 4px}dialog.sheet,dialog.consult{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:16px}dialog.sheet[open],dialog.consult[open]{overscroll-behavior:contain;display:block;overflow-y:auto}dialog.sheet::backdrop,dialog.consult::backdrop{background:#1d1b188c}.sheet-paper{isolation:isolate;width:min(1080px,100%);margin:16px auto;padding:40px 42px 30px;position:relative}.consult-paper{width:min(620px,100%)}.sheet-top{grid-template-columns:1.15fr 1fr;align-items:start;gap:34px;display:grid}.gallery-stage{--tall-max:min(56vh, 480px);min-height:200px}.gallery-nav{justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.dots{flex-wrap:wrap;justify-content:center;gap:2px;max-width:calc(100% - 116px);display:flex}.dot{isolation:isolate;cursor:pointer;background:0 0;border:0;width:18px;height:18px;padding:0;position:relative}.dot .sketch{width:100%;height:100%;inset:0}.overview h2{margin:4px 0 10px;font-size:34px}.kicker{font:700 18px/1 var(--hand);color:var(--red)}.facts{grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 10px;display:grid}.facts dt{font:700 18px/1.3 var(--hand);color:var(--muted)}.facts dd{margin:0}.sheet-block{margin-top:28px}.sheet-block h3{margin:14px 0 8px;font-size:24px}.stations.six{grid-template-columns:repeat(6,1fr)}.sheet-two{grid-template-columns:1fr 1fr;gap:34px;display:grid}.sheet-two .sheet-block{margin-top:14px}.diagram{width:100%;margin:8px 0 14px;position:relative}.diagram-label{font:400 16px var(--body);fill:var(--ink)}.metrics{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.metric{grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:2px 8px;display:grid}.metric .figure{font:700 26px/1 var(--hand);color:var(--red)}.metric .arrow{width:18px;height:26px}.metric>span:last-child{grid-column:1/-1}.title-block{isolation:isolate;width:max-content;min-width:240px;font:700 17px/1.3 var(--hand);color:var(--muted);margin:28px 0 0 auto;padding:10px 16px;display:grid;position:relative}.title-block .tb-name{color:var(--ink);font-size:20px}.title-block .drawn{overflow:visible}@media (width<=760px){.sheet-paper{padding:34px 20px 24px}.sheet-top,.sheet-two{grid-template-columns:1fr}.stations.six{grid-template-columns:repeat(3,1fr)}}.field input[type=radio]{width:auto;accent-color:var(--red);margin:0 6px 0 0}.pick{align-items:center;display:inline-flex}.field .chev{pointer-events:none;width:18px;height:12px;position:absolute;top:34px;right:6px}
