@import url('fonts.css');
:root{--paper:#e8e3d7;--ink:#24251f;--accent:#bc452c;--current-ink:#24251f;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:'DM Sans',Arial,sans-serif;color:var(--current-ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}button{touch-action:manipulation}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--paper);padding:15px}.skip:focus{top:10px}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23noise)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.signature{font-size:18px;line-height:.95;font-weight:700;letter-spacing:-.8px;position:relative}.signature>span{position:absolute;right:-16px;top:0;font-size:10px;font-weight:400}header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:30px 5.5%;color:var(--ink)}.header-caption{text-align:center;font-size:13px}.header-caption span{display:block;text-transform:uppercase;letter-spacing:1.3px;font:8px 'DM Mono',monospace;margin-top:6px}#motion{font:10px 'DM Mono',monospace;background:none;border:0;padding:12px 0;display:flex;gap:14px}.chapter-nav{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:20;gap:20px}.chapter-nav a{font:9px 'DM Mono',monospace;position:relative;opacity:.45;display:block;padding:4px}.chapter-nav a.active{opacity:1}.chapter-nav a.active:before{content:'';position:absolute;left:-9px;top:7px;width:4px;height:4px;border-radius:50%;background:currentColor}.chapter-nav b{position:absolute;right:30px;top:3px;font-weight:400;white-space:nowrap;opacity:0;transition:opacity .2s}.chapter-nav a:hover b,.chapter-nav a:focus-visible b{opacity:1}.scene{position:relative;min-height:100svh;z-index:2;padding:100px 7%;isolation:isolate;overflow:hidden;color:var(--ink)}.scene-index{position:absolute;top:90px;left:7%;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.2px}.eyebrow{font:9px/1.8 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.1px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.075em;line-height:.85}em{font-family:'Italiana',Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-.06em}#idea{position:fixed;z-index:4;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--accent);pointer-events:none;will-change:transform;box-shadow:0 0 0 1px #00000008}#idea span{position:absolute;inset:-7px;border:1px solid var(--accent);border-radius:50%;opacity:.3}.opening{height:max(850px,110svh);padding-top:150px}.opening h1{position:relative;z-index:3;font-size:clamp(105px,13.7vw,210px);width:55%;pointer-events:none}.opening h1>span{display:block}.opening .into{font-family:'Italiana',Georgia,serif;font-size:.73em;margin-left:19%;margin-top:-.03em;line-height:1.05}.value-word{margin-left:5%}.period{color:var(--accent)}.mind-art{position:absolute;right:9%;top:150px;width:44%;height:600px}.image-cut{background-image:url('assets/collage.png');background-repeat:no-repeat;background-size:300% 100%}.head-cut{background-position:0 50%;width:100%;height:100%;filter:contrast(1.1)}.mind-art>.head-cut{position:absolute;inset:0;z-index:2;transform:rotate(8deg);animation:headfloat 10s ease-in-out infinite}.orbit-ring{position:absolute;border:1px solid #24251f40;border-radius:50%;width:105%;height:85%;left:-3%;top:7%;transform:rotate(-20deg)}.r2{transform:rotate(25deg) scaleX(.78);border-style:dashed;animation:orbit 70s linear infinite}.r3{transform:rotate(55deg) scaleX(.5);border-color:#24251f20}.head-label{position:absolute;right:-15px;top:50%;font:8px/1.7 'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;z-index:3}.thought-fragment{position:absolute;z-index:3;background:var(--accent);width:80px;height:80px;top:-5%;right:15%;transform:rotate(17deg);animation:fragment 12s ease-in-out infinite}.f2{top:70%;left:0;width:55px;height:85px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 4px);transform:rotate(-25deg)}.hero-bottom{position:absolute;left:7%;right:7%;bottom:65px;display:flex;justify-content:space-between;align-items:end;gap:40px;z-index:5}.hero-bottom p{font-size:16px;line-height:1.5}.hero-bottom p span{font-size:12px;opacity:.65}.hero-bottom .coordinate{font:9px/1.8 'DM Mono',monospace;text-align:right;text-transform:uppercase;letter-spacing:.7px}.scroll-cue{display:flex;align-items:center;gap:20px;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px}.scroll-cue i{font:32px Arial;font-style:normal;animation:arrow 2s infinite}.edge-word{position:absolute;bottom:18px;left:7%;font:8px 'DM Mono',monospace;letter-spacing:3px;opacity:.45}.possibilities{height:max(970px,120svh);padding-top:170px}.possibilities .scene-index{top:65px}.ideas-title{position:relative;width:29%;z-index:5}.ideas-title h2{font-size:clamp(100px,12vw,180px);margin-top:35px}.ideas-title h2 em{display:block;margin-left:30%;color:var(--accent);font-size:1.2em;line-height:1.1}.ideas-title>p:last-child{font-size:14px;line-height:1.6;margin-top:10px}.thought-universe{position:absolute;left:30%;right:7%;top:120px;height:750px}.connection-lines{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#24251f66;stroke-width:.7;stroke-dasharray:3 7;animation:dash 40s linear infinite}.eye-cut{position:absolute;background-position:100% 50%;width:300px;height:270px;left:29%;top:205px;transform:rotate(-8deg);z-index:3;animation:look 12s ease-in-out infinite}.eye-tag{position:absolute;top:430px;left:45%;z-index:4;font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:2px}.thought{position:absolute;text-align:left;border:0;width:285px;min-height:215px;padding:24px;background:#d6d1c4;box-shadow:0 18px 30px #26251f0b;transition:transform .4s,box-shadow .4s;z-index:4}.thought-one{left:1%;top:5px;transform:rotate(-9deg);background:var(--ink);color:var(--paper)}.thought-two{right:-1%;top:175px;transform:rotate(9deg);background:var(--accent);color:var(--paper)}.thought-three{left:15%;bottom:15px;transform:rotate(-4deg)}.thought:hover,.thought:focus-visible{transform:rotate(0) translateY(-10px);box-shadow:0 22px 45px #26251f22;z-index:6}.thought-number{display:block;font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px}.thought strong{display:block;font-size:21px;font-weight:500;line-height:1.15;letter-spacing:-.7px;margin:20px 0 40px}.thought-action{font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.5px}.thought i{position:absolute;right:17px;bottom:10px;font-size:55px;font-style:normal}.mini-orbit{position:absolute;right:25px;bottom:20px;border:1px solid currentColor;width:37px;height:37px;border-radius:50%;animation:orbit 10s linear infinite}.mini-orbit:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;left:0;top:0}.mini-stairs{position:absolute;right:25px;bottom:15px;width:35px;height:42px;background:repeating-linear-gradient(0deg,var(--ink) 0 1px,transparent 1px 6px);transform:skewY(-25deg)}.universe-footnote{position:absolute;bottom:-40px;left:15%;font:9px 'DM Mono',monospace;opacity:.6}.universe-footnote span{display:block;font-size:8px;margin-top:6px}.making{min-height:1100px;height:130svh;color:var(--paper);padding-top:150px}.making .scene-index{top:65px}.making-heading{position:relative;z-index:5}.making-heading h2{font-size:clamp(95px,10.5vw,155px)}.making-heading h2 em{color:#ce694e;display:block;margin-left:7%}.making-heading p{font-size:14px;line-height:1.7;margin-top:35px}.machine{position:absolute;left:24%;top:100px;width:58%;height:650px;perspective:1000px}.machine-orbit{position:absolute;left:5%;top:12%;width:90%;height:75%;border:1px solid #dedcc377;border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.m2{transform:rotate(50deg) scaleY(.6);border-style:dotted;border-width:2px;animation:machineorbit 35s linear infinite}.m3{transform:rotate(115deg) scaleY(.7);border-color:#ce694e;opacity:.65}.machine-core{position:absolute;left:30%;top:32%;width:210px;height:210px;transform:rotate(-11deg);animation:core 12s ease-in-out infinite;transform-style:preserve-3d}.core-front{position:absolute;inset:0;background:#ccc9b8;color:var(--ink);padding:30px 20px;display:block;font-size:42px;line-height:.95;font-weight:600;letter-spacing:-2px;border:1px solid #292a25}.core-top{position:absolute;left:0;top:-60px;width:210px;height:60px;background:repeating-linear-gradient(90deg,#c9c6b5 0 1px,#393c33 1px 4px);transform-origin:bottom;transform:skewX(-45deg);border:1px solid #bcbca9}.core-side{position:absolute;left:210px;top:-30px;width:60px;height:210px;background:var(--accent);transform:skewY(-45deg);border:1px solid #b75b43}.machine-ticket{position:absolute;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;background:var(--paper);color:var(--ink);padding:20px 30px;box-shadow:8px 8px 0 #0003;animation:ticket 14s ease-in-out infinite}.t1{left:15%;top:15%;transform:rotate(-17deg)}.t2{right:0;top:38%;transform:rotate(20deg);animation-delay:-4s}.t3{left:25%;bottom:10%;transform:rotate(7deg);animation-delay:-8s}.machine-caption{position:absolute;bottom:0;left:30%;font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;color:#a9ab9a}.experience-console{position:absolute;left:7%;right:7%;bottom:95px;display:grid;grid-template-columns:1fr 1.4fr 1.7fr;gap:35px;border-top:1px solid #e8e3d744;padding-top:28px;z-index:6}.work-selector{display:flex;flex-direction:column}.work-selector button{background:none;border:0;border-bottom:1px solid #e8e3d722;padding:12px 0;display:flex;justify-content:space-between;text-align:left;font-size:20px;letter-spacing:-.5px;opacity:.5}.work-selector button.selected{opacity:1}.work-selector button span{font-size:14px}.work-story>span{font:8px 'DM Mono',monospace;text-transform:uppercase;color:#c5c4b1}.work-story h3{font-size:27px;letter-spacing:-1px;font-weight:500;line-height:1.1;margin:14px 0}.work-story p{font-size:12px;line-height:1.7;max-width:390px;color:#bfbead}.line-button{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font:9px/1.7 'DM Mono',monospace;display:inline-block;text-transform:uppercase;letter-spacing:.6px;margin-top:20px}.line-button:hover{opacity:.6}.value-scene{min-height:980px;height:120svh;color:var(--paper);padding-top:170px}.value-scene .scene-index{top:65px}.value-heading{position:relative;z-index:5;pointer-events:none}.value-heading h2{font-size:clamp(90px,11.5vw,170px)}.value-heading em{margin-left:9%;line-height:1.05}.value-art{position:absolute;right:5%;top:100px;width:55%;height:720px}.hand-cut{position:absolute;right:5%;top:15%;width:90%;height:85%;background-position:50% 50%;filter:contrast(1.05);transform:rotate(-12deg);animation:hand 12s ease-in-out infinite}.value-ripple{position:absolute;width:68%;height:56%;top:3%;left:12%;border:1px solid #ece6d5aa;border-radius:50%;animation:ripple 10s ease-in-out infinite}.vr2{animation-delay:-3s}.vr3{animation-delay:-6s}.value-label{position:absolute;font:9px 'DM Mono',monospace;z-index:5;background:#bc452ce6;padding:6px 9px}.vl1{right:0;top:17%;transform:rotate(8deg)}.vl2{left:10%;top:45%;transform:rotate(-8deg)}.vl3{right:0;bottom:22%;transform:rotate(8deg)}.vl4{left:25%;top:0;transform:rotate(-5deg)}.value-copy{position:absolute;left:7%;bottom:105px;z-index:5}.value-copy>p{font-size:24px;letter-spacing:-.5px;line-height:1.3}.value-copy>span{display:block;font-size:12px;line-height:1.7;margin-top:22px;opacity:.8}.value-copy .line-button{display:block;width:max-content}.human{min-height:1250px;height:150svh;padding-top:150px}.human .scene-index{top:65px}.human-heading{position:relative;z-index:5}.human-heading h2{font-size:clamp(85px,10vw,150px);margin-top:25px}.human-heading em{color:var(--accent);line-height:1.1;margin-left:12%}.human-art{position:absolute;top:380px;left:10%;width:33%;height:470px}.human-art .head-cut{transform:scaleX(-1) rotate(-9deg);filter:contrast(1.2)}.human-asterisk{position:absolute;right:-10px;top:-30px;font-size:150px;color:var(--accent);line-height:1;animation:orbit 45s linear infinite;z-index:4}.identity-strip{position:absolute;top:53%;left:-10%;width:115%;padding:17px;background:var(--ink);color:var(--paper);font:12px 'DM Mono',monospace;letter-spacing:4px;transform:rotate(10deg)}.bio-orbit{position:absolute;inset:-5%;border:1px dashed #24251f55;border-radius:50%;transform:rotate(-30deg) scaleY(.7);pointer-events:none}.bio-copy{position:absolute;top:410px;right:12%;width:33%;z-index:5}.bio-copy .bio-lead{font-size:28px;letter-spacing:-.8px;line-height:1.3;margin-bottom:24px}.bio-copy p{font-size:13px;line-height:1.8;margin-bottom:18px}.closing-line{position:absolute;bottom:115px;left:7%;right:7%;border-top:1px solid #24251f44;padding-top:30px}.closing-line>span{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px}.closing-line>a{display:block;font-size:clamp(90px,13vw,190px);font-weight:500;letter-spacing:-.08em;line-height:1.1}.closing-line>a span{font-family:'Italiana',serif;color:var(--accent);display:inline-block;transition:transform .5s}.closing-line>a:hover span{transform:rotate(15deg)}.closing-line i{float:right;font-style:normal;font-weight:400;font-size:.6em;margin-top:25px}footer{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font:8px/1.7 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.4px}dialog{border:0;padding:65px;width:calc(100% - 32px);max-width:750px;max-height:85svh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#161a16c9;backdrop-filter:blur(10px)}dialog h2{font-size:45px;line-height:1.05;letter-spacing:-2px;margin:25px 0 35px}dialog p{font-size:15px;line-height:1.8;margin-bottom:18px}dialog h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:28px 0 15px}dialog .draft-note{font:10px/1.8 'DM Mono',monospace;border-left:2px solid var(--accent);padding-left:17px;opacity:.65}#close-reader{position:absolute;right:20px;top:20px;background:none;border:0;font-size:23px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}
@keyframes headfloat{50%{transform:rotate(3deg) translateY(-17px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes fragment{50%{transform:rotate(55deg) translate(15px,-25px)}}@keyframes arrow{50%{transform:translateY(8px)}}@keyframes dash{to{stroke-dashoffset:300}}@keyframes look{50%{transform:rotate(2deg) translateY(-10px)}}@keyframes core{50%{transform:rotate(2deg) translateY(-22px)}}@keyframes machineorbit{50%{transform:rotate(90deg) scaleY(.6)}to{transform:rotate(50deg) scaleY(.6)}}@keyframes ticket{50%{translate:0 -22px}}@keyframes ripple{0%,100%{transform:scale(.65);opacity:.15}50%{transform:scale(1.15);opacity:.65}}@keyframes hand{50%{transform:rotate(-7deg) translateY(-12px)}}
@media(min-width:1600px){.scene{padding-left:10%;padding-right:10%}.hero-bottom,.scene-index,.edge-word,.experience-console,.value-copy,.closing-line,footer{left:10%}.experience-console,.closing-line,footer,.hero-bottom{right:10%}.mind-art{right:14%;width:38%}.making{min-height:1200px}.machine{left:28%;width:48%}.thought-universe{right:12%}.thought{width:330px;padding:30px}.thought strong{font-size:25px}}
@media(max-width:1050px){.scene{padding-left:6%;padding-right:6%}.scene-index,.edge-word{left:6%}.opening{height:950px}.opening h1{font-size:15vw}.mind-art{width:48%;right:7%;top:200px;height:540px}.hero-bottom{left:6%;right:9%}.hero-bottom .coordinate{display:none}.thought-universe{left:31%;right:8%;top:150px}.thought{width:240px;padding:22px}.thought strong{font-size:18px}.thought-two{top:240px}.thought-three{left:0;bottom:10px}.eye-cut{width:240px;left:10%;top:240px}.eye-tag{left:23%;top:430px}.possibilities{height:1000px}.machine{width:65%;left:30%;top:150px;height:550px}.machine-core{scale:.8}.machine-ticket{font-size:8px;padding:15px}.experience-console{grid-template-columns:1fr 1.4fr;left:6%;right:9%;bottom:85px}.experience-console>.eyebrow{grid-column:1/-1}.making{height:1150px}.value-scene{height:1000px}.value-heading h2{font-size:12vw}.value-art{top:180px;width:60%;right:2%;height:630px}.value-copy{left:6%}.human{height:1300px}.human-art{left:6%;width:40%;top:360px}.bio-copy{right:9%;width:38%;top:370px}.human-heading h2{font-size:11vw}.bio-copy .bio-lead{font-size:25px}.chapter-nav{right:12px}.scene-index{max-width:85%}}
@media(max-width:640px){header{padding:25px 6%}.signature{font-size:16px}.header-caption{display:none}#motion{font-size:9px}.chapter-nav{right:6px;gap:17px}.chapter-nav a{font-size:7px}.chapter-nav b{display:none}.scene-index{font-size:7px;letter-spacing:.8px;line-height:1.8;max-width:78%}.scene{padding-left:7%;padding-right:9%}.opening{height:920px;min-height:105svh;padding-top:145px}.opening .scene-index{top:104px}.opening h1{font-size:27vw;width:90%;line-height:.86}.opening .into{margin-left:17%;font-size:.73em}.value-word{margin-left:2%}.mind-art{top:325px;right:6%;width:72%;height:440px;z-index:2}.mind-art .head-cut{opacity:.95}.head-label{right:0;font-size:6px;top:48%}.thought-fragment{width:45px;height:45px;right:5%;top:5%}.f2{width:35px;height:55px;left:4%;top:75%}.hero-bottom{bottom:62px;left:7%;right:9%;align-items:end;gap:20px}.hero-bottom p{font-size:13px;line-height:1.5;max-width:210px}.hero-bottom p span{font-size:10px}.scroll-cue{font-size:7px;max-width:90px;gap:10px;line-height:1.6}.scroll-cue i{font-size:25px}.edge-word{font-size:6px;letter-spacing:1.6px;left:7%;bottom:20px}.possibilities{height:1160px;padding-top:120px}.possibilities .scene-index,.making .scene-index,.value-scene .scene-index,.human .scene-index{top:45px}.ideas-title{width:100%}.ideas-title .eyebrow{font-size:7px}.ideas-title h2{font-size:102px;margin-top:25px}.ideas-title h2 em{display:inline;margin-left:15px;font-size:1.2em}.ideas-title>p:last-child{font-size:12px;margin-top:12px}.thought-universe{left:7%;right:10%;top:320px;height:760px}.thought{width:220px;min-height:200px;padding:20px}.thought strong{font-size:20px;margin-bottom:30px}.thought-number{font-size:7px}.thought-action{font-size:7px}.thought-one{top:0;left:3%}.thought-two{right:0;top:255px}.thought-three{left:3%;bottom:10px}.eye-cut{width:190px;height:170px;top:155px;left:35%;z-index:3}.eye-tag{top:300px;left:32%;font-size:6px}.connection-lines{height:100%;width:140%;left:-20%}.universe-footnote{left:5%;bottom:-33px;font-size:7px}.universe-footnote span{font-size:6px}.making{height:1430px;min-height:1430px;padding-top:115px}.making-heading h2{font-size:98px;line-height:.85}.making-heading h2 em{margin-left:20%}.making-heading p{font-size:12px;margin-top:22px}.machine{left:0;top:360px;width:95%;height:440px}.machine-core{scale:.65;left:25%;top:30%}.machine-orbit{width:90%;height:80%;left:8%;top:7%}.machine-ticket{font-size:7px;padding:12px 16px}.t1{left:8%;top:10%}.t2{right:0;top:42%}.t3{left:18%;bottom:5%}.machine-caption{bottom:-20px;left:16%;font-size:6px}.experience-console{left:7%;right:10%;bottom:80px;grid-template-columns:1fr;gap:20px;padding-top:22px}.experience-console>.eyebrow{font-size:7px}.work-selector{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.work-selector button{font-size:16px;padding:11px 0}.work-story{margin-top:3px;min-height:230px}.work-story h3{font-size:27px;margin:14px 0}.work-story p{font-size:12px;line-height:1.7}.work-story>span{font-size:7px}.line-button{font-size:8px;margin-top:15px}.value-scene{height:1150px;min-height:1150px;padding-top:120px}.value-heading h2{font-size:19vw;line-height:.9}.value-heading em{margin-left:20%}.value-art{width:94%;height:560px;top:340px;right:1%}.hand-cut{right:8%;width:86%;height:95%;top:0}.value-ripple{top:0;left:14%;width:66%;height:44%}.value-label{font-size:7px;padding:5px}.vl1{right:7%;top:10%}.vl2{left:4%;top:45%}.vl3{right:7%;bottom:15%}.vl4{left:15%;top:-1%}.value-copy{bottom:85px;left:7%}.value-copy>p{font-size:22px}.value-copy>span{font-size:11px;line-height:1.7;margin-top:17px}.human{height:1560px;min-height:1560px;padding-top:115px}.human-heading .eyebrow{font-size:7px}.human-heading h2{font-size:20vw;margin-top:30px}.human-heading em{margin-left:0}.human-art{top:320px;left:12%;width:70%;height:390px}.human-asterisk{font-size:105px;right:-15px}.identity-strip{font-size:9px;letter-spacing:3px;padding:14px;left:-3%;width:105%}.bio-copy{top:760px;left:10%;right:10%;width:auto}.bio-copy .bio-lead{font-size:25px;margin-bottom:22px}.bio-copy p{font-size:12px;line-height:1.8;margin-bottom:15px}.closing-line{bottom:110px;left:7%;right:9%;padding-top:25px}.closing-line>span{font-size:7px}.closing-line>a{font-size:24vw}.closing-line i{font-size:.6em;margin-top:15px}footer{left:7%;right:9%;bottom:30px;flex-wrap:wrap;font-size:6px;gap:12px}footer>span:nth-child(2){order:3;width:100%}footer>span:last-child{margin-left:auto}dialog{padding:55px 25px 30px}dialog h2{font-size:34px;letter-spacing:-1.5px}dialog p{font-size:14px}dialog .draft-note{font-size:9px}#idea{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:640px){.mind-art{width:90%;height:390px;right:-2%;top:355px}.human-art{height:340px;top:350px}.hand-cut{height:78%;top:8%}.machine-core .core-front{font-size:38px}.eye-cut{height:190px}}

/* Personal portrait: the same face, assembled from independently moving paper layers. */
.image-cut.head-cut{background-image:url('assets/rohan-portrait.png');background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
.mind-art>.head-cut{background-image:none;transform:rotate(4deg)}
.portrait-layer{position:absolute;inset:0;background:url('assets/rohan-portrait.png') center/contain no-repeat;will-change:transform}
.portrait-base{clip-path:polygon(0 36%,100% 36%,100% 100%,0 100%)}
.portrait-temple{clip-path:polygon(0 24%,100% 24%,100% 36%,0 36%);animation:temple-drift 11s ease-in-out infinite}
.portrait-crown{clip-path:polygon(0 0,100% 0,100% 24%,0 24%);animation:crown-drift 11s ease-in-out infinite;transform-origin:50% 24%}
.mind-art:hover .portrait-temple{animation-play-state:paused;translate:9px -5px}
.mind-art:hover .portrait-crown{animation-play-state:paused;translate:-5px -13px}
.human-art .head-cut{transform:rotate(-7deg);filter:none;animation:personal-float 14s ease-in-out infinite}
.thought-ribbon{position:absolute;left:25%;top:225px;width:330px;height:260px;background-image:url('assets/thought-ribbon.png');background-size:contain;background-position:center;z-index:3;animation:thought-swim 16s ease-in-out infinite;pointer-events:none}
.value-ribbon{position:absolute;width:65%;height:220px;top:10%;right:5%;background:url('assets/thought-ribbon.png') center/contain no-repeat;transform:rotate(-25deg);opacity:.85;animation:value-swim 18s ease-in-out infinite;z-index:1;pointer-events:none}
.hand-cut{z-index:2}.value-ripple{z-index:0}
.thought-fragment.f1{background:#347b7b;width:45px;height:65px;clip-path:polygon(12% 0,100% 8%,83% 95%,0 100%)}
.identity-strip{background:#243c37}.human-asterisk{color:#347b7b}
@keyframes crown-drift{0%,100%{transform:translate(0,-3px) rotate(0)}45%,60%{transform:translate(-9px,-25px) rotate(-5deg)}}
@keyframes temple-drift{0%,100%{transform:translate(0,0)}45%,60%{transform:translate(10px,-7px)}}
@keyframes personal-float{50%{transform:rotate(-3deg) translateY(-12px)}}
@keyframes thought-swim{0%,100%{transform:translate(-7px,9px) rotate(-15deg)}50%{transform:translate(15px,-18px) rotate(8deg)}}
@keyframes value-swim{0%,100%{transform:translate(0,0) rotate(-25deg)}50%{transform:translate(-20px,-18px) rotate(-8deg)}}
@media(max-width:1050px){.thought-ribbon{width:260px;left:10%;top:260px}}
@media(max-width:640px){.mind-art>.head-cut{opacity:1}.thought-ribbon{width:220px;height:190px;left:30%;top:155px}.value-ribbon{height:160px;width:65%;top:10%;right:4%}.thought-fragment.f1{width:30px;height:45px}.human-art .head-cut{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.mind-art:hover .portrait-temple,.mind-art:hover .portrait-crown{translate:none}.portrait-crown{transform:translateY(-8px)}.portrait-temple{transform:translateX(4px)}}

/* A quieter, larger portrait and genuine spatial sculpture. */
.image-cut.head-cut,.portrait-layer{background-image:url('assets/rohan-horizon.png')}
.mind-art{width:52%;height:700px;right:4%;top:110px}
.mind-art>.head-cut{background-image:url('assets/rohan-horizon.png');animation:horizon-breathe 14s ease-in-out infinite;transform:rotate(0)}
.portrait-layer{display:none}
.mind-art .thought-fragment{display:none}
.mind-art .orbit-ring{opacity:.4}
.human-art .head-cut{background-image:url('assets/rohan-horizon.png');transform:rotate(-3deg);animation:horizon-breathe 16s ease-in-out infinite}
.head-label{right:3%;top:62%}
.depth-host{position:absolute;inset:-8%;z-index:3;cursor:grab;touch-action:pan-y}
.depth-host canvas,.value-depth canvas{width:100%;height:100%;display:block}
.depth-toggle{position:absolute;bottom:-38px;left:30%;z-index:6;font:8px 'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;border:0;border-bottom:1px solid #e8e3d766;background:none;padding:9px 0;color:var(--paper);display:none}
.depth-ready .depth-toggle{display:block}
.machine.depth-ready>.machine-orbit,.machine.depth-ready>.machine-core,.machine.depth-ready>.machine-ticket{visibility:hidden}
.machine-caption{z-index:5;pointer-events:none}
.value-depth{position:absolute;left:5%;top:-10%;width:90%;height:65%;z-index:1;pointer-events:none}
.value-art.depth-ready>.value-ripple{visibility:hidden}
.value-art.depth-ready .value-ribbon{opacity:.4}
@keyframes horizon-breathe{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(0)}}
@media(min-width:1600px){.mind-art{width:46%;right:8%}}
@media(max-width:1050px){.mind-art{width:58%;right:1%;height:620px;top:175px}}
@media(max-width:640px){.mind-art{width:104%;right:-13%;height:480px;top:300px}.head-label{right:12%;top:60%;font-size:6px}.depth-host{inset:-4% -6%}.depth-toggle{left:22%;bottom:-50px;font-size:7px}.machine-caption{left:18%;bottom:-20px}.human-art{width:84%;left:5%;height:400px;top:310px}.value-depth{height:60%;left:3%;top:-6%}}

.making-heading em{color:#ce975d}.making-heading{pointer-events:none}
.making .work-selector button.selected{color:#83b5aa}.depth-toggle{color:#a3c3b8;border-color:#61958d}
.machine:after{content:'';position:absolute;inset:-8%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#111a170d 4px 5px);z-index:4;opacity:.55}
@media(prefers-reduced-motion:reduce){.depth-host{cursor:default}}

/* Scroll maps directly to the portrait unfolding, and reverses on the way back. */
.mind-art{--portrait-scale:1.1}
.mind-art>.head-cut{scale:var(--portrait-scale)}
.image-cut.head-cut,.portrait-layer,.mind-art>.head-cut,.human-art .head-cut{background-image:url('assets/rohan-horizon.png')}
#portrait-depth{position:absolute;inset:-13%;z-index:3;pointer-events:none}
#portrait-depth canvas{width:100%;height:100%;display:block}
.mind-art.portrait-ready>.head-cut{visibility:hidden}
.mind-art.portrait-ready{translate:none!important}
.opening{overflow:visible}
.opening .mind-art{z-index:3}
.opening h1{z-index:4}
.opening .head-label{z-index:4}
@media(max-width:640px){#portrait-depth{inset:-15% -9%}.opening .mind-art{z-index:2}}

/* Let the main headings lead, without decorative section captions. */
.ideas-title h2,.human-heading h2{margin-top:0}
@media(min-width:1051px){.experience-console{grid-template-columns:1fr 1.3fr}}

/* One viewport canvas carries the paper from the portrait into the fish. */
#portrait-depth canvas.portrait-morph-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none}
#portrait-depth canvas[hidden]{display:none}
.portrait-morph-ready .thought-ribbon{visibility:hidden;animation:none;transform:none}

/* A shared artwork, with the projects at the ends of its threads. */
.collaborations{height:auto;min-height:1700px;padding:120px 7% 100px;color:#e8e3d7;overflow:hidden}
.alongside-heading{position:relative;z-index:2}.alongside-heading h2{font-size:clamp(80px,10vw,156px);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:0}.alongside-heading h2 em{font-family:Italiana,serif;font-weight:400}.alongside-heading>p{font-size:16px;line-height:1.6;margin:32px 0 0;opacity:.7}
.connection-art{position:relative;margin:-80px -3% -15px 8%;pointer-events:none}.connection-mural{width:100%;height:auto;overflow:visible}.mural-word{font:italic 24px Italiana,serif;letter-spacing:.025em}
.mural-left{transform:translate(calc((.5 - var(--local,.5))*-150px),calc((.5 - var(--local,.5))*65px)) rotate(calc((.5 - var(--local,.5))*-14deg));transform-origin:360px 430px}.mural-right{transform:translate(calc((.5 - var(--local,.5))*150px),calc((.5 - var(--local,.5))*-50px)) rotate(calc((.5 - var(--local,.5))*14deg));transform-origin:840px 430px}.mural-sun{transform-origin:600px 330px;transform:rotate(calc(var(--local,.5)*80deg))}.mural-fragments{transform:translateY(calc((.5 - var(--local,.5))*120px))}.mural-orbits{transform-origin:600px 360px;transform:rotate(calc((var(--local,.5) - .5)*20deg))}
.shared-work{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7%;padding:0 5%}.shared-work-intro{grid-column:1/-1;text-align:center;font:italic 27px Italiana,serif;margin:0 0 25px;opacity:.65}.shared-work a{color:inherit;text-decoration:none;padding-top:18px;border-top:1px solid #e8e3d73d;outline-offset:10px}.shared-work h3{font-size:37px;font-weight:400;letter-spacing:-.045em;margin:0 0 20px;display:flex;justify-content:space-between}.shared-work h3 span{font-size:24px;transition:transform .3s}.shared-work a:hover h3 span{transform:translate(5px,-5px)}.shared-work a:hover h3{color:#e7b566}.shared-work p:not(.shared-work-intro){font-size:15px;line-height:1.6;opacity:.7;margin:0 0 22px}.shared-work small{font:10px 'DM Mono',monospace;opacity:.55}
.alongside-reflection{display:flex;justify-content:space-between;gap:40px;margin:110px 5% 0;padding-top:40px;border-top:1px solid #e8e3d725}.alongside-reflection p:first-child{font-size:30px;letter-spacing:-.035em;line-height:1.2;margin:0}.alongside-reflection p:last-child{font-size:15px;line-height:1.8;opacity:.65;margin:0}
footer a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}footer a:hover{color:#b94730}html{overflow-x:clip}
body.paused .mural-left,body.paused .mural-right,body.paused .mural-fragments,body.paused .mural-orbits,body.paused .mural-sun{transform:none}
@media(max-width:1050px){.collaborations{min-height:1450px}.connection-art{margin:0 -9% 0}.shared-work{padding:0;gap:4%}.alongside-reflection{margin:85px 0 0}}
@media(max-width:650px){.collaborations{min-height:0;padding:100px 7% 80px}.alongside-heading h2{font-size:clamp(64px,20vw,90px)}.alongside-heading>p{font-size:14px;max-width:290px}.connection-art{margin:25px -28% 0}.mural-word{font-size:25px}.shared-work{display:block}.shared-work-intro{font-size:24px;margin:15px 0 45px}.shared-work a{display:block;margin-bottom:38px;padding-top:22px}.shared-work h3{font-size:36px;margin-bottom:14px}.shared-work p:not(.shared-work-intro){font-size:15px;margin-bottom:16px}.alongside-reflection{display:block;margin:70px 0 0;padding-top:30px}.alongside-reflection p:first-child{font-size:26px;margin-bottom:25px}.alongside-reflection p:last-child{font-size:14px}footer{gap:18px}footer a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mural-left,.mural-right,.mural-fragments,.mural-orbits,.mural-sun{transform:none}}
#reader .experience-lead{font-size:clamp(19px,2vw,24px);line-height:1.55;letter-spacing:-.025em}
#reader-body a{color:inherit;text-decoration-color:#bc452c;text-underline-offset:5px}#reader-body a:hover{color:#bc452c}
.experience-metrics{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px 0;margin:30px 0;border-top:1px solid #25251f33;border-bottom:1px solid #25251f33}
.experience-metrics strong{display:block;font-size:clamp(32px,5vw,49px);font-weight:500;letter-spacing:-.05em;color:#bc452c}.experience-metrics span{display:block;font-size:12px;line-height:1.5;max-width:200px;margin-top:8px}
@media(max-width:450px){.experience-metrics{gap:16px}.experience-metrics strong{font-size:32px}}

/* Design review: less annotation, more room for the work. */
.signature{padding-right:25px}.signature-spark{position:absolute;width:17px;height:17px;right:0;top:0;display:block}
.header-contact{font:11px 'DM Mono',monospace;padding:10px 0;border-bottom:1px solid currentColor}
.hero-bottom{align-items:center;bottom:60px}.hero-bottom>p:first-child{max-width:420px;font-size:17px;line-height:1.5}.hero-bottom .coordinate{display:block;font:14px/1.6 'DM Sans',sans-serif;text-transform:none;letter-spacing:0;text-align:right;max-width:260px}
.ideas-title{width:35%;pointer-events:none}.thought-universe{left:43%;right:8%}.thought-one{left:2%;top:0}.thought-two{right:0;top:270px}.thought-three{left:1%;bottom:-15px}
.making{height:auto;min-height:0;display:grid;grid-template-columns:32% 68%;grid-template-rows:auto auto;gap:70px 0;padding:130px 7% 110px}.making-heading{grid-column:1;align-self:start;padding-top:25px}.machine{position:relative;left:auto;top:auto;width:100%;height:620px;grid-column:2;grid-row:1;overflow:hidden}.depth-host{inset:0 0 35px}.machine:after{inset:0 0 35px}.depth-toggle,.depth-ready .depth-toggle{bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;min-height:40px}.experience-console{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1;grid-row:2;width:100%;grid-template-columns:1fr 1.3fr;gap:8%;padding-top:35px}.work-selector button{padding:17px 12px;transition:background .2s,color .2s,opacity .2s,padding .2s}.work-selector button:hover,.work-selector button:focus-visible{opacity:1;color:#e8e3d7;background:#e8e3d712;padding-left:22px}.work-selector button span{transition:transform .2s}.work-selector button:hover span{transform:translate(3px,-3px)}.work-selector button.selected{background:#83b5aa0d}.work-story{padding-top:15px}.work-story p{font-size:14px;max-width:480px}.work-story h3{font-size:36px}.work-story>span{font-size:10px}
.footer-identity{display:flex;gap:25px;align-items:center}footer{align-items:center;font-size:10px}footer>span:last-child{margin-left:auto}
@media(min-width:1600px){.thought-universe{left:43%;right:12%}}
@media(min-width:641px) and (max-width:1050px){.ideas-title h2{font-size:11vw}.thought{width:220px}.thought-universe{left:44%;right:10%}.machine{height:550px}.making{grid-template-columns:35% 65%;padding-left:6%;padding-right:9%}.making-heading h2{font-size:10vw}.experience-console{gap:6%}.hero-bottom>p:first-child{max-width:350px}}
@media(max-width:640px){.signature{padding-right:22px}.signature-spark{width:15px;height:15px}.header-contact{font-size:10px}.hero-bottom{display:block;bottom:40px}.hero-bottom>p:first-child{font-size:14px;max-width:285px}.hero-bottom .coordinate{font-size:12px;text-align:left;margin-top:18px;max-width:none}.hero-bottom .coordinate br{display:none}.ideas-title{width:100%}.ideas-title h2{font-size:clamp(76px,24vw,110px)}.thought-universe{left:7%;right:11%;top:355px}.possibilities{height:1210px}.thought-one{left:4%;top:0}.thought-two{top:270px}.thought-three{left:4%;bottom:0}.making{display:block;padding:110px 7% 90px;height:auto;min-height:0}.making-heading{padding:0}.making-heading h2{font-size:98px}.machine{height:430px;width:100%;margin:45px 0 55px;left:auto;top:auto}.depth-host{inset:0 0 40px}.depth-toggle{font-size:9px;left:50%;bottom:0}.experience-console{grid-template-columns:1fr;gap:28px;padding-top:25px}.work-selector{gap:0 12px}.work-selector button{padding:15px 6px;font-size:15px}.work-selector button:hover{padding-left:10px}.work-story h3{font-size:30px}.work-story>span{font-size:8px}.work-story p{font-size:13px}.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px}footer{font-size:8px;flex-wrap:nowrap;bottom:25px}footer a{font-size:9px}}
body.work-open{overflow:hidden}
#reader.work-reader{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;background:#e8e3d7;overflow-y:auto;overscroll-behavior:contain;--work-accent:#bc452c;--unfold:0}
.work-reader::backdrop{background:#e8e3d7;backdrop-filter:none}.work-reading{margin-left:44%;padding:110px 7% 90px 5%;min-height:100svh}.work-reading h2{font-size:clamp(35px,3.8vw,60px);line-height:1.05;margin-top:25px}.work-reading #reader-category{color:var(--work-accent)}.work-reading #reader-body p{font-size:16px;line-height:1.85}.work-reading #reader-body h3{margin-top:45px}.work-cover{position:fixed;inset:0 auto 0 0;width:44%;overflow:hidden;border-right:1px solid #24251f22;background:#d6d0bf;perspective:1200px}.work-cover-name{position:absolute;top:45%;left:10%;right:10%;text-align:center;font:clamp(50px,6vw,95px)/.95 Italiana,serif;letter-spacing:-.06em;color:#24251f;transform:rotate(-6deg);text-wrap:balance}.work-cover-orbit{position:absolute;inset:15% -30%;border:1px solid #24251f33;border-radius:50%;transform:rotate(-30deg) scaleY(.8)}#reader #close-reader{position:fixed;right:25px;top:22px;width:44px;height:44px;border-radius:50%;background:#e8e3d7dd;z-index:5}
@media(max-width:700px){.work-cover{position:relative;width:100%;height:58svh;min-height:340px;border-right:0;border-bottom:1px solid #24251f22}.work-cover-name{font-size:60px;left:12%;right:12%}.work-reading{margin-left:0;padding:45px 8% 65px}.work-reading h2{font-size:38px}.work-reading #reader-body p{font-size:15px}#reader #close-reader{right:16px;top:16px}.work-reading #reader-category{font-size:9px}}
#idea{z-index:1}
/* The work lives with the sculpture that gives it form. */
.making{gap:65px 0;padding-bottom:110px}.machine{filter:hue-rotate(calc(var(--work-shift,0)*7deg));transition:filter .8s}.work-cover{background:#172421;border-color:#e8e3d733;--look:0deg}.work-cover-orbit{border-color:#e8e3d733}.work-cover-name{color:#e8e3d7;top:auto;bottom:10%;transform:none;font-family:'DM Sans',sans-serif;font-weight:500;font-size:clamp(36px,4vw,64px);letter-spacing:-.055em}.work-volume{position:absolute;left:50%;top:43%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(-22deg + var(--unfold)*30deg)) rotateY(calc(-30deg + var(--unfold)*75deg + var(--look))) rotateZ(-12deg);transition:transform .15s linear}
@media(max-width:640px){.making{padding-bottom:85px}.machine{margin-bottom:65px}.work-volume{scale:.78}.work-cover-name{bottom:8%;font-size:40px}.work-cover{min-height:380px}}
@media(prefers-reduced-motion:reduce){.work-volume,.machine{transition:none}}

.work-volume{width:90%;height:auto;aspect-ratio:1;left:5%;top:12%;transform:none;transition:none}.work-volume svg{display:block;width:100%;height:100%;overflow:visible}@media(max-width:700px){.work-volume{width:90%;left:5%;top:0;scale:1}}