:root{--paper:#fffaf0;--ink:#242421;--red:#ed3433;--blue:#273fd6;--yellow:#f4e84e;--line:#24242133;--display:'Barlow Condensed','Noto Sans JP',sans-serif;font-family:'Noto Sans JP',sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.06em;overflow-wrap:anywhere}h1{font-size:clamp(52px,6.8vw,104px);font-weight:900;line-height:1.25}h2{font-size:clamp(34px,4.4vw,64px);font-weight:900;line-height:1.4}h3{font-size:23px;line-height:1.6}p{font-size:16px;line-height:1.95}em{font-style:normal;color:var(--red)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ec8736;outline-offset:6px}.skip{position:fixed;top:-70px;left:15px;padding:12px;background:white;color:#222;z-index:200}.skip:focus{top:8px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.075em;display:block;margin-bottom:25px}.meta{font-size:12px;line-height:1.8;opacity:.65}.section{padding:95px 7vw}.site-nav{height:76px;position:sticky;top:0;z-index:70;background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:25px;padding:0 5vw;border-bottom:1px solid var(--line)}.logo{font:800 48px/.8 var(--display);letter-spacing:-.08em}.logo span{color:var(--red)}.nav-name{font-weight:700;font-size:14px}.nav-name span{display:block;font-size:9px;font-weight:500;margin-top:5px;letter-spacing:.05em}.site-nav nav{display:flex;gap:28px;font-size:13px;margin-left:auto}.site-nav nav a:hover{color:var(--red)}.motion-toggle{background:none;border:1px solid var(--line);border-radius:20px;font-size:11px;padding:6px 10px}.read-link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid;padding:7px 0;margin-top:10px}.read-link:hover{opacity:.65}.steps{margin:35px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.steps li{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:20px;min-width:0}.steps li>span{font:700 36px/1 var(--display)}.steps small{font-size:13px;display:block;margin-bottom:9px}.steps h3{font-size:21px;margin:0 0 14px}.steps p{margin:0}.work-stats{display:flex;gap:45px;margin:35px 0;flex-wrap:wrap}.work-stats>div{display:flex;flex-direction:column;gap:12px}.work-stats strong{font:800 110px/.8 var(--display);letter-spacing:-.05em}.work-stats span{font-size:14px}.inline-forty{display:flex;align-items:baseline;gap:20px;margin:35px 0}.inline-forty strong{font:800 130px/.8 var(--display)}.inline-forty span{font-size:15px}.note-rows{margin-top:40px}.note-rows>a{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;gap:25px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.note-rows>a>span{font:700 30px/1 var(--display)}.note-rows small{font-size:12px}.note-rows h3{margin:10px 0;font-size:21px;max-width:800px}.note-rows p{font-size:15px;margin:0;opacity:.75}.note-rows b{font-size:12px;font-weight:500;border:1px solid;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.note-rows>a:hover h3{text-decoration:underline;text-underline-offset:5px}.notes-block{background:var(--paper);color:var(--ink)}.ending{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;background:#f0ece2;color:#242421}.ending h2{font-size:40px;margin:0 0 25px}.work-pending{align-self:center;border-top:1px solid #24242133;padding-top:25px}.work-pending summary{font-size:15px;padding:10px 0}.work-pending p{font-size:15px}.work-pending .meta{font-size:12px}.footer{display:flex;justify-content:space-between;align-items:center;padding:40px 7vw 80px;gap:25px;background:#242421;color:#fffaf0;font-size:13px}.footer strong{font:800 55px/1 var(--display)}.forty-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;max-width:380px}.forty-dots i{width:17px;height:17px;background:currentColor;border-radius:50%;display:block}.computer{position:relative;min-width:0}.computer>img{width:100%;height:auto;display:block}.computer-screen{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.computer-front .computer-screen{top:8.1%;left:11.5%;width:77%;height:56.8%;color:#fffaf0}.computer-warm .computer-screen{top:19%;left:26%;width:47%;height:42%;color:#272922}.computer-navy .computer-screen{top:24.6%;left:29.8%;width:40.4%;height:36.3%;color:#17283c}.embed .site-nav{position:relative}.embed *{animation:none!important;transition:none!important}
/* Portfolio: a split story, one changing visual */
.portfolio{--paper:#faf8ed;--red:#e84132}.duo-hero{background:#e84132;color:#faf8ed;padding:45px 7vw 55px;min-height:830px;position:relative;overflow:hidden}.duo-hero h1{font-size:clamp(66px,9.4vw,143px);letter-spacing:-.09em;line-height:1.12;margin:40px 0;position:relative;z-index:2}.duo-hero h1 span{display:block}.duo-hero h1 span:nth-child(2){padding-left:8vw}.duo-hero h1 em{color:#f3e44b;padding-left:16vw}.duo-caption{display:flex;align-items:center;gap:40px;position:relative;z-index:2}.duo-caption p{margin:0}.duo-seal{font-size:13px;line-height:1.9;border:1px solid;border-radius:50%;width:125px;height:125px;display:grid;place-content:center;transform:rotate(-12deg);text-align:center}.duo-background{position:absolute;right:-3vw;bottom:-25px;font:800 38vw/.85 var(--display);letter-spacing:-.08em;color:#ffffff14;transform:translateY(calc(var(--hero-p,0) * -90px)) rotate(-8deg)}.duo-story{display:grid;grid-template-columns:1fr 1fr;position:relative}.duo-visual{position:sticky;top:76px;height:calc(100svh - 76px);min-height:620px;padding:55px 5vw;background:#283fc9;color:#fffaf0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:background .5s,color .5s}.duo-story[data-active="1"] .duo-visual{background:#f3e44b;color:#242421}.duo-story[data-active="2"] .duo-visual{background:#e84132;color:#fffaf0}.duo-story[data-active="3"] .duo-visual{background:#b8dcd2;color:#242421}.duo-display{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px}.duo-display>strong{font:800 clamp(180px,28vw,420px)/.78 var(--display);letter-spacing:-.07em;z-index:1}.duo-display>span{font:700 42px var(--display);margin-top:20px;z-index:1}.duo-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.22}.duo-visual>p{font-size:18px;text-align:center;margin:0}.duo-progress{font-size:11px;letter-spacing:.08em}.duo-copy article{padding:95px 6vw;min-height:90svh;border-bottom:1px solid var(--line)}.duo-copy h2{font-size:clamp(30px,3.3vw,48px)}.duo-copy .steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.duo-copy .steps li{gap:18px}.duo-copy .steps h3{font-size:20px}.duo-copy .steps p{font-size:16px}.duo-copy .work-stats{gap:30px}.duo-copy article:last-child{min-height:75svh}.portfolio:not(.has-motion) .duo-visual{position:relative;top:0;height:auto;min-height:600px;align-self:start}
/* P3: full-page sheets that build a book */
.pop3{--paper:#f4f0e7}.fold-hero{padding:45px 6vw 60px;min-height:850px;overflow:hidden}.fold-titles{margin:50px 0}.fold-titles h1,.fold-titles>strong{display:block;font-size:clamp(55px,8.8vw,132px);font-weight:900;line-height:1.3;letter-spacing:-.085em;margin:0}.fold-titles h1{color:#ed3433;transform:translateX(calc(var(--hero-p,0) * -75px)) rotate(-3deg)}.fold-titles>strong:nth-child(2){text-align:center;background:#f4e84e;transform:rotate(2deg);margin:12px -9vw;padding:0 8vw}.fold-titles>strong:nth-child(3){text-align:right;color:#273fd6;transform:translateX(calc(var(--hero-p,0) * 60px)) rotate(-2deg)}.fold-intro{display:flex;justify-content:space-between;align-items:end;margin-top:50px;gap:25px}.fold-intro p{margin:0}.fold-intro>span{font-size:11px;letter-spacing:.07em}.fold-pages{padding:0 3vw 50px;background:#f4f0e7}.fold-page{position:relative;border-radius:22px;padding:35px 5vw 55px;margin-bottom:30px;min-height:730px;transform:scale(calc(.95 + var(--enter,1) * .05));transform-origin:50% 100%;box-shadow:0 12px 30px #24242110}.can-pin .fold-page{position:sticky;top:90px}.fold-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-bottom:25px;border-bottom:1px solid currentColor;margin-bottom:45px}.fold-page h2{font-size:clamp(36px,4.6vw,67px);margin-bottom:40px}.chapter-red{background:#ed3433;color:#fffaf0;--line:#fffaf066}.chapter-cream{background:#fffaf0;color:#242421}.chapter-yellow{background:#f4e84e;color:#242421}.chapter-blue{background:#273fd6;color:#fffaf0;--line:#fffaf055}.fold-page .steps{gap:35px}.fold-work{display:grid;grid-template-columns:1fr 1fr;gap:20px 65px;align-items:start}.fold-work h2{grid-row:1/5;font-size:clamp(35px,4vw,57px)}.fold-work>p{margin:0}.fold-work .work-stats{margin:20px 0}.fold-work .read-link{justify-self:start}.fold-work em{font-size:.83em}.fold-event{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.fold-event h2{font-size:clamp(35px,4vw,57px)}.fold-forty{position:relative;width:100%;height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column}.fold-forty>strong{font:800 180px/.9 var(--display)}.fold-forty>span{font-size:14px;margin-top:20px}.fold-forty .forty-dots{position:absolute;inset:0;color:#ed3433;display:block;max-width:none}.fold-forty .forty-dots i{position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(calc(var(--x) * var(--gather,1)),calc(var(--y) * var(--gather,1)));opacity:calc(.15 + var(--gather,1) * .85)}.chapter-blue .note-rows{margin:0}.chapter-blue .note-rows>a{padding:22px 0}.chapter-blue .note-rows h3{font-size:19px}.chapter-blue .note-rows p{font-size:14px}
/* C1: move into a real monitor, then out into the activities */
.pc1{--paper:#f4f3ed;--red:#e64237;--blue:#275cce}.screen-journey{background:#f4f3ed;position:relative;--screen-p:0;overflow:clip}.can-pin .screen-journey{height:230svh}.screen-pin{position:relative;padding:35px 5vw 60px;min-height:850px;display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;gap:0}.can-pin .screen-pin{position:sticky;top:76px;height:calc(100svh - 76px);min-height:0}.screen-heading{position:relative;z-index:3;transform:translateY(calc(var(--screen-p) * -160px));opacity:calc(1 - var(--screen-p)*3);pointer-events:none}.screen-heading h1{font-size:clamp(42px,5vw,75px);line-height:1.35}.screen-heading p{font-size:17px}.screen-heading .eyebrow{font-size:10px}.screen-pin .computer{transform:translateX(calc(var(--screen-p) * -19vw)) scale(calc(1 + var(--screen-p) * .65));transform-origin:50% 45%;z-index:2;will-change:transform;margin-right:-3vw}.computer-front img{mix-blend-mode:multiply}.screen-label{font-size:clamp(9px,1vw,14px);letter-spacing:.13em;margin-bottom:18px}.screen-name{font-size:clamp(27px,4vw,60px);font-weight:800;line-height:1.4;letter-spacing:-.06em}.screen-description{font-size:clamp(10px,1.1vw,16px);margin-top:17px}.screen-tags{display:flex;gap:15px;margin-top:25px;font-size:11px}.screen-tags>span{border:1px solid #fffaf066;border-radius:20px;padding:6px 12px}.screen-bottom{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:25px;z-index:5}.screen-bottom>a{border-bottom:1px solid;padding-bottom:6px}.screen-career{background:#275cce;color:white;--line:#ffffff55}.screen-career h2{margin-bottom:55px}.screen-career .steps li{display:block}.screen-career .steps li>span{display:block;font-size:65px;margin-bottom:25px;color:#f4e84e}.screen-work{display:grid;grid-template-columns:1fr 1fr;gap:50px 6vw;align-items:center}.screen-work>div:first-child h2{font-size:clamp(33px,4vw,60px)}.screen-work>p{grid-column:1/-1;margin:0}.work-windows{position:relative;min-height:460px}.mini-window{border:1px solid #242421;padding:0 25px 25px;background:#dce6f5;box-shadow:7px 7px 0 #2424210e;transform:rotate(-5deg);width:80%;min-height:310px}.mini-window>span{display:block;border-bottom:1px solid;margin:0 -25px 25px;padding:14px 20px;font-size:11px}.mini-window>strong{font:800 130px/.9 var(--display);display:block}.mini-window>strong>span{font:600 20px 'Noto Sans JP';margin-left:15px}.mini-window>p{margin:20px 0 0}.mini-window:nth-child(2){position:absolute;top:160px;right:0;background:#f4e84e;transform:rotate(5deg)}.screen-play{background:#fff3ae;display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:center}.screen-crowd{position:relative;min-height:380px;display:flex;justify-content:center;align-items:center;flex-direction:column}.screen-crowd>strong{font:800 160px/.9 var(--display);z-index:2}.screen-crowd>span{font-size:17px;margin-top:15px;background:#fff3ae;z-index:2}.screen-crowd .forty-dots{position:absolute;inset:0;display:block;max-width:none;color:#e64237}.screen-crowd .forty-dots i{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(calc(var(--x) * (.7 + var(--gather,1)*.3)),calc(var(--y) * (.7 + var(--gather,1)*.3)));opacity:calc(.2 + var(--gather,1)*.8)}.screen-play h2{font-size:clamp(33px,3.8vw,57px)}
/* C2: a quiet desk stays beside a personal journal */
.pc2{--paper:#faf5eb;--ink:#302e26;--red:#ab4737;--line:#302e2633}.pc2 h1,.pc2 h2{font-family:'Noto Serif JP',serif;font-weight:700;letter-spacing:-.065em}.desk-hero{padding:40px 6vw 45px;position:relative;overflow:hidden}.desk-hero-title{position:relative;z-index:3;margin-bottom:30px}.desk-hero-title h1{font-size:clamp(35px,4.6vw,67px);line-height:1.5;margin:0}.desk-hero>.computer{max-width:1200px;margin:25px auto 0;transform:translateY(calc(var(--hero-p,0)*-50px)) scale(calc(1 + var(--hero-p,0)*.07));transform-origin:50% 70%}.computer-warm .computer-screen>span{font-size:13px;font-weight:600;margin-bottom:12px}.computer-warm .computer-screen>strong{font:800 clamp(35px,6vw,90px)/.91 var(--display);letter-spacing:-.045em}.desk-hero-foot{display:flex;justify-content:space-between;align-items:center;padding-top:25px;position:relative;z-index:3}.desk-hero-foot p{font-size:14px;margin:0}.desk-hero-foot>a{font-size:13px;border-bottom:1px solid;padding-bottom:6px}.desk-journal{display:grid;grid-template-columns:1fr 1fr;background:#eee5d7}.desk-photo-panel{position:sticky;top:76px;height:calc(100svh - 76px);min-height:600px;padding:90px 35px;display:flex;flex-direction:column;justify-content:center;align-self:start;overflow:hidden}.desk-photo-panel .computer{width:120%;margin-left:-10%;transform:rotate(var(--desk-angle,0deg));transition:transform .8s}.desk-photo-panel .computer-screen>strong{font-size:clamp(27px,3vw,48px);color:#9f4737}.desk-caption{padding:40px 10px 0;position:relative;z-index:3}.desk-caption>span{font-size:11px;letter-spacing:.08em}.desk-caption>p{font-family:'Noto Serif JP';font-size:24px;line-height:1.6;margin:15px 0 0;max-width:400px}.desk-entries{background:#faf5eb}.desk-entries>section{padding:85px 5vw;min-height:90svh;border-bottom:1px solid var(--line)}.desk-entries h2{font-size:clamp(30px,3.2vw,46px)}.desk-entries .steps{grid-template-columns:1fr;gap:27px}.desk-entries .steps h3{font-size:20px}.desk-entries .steps li>span{color:#a14a38}.desk-entries .note-rows>a{grid-template-columns:25px 1fr;gap:15px}.desk-entries .note-rows b{grid-column:2}.desk-entries .note-rows h3{font-size:19px}.pc2 .ending{background:#ded2c1}.pc2:not(.has-motion) .desk-photo-panel{position:relative;top:0;height:auto;min-height:620px}
/* C3: laptop to a sequence of readable document windows */
.pc3{--paper:#17283c;--ink:#fff3df;--red:#f1aa73;--line:#fff3df44;background:#17283c;color:#fff3df}.pc3 .site-nav{background:#17283c;color:#fff3df}.night-hero{position:relative;padding:40px 5vw 45px;overflow:hidden}.night-title{text-align:center;position:relative;z-index:3}.night-title h1{font-size:clamp(40px,5vw,75px);line-height:1.35;margin:0}.night-title .eyebrow{color:#b4c2d2}.night-hero>.computer{width:85%;max-width:1100px;margin:15px auto 0;transform:translateY(calc(var(--hero-p,0)*-65px)) scale(calc(1 - var(--hero-p,0)*.12));transform-origin:50% 50%}.computer-navy .computer-screen>span{font-size:clamp(8px,1vw,13px);font-weight:600;letter-spacing:.1em}.computer-navy .computer-screen>strong{font:800 clamp(32px,6vw,90px)/1 var(--display);margin:10px 0;color:#c5673c;letter-spacing:-.05em}.computer-navy .computer-screen>small{font-size:clamp(8px,1vw,13px)}.night-foot{display:flex;justify-content:space-between;align-items:end;gap:30px;position:relative;z-index:3;margin-top:-25px}.night-foot>span{font-size:11px;letter-spacing:.08em}.night-foot>p{font-size:14px;margin:0}.window-career{background:#243ed1;position:relative;overflow:clip}.can-pin .window-career{height:calc(100svh + var(--rail-distance))}.window-pin{padding:50px 0 80px;min-height:780px}.can-pin .window-pin{position:sticky;top:76px;height:calc(100svh - 76px);min-height:0}.window-heading{padding:0 7vw;display:flex;align-items:baseline;gap:60px;margin-bottom:30px}.window-heading h2{font-size:36px;line-height:1.4;margin:0}.window-heading h2 br{display:none}.window-heading .eyebrow{font-size:12px;margin:0;min-width:130px}.window-viewport{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 7vw 15px}.can-pin .window-viewport{overflow:hidden}.window-rail{display:flex;gap:35px;width:max-content;will-change:transform}.career-window{width:650px;max-width:85vw;flex-shrink:0;background:#fff3df;color:#17283c;border:1px solid #17283c;box-shadow:8px 9px 0 #10216e66;scroll-snap-align:center}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid;font-size:11px;gap:20px}.career-window-body{padding:30px 40px;position:relative;min-height:390px;overflow:hidden}.giant-step{position:absolute;right:15px;bottom:-20px;font:800 275px/.9 var(--display);letter-spacing:-.06em;color:#17283c0b}.career-window-body>small{font-size:13px;position:relative}.career-window-body h3{font-size:33px;position:relative;margin:22px 0}.career-window-body p{font-size:18px;position:relative;max-width:450px}.career-window:nth-child(2){background:#ffd56c}.career-window:nth-child(3){background:#dfbce3}.rail-controls{display:flex;align-items:center;gap:15px;padding:30px 7vw 0;font-size:12px}.rail-controls>a{margin-left:auto;border-bottom:1px solid;padding-bottom:4px;margin-right:20px}.rail-controls button{border:1px solid #fff3df99;background:none;border-radius:20px;padding:8px 15px;font-size:12px}.rail-controls button:disabled{opacity:.35;cursor:default}.night-work{background:#17283c}.night-work h2{font-size:clamp(34px,4.3vw,62px)}.night-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin-top:45px}.browser-sheet{border:1px solid #17283c;background:#f3aa73;color:#17283c;transform:rotate(4deg);box-shadow:10px 10px 0 #091521}.browser-sheet>div:last-child{padding:40px}.browser-sheet strong{font:800 80px/.95 var(--display);letter-spacing:-.02em}.browser-sheet p{font-size:14px;margin:25px 0 0}.night-play{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;background:#c9dad9;color:#17283c}.night-play h2{font-size:clamp(34px,4vw,60px)}.night-people{display:flex;align-items:center;flex-direction:column}.night-people>strong{font:800 160px/.8 var(--display)}.night-people>span{font-size:15px;margin:20px 0 30px}.night-people .forty-dots{gap:12px;color:#c66a45}.night-people .forty-dots i{width:14px;height:14px;transform:scale(calc(.5 + var(--gather,1)*.5));opacity:calc(.2 + var(--gather,1)*.8)}.pc3 .notes-block{background:#fff3df;color:#17283c;--line:#17283c44}.pc3 .notes-block em{color:#a74727}.pc3 .ending{background:#eee0c9}.pc3 .footer{background:#17283c}
/* Responsive reading flow */
@media(max-width:1100px){.screen-pin{grid-template-columns:1fr 1.25fr}.screen-heading h1{font-size:49px}.screen-name{font-size:38px}.screen-description{font-size:12px}.screen-tags{font-size:9px;margin-top:18px;gap:8px}.screen-tags>span{padding:5px 9px}.steps{gap:22px}.steps li{display:block}.steps li>span{display:block;margin-bottom:18px}.duo-copy article{padding-inline:4vw}.duo-copy .steps li,.desk-entries .steps li{display:flex}.duo-visual{padding-inline:4vw}.fold-work{gap:25px 40px}.fold-forty .forty-dots{transform:scale(.9)}.window-heading{gap:35px}.career-window{width:590px}.desk-entries>section{padding-inline:4vw}}
@media(max-width:800px){.site-nav{padding:0 22px;gap:20px}.site-nav nav{gap:20px}.section{padding:65px 5vw}.duo-hero{min-height:750px;padding:40px 6vw}.duo-hero h1{font-size:12vw;margin-top:45px}.duo-hero h1 em{padding-left:10vw}.duo-visual{min-height:570px;padding:40px 25px}.duo-display{min-height:250px}.duo-display>strong{font-size:25vw}.duo-display>span{font-size:31px}.duo-visual>p{font-size:15px}.duo-copy article{padding:60px 30px;min-height:auto}.duo-copy h2{font-size:29px}.duo-copy .steps li{display:block}.duo-copy .steps li>span{margin-bottom:15px}.duo-copy .steps h3{font-size:19px}.duo-copy .work-stats strong{font-size:85px}.duo-copy .work-stats{gap:25px}.duo-copy .work-stats span{font-size:12px}.inline-forty{display:block}.inline-forty strong{display:block;font-size:105px}.inline-forty span{display:block;margin-top:16px}.fold-hero{min-height:680px;padding:40px 5vw}.fold-titles{margin-top:60px}.fold-titles h1,.fold-titles>strong{font-size:10.8vw}.fold-intro{margin-top:55px}.fold-intro>span{font-size:10px}.fold-page{padding:30px 5vw 45px;min-height:650px}.fold-label{margin-bottom:35px}.fold-page h2{font-size:38px}.fold-page .steps{grid-template-columns:1fr;gap:22px}.fold-page .steps li{display:flex;gap:22px}.fold-work{display:block}.fold-work h2{font-size:38px;margin-bottom:30px}.fold-work .work-stats{margin:30px 0}.fold-event{grid-template-columns:1fr}.fold-forty{height:345px}.screen-pin{display:block;padding:40px 5vw 75px;min-height:0}.screen-heading{transform:none!important;opacity:1!important}.screen-heading h1{font-size:55px}.screen-pin .computer{max-width:750px;margin:0 auto;transform:none!important}.screen-name{font-size:43px}.screen-description{font-size:14px}.screen-label{font-size:12px}.screen-bottom{font-size:10px;bottom:25px}.screen-bottom>span{max-width:45%;line-height:1.8}.screen-career .steps{grid-template-columns:1fr}.screen-career .steps li{display:flex;gap:25px}.screen-career .steps li>span{font-size:45px;flex-shrink:0}.screen-work{grid-template-columns:1fr;gap:35px}.work-windows{max-width:550px;width:100%;justify-self:center;min-height:480px}.screen-play{grid-template-columns:1fr}.screen-crowd{min-height:370px;max-width:400px;width:100%;margin:auto}.desk-hero-title h1{font-size:38px}.desk-hero{padding:35px 5vw}.desk-hero .computer-screen>strong{font-size:47px}.desk-hero .computer-screen>span{font-size:11px}.desk-journal{grid-template-columns:1fr}.desk-photo-panel{position:relative;top:0;min-height:0;height:auto;padding:45px 8vw 30px}.desk-photo-panel .computer{width:100%;margin:0}.desk-photo-panel .computer-screen>strong{font-size:45px}.desk-caption{padding:25px 10px 0;display:flex;align-items:baseline;justify-content:space-between;gap:25px}.desk-caption>p{font-size:20px;margin:0}.desk-entries>section{padding:65px 7vw;min-height:0}.desk-entries .steps li{display:flex}.desk-entries .note-rows>a{grid-template-columns:35px 1fr 45px}.desk-entries .note-rows b{grid-column:auto}.pc2:not(.has-motion) .desk-photo-panel{min-height:0}.night-title h1{font-size:43px}.night-hero{padding:35px 5vw}.night-hero>.computer{width:100%}.computer-navy .computer-screen>strong{font-size:48px}.computer-navy .computer-screen>small{font-size:9px}.night-foot{margin-top:0;font-size:11px}.night-foot>p{font-size:13px}.window-pin{padding:40px 0;min-height:0}.window-heading{display:block;margin-bottom:30px}.window-heading .eyebrow{margin-bottom:18px}.window-heading h2{font-size:35px}.career-window{width:550px}.career-window-body{min-height:350px;padding:30px}.career-window-body h3{font-size:29px}.career-window-body p{font-size:16px}.night-work-grid{grid-template-columns:1fr;gap:40px}.browser-sheet{max-width:500px;width:90%;margin:0 auto}.night-play{grid-template-columns:1fr}.night-people{padding:30px 0}.ending{gap:40px}.ending h2{font-size:34px}.footer strong{font-size:43px}}
@media(max-width:550px){.site-nav{height:66px;padding:0 18px;gap:16px}.logo{font-size:39px}.nav-name{font-size:12px}.nav-name span{display:none}.site-nav nav{gap:14px;font-size:12px}.site-nav nav a:nth-child(2),.site-nav nav a:nth-child(4){display:none}.motion-toggle{font-size:10px;padding:5px 8px}.section{padding:55px 22px}h1{font-size:43px}h2{font-size:32px}.eyebrow{font-size:10px;margin-bottom:20px}.steps{grid-template-columns:1fr;gap:25px}.steps li{display:flex;gap:18px}.steps li>span{font-size:30px}.steps small{font-size:12px}.steps h3{font-size:21px}.steps p{font-size:16px}.work-stats{gap:35px}.work-stats strong{font-size:100px}.work-stats span{font-size:13px}.note-rows>a{grid-template-columns:25px 1fr;gap:15px;padding:24px 0}.note-rows>a>span{font-size:25px}.note-rows h3{font-size:18px}.note-rows p{font-size:14px}.note-rows b{grid-column:2;width:auto;height:auto;border:0;border-radius:0;justify-self:start;border-bottom:1px solid;padding-bottom:4px}.ending{grid-template-columns:1fr;gap:35px}.ending h2{font-size:33px}.footer{padding:35px 22px 85px;flex-wrap:wrap;font-size:12px}.footer strong{width:100%;font-size:55px}.duo-hero{min-height:700px;padding:32px 22px 40px}.duo-hero h1{font-size:15.5vw;line-height:1.3;margin:50px 0 45px}.duo-hero h1 span:nth-child(2){padding-left:6vw}.duo-hero h1 em{padding-left:0}.duo-caption{gap:20px;align-items:start;flex-direction:column}.duo-seal{width:80px;height:80px;font-size:10px;line-height:1.8}.duo-caption p{font-size:16px}.duo-background{font-size:70vw;bottom:130px;right:-30px}.duo-story{grid-template-columns:1fr}.duo-visual{position:relative;top:0;height:auto;min-height:400px;padding:35px 22px}.duo-display{min-height:235px}.duo-display>strong{font-size:190px}.duo-display>span{font-size:28px;margin-top:12px}.duo-orbit{width:240px}.duo-visual>p{font-size:16px;margin-top:20px}.duo-progress{margin-top:25px;font-size:10px}.duo-copy article{padding:55px 22px;min-height:0}.duo-copy h2{font-size:32px}.duo-copy .steps li{display:flex}.duo-copy .work-stats strong{font-size:105px}.duo-copy .work-stats span{font-size:14px}.duo-copy article:last-child{min-height:0}.portfolio:not(.has-motion) .duo-visual{min-height:400px}.fold-hero{min-height:650px;padding:35px 22px 45px}.fold-titles{margin:60px 0}.fold-titles h1,.fold-titles>strong{font-size:12vw;line-height:1.5}.fold-titles>strong:nth-child(2){margin:12px -30px;padding:8px 30px}.fold-intro{display:block;margin-top:50px}.fold-intro>span{display:block;margin-top:25px;font-size:10px}.fold-pages{padding:0 12px 30px}.fold-page{padding:25px 22px 40px;border-radius:16px;min-height:0;margin-bottom:20px;transform:scale(calc(.975 + var(--enter,1)*.025))}.fold-label{font-size:10px;padding-bottom:20px;margin-bottom:28px}.fold-page h2,.fold-work h2{font-size:30px;line-height:1.45;margin-bottom:30px}.fold-page .steps li{gap:15px}.fold-page .steps h3{font-size:19px}.fold-page .steps p{font-size:16px}.fold-forty{height:280px}.fold-forty>strong{font-size:125px}.fold-forty>span{font-size:12px;margin-top:10px;background:#f4e84e;padding:0 5px;z-index:1}.fold-forty .forty-dots{transform:scale(.76)}.fold-event{gap:20px}.chapter-blue .note-rows>a{gap:12px}.chapter-blue .note-rows h3{font-size:17px}.chapter-blue .note-rows p{font-size:14px}.screen-pin{padding:35px 22px 80px}.screen-heading h1{font-size:43px;margin-bottom:24px}.screen-heading p{font-size:16px}.screen-heading .eyebrow{font-size:9px}.screen-pin .computer{width:calc(100% + 36px);margin:30px -18px 15px;max-width:none}.screen-label{font-size:8px;margin-bottom:8px}.screen-name{font-size:25px}.screen-description{font-size:9px;margin-top:8px}.screen-tags{font-size:7px;gap:6px;margin-top:11px}.screen-tags>span{padding:3px 6px}.screen-bottom{left:22px;right:22px;bottom:24px;font-size:10px}.screen-bottom>span{display:none}.screen-career h2{font-size:32px;margin-bottom:35px}.screen-career .steps li{gap:18px}.screen-career .steps li>span{font-size:38px}.screen-work>div:first-child h2{font-size:33px}.work-windows{min-height:410px;padding-right:15px}.mini-window{width:90%;min-height:265px;padding:0 20px 20px}.mini-window>span{margin:0 -20px 20px;padding:12px 15px;font-size:9px}.mini-window>strong{font-size:105px}.mini-window>p{font-size:14px}.mini-window:nth-child(2){top:135px;right:0}.screen-play{gap:35px}.screen-play h2{font-size:32px}.screen-crowd{min-height:270px;max-width:280px}.screen-crowd>strong{font-size:125px}.screen-crowd .forty-dots{transform:scale(.8)}.screen-crowd>span{font-size:14px;margin-top:10px}.desk-hero{padding:35px 22px 40px}.desk-hero-title h1{font-size:31px;line-height:1.55}.desk-hero-title .eyebrow{font-size:9px}.desk-hero>.computer{width:calc(100% + 44px);margin:25px -22px 0}.desk-hero .computer-screen>span{font-size:8px;margin-bottom:6px}.desk-hero .computer-screen>strong{font-size:31px}.desk-hero-foot{gap:25px}.desk-hero-foot p{font-size:14px}.desk-hero-foot>a{font-size:11px;white-space:nowrap}.desk-photo-panel{padding:35px 22px}.desk-photo-panel .computer{width:calc(100% + 20px);margin-left:-10px}.desk-photo-panel .computer-screen>strong{font-size:24px}.desk-caption{display:block;padding:25px 0 0}.desk-caption>span{font-size:10px}.desk-caption>p{font-size:22px;margin-top:10px}.desk-entries>section{padding:55px 22px}.desk-entries h2{font-size:32px}.desk-entries .steps li{gap:17px}.desk-entries .note-rows>a{grid-template-columns:25px 1fr;gap:15px}.desk-entries .note-rows b{grid-column:2}.night-hero{padding:35px 22px 40px}.night-title{text-align:left}.night-title h1{font-size:34px;line-height:1.45}.night-title h1 em{font-size:.82em;white-space:nowrap}.night-title .eyebrow{font-size:9px}.night-hero>.computer{width:calc(100% + 44px);max-width:none;margin:25px -22px 0}.computer-navy .computer-screen>span{font-size:7px}.computer-navy .computer-screen>strong{font-size:31px;margin:5px 0}.computer-navy .computer-screen>small{font-size:7px}.night-foot{display:block;margin-top:20px}.night-foot>span{font-size:10px}.night-foot>p{font-size:16px;margin-top:20px}.window-pin{padding:35px 0}.window-heading{padding:0 22px}.window-heading h2{font-size:32px}.window-heading h2 br{display:block}.window-viewport{padding-inline:22px}.window-rail{gap:20px}.career-window{width:82vw;max-width:none}.browser-bar{font-size:9px;padding:13px 17px;gap:15px}.career-window-body{padding:25px 22px;min-height:350px}.career-window-body h3{font-size:25px;margin:20px 0}.career-window-body p{font-size:16px}.career-window-body>small{font-size:12px}.giant-step{font-size:215px}.rail-controls{padding:25px 22px 0;font-size:10px;gap:8px;flex-wrap:wrap}.rail-controls>a{margin-right:5px}.rail-controls button{font-size:11px;padding:7px 11px}.night-work h2{font-size:31px}.night-work-grid{margin-top:30px}.browser-sheet{width:95%}.browser-sheet>div:last-child{padding:28px}.browser-sheet strong{font-size:60px}.browser-sheet p{font-size:14px}.night-play h2{font-size:32px}.night-people>strong{font-size:140px}.night-people>span{font-size:14px}.night-people .forty-dots{gap:12px}.night-people .forty-dots i{width:12px;height:12px}}
@media(max-width:360px){.site-nav{gap:12px;padding:0 15px}.site-nav nav{gap:11px}.nav-name{font-size:11px}.motion-toggle{font-size:9px}.logo{font-size:36px}.fold-page{padding-inline:18px}.fold-forty .forty-dots{transform:scale(.67)}.screen-name{font-size:22px}.screen-description{font-size:8px}.screen-tags{font-size:6px}.duo-hero h1{font-size:15vw}.night-title h1{font-size:30px}.computer-warm .computer-screen>strong{font-size:27px}.screen-crowd .forty-dots{transform:scale(.72)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.embed .duo-hero{min-height:850px}.embed .screen-pin{min-height:740px}.embed .night-hero>.computer{max-width:900px}.embed .desk-hero>.computer{max-width:850px}

.night-work-grid>div{min-width:0}.night-work-grid .meta{overflow-wrap:anywhere}

/* Personal context and experience follow the existing reading rhythm. */
.career-origin{margin-bottom:30px}.experience-list{margin-top:38px}.experience-item{border-top:1px solid var(--line);padding:26px 0 4px}.experience-label{display:block;font-size:10px;font-weight:600;letter-spacing:.055em;margin-bottom:12px}.experience-item h3{font-size:22px;line-height:1.55;margin:0 0 12px}.experience-item p{margin:0 0 22px}.profile-values{min-width:0;border-top:1px solid #24242133;padding-top:25px;align-self:start}.profile-values h3{font-size:29px;line-height:1.55;margin:0 0 22px}.profile-values .skills-label{margin:32px 0 15px}.profile-skills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.profile-skills li{font-size:12px;line-height:1.5;border:1px solid #24242140;border-radius:20px;padding:7px 13px}.ending>div{min-width:0}
@media(max-width:550px){.experience-list{margin-top:30px}.experience-item h3{font-size:21px}.profile-values h3{font-size:26px}.profile-skills{gap:7px}.profile-skills li{font-size:12px;padding:6px 11px}}

@media(max-width:550px){.footer strong{font-size:32px;letter-spacing:.015em}}

/* Let the introduction identify the person directly. */
.duo-hero{min-height:650px;padding-bottom:70px}.duo-hero h1{font-size:clamp(68px,9.4vw,143px);margin:70px 0 45px;letter-spacing:-.055em}.duo-hero h1 .hero-role{display:block;font-size:clamp(20px,2.2vw,30px);font-weight:600;letter-spacing:.04em;line-height:1.6;margin-top:25px}.duo-caption p{font-size:16px;line-height:2}.duo-seal{flex:none}.duo-background{font-size:32vw;bottom:-.1em}
@media(max-width:800px){.duo-hero{min-height:620px}.duo-hero h1{font-size:11vw;margin-top:75px}.duo-caption{gap:25px}.duo-caption p{font-size:15px}.duo-background{font-size:42vw}}
@media(max-width:550px){.duo-hero{min-height:650px;padding:32px 22px 55px}.duo-hero h1{font-size:16vw;margin:60px 0 38px}.duo-hero h1 .hero-role{font-size:18px;margin-top:17px;letter-spacing:.02em}.duo-caption p{font-size:15px}.duo-background{font-size:65vw;bottom:0}.duo-seal{width:86px;height:86px;font-size:9px}}