@font-face{font-family:Encode Sans;src:url('/fonts/encode-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Chango;src:url('/fonts/chango.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#e9e9e4;--ink:#151715;--muted:#595b55;--accent:#18573d;--rule:#b6b7af;--gutter:clamp(22px,4.2vw,80px);--ease:cubic-bezier(.16,1,.3,1);--display:clamp(76px,9.2vw,154px);color-scheme:light;scrollbar-color:#787b71 var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Encode Sans,sans-serif;font-size:16px;line-height:1.5;overflow-x:clip}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.sculpture:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p,h1,h2{margin:0}svg,img{display:block;max-width:100%}[hidden]{display:none!important}
.arrow{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:square;transition:transform .4s var(--ease)}a:hover .arrow{transform:translate(3px,-3px)}.skip-link{position:fixed;top:12px;left:16px;padding:12px 18px;background:var(--ink);color:var(--paper);z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}
.masthead{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);position:relative;z-index:3;max-width:1920px;margin:auto}.name{font-size:20px;font-weight:650;letter-spacing:-.035em;display:flex;align-items:center;gap:10px}.name-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.masthead nav{display:flex;gap:clamp(22px,3.6vw,64px);align-items:center}.masthead nav a{display:flex;align-items:center;gap:7px;font-size:14px}.masthead nav .arrow{width:13px;height:13px}.masthead a:hover,.closing a:hover{text-decoration:underline}
.hero-scroll{height:calc(100svh - 88px);min-height:630px}.motion-enabled .hero-scroll{height:calc(140svh - 88px)}.hero{height:calc(100svh - 88px);min-height:630px;max-height:1080px;position:sticky;top:0;max-width:1920px;margin:auto;isolation:isolate}.sculpture{position:absolute;inset:-3% 36% 100px 0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-12px!important}.sculpture.is-dragging{cursor:grabbing}.sculpture-canvas{width:100%;height:100%;display:block;opacity:0;position:absolute;inset:0}.sculpture.is-ready .sculpture-canvas{opacity:1}.sculpture-fallback{position:absolute;inset:0;display:grid;place-items:center;font-weight:850;font-size:clamp(240px,38vw,650px);line-height:1;transform:rotate(-7deg);color:#343631;text-shadow:10px 5px #999b94,20px 10px #22251f,30px 15px #a83d29,40px 20px #454841}.sculpture.is-ready .sculpture-fallback{visibility:hidden}.hero-copy{position:absolute;left:62.2%;right:var(--gutter);top:45%;transform:translateY(-50%);pointer-events:none}h1{font-size:var(--display);font-weight:900;letter-spacing:-.04em;line-height:.96}h1 span{display:block;white-space:nowrap}.hero-bottom{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.interaction-hint{font-size:14px;line-height:1.45}.sculpture-actions{display:flex;gap:20px;margin-top:10px}.text-control{border:0;background:none;padding:4px 0;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:var(--muted);min-height:30px}.text-control:hover{color:var(--accent)}.scroll-invitation{display:flex;align-items:center;gap:25px;font-size:14px;min-height:44px}.scroll-invitation svg{width:25px;height:34px;fill:none;stroke:currentColor;stroke-width:1.35;transition:transform .5s var(--ease)}.scroll-invitation:hover svg{transform:translateY(7px)}
.project-index{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--gutter);border-top:1px solid var(--rule);padding:20px 0 44px;gap:40px;scroll-margin-top:25px}.project-index a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:16px}.project-index small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.project-index .down{transform:rotate(90deg);width:16px;height:16px}.project-index a:hover .down{transform:rotate(90deg) translate(3px,-3px)}
.chapter{--surface:var(--paper);--chapter-ink:var(--ink);position:relative;background:var(--surface);color:var(--chapter-ink);scroll-margin-top:0}.chapter-stage{height:100svh;min-height:740px;max-height:1150px;position:sticky;top:0;overflow:clip;display:grid;grid-template-columns:43% 57%;align-items:center;padding:70px var(--gutter);isolation:isolate}.motion-enabled .chapter{height:145svh;min-height:1073px}.chapter-copy{z-index:2;position:relative;pointer-events:none}.chapter-copy a{pointer-events:auto}.brand{display:flex;align-items:center;gap:14px;margin-bottom:45px}.goodboy{--surface:#e8e3d9;--chapter-ink:#292820}.goodboy-brand{width:clamp(190px,17vw,232px)}.goodboy-brand svg{width:100%;height:auto;aspect-ratio:1526/632}.chapter-title{font-size:clamp(52px,5.7vw,94px);font-weight:770;line-height:1.03;letter-spacing:-.04em;text-wrap:balance}.chapter-description{margin-top:26px;font-size:clamp(15px,1.25vw,20px);line-height:1.6}.project-link{display:inline-flex;gap:25px;align-items:center;min-height:48px;border-bottom:1px solid currentColor;margin-top:35px;padding-bottom:3px;font-size:15px;font-weight:550}.project-status{display:block;font-size:12px;margin-top:15px;opacity:.82}.project-art{position:relative;min-width:0;height:100%;perspective:1100px;--px:0;--py:0;--travel:0;z-index:1}.portrait-scene{display:grid;place-items:center}.portrait-type{position:absolute;top:8%;left:2%;font-size:clamp(120px,17vw,290px);font-weight:900;line-height:.82;letter-spacing:-.04em;color:#d4ccbe;transform:translateY(calc(var(--travel)*-70px));user-select:none}.portrait-object{width:clamp(240px,28vw,490px);transform:translate3d(calc(var(--px)*14px),calc(var(--travel)*-60px + var(--py)*-10px),50px) rotateX(calc(var(--py)*-7deg)) rotateY(calc(var(--px)*9deg + var(--travel)*-14deg)) rotateZ(calc(-7deg + var(--travel)*14deg));transform-style:preserve-3d;filter:drop-shadow(18px 30px 20px #3b2b2038)}.portrait-object svg{width:100%;height:auto;overflow:visible}.chapter-footer{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:11px;opacity:.8;z-index:3}
.screamr{--surface:#171918;--chapter-ink:#f0eee4;--accent:#f47a2a}.screamr-brand{gap:8px}.screamr-brand img{width:56px;height:56px;flex-shrink:0}.screamr-brand span{font-family:Chango,sans-serif;font-size:clamp(25px,2.23vw,32px);font-weight:400;letter-spacing:.005em}.screamr .chapter-description{color:#cacbc1}.screamr .project-status{color:#f3a665;opacity:1}.screamr-scene{display:grid;place-items:center}.park-type{position:absolute;top:18%;left:-7%;font-size:clamp(100px,15.5vw,250px);font-weight:880;line-height:.85;letter-spacing:-.04em;color:#32372f;user-select:none;transform:translateX(calc(var(--travel)*-100px))}.phone-object{position:relative;width:clamp(200px,21vw,320px);aspect-ratio:1350/2760;filter:drop-shadow(26px 38px 48px #0007);transform:translate3d(calc(var(--px)*15px),calc(var(--travel)*-50px + var(--py)*-12px),70px) rotateY(calc(-13deg + var(--px)*12deg + var(--travel)*18deg)) rotateX(calc(7deg + var(--py)*-7deg)) rotateZ(calc(10deg - var(--travel)*16deg));transform-style:preserve-3d}.phone-screen{position:absolute;left:5.333333%;top:2.5%;width:89.333333%;height:95%;overflow:hidden;border-radius:11.5% / 5.3%;background:#050505}.phone-screen img{width:100%;height:100%;object-fit:cover}.phone-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.status-dot{display:inline-block;width:5px;height:5px;margin:0 7px 2px 11px;background:currentColor;border-radius:50%}
.deskspace{--surface:#2a302d;--chapter-ink:#eef0e7;--accent:#d7c9aa}.deskspace .chapter-stage{display:block;padding-top:60px}.deskspace .chapter-copy{display:grid;grid-template-columns:1.15fr 1fr;column-gap:40px;align-items:end}.deskspace-brand{grid-column:1/-1;margin-bottom:32px;width:clamp(255px,23vw,320px)}.deskspace-brand svg{width:100%;height:auto;filter:invert(1)}.deskspace .chapter-title{font-size:clamp(48px,5.2vw,85px)}.deskspace-details{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:4px}.deskspace .chapter-description{margin:0;color:#d5dbd1;font-size:16px}.deskspace .project-link{margin-top:0;white-space:nowrap;gap:20px}.desk-scene{position:absolute;top:39%;bottom:65px;left:var(--gutter);right:var(--gutter);height:auto;display:grid;place-items:center;perspective:1400px}.desk-object{width:70%;max-width:970px;box-shadow:22px 36px 45px #0005;transform:translate3d(calc(var(--px)*9px),calc(var(--travel)*-22px),0) rotateX(calc(9deg + var(--py)*-5deg - var(--travel)*12deg)) rotateY(calc(-8deg + var(--px)*8deg + var(--travel)*14deg)) rotateZ(-2deg);transform-origin:center;overflow:hidden}.desk-object svg{width:100%;max-height:52svh;aspect-ratio:1120/735;background:#8d8c7f}
.closing{padding:clamp(85px,12vw,190px) var(--gutter) 110px}.closing>p{font-size:clamp(52px,7.8vw,130px);line-height:1.04;letter-spacing:-.04em;font-weight:760}.closing-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:100px;padding-top:25px;border-top:1px solid var(--rule);font-size:14px}.closing nav{display:flex;gap:35px}.closing a{display:flex;align-items:center;gap:9px;min-height:44px}.closing .arrow{width:15px;height:15px}.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:20;display:flex;gap:9px;align-items:center;background:var(--ink);color:var(--paper);border:0;border-radius:30px;padding:11px 16px;font-size:11px;box-shadow:0 4px 16px #0002;min-height:40px}.motion-toggle:hover{background:#383c34}.motion-symbol{display:block;width:8px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}.motion-toggle[aria-pressed=true] .motion-symbol{border:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.motion-paused .project-art{--px:0!important;--py:0!important;--travel:0!important}
@media(min-width:1800px){.project-index{max-width:1760px;margin-left:auto;margin-right:auto}.chapter-stage{padding-left:max(var(--gutter),calc((100vw - 1760px)/2));padding-right:max(var(--gutter),calc((100vw - 1760px)/2))}}
@media(max-width:1100px){:root{--gutter:32px;--display:9.2vw}.masthead{height:76px}.hero-scroll{height:calc(100svh - 76px)}.hero{height:calc(100svh - 76px);min-height:610px}.motion-enabled .hero-scroll{height:calc(135svh - 76px)}.chapter-stage{grid-template-columns:46% 54%;min-height:680px;padding-top:60px;padding-bottom:60px}.brand{margin-bottom:32px}.chapter-title{font-size:5.8vw}.portrait-object{width:31vw}.screamr-brand span{font-size:25px}.screamr-brand img{width:48px;height:48px}.phone-object{width:25vw}.deskspace-details{display:block}.deskspace .project-link{margin-top:10px}.deskspace .project-status{margin-top:9px}.desk-scene{top:43%}.desk-object{width:80%}.motion-enabled .chapter{min-height:980px}}
@media(max-width:700px){:root{--gutter:22px;--display:clamp(65px,18.8vw,110px)}.masthead{height:76px}.name{font-size:17px}.name-dot{display:none}.masthead nav{gap:16px}.masthead nav a{font-size:12px}.masthead nav a:first-child{display:none}.masthead nav .arrow{width:11px;height:11px}.hero-scroll,.motion-enabled .hero-scroll{height:auto;min-height:0}.hero{height:calc(100svh - 76px);min-height:720px;max-height:940px;position:relative}.hero-copy{top:26px;left:var(--gutter);right:var(--gutter);transform:none;pointer-events:none}h1{line-height:.94}h1 span:first-child{display:inline}h1 span:nth-child(2){display:inline}h1 span:nth-child(2)::before{content:' '}.sculpture{top:175px;left:-12%;right:-12%;bottom:98px}.sculpture-fallback{font-size:320px}.hero-bottom{bottom:23px;align-items:flex-end;gap:10px}.interaction-hint{font-size:11px;max-width:210px}.sculpture-actions{gap:17px;margin-top:4px}.text-control{font-size:11px;min-height:36px}.scroll-invitation{gap:10px;font-size:11px;align-items:center}.scroll-invitation span{max-width:53px}.scroll-invitation svg{height:28px;width:22px}.project-index{display:block;padding:8px 0 28px;gap:0}.project-index a{min-height:54px;font-size:14px;border-bottom:1px solid var(--rule)}.project-index small{display:inline;margin-left:8px;font-size:10px}.chapter-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:36px var(--gutter) 64px;height:100svh;min-height:850px;max-height:1100px}.motion-enabled .chapter{height:125svh;min-height:1030px}.brand{margin-bottom:22px}.goodboy-brand{width:170px}.chapter-title{font-size:clamp(41px,11.3vw,73px);line-height:1.03}.chapter-title br{display:none}.chapter-description{margin-top:14px;font-size:14px}.chapter-description br{display:none}.project-link{margin-top:15px;font-size:13px;min-height:44px;gap:24px}.project-art{flex:1;min-height:0;margin-top:24px}.portrait-type{font-size:42vw;top:13%;left:3%;line-height:.81}.portrait-object{width:clamp(175px,48vw,310px)}.chapter-footer{bottom:25px;font-size:10px}.screamr-brand img{width:44px;height:44px}.screamr-brand span{font-size:23px}.screamr .chapter-stage{min-height:900px}.screamr .chapter-title{max-width:340px}.project-status{display:inline-block;margin-top:0;margin-left:14px;font-size:11px}.phone-object{width:clamp(180px,47vw,260px)}.park-type{font-size:36vw;top:22%;left:0}.screamr-scene{margin-top:22px;min-height:400px}.deskspace .chapter-stage{display:flex;padding-top:38px;min-height:780px}.deskspace .chapter-copy{display:block}.deskspace-brand{width:240px;margin-bottom:26px}.deskspace .chapter-title{font-size:clamp(41px,11.3vw,73px)}.deskspace-details{margin-top:18px}.deskspace .chapter-description{font-size:14px}.deskspace .chapter-description br{display:none}.deskspace .project-link{margin-top:16px}.deskspace .project-status{margin-left:14px}.desk-scene{position:relative;inset:auto;min-height:270px;margin-top:35px;margin-left:-5px;margin-right:-5px}.desk-object{width:104%;max-width:none}.desk-object svg{max-height:400px;aspect-ratio:1.35}.closing{padding:88px var(--gutter) 100px}.closing>p{font-size:clamp(46px,11vw,75px)}.closing-bottom{flex-wrap:wrap;margin-top:70px;gap:15px;font-size:12px}.closing nav{gap:20px}.closing .back-top{margin-left:auto}.motion-toggle{bottom:12px;right:12px;font-size:10px;min-height:38px;padding:10px 13px}}
@media(max-width:360px){:root{--gutter:18px}.masthead nav{gap:11px}.masthead nav a{font-size:11px}.hero{min-height:690px}.sculpture{top:156px;bottom:118px}.chapter-title{font-size:37px}.chapter-description{font-size:13px}.project-index a{font-size:13px}.project-index small{font-size:9px;margin-left:5px}.screamr .chapter-stage{min-height:870px}.deskspace .project-status{display:block;margin-left:0;margin-top:5px}.chapter-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a .arrow,.scroll-invitation svg{transition:none}}
html.motion-paused{scroll-behavior:auto}.motion-paused .hero-scroll{height:auto;min-height:0}.motion-paused .chapter{height:auto;min-height:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.motion-toggle{right:auto;left:50%;transform:translateX(-50%)}
@media(max-width:700px){h1 span:first-child,h1 span:nth-child(2){display:block}h1 span:nth-child(2)::before{content:none}.hero-copy{top:15px}.sculpture{top:230px;left:0;right:0;bottom:105px}.hero{overflow:clip}.interaction-hint{max-width:185px}.scroll-invitation{margin-bottom:25px}.desk-object svg{overflow:hidden}.motion-toggle{left:50%;right:auto}}
@media(max-width:360px){.sculpture{top:211px;bottom:115px}}
.sculpture-fallback{width:100%;height:100%;object-fit:contain;transform:none;text-shadow:none}
.motion-toggle{top:18px;bottom:auto}
@media(max-width:700px){.masthead{padding-right:70px}.motion-toggle{left:auto;right:12px;top:17px;bottom:auto;transform:none;width:38px;height:38px;justify-content:center;padding:0}.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.masthead nav{gap:12px}}
@media(max-width:360px){.masthead{padding-right:62px}.masthead nav{gap:10px}}
@media(max-width:700px){.closing>.closing-quote{font-size:clamp(36px,10.5vw,75px)}}
@media(min-width:701px){.goodboy .chapter-title{font-size:clamp(36px,5.2vw,82px)}}