@font-face{font-family:Polsyh;src:url(/fonts/polsyh.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-400.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-500.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-700.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-italic.ttf)format("truetype");font-display:swap;font-weight:400;font-style:italic}:root{--paper:#f7f0dd;--cream:#fff9e9;--ink:#182f36;--red:#bd3f2a;--yellow:#edc753;--blue:#9acddd;--muted:#68716b;--line:#233638;--comic:Polsyh, "Arial Narrow", sans-serif;--sans:"DM Sans", Arial, sans-serif;--serif:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #d26035}button:disabled{cursor:default}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400}h2{font-family:var(--comic);letter-spacing:-1.8px;font-size:clamp(60px,7.5vw,108px);line-height:.97}h2 em{color:var(--red);font-style:normal}svg{stroke:currentColor;stroke-width:1.5px}em{font-weight:400}.page-width{width:min(1280px,100% - 128px);margin-inline:auto}.skip-link{z-index:100;background:var(--yellow);padding:14px;position:fixed;top:-60px;left:10px}.skip-link:focus{top:10px}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:700}.text-link{background:0 0;border:0;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:28px;padding:0 0 8px;font-size:12px;font-weight:500;display:inline-flex}.text-link>span{font-size:20px;transition:transform .2s}.text-link:hover>span{transform:translate(3px,-3px)}.solid-link{background:var(--ink);color:var(--cream);border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;font-size:12px;font-weight:500;transition:background .2s,color .2s;display:flex}.solid-link:hover{background:var(--yellow);color:var(--ink)}.solid-link>span{font-size:24px}.live-dot{background:#617e48;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #617e4815}.hand-note{font-family:var(--comic);font-size:22px;line-height:1.15}.hand-note svg{fill:none;width:75px;height:45px;display:block}.chapter-label{letter-spacing:1.6px;align-items:center;gap:16px;font-size:10px;font-weight:700;display:flex}.chapter-label>span{width:29px;height:29px;font-family:var(--comic);letter-spacing:0;border:1px solid;border-radius:50%;place-items:center;font-size:16px;display:grid}.chapter-heading{justify-content:space-between;align-items:flex-end;margin:40px 0 50px;display:flex}.chapter-end{letter-spacing:1.5px;border-top:1px solid #ffffff35;justify-content:space-between;margin-top:60px;padding-top:20px;font-size:9px;display:flex}.scene-media{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-media img,.scene-video{object-fit:cover;width:100%;height:100%}.scene-video{opacity:0;position:absolute;inset:0}.scene-video.is-ready{opacity:1}.masthead{border-bottom:1px solid var(--ink);background:var(--paper);z-index:20;justify-content:space-between;align-items:center;gap:30px;height:78px;padding:0 44px;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand-mark{font:40px/.8 var(--comic);color:var(--red);letter-spacing:-3px}.brand>span:last-child{letter-spacing:1.1px;font-size:8px;font-weight:700;line-height:1.6}.masthead nav{gap:30px;font-size:12px;display:flex}.masthead nav a{position:relative}.masthead nav a:after{content:"";background:var(--red);height:2px;transition:right .2s;position:absolute;bottom:-5px;left:0;right:100%}.masthead nav a:hover:after{right:0}.header-actions{align-items:center;gap:25px;display:flex}.motion-control{letter-spacing:1px;background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:8px;display:flex}.motion-control>span:first-child{font-size:17px}.hello-link{font-family:var(--comic);align-items:center;gap:19px;font-size:20px;display:flex}.hello-link>span{font-family:var(--sans);font-size:20px}.album-cover{border-bottom:1px solid var(--ink);padding:0 25px;position:relative}.cover-meta{letter-spacing:1.7px;justify-content:space-between;padding:22px 20px 0;font-size:8px;font-weight:500;display:flex}.cover-meta>span:last-child{align-items:center;gap:12px;display:flex}.cover-heading{justify-content:center;align-items:center;gap:22px;padding:25px 30px 30px;display:flex}.cover-kicker{flex-shrink:0;align-self:center;width:95px;position:relative}.cover-kicker>span{font-family:var(--comic);letter-spacing:1px;font-size:18px;line-height:1.1;display:block;transform:rotate(-4deg)}.cover-kicker svg{fill:none;stroke-width:2px;width:67px;position:absolute;bottom:-32px;left:13px}.cover-heading h1{font-family:var(--comic);letter-spacing:-7px;color:var(--red);white-space:nowrap;font-size:clamp(80px,12.4vw,190px);line-height:.95}.title-dot{color:var(--ink)}.cover-edition{border:1px solid var(--ink);flex-shrink:0;grid-template-columns:20px 45px;align-self:center;margin-left:15px;padding:8px;display:grid;transform:rotate(5deg)}.cover-edition>span{font:18px var(--serif)}.cover-edition strong{font:42px/.9 var(--comic)}.cover-edition small{letter-spacing:1.5px;border-top:1px solid var(--ink);text-align:center;grid-column:1/-1;margin-top:9px;padding-top:7px;font-size:7px;line-height:1.5}.cover-cinema{border:2px solid var(--ink);background:var(--blue);height:clamp(390px,39vw,640px);position:relative;overflow:hidden}.cover-cinema .scene-media img,.cover-cinema .scene-video{object-position:center 58%}.caption-box{background:var(--cream);border:1px solid var(--ink);box-shadow:3px 3px #182f3630}.cover-location{letter-spacing:.8px;gap:12px;padding:14px 16px;font-size:9px;font-weight:500;display:flex;position:absolute;top:22px;left:23px}.crosshair{font-size:28px;line-height:1}.cover-location small{letter-spacing:1px;margin-top:6px;font-size:7px;line-height:1.6;display:block}.cover-speech{background:var(--cream);border:1.5px solid var(--ink);font:23px/1.1 var(--comic);text-align:center;border-radius:50%;padding:19px 26px;position:absolute;top:12%;left:44%;transform:rotate(-6deg);box-shadow:2px 2px #182f3610}.cover-speech:after{content:"";background:var(--cream);border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);width:21px;height:25px;position:absolute;bottom:-13px;right:22px;transform:skewY(33deg)rotate(12deg)}.start-stamp{background:var(--yellow);border:2px solid var(--ink);text-align:center;width:120px;height:120px;box-shadow:5px 5px 0 var(--ink);font:19px/1.1 var(--comic);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .25s,box-shadow .25s;display:flex;position:absolute;bottom:66px;left:30px;transform:rotate(-12deg)}.start-stamp>span:last-child{font:28px var(--sans);margin-top:5px}.start-stamp:hover{box-shadow:7px 9px 0 var(--ink);transform:rotate(0)translateY(-5px)}.scene-footer{background:var(--ink);color:var(--cream);letter-spacing:1.4px;justify-content:space-between;padding:12px 18px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.scene-footer>span:last-child{gap:17px;display:flex}.cover-bottom{justify-content:space-between;align-items:center;gap:30px;padding:25px 20px 30px;display:flex}.cover-bottom>p{font-size:14px;line-height:1.8}.cover-bottom>p>a{border-bottom:1px solid var(--red);color:var(--red);font-weight:700}.cover-bottom>p>span{color:var(--muted);font-size:11px}.issue-note{align-items:center;gap:25px;margin-left:auto;display:flex}.issue-note>span{letter-spacing:1.4px;border-right:1px solid #182f3640;padding-right:25px;font-size:8px;font-weight:700}.issue-note p{font:20px/1.15 var(--serif)}.cover-bottom>svg{stroke-width:1px;width:58px;height:58px;margin-left:25px}.prologue{padding-block:110px 38px}.prologue-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:90px;margin-top:45px;display:grid}.prologue-copy h2{font-family:var(--serif);letter-spacing:-2px;font-size:clamp(62px,6.6vw,94px);line-height:.96}.prologue-copy h2 em{font-style:italic}.intro-line{margin:28px 0;font-size:17px;line-height:1.65}.bio-columns{color:#58645f;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:28px;font-size:12px;line-height:1.85;display:grid}.character-dossier{background:var(--cream);border:1px solid var(--ink);padding:16px 17px 0;position:relative;transform:rotate(3deg);box-shadow:10px 10px #dfd6bd}.dossier-tab{letter-spacing:1px;border-bottom:1px solid #182f3650;padding-bottom:15px;font-size:8px}.portrait-orbit{isolation:isolate;height:445px;position:relative}.portrait-orbit:before{content:"";background:var(--red);z-index:-1;border-radius:50%;position:absolute;inset:65px 10px 32px}.portrait-orbit img{object-fit:contain;object-position:50% bottom;padding-top:15px;padding-bottom:5px}.orbit-word{font:13px var(--comic);letter-spacing:2px;position:absolute;top:20px;right:3px;transform:rotate(8deg)}.portrait-note{font-size:19px;position:absolute;top:100px;left:-62px;transform:rotate(-10deg)}.portrait-note svg{margin-left:30px;transform:rotate(-20deg)}.dossier-bottom{border-top:1px solid var(--ink);letter-spacing:1px;justify-content:space-between;padding:15px 0;font-size:8px;display:flex}.passport-stamp{border:3px double var(--ink);background:var(--yellow);text-align:center;letter-spacing:1px;border-radius:50%;padding:22px 12px;font-size:9px;line-height:1.6;position:absolute;bottom:63px;right:-25px;transform:rotate(-15deg)}.passport-stamp strong{font-weight:400}.prologue-end{letter-spacing:1px;border-top:1px solid #182f3640;justify-content:space-between;margin-top:75px;padding-top:20px;font-size:8px;display:flex}.work-chapter{background:var(--ink);color:var(--paper);margin-top:55px;padding:85px 0 32px;position:relative}.work-chapter:before{content:"";background:repeating-linear-gradient(90deg, var(--yellow) 0 40px, transparent 40px 80px);opacity:.8;height:9px;position:absolute;top:0;left:0;right:0}.work-chapter .chapter-label{color:#e9c759}.work-chapter h2>span{color:var(--yellow)}.chapter-aside{align-items:center;gap:25px;margin-right:30px;display:flex}.chapter-aside p{font:26px/1.12 var(--serif)}.tiny-star{color:var(--yellow);font-size:69px;line-height:1}.workshop-spread{border:1px solid #111f25;grid-template-columns:1.85fr 1fr;display:grid;box-shadow:8px 8px #0e2229}.workshop-scene{background:#bad1cf;min-height:480px;position:relative;overflow:hidden}.scene-slug{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);letter-spacing:1px;padding:9px 13px;font-size:8px;font-weight:700;position:absolute;top:18px;left:18px}.explore-label{background:var(--cream);color:var(--ink);padding:7px 10px;font-size:8px;font-weight:500;position:absolute;top:22px;right:18px;transform:rotate(3deg)}.explore-label>span{margin-left:9px;font-size:14px}.desk-hotspot{border:1.5px solid var(--ink);background:var(--yellow);width:32px;height:32px;font:20px var(--comic);color:var(--ink);border-radius:50%;transition:transform .2s,background .2s;position:absolute;box-shadow:0 0 0 6px #fff9e933}.desk-hotspot:hover,.desk-hotspot.selected{background:var(--cream);transform:scale(1.15)}.desk-note{background:var(--cream);max-width:380px;color:var(--ink);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:3;padding:20px;animation:.2s ease-out note-in;position:absolute;bottom:18px;left:18px;right:18px}.desk-note>button{background:0 0;border:0;font-size:23px;position:absolute;top:4px;right:8px}.desk-note>span{letter-spacing:1px;font-size:8px;font-weight:700}.desk-note>p{font:21px/1.3 var(--serif);margin-top:10px}.fig-dispatch{background:var(--cream);color:var(--ink);flex-direction:column;padding:30px;display:flex}.dispatch-date{letter-spacing:1.2px;border-bottom:1px solid #182f3630;padding-bottom:18px;font-size:8px}.fig-symbol{font:86px/1 var(--serif);letter-spacing:-6px;color:var(--red);padding-top:22px}.fig-symbol>span{font-style:italic}.fig-dispatch h3{font:38px/.99 var(--serif);margin:18px 0}.fig-dispatch p{color:#58645f;max-width:250px;margin-bottom:26px;font-size:12px;line-height:1.8}.fig-dispatch .solid-link{margin-top:auto}.dispatch-signoff{letter-spacing:1px;align-items:center;gap:10px;margin-top:20px;font-size:8px;display:flex}.side-projects{grid-template-columns:1.15fr 1fr;gap:70px;margin-top:78px;display:grid}.case-heading{letter-spacing:1px;border-bottom:1px solid #ffffff40;justify-content:space-between;padding-bottom:16px;font-size:8px;display:flex}.interface-experiment{height:300px;color:var(--ink);background:#a4ccce;margin-top:22px;padding:30px 45px;position:relative;overflow:hidden}.demo-window{background:var(--cream);border:2px solid var(--ink);transition:transform .4s,background .4s;position:relative;transform:rotate(-4deg);box-shadow:7px 7px #182f3635}.demo-chrome{border-bottom:1px solid var(--ink);align-items:center;gap:4px;padding:8px;display:flex}.demo-chrome i{border:1px solid var(--ink);border-radius:50%;width:5px;height:5px}.demo-chrome>span{letter-spacing:.6px;margin-left:auto;font-size:5px}.demo-body{min-height:143px;display:flex}.demo-sidebar{border-right:1px solid var(--ink);width:23%;padding:20px 10px}.demo-sidebar b{background:var(--ink);opacity:.6;height:6px;margin-bottom:12px;display:block}.demo-sidebar b:nth-child(2){width:70%}.demo-content{flex:1;padding:15px}.demo-content>span{font:21px var(--serif)}.demo-blocks{gap:8px;margin:9px 0;display:flex}.demo-blocks i{background:var(--red);border:1px solid var(--ink);flex:1;height:22px}.demo-blocks i:nth-child(2){background:var(--yellow)}.demo-blocks i:nth-child(3){background:#87a99b}.demo-target{background:var(--ink);color:var(--cream);justify-content:space-between;align-items:center;padding:8px;font-size:9px;display:flex}.demo-cursor{color:var(--red);-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 3px var(--cream);font-size:67px;position:absolute;bottom:-20px;right:15px}.shuffle-button{border:1px solid var(--ink);background:var(--yellow);font:17px var(--comic);box-shadow:3px 3px var(--ink);gap:23px;padding:10px 14px;display:flex;position:absolute;bottom:20px;left:22px}.shuffle-button:active{box-shadow:1px 1px var(--ink);transform:translate(2px,2px)}.experiment-count{letter-spacing:1px;font-size:9px;position:absolute;bottom:30px;right:22px}.variation-1{background:#c85c44}.variation-1 .demo-window{font-family:var(--comic);background:#ebcd5b;transform:rotate(3deg)scale(.94)}.variation-1 .demo-body{flex-direction:row-reverse}.variation-1 .demo-sidebar{border-right:0;border-left:1px solid var(--ink)}.variation-2{background:#a0ae91}.variation-2 .demo-window{background:#dce9e4;transform:rotate(-1deg)translateY(-8px)}.variation-2 .demo-blocks{flex-direction:column;gap:4px}.variation-2 .demo-blocks i{min-height:9px}.variation-2 .demo-sidebar{width:36%}.variation-3{background:#e6c953}.variation-3 .demo-window{background:#f4d5c4;transform:rotate(6deg)scale(.88)}.variation-3 .demo-content>span{font-family:var(--comic)}.variation-3 .demo-target{background:var(--red);border-radius:20px}.case-copy h3,.site-case h3{font:38px/1.04 var(--serif);margin:24px 0 15px}.case-copy p,.site-case>p{color:#bac5bf;max-width:360px;margin-bottom:23px;font-size:12px;line-height:1.8}.case-copy .text-link,.site-case .text-link{color:var(--yellow)}.site-case{padding:0 0 0 12px;position:relative}.case-label{letter-spacing:1px;border-bottom:1px solid #ffffff40;padding-bottom:16px;font-size:8px;display:block}.mini-album{background:var(--paper);width:220px;color:var(--ink);box-shadow:4px 0 0 #d8c6a0, 7px 0 0 var(--red), 14px 13px 0 #0f2228;text-align:center;border:1px solid #111;margin:35px auto 30px;padding:14px 10px 10px;transition:transform .4s;transform:rotate(8deg)}.site-case:hover .mini-album{transform:rotate(2deg)translateY(-6px)}.mini-album>span{letter-spacing:2px;font-size:6px}.mini-album>strong{font:32px var(--comic);color:var(--red);margin:5px 0;display:block}.mini-album-image{border:1px solid var(--ink);height:125px;position:relative}.mini-album-image img{object-fit:cover}.mini-album small{letter-spacing:1px;margin-top:8px;font-size:5px;display:block}.site-case-links{flex-wrap:wrap;gap:26px;display:flex}.journey-chapter{padding-block:110px}.serif-aside{font:26px/1.25 var(--serif);padding-bottom:4px}.serif-aside i{color:var(--red)}.journey-map{border:1px solid var(--ink);background:#f0ead6;position:relative;box-shadow:6px 6px #ded5bd}.map-topline{letter-spacing:1.5px;border-bottom:1px solid #182f3630;justify-content:space-between;padding:19px 23px;font-size:8px;display:flex}.route-map{background-image:linear-gradient(#182f3607 1px,#0000 1px),linear-gradient(90deg,#182f3607 1px,#0000 1px);background-size:25px 25px;height:260px;margin:0 30px;position:relative}.route-map>svg{width:100%;height:180px;position:absolute;inset:28px 0 0}.map-contour{fill:none;stroke:#a3b3a3;stroke-width:1px;opacity:.35}.route-line{fill:none;stroke:var(--red);stroke-width:2px;stroke-dasharray:6 5}.map-stop{background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:100px;padding:0;display:flex;position:absolute;transform:translate(-50%)}.stop-0{top:110px;left:8.5%}.stop-1{top:47px;left:29%}.stop-2{top:133px;left:50%}.stop-3{top:52px;left:71%}.stop-4{top:106px;left:92%}.stop-dot{border:1.5px solid var(--ink);background:var(--cream);width:32px;height:32px;font:18px var(--comic);border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid}.map-stop:hover .stop-dot{transform:scale(1.15)}.map-stop.active .stop-dot{background:var(--red);color:var(--cream);box-shadow:0 0 0 6px #bd3f2a20}.stop-year{letter-spacing:1px;font-size:8px;font-weight:700}.stop-company{font:17px var(--comic)}.map-annotation{font:20px var(--comic);position:absolute;top:24px;left:3%;transform:rotate(-7deg)}.map-annotation svg{fill:none;width:65px;height:30px;margin-left:20px;display:block}.career-detail{border-top:1px solid var(--ink);background:var(--cream);grid-template-columns:105px 1.1fr 1fr;gap:30px;min-height:200px;padding:30px;animation:.25s ease-out note-in;display:grid}.career-number{font:64px/1 var(--comic);color:var(--red)}.career-number>span{font:7px var(--sans);letter-spacing:1px;color:var(--ink);margin-top:10px;display:block}.career-role>span{letter-spacing:1px;color:var(--muted);font-size:9px}.career-role h3{font:35px/1.1 var(--serif);margin:12px 0 10px}.career-role strong{font:19px var(--comic)}.career-description p{color:#58645f;margin:4px 0 18px;font-size:12px;line-height:1.8}.detours-chapter{border-top:1px solid var(--ink);background:#e9e8d2;padding-top:70px}.detour-heading{justify-content:space-between;align-items:center;margin:40px 0;display:flex}.round-note{font:18px/1.25 var(--comic);border:2px solid var(--red);color:var(--red);text-align:center;border-radius:50%;place-content:center;width:135px;height:135px;margin-right:25px;display:grid;position:relative;transform:rotate(12deg)}.round-note:before{content:"";border:1px solid var(--red);border-radius:50%;position:absolute;inset:5px}.ride-scene{border-block:2px solid var(--ink);height:clamp(380px,47vw,710px);position:relative;overflow:hidden}.ride-scene .scene-media img,.ride-scene .scene-video{object-position:center 65%}.ride-caption{background:var(--cream);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:18px 24px;position:absolute;bottom:28px;left:5%;transform:rotate(-3deg)}.ride-caption>span{letter-spacing:2px;color:var(--red);font-size:7px;font-weight:700;display:block}.ride-caption strong{font:39px/1.2 var(--comic);margin:5px 0;display:block}.ride-caption small{letter-spacing:1px;font-size:7px;display:block}.ride-bubble{border:1.5px solid var(--ink);background:var(--cream);font:22px var(--comic);border-radius:50%;padding:20px 25px;position:absolute;top:12%;left:28%;transform:rotate(-6deg)}.ride-bubble:after{content:"";border-bottom:1.5px solid var(--ink);border-right:1.5px solid var(--ink);background:var(--cream);width:15px;height:15px;position:absolute;bottom:-8px;right:17px;transform:skew(20deg)rotate(10deg)}.ride-strava{background:var(--yellow);border:1px solid var(--ink);font:18px var(--comic);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:30px;padding:13px 20px;display:flex;position:absolute;bottom:28px;right:4%}.field-notebook{grid-template-columns:.7fr 1.4fr;align-items:start;gap:70px;padding-block:90px 110px;display:grid}.notebook-intro h3{font:80px/.9 var(--serif);letter-spacing:-2px;margin:28px 0 23px}.notebook-intro h3 em{color:var(--red)}.notebook-intro>p{max-width:200px;font-size:12px;line-height:1.8}.notebook-intro .hand-note{color:var(--red);margin:35px 0 0 25px;display:block;transform:rotate(-7deg)}.notebook-intro .hand-note svg{margin-left:75px}.notebook-book{filter:drop-shadow(7px 8px #d3d1b8);position:relative}.notebook-tabs{align-items:end;gap:5px;padding-left:24px;display:flex}.notebook-tabs button{border:1px solid var(--ink);background:#d8d7bd;border-bottom:0;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:13px 18px 12px;font-size:10px;transition:padding .2s;display:flex;position:relative}.notebook-tabs button.active{background:var(--cream);z-index:2;padding-top:19px;bottom:-1px}.notebook-tabs svg{stroke-width:1.6px;width:19px;height:19px}.notebook-page{background:var(--cream);border:1px solid var(--ink);min-height:440px;padding:30px 34px 20px 48px;animation:.25s ease-out note-in;position:relative}.notebook-page:before{content:"";border-left:1px solid #bd3f2a40;position:absolute;top:0;bottom:0;left:23px}.notebook-page-top{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:7px;display:flex}.notebook-page-top>span:last-child{font:22px var(--comic);color:var(--red)}.notebook-page h4{font:39px/1.04 var(--serif);margin:23px 0 11px}.notebook-page>p{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:1.7}.notebook-pick{border-top:1px solid #182f3628;align-items:center;gap:20px;padding:18px 0;transition:color .2s,padding .2s;display:flex}.notebook-pick:hover{color:var(--red);padding-left:5px}.pick-number{font:20px var(--comic);color:var(--red)}.notebook-pick>span:nth-child(2){flex:1}.notebook-pick strong{font:23px var(--comic);display:block}.notebook-pick small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.notebook-pick>span:last-child{font-size:23px}.notebook-page-foot{letter-spacing:1px;border-top:1px solid #182f3628;justify-content:space-between;align-items:center;margin-top:12px;padding-top:16px;font-size:7px;display:flex}.notebook-page-foot>span:last-child{font:23px var(--comic)}.unfinished-note{align-items:center;gap:20px;min-height:180px;display:flex}.unfinished-note>span{font:60px var(--serif);color:var(--red)}.unfinished-note p{font:24px var(--comic)}.unfinished-note small{font:11px var(--sans);color:var(--muted);margin-top:10px;display:block}.closing-chapter{background:var(--red);color:var(--paper);padding-top:45px}.closing-top{letter-spacing:1.6px;border-bottom:1px solid #fff9e950;justify-content:space-between;padding-bottom:20px;font-size:8px;display:flex}.closing-grid{grid-template-columns:1.45fr 1fr;align-items:center;gap:65px;padding:65px 0 75px;display:grid}.closing-grid h2{letter-spacing:-2px;font-size:clamp(64px,7.5vw,110px);line-height:1}.closing-grid h2 em{color:var(--paper)}.closing-grid h2 em>span{margin-top:-10px;line-height:.5;display:block}.closing-grid>div:first-child>p{font:24px/1.2 var(--serif);color:#fff1d9;margin-top:35px}.contact-postcard{background:var(--cream);color:var(--ink);border:1px solid var(--ink);padding:25px;position:relative;transform:rotate(4deg);box-shadow:8px 8px #7d2b20}.postcard-header{letter-spacing:1px;justify-content:space-between;align-items:start;font-size:8px;line-height:1.5;display:flex}.postage-stamp{border:3px dotted var(--red);text-align:center;background:#e7e9d3;padding:6px;transform:rotate(-10deg)}.postage-stamp svg{width:45px;height:45px;display:block}.postage-stamp span{margin-top:3px;font-size:6px;display:block}.postcard-greeting{font:35px var(--serif);margin:10px 0 22px}.contact-postcard>a,.contact-postcard>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #182f3630;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:13px 0;font-size:11px;display:flex}.contact-postcard>a>span,.contact-postcard>button>span:last-child{font-size:20px}.contact-postcard>a:hover{color:var(--red)}.postcard-footer{letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:20px;font-size:6px;display:flex}.postcard-footer>span{font:25px var(--comic);color:var(--red)}footer{letter-spacing:.8px;border-top:1px solid #fff9e950;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 40px;font-size:8px;display:flex}footer .footer-signature{font:29px var(--comic);letter-spacing:-1px}footer>button{color:inherit;letter-spacing:.5px;background:0 0;border:0;font-size:9px}.chapter-dock{z-index:30;background:var(--cream);border:1px solid var(--ink);flex-direction:column;gap:5px;padding:6px;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%);box-shadow:3px 3px #182f3630}.chapter-dock a{width:25px;height:29px;font:13px var(--comic);place-items:center;display:grid;position:relative}.chapter-dock a[aria-current]{background:var(--red);color:var(--cream)}.dock-tooltip{background:var(--ink);color:var(--cream);white-space:nowrap;font:11px var(--sans);padding:9px 12px;display:none;position:absolute;right:38px}.chapter-dock a:hover .dock-tooltip,.chapter-dock a:focus-visible .dock-tooltip{display:block}.colophon{border:2px solid var(--ink);background:var(--cream);width:min(560px,100% - 36px);max-height:85dvh;color:var(--ink);padding:0;box-shadow:10px 10px #0004}.colophon::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10252bd9}.colophon>div{padding:40px;position:relative}.dialog-close{font:30px var(--sans);background:0 0;border:0;position:absolute;top:8px;right:12px}.colophon h2{font:52px/1 var(--serif);letter-spacing:-1px;margin:25px 0 20px}.colophon p{font-size:13px;line-height:1.8}.colophon dl>div{border-top:1px solid #182f3630;padding:17px 0}.colophon dt{letter-spacing:1px;font-size:8px;font-weight:700}.colophon dd{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.8}@keyframes note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.cover-heading{padding-block:35px 40px}.cover-heading h1{font-size:205px}.cover-cinema{height:620px}}@media (max-width:1100px){.page-width{width:calc(100% - 96px)}.masthead{gap:15px;padding-inline:25px}.brand>span:last-child{display:none}.masthead nav{gap:22px}.cover-heading{gap:15px;padding-inline:10px}.cover-heading h1{letter-spacing:-5px;font-size:12.3vw}.cover-kicker{width:75px}.cover-kicker>span{font-size:15px}.cover-edition{grid-template-columns:15px 36px;margin-left:0;transform:rotate(4deg)}.cover-edition strong{font-size:35px}.cover-speech{font-size:20px;left:39%}.prologue-grid{grid-template-columns:1.2fr 1fr;gap:55px}.portrait-orbit{height:380px}.portrait-note{font-size:17px;left:-40px}.bio-columns{grid-template-columns:1fr;gap:15px}.prologue-end{gap:20px;font-size:7px}.workshop-spread{grid-template-columns:1.5fr 1fr}.workshop-scene{min-height:470px}.fig-dispatch{padding:23px}.chapter-aside{gap:17px;margin-right:0}.chapter-aside p{font-size:23px}.side-projects{gap:40px}.interface-experiment{padding-inline:25px}.case-copy h3,.site-case h3{font-size:32px}.career-detail{grid-template-columns:70px 1fr 1fr;gap:20px;padding:25px}.career-role h3{font-size:30px}.field-notebook{grid-template-columns:.65fr 1.4fr;gap:35px}.notebook-tabs{gap:4px;padding-left:12px}.notebook-tabs button{padding-inline:10px;font-size:9px}.notebook-page{padding-right:25px}.closing-grid{gap:35px}.closing-grid h2{font-size:7.5vw}.contact-postcard{padding:20px}}@media (max-width:760px){html{scroll-padding-top:25px}.page-width{width:calc(100% - 40px)}h2{letter-spacing:-1px;font-size:64px}.masthead{height:65px;padding-inline:19px}.brand-mark{font-size:34px}.masthead nav{gap:17px;font-size:10px}.header-actions{gap:0}.hello-link,.motion-label{display:none}.motion-control{padding:9px}.motion-control>span:first-child{font-size:21px}.album-cover{padding-inline:12px}.cover-meta{letter-spacing:.7px;padding:16px 3px 0;font-size:6px}.cover-meta>span:last-child{gap:7px}.live-dot{width:5px;height:5px;box-shadow:0 0 0 3px #617e4815}.cover-heading{text-align:center;padding:23px 0 24px;display:block;position:relative}.cover-kicker{width:auto;margin-bottom:10px}.cover-kicker>span{letter-spacing:2px;font-size:12px;transform:none}.cover-kicker br,.cover-kicker svg{display:none}.cover-heading h1{letter-spacing:-2px;font-size:16.8vw;line-height:1}.cover-edition{display:none}.cover-cinema{height:450px}.cover-cinema .scene-media img,.cover-cinema .scene-video{object-position:76% center}.cover-location{gap:8px;padding:9px 11px;font-size:7px;top:13px;left:13px}.cover-location small{letter-spacing:.5px;font-size:6px}.crosshair{font-size:24px}.cover-speech{padding:16px 21px;font-size:19px;top:32%;left:11px;transform:rotate(-7deg)}.cover-speech:after{width:15px;height:18px;bottom:-10px}.start-stamp{width:90px;height:90px;box-shadow:3px 3px var(--ink);font-size:15px;bottom:58px;left:20px}.start-stamp>span:last-child{font-size:21px}.scene-footer{letter-spacing:.6px;gap:15px;padding:11px 10px;font-size:6px}.scene-footer>span:first-child{max-width:140px;line-height:1.5}.scene-footer>span:last-child{align-items:center;max-width:100px;line-height:1.5}.cover-bottom{gap:15px;padding:21px 6px 24px}.cover-bottom>p{font-size:11px}.cover-bottom>p>span{font-size:9px}.issue-note{display:none}.cover-bottom>svg{flex-shrink:0;width:43px;height:43px;margin-left:0}.chapter-label{letter-spacing:1.2px;gap:10px;font-size:7px}.chapter-label>span{width:24px;height:24px;font-size:14px}.prologue{padding-top:65px;padding-bottom:25px}.prologue-grid{grid-template-columns:1fr;gap:40px;margin-top:32px}.prologue-copy h2{letter-spacing:-1.5px;font-size:70px}.intro-line{margin:25px 0 20px;font-size:15px}.bio-columns{grid-template-columns:1fr 1fr;gap:18px;font-size:11px;line-height:1.8}.desktop-break{display:none}.text-link{font-size:11px}.character-dossier{width:80%;margin:15px auto 0}.portrait-orbit{height:360px}.portrait-note{font-size:16px;top:105px;left:-40px}.passport-stamp{padding:18px 10px;font-size:8px;bottom:54px;right:-24px}.dossier-tab,.dossier-bottom{font-size:7px}.orbit-word{font-size:11px}.prologue-end{gap:12px;margin-top:45px;font-size:6px;line-height:1.5}.prologue-end>span:last-child{display:none}.work-chapter{margin-top:25px;padding-top:55px}.chapter-heading{align-items:end;gap:15px;margin:30px 0}.chapter-aside{display:none}.workshop-spread{grid-template-columns:1fr;box-shadow:5px 5px #0e2229}.workshop-scene{min-height:340px}.scene-slug{padding:8px;font-size:6px;top:10px;left:10px}.explore-label{padding:6px;font-size:6px;top:15px;right:10px}.desk-hotspot{width:29px;height:29px;font-size:17px;box-shadow:0 0 0 4px #fff9e933}.desk-note{padding:17px;bottom:10px;left:10px;right:10px}.desk-note>p{font-size:20px}.fig-dispatch{grid-template-columns:1fr 1fr;gap:0 20px;padding:25px;display:grid}.dispatch-date{grid-column:1/-1;font-size:7px}.fig-symbol{grid-row:2/4;font-size:75px}.fig-dispatch h3{margin:22px 0 12px;font-size:32px}.fig-dispatch>p{grid-column:2;margin-bottom:22px;font-size:11px}.fig-dispatch .solid-link{grid-column:1/-1}.dispatch-signoff{grid-column:1/-1;font-size:7px}.side-projects{grid-template-columns:1fr;gap:50px;margin-top:50px}.interface-experiment{height:290px;padding:30px 35px}.demo-content>span{font-size:20px}.demo-chrome>span{font-size:4px}.case-copy h3,.site-case h3{font-size:36px}.case-copy p,.site-case>p{font-size:12px}.site-case{padding:0}.mini-album{width:215px;margin-block:34px}.site-case-links{gap:25px}.chapter-end{letter-spacing:.8px;gap:20px;margin-top:40px;font-size:6px;line-height:1.6}.journey-chapter{padding-block:65px}.journey-chapter .chapter-heading{display:block}.serif-aside{margin-top:25px;font-size:23px}.map-topline{letter-spacing:.8px;padding:14px;font-size:6px}.route-map{height:225px;margin:0 15px}.route-map>svg{height:130px;top:33px}.map-stop{min-width:50px}.stop-0{top:93px;left:9%}.stop-1{top:48px}.stop-2{top:109px}.stop-3{top:51px}.stop-4{top:90px;left:90%}.stop-dot{width:25px;height:25px;font-size:14px}.stop-company{max-width:60px;font-size:11px;line-height:1.2}.stop-year{font-size:6px}.map-annotation{font-size:16px;top:175px;left:12%}.map-annotation svg{vertical-align:middle;width:45px;height:25px;margin-left:10px;display:inline-block;transform:rotate(-30deg)}.career-detail{grid-template-columns:45px 1fr;gap:15px;min-height:290px;padding:22px 18px}.career-number{font-size:42px}.career-number>span{font-size:5px;line-height:1.5}.career-role>span{font-size:8px}.career-role h3{margin:10px 0;font-size:29px}.career-role strong{font-size:18px}.career-description{grid-column:2}.career-description p{margin:0 0 17px;font-size:11px;line-height:1.8}.detours-chapter{padding-top:50px}.detour-heading{margin:30px 0}.detour-heading h2{font-size:clamp(49px,10.7vw,80px)}.round-note{border-width:1px;flex-shrink:0;width:76px;height:76px;margin:0;font-size:10px}.round-note:before{inset:4px}.ride-scene{height:430px}.ride-scene .scene-media img,.ride-scene .scene-video{object-position:74% center}.ride-caption{box-shadow:3px 3px var(--ink);padding:12px 15px;bottom:17px;left:15px}.ride-caption>span{letter-spacing:1px;font-size:6px}.ride-caption strong{margin:3px 0;font-size:28px}.ride-caption small{letter-spacing:.6px;font-size:5px}.ride-bubble{padding:15px 19px;font-size:19px;top:8%;left:17px}.ride-strava{gap:12px;padding:9px 12px;font-size:13px;bottom:25px;right:15px}.field-notebook{grid-template-columns:1fr;gap:35px;padding-block:50px 65px}.notebook-intro{grid-template-columns:1fr 1fr;align-items:center;gap:0 25px;display:grid}.notebook-intro>.eyebrow{grid-column:1/-1;font-size:7px}.notebook-intro h3{margin:20px 0 0;font-size:64px}.notebook-intro>p{margin-top:20px;font-size:11px}.notebook-intro>.hand-note{display:none}.notebook-tabs{gap:4px;padding-left:10px}.notebook-tabs button{flex:1;gap:6px;min-height:43px;padding:11px 10px;font-size:8px}.notebook-tabs button.active{padding-top:16px}.notebook-tabs svg{flex-shrink:0;width:16px;height:16px}.notebook-page{min-height:420px;padding:23px 20px 17px 33px}.notebook-page:before{left:16px}.notebook-page-top{letter-spacing:.6px;font-size:6px}.notebook-page h4{margin-top:20px;font-size:34px}.notebook-page>p{font-size:10px}.notebook-pick{gap:13px;padding-block:17px}.notebook-pick strong{font-size:22px}.notebook-pick small{font-size:9px}.notebook-page-foot{letter-spacing:.5px;font-size:6px}.closing-chapter{padding-top:30px}.closing-top{letter-spacing:1px;font-size:6px}.closing-grid{grid-template-columns:1fr;gap:45px;padding-block:45px 55px}.closing-grid h2{letter-spacing:-1px;font-size:clamp(57px,14vw,100px)}.closing-grid>div:first-child>p{margin-top:35px;font-size:22px}.contact-postcard{width:92%;margin-inline:auto;padding:24px;transform:rotate(3deg)}.postcard-greeting{font-size:35px}footer{flex-wrap:wrap;gap:18px;padding-bottom:30px;font-size:6px;display:flex}footer .footer-signature{font-size:28px}footer>span{width:60%;line-height:1.5}footer>button,footer>a:last-child{font-size:8px}.chapter-dock{display:none}.colophon>div{padding:30px}.colophon h2{font-size:45px}.colophon p{font-size:12px}}@media (max-width:370px){.page-width{width:calc(100% - 32px)}.masthead nav{gap:13px}.cover-meta{font-size:5px}.cover-heading h1{font-size:16.3vw}.cover-cinema{height:420px}.bio-columns{grid-template-columns:1fr}.prologue-copy h2{font-size:65px}.character-dossier{width:83%}.portrait-orbit{height:320px}.fig-dispatch{gap:0 15px;padding:20px}.notebook-tabs button{gap:4px;padding-inline:7px;font-size:7px}.notebook-tabs svg{width:14px}.ride-strava{padding-inline:9px;font-size:12px;right:10px}.ride-caption{padding-inline:10px;left:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.mini-album,.start-stamp{transition:none}}