/* WORLDS / 26 — paper, ink, and systems in motion. */
:root{--paper:#eeeae1;--ink:#292c26;--red:#af482f;--muted:#706f64;--line:rgba(41,44,38,.2);--serif:'Instrument Serif',Georgia,serif;--sans:'Inter',Arial,sans-serif;--mono:'JetBrains Mono',monospace;--pad:clamp(24px,5vw,88px);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none}button:disabled{cursor:default;opacity:.5}p,h1,h2,h3{margin:0}::selection{background:#b54b32;color:#f3eee4}:focus-visible{outline:2px solid var(--red);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;top:10px;left:10px;background:var(--ink);color:var(--paper);padding:12px 20px;transform:translateY(-160%)}.skip:focus{transform:none}.eyebrow{font:400 10px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase}.masthead{height:78px;padding:0 var(--pad);position:absolute;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);transition:background .4s,color .4s,transform .4s}.masthead.is-fixed{position:fixed;background:rgba(238,234,225,.94);backdrop-filter:blur(16px)}.masthead.dark{background:rgba(23,37,36,.94);color:var(--paper);border-color:#ffffff26}.identity{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:-.03em;white-space:nowrap}.identity-mark{font:italic 39px/.7 var(--serif);color:var(--red)}.dark .identity-mark{color:#df906e}.desktop-nav{display:flex;gap:30px;font-size:11px;margin-left:auto;margin-right:3vw}.desktop-nav a,.small-link{position:relative}.desktop-nav a:after,.small-link:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.small-link:hover:after{transform:scaleX(1)}sup{font:9px var(--mono);margin-left:3px}.header-controls{display:flex;align-items:center;gap:25px}.language{display:flex;align-items:center;gap:7px;font:10px var(--mono)}.language button{border:0;padding:7px 0;font:inherit;opacity:.5}.language button[aria-pressed=true]{opacity:1;color:var(--red)}.dark .language button[aria-pressed=true]{color:#e3a383}.motion-toggle{border:1px solid var(--line);width:27px;height:27px;border-radius:50%;font-size:11px;padding:0}.dark .motion-toggle{border-color:#ffffff50}.menu-toggle{display:none;border:0;width:30px;padding:7px 0;gap:6px;flex-direction:column}.menu-toggle span{display:block;height:1px;width:24px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:45;background:var(--paper);padding:120px var(--pad) 50px;display:flex;flex-direction:column;gap:15px;visibility:hidden;opacity:0;transition:opacity .4s,visibility .4s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu>a{font:50px/1.15 var(--serif)}.menu-location{margin-top:auto;font:10px var(--mono)}
.hero{min-height:830px;height:100svh;max-height:1200px;position:relative;padding:115px var(--pad) 35px;isolation:isolate;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.hero-meta p{display:flex;gap:10px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%}.hero-title{position:relative;z-index:2;margin-top:clamp(50px,9vh,120px);width:max-content;max-width:65%;pointer-events:none}.hero h1{font:400 clamp(100px,12.8vw,220px)/.88 var(--serif);letter-spacing:-.055em}.name-line{display:block}.name-line:nth-child(2){padding-left:13%;margin-top:5px}.hero h1 i{font-weight:400}.red-dot{color:var(--red)}.hero-caption{font:clamp(22px,2.4vw,36px)/1.15 var(--serif);margin:35px 0 0 4px;letter-spacing:-.01em}.hero-caption em{font-weight:400}.hero-art{position:absolute;inset:10% -6% 4% 36%;z-index:1;pointer-events:none}.scene-viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.scene-viewport{isolation:isolate}.hero-side{position:absolute;right:var(--pad);top:45%;z-index:2;display:flex;gap:24px;writing-mode:vertical-rl;align-items:center}.crosshair{font:27px var(--mono);font-weight:400}.hero-bottom{position:absolute;bottom:34px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:24px;z-index:3}.hero-bottom p{font-size:11px;line-height:1.65}.explore-link{display:flex;gap:27px;align-items:center;font-size:12px}.round-arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s,color .3s,transform .4s}.explore-link:hover .round-arrow{background:var(--ink);color:var(--paper);transform:translateY(4px)}
.work-intro,.experiments,.about,.journal{padding:90px var(--pad) 100px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:55px}.work-intro h2,.experiments h2,.about h2,.journal h2{font:400 clamp(65px,7.4vw,128px)/.95 var(--serif);letter-spacing:-.045em}.work-intro{padding-top:75px}.work-intro h2{max-width:800px}.work-intro i,.experiments i,.about i,.journal i{font-weight:400}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-top:38px}.intro-bottom>p{max-width:380px;font-size:13px;color:var(--muted)}.project-index{display:flex;gap:20px}.project-index a{display:flex;flex-direction:column;font:10px var(--mono);color:var(--muted);gap:9px;border-bottom:1px solid var(--line);padding:12px 0;width:74px;transition:color .3s,border-color .3s}.project-index a span{font:14px var(--serif);color:var(--ink)}.project-index a:hover{color:var(--red);border-color:var(--red)}
.chapter{--chapter-bg:var(--paper);--chapter-ink:var(--ink);--chapter-accent:var(--red);height:150svh;min-height:1050px;background:var(--chapter-bg);color:var(--chapter-ink);position:relative}.chapter-stage{height:100svh;min-height:720px;max-height:1100px;position:sticky;top:0;overflow:hidden;isolation:isolate;padding:105px var(--pad) 70px;display:flex;align-items:center}.chapter-top{position:absolute;inset:37px var(--pad) auto;display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding-bottom:16px;opacity:.65;z-index:4}.chapter-copy{position:relative;width:37%;z-index:3;margin-left:auto}.chapter-copy h2{font:400 clamp(68px,6.2vw,108px)/.95 var(--serif);letter-spacing:-.045em;margin:20px 0 25px}.chapter-copy h2 i{font-weight:400;color:var(--chapter-accent)}.project-discipline{opacity:.65;font-size:9px;letter-spacing:.065em}.project-description{font-size:13px;line-height:1.85;max-width:360px;opacity:.78}.project-stat{margin:26px 0;display:flex;flex-direction:column}.project-stat strong{font:400 clamp(38px,4vw,62px)/1.1 var(--serif);letter-spacing:-.025em}.project-stat strong>span{font-size:.56em;color:var(--chapter-accent)}.project-stat>span{font:9px/1.6 var(--mono);margin-top:6px;opacity:.68}.text-link{display:flex;align-items:center;justify-content:space-between;gap:35px;width:max-content;max-width:100%;border-bottom:1px solid var(--chapter-accent,var(--red));padding:9px 0;font-size:12px;transition:gap .35s}.text-link:hover{gap:50px}.text-link>span:last-child{font-size:19px}.evidence-note{font:9px/1.75 var(--mono);opacity:.58;max-width:360px;margin-top:22px}.chapter-art{position:absolute;inset:10% 34% 8% -3%;z-index:1}.chapter-bottom{position:absolute;inset:auto var(--pad) 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.chapter-bottom>.eyebrow{opacity:.55;font-size:9px}.scene-action{display:flex;align-items:center;gap:12px;border:1px solid currentColor;border-radius:30px;padding:10px 17px;font-size:10px;transition:background .3s,color .3s;max-width:100%}.scene-action:hover,.scene-action[aria-pressed=true]{background:var(--chapter-ink);color:var(--chapter-bg)}.action-indicator{width:5px;height:5px;border-radius:50%;background:var(--chapter-accent)}.scene-action[aria-pressed=true] .action-indicator{box-shadow:0 0 0 3px #b95d4530}.chapter-progress{position:absolute;inset:auto 0 0;height:2px;background:#88888820;z-index:5}.chapter-progress>span{display:block;width:100%;height:100%;background:var(--chapter-accent);transform:scaleX(var(--progress,0));transform-origin:left}.scene-annotation{position:absolute;z-index:3;display:flex;gap:11px;align-items:start;pointer-events:none}.scene-annotation .eyebrow{font-size:8px;line-height:1.7;opacity:.67}.annotation-dot{width:6px;height:6px;border-radius:50%;background:var(--chapter-accent);margin-top:4px;box-shadow:0 0 0 5px #ffffff08}.water{--chapter-bg:#173c3f;--chapter-ink:#ececdf;--chapter-accent:#85cec5}.water .chapter-stage{background:radial-gradient(ellipse at 27% 50%,#2c5551,transparent 65%)}.water-annotation{left:8%;top:25%}.wind{--chapter-bg:#e6e0d1;--chapter-ink:#353b30;--chapter-accent:#a3452c}.wind .chapter-copy{margin:0}.wind .chapter-art{inset:6% -10% 0% 34%}.wind-annotation{right:12%;bottom:16%}.wind .chapter-stage{background:radial-gradient(ellipse at 76% 33%,#fff9e580,transparent 60%)}.atmosphere-word{font:italic 32vw/.8 var(--serif);position:absolute;left:40%;top:11%;color:#c3c0ad;opacity:.21;z-index:0;pointer-events:none;letter-spacing:-.07em}.battery{--chapter-bg:#2d2d29;--chapter-ink:#eee8dc;--chapter-accent:#d59565}.battery .chapter-stage{background:radial-gradient(ellipse at 27% 52%,#4f3b2e90,transparent 65%)}.battery-annotation{left:8%;bottom:18%}.battery .chapter-art{inset:12% 35% 4% -4%}.search{--chapter-bg:#e8e5db;--chapter-ink:#303a31;--chapter-accent:#617253}.search .chapter-copy{margin:0}.search-theatre{position:absolute;left:46%;right:5%;top:25%;height:54%;perspective:1000px;z-index:2}.query-line{display:flex;align-items:center;gap:18px;border-bottom:1px solid #303a3133;padding:0 0 20px;font:italic clamp(24px,2.6vw,44px) var(--serif)}.query-star{font-style:normal;color:#647554}.query-caret{height:24px;width:1px;background:#73815a}.ranking-cards{position:relative;display:flex;gap:14px;margin-top:50px;height:240px;transform:rotate(-5deg)}.rank-card{position:absolute;top:0;width:30%;background:#f4f1e7;padding:13px 14px 20px;box-shadow:0 15px 25px #343a2b0d;min-height:222px;transition:transform 1s var(--ease),background .5s;transform:translateX(calc(var(--rank,0)*112%)) translateY(calc(var(--rank,0)*12px));border:1px solid #303a311c}.rank-card:nth-child(2){--rank:1}.rank-card:nth-child(3){--rank:2}.rank-number{font:9px var(--mono);color:#7c8275}.rank-card>span:not(.rank-number){font-size:10px;display:block;margin-top:16px;line-height:1.5}.rank-card small{font:7px/1.4 var(--mono);letter-spacing:.03em;opacity:.6;display:block;margin-top:5px}.product-icon{height:100px;margin-top:8px;position:relative}.headphone:before{content:'';position:absolute;width:58px;height:64px;border:9px solid #657057;border-bottom:0;border-radius:40px 40px 0 0;left:50%;top:8px;transform:translateX(-50%)}.headphone:after,.headphone i{content:'';position:absolute;width:18px;height:38px;top:45px;border-radius:8px;background:#394332;box-shadow:3px 3px 8px #0002}.headphone:after{left:calc(50% - 34px)}.headphone i{left:calc(50% + 16px)}.speaker:before{content:'';position:absolute;width:48px;height:78px;top:8px;left:50%;transform:translateX(-50%);background:repeating-linear-gradient(0deg,#8f7159 0 1px,#795c45 1px 3px);border-radius:12px;box-shadow:6px 6px 12px #0002}.speaker:after{content:'';position:absolute;left:calc(50% - 4px);top:15px;width:8px;height:3px;border-radius:2px;background:#363e32}.cable:before{content:'';position:absolute;width:56px;height:56px;top:15px;left:50%;transform:translateX(-50%) rotate(25deg);border:5px solid #999482;border-radius:50%}.cable:after{content:'';position:absolute;width:9px;height:30px;background:#6c6d5c;left:calc(50% + 23px);top:55px;border-radius:2px;transform:rotate(-25deg)}.search-pipeline{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #303a3126;padding-top:16px;margin-top:40px;font-size:8px}.theatre-note{display:block;font-size:8px;margin-top:17px;opacity:.5}.search.keyword .rank-card[data-rank="0"]{--rank:1}.search.keyword .rank-card[data-rank="1"]{--rank:2}.search.keyword .rank-card[data-rank="2"]{--rank:0}.search.keyword .rank-card[data-rank="2"]{background:#e1dacb}.project-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.inline-link{font-size:10px;padding:8px 0;border:0;opacity:.65}.inline-link:hover{opacity:1}.motion{--chapter-bg:#202625;--chapter-ink:#ede9de;--chapter-accent:#b6c7a1}.motion-theatre{position:absolute;left:5%;right:43%;top:24%;z-index:2;perspective:1200px;transform:translateY(calc((var(--progress,.3) - .3)*-30px))}.film-frame{position:relative;transform:rotateY(9deg) rotateZ(-3deg);box-shadow:0 35px 60px #0005;background:#121716;padding:12px;border:1px solid #ffffff28;overflow:hidden}.film-frame img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;filter:saturate(.5)}.film-label{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:9px;background:#192222dd;padding:8px 10px;font-size:7px}.film-label .status-dot{background:#becfaa}.frame-corner{position:absolute;width:24px;height:24px;border-color:#b8c9a2;z-index:2}.tl{top:3px;left:3px;border-top:1px solid;border-left:1px solid}.tr{top:3px;right:3px;border-top:1px solid;border-right:1px solid}.bl{bottom:3px;left:3px;border-bottom:1px solid;border-left:1px solid}.br{bottom:3px;right:3px;border-bottom:1px solid;border-right:1px solid}.scan-line{position:absolute;top:12px;bottom:12px;width:1px;left:calc(12px + var(--progress,.5)*90%);background:#c7e5ae80;box-shadow:-20px 0 35px 8px #d0ebb515;pointer-events:none}.film-timeline{display:flex;align-items:center;gap:12px;font:9px var(--mono);opacity:.65;margin-top:35px}.timeline-track{height:20px;flex:1;background:repeating-linear-gradient(90deg,#b8c3b750 0 1px,transparent 1px 9px);position:relative;display:flex;align-items:center;gap:20%;padding-left:13%}.timeline-track i{display:block;width:12%;height:17px;background:#a8bf9670}.timeline-track b{position:absolute;height:29px;width:2px;background:#d4ddc4;left:calc(10% + var(--progress,.5)*80%)}.film-query{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:27px;border-top:1px solid #ffffff25;padding-top:18px}.film-query>span:nth-child(2){font:italic 23px var(--serif)}.film-query .eyebrow{font-size:7px;opacity:.6}.motion-capabilities{display:flex;flex-wrap:wrap;gap:7px 18px;margin:25px 0;font:9px/1.7 var(--mono);opacity:.8}.motion-capabilities span:before{content:'+';color:#b6c7a1;margin-right:6px}
.experiments{padding-top:90px}.small-link{font-size:11px}.experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:55px}.experiment-art{height:280px;position:relative;overflow:hidden;display:grid;place-items:center}.experiment-copy{padding:22px 0}.experiment-copy>.eyebrow{font-size:8px;color:var(--muted)}.experiment-copy h3{font:36px/1.2 var(--serif);letter-spacing:-.02em;margin:8px 0 13px;display:flex;justify-content:space-between}.experiment-copy h3>span{font:21px var(--sans);transition:transform .3s}.experiment-card:hover h3>span{transform:translate(4px,-4px)}.experiment-copy p{font-size:12px;color:var(--muted);line-height:1.8;max-width:300px}.chip-art{background:#d8d9ca}.chip{width:108px;height:120px;background:#344436;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);box-shadow:14px 22px 25px #35453520;position:relative;color:#dfdfcc;z-index:2;outline:1px solid #74856c;outline-offset:7px;transition:transform .7s var(--ease)}.chip:before,.chip:after{content:'';position:absolute;top:7px;bottom:7px;width:15px;background:repeating-linear-gradient(0deg,transparent 0 8px,#66775e 8px 10px)}.chip:before{left:-20px}.chip:after{right:-20px}.chip>span{font:italic 75px/.9 var(--serif)}.chip small{font:6px var(--mono);margin-top:8px}.chip-traces{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 29px,#5d715a22 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#5d715a22 29px 30px);mask-image:radial-gradient(ellipse,#000,transparent 75%)}.experiment-card:hover .chip{transform:rotate(0deg) translateY(-8px)}.fly-art{background:#c36d4c}.fly-body{width:27px;height:80px;border-radius:55% 55% 50% 50%;background:repeating-linear-gradient(0deg,#442c24 0 8px,#754b35 8px 12px);position:absolute;top:110px;z-index:2;transform:rotate(-20deg)}.fly-head{width:37px;height:31px;border-radius:50%;background:#483127;position:absolute;top:86px;left:calc(50% - 30px);display:flex;justify-content:space-between;padding:2px;transform:rotate(-20deg)}.fly-head i{width:15px;height:22px;border-radius:50%;background:#71372d}.fly-wing{position:absolute;top:111px;width:42px;height:99px;background:repeating-linear-gradient(82deg,#efd9ae33 0 8px,#efd9ae77 8px 9px);border:1px solid #f0dfb791;border-radius:65% 35% 65% 35%;transform-origin:50% 8%;transition:transform .7s var(--ease)}.fly-wing.left{left:calc(50% - 36px);transform:rotate(44deg)}.fly-wing.right{left:calc(50% - 22px);transform:rotate(-80deg)}.experiment-card:hover .fly-wing.left{transform:rotate(70deg)}.experiment-card:hover .fly-wing.right{transform:rotate(-106deg)}.fly-orbit{width:210px;height:210px;border:1px solid #41291c33;border-radius:50%;position:absolute}.fly-orbit:after{content:'';position:absolute;inset:20px;border:1px dashed #41291c30;border-radius:50%}.fly-label{position:absolute;bottom:21px;font-size:8px;color:#432c20}.board-art{background:#2c3330}.mini-board{display:grid;grid-template-columns:repeat(4,25px);gap:11px;transform:rotate(-24deg) skew(-12deg);margin-top:-8px}.mini-board i{width:25px;height:25px;background:#5a6257;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transition:background .4s,transform .4s}.mini-board i.red{background:#d07c59}.mini-board i.olive{background:#bcc5a7}.games:hover .mini-board i:nth-child(4n){background:#d07c59;transform:translateY(-4px)}.board-label{color:#d9dfce;position:absolute;bottom:21px;font-size:8px}.archive{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.archive summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:25px 0;font:27px var(--serif)}.archive summary::-webkit-details-marker{display:none}.archive-plus{font:25px var(--sans);font-weight:400;transition:transform .3s}.archive[open] .archive-plus{transform:rotate(45deg)}.archive-list{padding-bottom:25px}.archive-list a{display:grid;grid-template-columns:1fr 1fr 25px;gap:15px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.archive-list a span:nth-child(2){color:var(--muted);font:10px var(--mono)}.archive-list a:hover{color:var(--red)}
.about{padding-top:20px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.about h2{font-size:clamp(58px,6vw,100px)}.about-lede{font:28px/1.35 var(--serif);letter-spacing:-.01em}.about-copy>p:nth-child(2){font-size:12px;color:var(--muted);margin:25px 0 17px}.about-facts{margin-top:30px;border-top:1px solid var(--line)}.about-facts>div{display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:10px}.about-facts .eyebrow{color:var(--muted);font-size:8px}.experience{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:75px;border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:100px}.experience .eyebrow{color:var(--red)}.experience h3{font:22px/1.2 var(--serif);margin:13px 0 8px}.experience p{font-size:10px;color:var(--muted)}.journal{padding-top:10px}.journal-head{display:flex;justify-content:space-between;gap:35px;align-items:end}.journal-head>p{font-size:12px;max-width:270px;color:var(--muted)}.journal-stories{margin-top:50px}.story{position:relative;padding:35px 0;display:grid;grid-template-columns:65px 1fr 140px 40px;gap:25px;align-items:center;border-top:1px solid var(--line)}.story:last-child{border-bottom:1px solid var(--line)}.story-number{font:11px var(--mono);color:var(--red);align-self:start;padding-top:7px}.story h3{font:38px/1.1 var(--serif);letter-spacing:-.02em;margin-top:12px}.story .eyebrow{font-size:8px;color:var(--muted)}.story-arrow{font-size:26px;transition:transform .3s}.story:hover .story-arrow{transform:translate(5px,-5px)}.story-ball{font:italic 105px/.7 var(--serif);letter-spacing:-.14em;color:#8a402d;transform:rotate(-12deg)}.story-ball>span{color:#586a50}.story-disc{width:92px;height:92px;border-radius:50%;background:conic-gradient(from 30deg,#d7d6c9,#8c9b97,#eff0e5,#9ca699,#d5d0c0,#f1eee6,#a4a89c,#d7d6c9);position:relative;transform:rotate(-15deg);transition:transform .8s}.story-disc:before{content:'';position:absolute;inset:38%;border-radius:50%;border:5px solid #b0b4a8;background:var(--paper)}.story-disc:after{content:'';position:absolute;right:-10px;top:15px;bottom:15px;width:18px;background:#c34830aa}.story:hover .story-disc{transform:rotate(25deg)}
.contact{background:#292e28;color:var(--paper);padding:50px var(--pad) 0;--line:#eeeae133;position:relative;overflow:hidden}.contact .section-top{margin-bottom:70px}.contact-kicker{font-size:12px;opacity:.6;margin-bottom:25px}.contact-title{display:block;position:relative;font:clamp(65px,9.4vw,162px)/.98 var(--serif);letter-spacing:-.045em;padding-bottom:60px}.contact-title i{font-weight:400;color:#d79b7d}.contact-arrow{position:absolute;right:0;top:0;font:clamp(65px,8vw,130px) var(--serif);transition:transform .5s}.contact-title:hover .contact-arrow{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding:30px 0 60px}.email{font-size:15px}.contact-bottom>div{display:flex;gap:30px;font-size:11px}.contact footer{display:flex;justify-content:space-between;gap:25px;padding:25px 0;border-top:1px solid var(--line);font-size:9px;color:#c1c6b8}.footer-note{font:8px var(--mono);letter-spacing:.08em}.reading-progress{position:fixed;z-index:60;top:0;left:0;right:0;height:2px;background:#bd6847;transform:scaleX(0);transform-origin:left;pointer-events:none}.image-dialog{padding:0;border:1px solid #bbb8ad;width:min(1200px,92vw);max-height:90svh;background:var(--paper);color:var(--ink)}.image-dialog::backdrop{background:#14201ccc;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px}.dialog-close{border:0;font-size:30px;min-width:40px;min-height:40px}.image-dialog img{width:100%;height:auto;display:block}.scene-fallback{position:absolute;inset:18%;z-index:-1;opacity:.7}.scene-viewport.ready .scene-fallback{visibility:hidden}.hero-fallback{border:1px solid #ba765254;border-radius:50%;transform:rotate(-35deg);inset:20% 15%}.hero-fallback span{position:absolute;inset:5%;border:1px solid #ba765254;border-radius:50%;transform:rotate(30deg)}.hero-fallback span:nth-child(2){inset:12%;transform:rotate(-40deg)}.hero-fallback span:nth-child(3){inset:22%;transform:rotate(75deg)}.water-fallback{background:repeating-linear-gradient(40deg,transparent 0 34px,#8cd1c750 35px 36px),repeating-linear-gradient(130deg,transparent 0 54px,#8cd1c750 55px 56px);transform:perspective(700px) rotateX(50deg);border:1px solid #8cd1c750}.wind-fallback{display:grid;place-items:center;font:300px var(--serif);color:#a9aa98}.battery-fallback{display:flex;justify-content:center;gap:12px;transform:rotate(-15deg)}.battery-fallback span{height:70%;width:25%;border:1px solid #d9a06e;border-radius:40px;background:linear-gradient(90deg,#503f31,#c0906070,#503f31)}.scene-viewport.unavailable .scene-fallback{z-index:0}.reveal{transition:opacity .8s var(--ease),transform .9s var(--ease)}.js-motion .reveal:not(.visible){opacity:.12;transform:translateY(28px)}.hero-title{animation:arrive 1.2s var(--ease) both}.hero-caption{animation:arrive 1.3s .12s var(--ease) both}.hero-meta,.hero-bottom{animation:arrive 1.2s .25s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.chapter-copy{width:35%;margin-right:4%}.wind .chapter-copy,.search .chapter-copy{margin-right:0;margin-left:4%}.project-description,.evidence-note{max-width:420px}.project-description{font-size:15px}.project-discipline{font-size:10px}.evidence-note{font-size:10px}.project-stat>span{font-size:10px}.text-link{font-size:14px}.chapter-art{right:38%}.wind .chapter-art{left:37%}.chapter-copy h2{font-size:110px}}
@media(max-height:780px) and (min-width:901px){.hero{min-height:720px}.hero-title{margin-top:45px}.hero h1{font-size:clamp(100px,11vw,170px)}.chapter-stage{min-height:660px;padding-top:95px;padding-bottom:65px}.chapter-copy h2{font-size:65px;margin:12px 0 18px}.project-stat{margin:16px 0}.project-description{font-size:12px}.evidence-note{font-size:8px;margin-top:12px}.chapter-top{top:23px}.chapter-bottom{bottom:21px}}
@media(max-width:1100px){.header-controls{gap:17px}.desktop-nav{gap:22px;margin-right:10px}.hero{min-height:780px}.hero-title{max-width:70%;margin-top:100px}.hero-art{left:33%;right:-20%}.hero-coordinate{display:none}.chapter-copy{width:42%}.chapter-copy h2{font-size:70px}.chapter-art{right:39%;left:-10%}.wind .chapter-art{left:35%;right:-20%}.battery .chapter-art{right:38%;left:-12%}.scene-annotation{display:none}.ranking-cards{gap:8px}.rank-card{padding:10px;min-height:210px}.search-theatre{left:48%;right:4%;top:27%}.motion-theatre{left:4%;right:47%;top:30%}.match-label{display:none}.film-query>span:nth-child(2){font-size:20px}.intro-bottom{align-items:start}.project-index{gap:12px}.project-index a{width:58px}.experiment-art{height:230px}.experiment-grid{gap:22px}.about-grid{gap:6%}.about-lede{font-size:25px}}
@media(max-width:760px){:root{--pad:24px}.masthead{height:67px;gap:15px}.identity{font-size:11px;gap:8px}.identity-mark{font-size:34px}.desktop-nav{display:none}.header-controls{gap:16px}.menu-toggle{display:flex}.motion-toggle{width:28px;height:28px}.hero{height:900px;min-height:850px;max-height:none;padding-top:96px}.hero-edition{display:none}.hero-meta .eyebrow{font-size:8px;letter-spacing:.03em}.hero-title{margin-top:45px;max-width:100%}.hero h1{font-size:clamp(87px,16.5vw,145px);line-height:.91}.name-line:nth-child(2){padding-left:17%}.hero-caption{margin-top:24px;font-size:25px}.hero-art{inset:33% -15% 7% 5%;pointer-events:none}.hero-side{top:60%;right:20px}.hero-side .eyebrow{font-size:7px}.hero-side .crosshair{font-size:22px}.hero-bottom{bottom:28px;align-items:center;gap:25px;padding-top:22px}.hero-bottom p{font-size:9px;max-width:175px}.explore-link{font-size:10px;gap:12px}.round-arrow{width:36px;height:36px;font-size:18px}.work-intro,.experiments,.about,.journal{padding:60px var(--pad)}.section-top{margin-bottom:38px;padding-top:16px}.section-top .eyebrow{font-size:8px}.work-intro h2,.experiments h2,.about h2,.journal h2{font-size:clamp(60px,10vw,90px)}.intro-bottom{flex-direction:column;gap:25px;margin-top:25px}.intro-bottom>p{font-size:12px}.project-index{width:100%;justify-content:space-between}.project-index a{width:16%;gap:8px}.project-index a span{font-size:17px}.chapter{height:auto;min-height:0;scroll-margin-top:66px}.chapter-stage{position:relative;top:auto;height:auto;min-height:1020px;max-height:none;padding:92px var(--pad) 110px;display:flex;flex-direction:column;justify-content:start;align-items:stretch;overflow:hidden}.chapter-top{top:26px;gap:25px;padding-bottom:14px}.chapter-top .eyebrow{font-size:8px}.chapter-top .eyebrow:last-child{text-align:right}.chapter-copy,.wind .chapter-copy,.search .chapter-copy{width:100%;margin:0;order:1}.chapter-copy h2{font-size:76px;line-height:.92;margin:17px 0 22px;max-width:550px}.project-discipline{font-size:8px}.project-description{font-size:12px;line-height:1.75;max-width:500px}.project-stat{margin:22px 0 12px}.project-stat strong{font-size:44px}.project-stat>span{font-size:8px}.evidence-note{font-size:8px;line-height:1.7;margin-top:15px;max-width:450px}.text-link{font-size:11px;padding:7px 0}.chapter-art,.wind .chapter-art,.battery .chapter-art{position:relative;inset:auto;order:2;width:calc(100% + 48px);margin:0 -24px;height:350px;flex-shrink:0}.water .chapter-art{margin-top:15px;height:340px}.wind .chapter-art{height:365px;margin-top:-10px}.battery .chapter-art{height:350px}.chapter-bottom{bottom:25px;align-items:start;gap:20px;flex-direction:column}.chapter-bottom>.eyebrow{font-size:8px}.scene-action{font-size:10px;padding:10px 16px;min-height:44px}.chapter-progress{display:none}.atmosphere-word{font-size:70vw;top:auto;bottom:21%;left:24%}.search-theatre{position:relative;inset:auto;order:2;height:385px;margin:45px 0 10px}.query-line{font-size:31px;padding-bottom:15px;gap:15px}.rank-card{min-height:200px}.rank-card>span:not(.rank-number){font-size:9px}.rank-card small{font-size:6px}.ranking-cards{margin-top:28px;height:225px;transform:rotate(-3deg)}.search-pipeline{margin-top:10px;font-size:7px}.theatre-note{font-size:7px;margin-top:15px}.motion .chapter-stage{min-height:950px}.motion-theatre{position:relative;inset:auto;order:2;margin:45px 0 0;transform:none}.film-frame{transform:rotate(-2deg)}.film-frame img{aspect-ratio:1.5}.film-query{margin-top:15px;padding-top:15px}.film-query>span:nth-child(2){font-size:22px}.film-timeline{margin-top:23px}.motion-capabilities{font-size:8px;margin:20px 0}.project-links{gap:15px}.inline-link{font-size:10px}.experiment-grid{grid-template-columns:1fr;gap:33px;margin-top:36px}.experiment-art{height:300px}.experiment-copy{padding:17px 0 0}.experiment-copy h3{font-size:35px}.experiment-copy p{max-width:450px;font-size:12px}.experiment-copy>.eyebrow{font-size:8px}.chip{transform:rotate(-12deg) scale(1.25)}.fly-body{top:130px}.fly-head{top:106px}.fly-wing{top:131px}.archive{margin-top:40px}.archive summary{font-size:25px;padding:20px 0}.archive-list a{grid-template-columns:1fr 20px;font-size:12px}.archive-list a span:nth-child(2){display:none}.about-grid{grid-template-columns:1fr;gap:35px}.about-lede{font-size:27px}.about-copy>p:nth-child(2){font-size:12px}.about-facts>div{flex-direction:column;gap:5px}.experience{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:40px}.experience h3{font-size:23px}.experience p{font-size:10px}.journal-head{flex-direction:column;align-items:start;gap:25px}.journal-head>p{max-width:350px;font-size:12px}.journal-stories{margin-top:30px}.story{grid-template-columns:25px 1fr 22px;gap:15px;padding:28px 0}.story h3{font-size:31px}.story-ball,.story-disc{display:none}.story-arrow{font-size:20px}.story .eyebrow{font-size:7px}.contact{padding:40px var(--pad) 0}.contact .section-top{margin-bottom:45px}.contact-kicker{font-size:11px;margin-bottom:20px}.contact-title{font-size:clamp(58px,10vw,80px);padding-bottom:45px}.contact-title i{display:inline-block;max-width:90%}.contact-arrow{font-size:55px;right:0;top:0}.contact-bottom{flex-direction:column;align-items:start;gap:23px;padding-bottom:40px}.email{font-size:14px;overflow-wrap:anywhere}.contact-bottom>div{gap:25px;font-size:11px}.contact footer{font-size:8px;gap:16px;flex-wrap:wrap}.footer-note{display:none}.image-dialog{width:96vw}.dialog-caption{font-size:8px}.dialog-bar{padding:9px 15px}}
@media(max-width:370px){:root{--pad:19px}.header-controls{gap:10px}.identity{font-size:10px}.hero h1{font-size:83px}.hero{height:830px;min-height:830px}.hero-title{margin-top:38px}.hero-bottom p{max-width:140px}.hero-art{inset:37% -20% 8% -5%}.chapter-copy h2{font-size:68px}.chapter-stage{padding-bottom:120px}.rank-card{padding:8px}.rank-card small{font-size:6px}.product-icon{transform:scale(.8);margin-left:-5px;margin-right:-5px}.query-line{font-size:26px}.contact-title{font-size:57px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}.chapter{height:auto;min-height:0}.chapter-stage{position:relative}.motion-theatre{transform:none}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .reveal{opacity:1;transform:none}
/* Keep a complete chapter below the navigation, including its controls. */
[hidden]{display:none!important}
@media(min-width:761px){
 .chapter-stage{top:78px;height:calc(100svh - 78px);min-height:610px;padding-top:83px;padding-bottom:75px}
 .chapter-top{top:23px;padding-bottom:14px}
 .chapter-art{transition:transform .2s linear;transform:translateY(calc((.35 - var(--progress,.35))*28px))}
 .project-description{font-size:14px;line-height:1.8}
 .evidence-note{font-size:10px;line-height:1.65}
 .project-discipline{font-size:10px}
 .scene-annotation .eyebrow{font-size:9px}
 .chapter-bottom>.eyebrow{font-size:9px}
}
@media(max-height:780px) and (min-width:761px){
 .chapter-copy h2{font-size:64px;margin:12px 0 15px}
 .project-description{font-size:12px;line-height:1.7}
 .evidence-note{font-size:9px;margin-top:12px}
 .project-stat{margin:16px 0}.project-stat strong{font-size:44px}
 .chapter-stage{padding-top:75px;padding-bottom:65px}
}
@media(prefers-reduced-motion:reduce){.chapter-art{transform:none!important}.chapter-stage{top:0;position:relative}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{transition-duration:0s!important}
body.motion-paused .chapter-art,body.motion-paused .motion-theatre{transform:none!important}
body.motion-paused .scan-line{left:50%}
body.motion-paused .timeline-track b{left:50%}
@media(max-width:760px){.evidence-note{font-size:10px;line-height:1.7}.project-stat>span{font-size:9px}}
@media(min-width:761px){
 .motion-theatre{top:20%}
 .film-frame img{aspect-ratio:1.75;max-height:44svh}
 .film-timeline{margin-top:24px}
 .film-query{margin-top:18px;padding-top:14px}
}
/* Refinement: kinetic pin surface, cell materials and an interactive film study. */
.hero-art{inset:7% -8% 3% 36%}
.hero-caption{font-size:clamp(22px,2.15vw,34px)}
.hero-fallback{transform:rotate(-25deg) skew(18deg);border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 9px,#65765b44 9px 11px),repeating-linear-gradient(90deg,transparent 0 9px,#65765b44 9px 11px);width:65%;height:55%;left:18%;top:23%;border:1px solid #73826a55;box-shadow:20px 30px 30px #35432d20}
.hero-fallback span{display:none}
.battery .chapter-art{inset:8% 35% 3% -4%}
.battery-annotation{bottom:15%}
.motion-study{position:absolute;left:5%;width:53%;top:21%;z-index:3;perspective:1300px}
.motion-queries{display:flex;gap:9px;align-items:center;position:relative;z-index:5;margin:0 3% 26px}
.motion-queries>.eyebrow{font-size:8px;opacity:.55;margin-right:10px}
.motion-queries button{border:1px solid #b0c69d35;background:#202b25;padding:8px 13px;border-radius:2px;font:10px var(--mono);display:flex;gap:8px;align-items:center;transition:background .3s,border-color .3s}
.motion-queries button[aria-pressed=true]{border-color:#b2c49b;background:#b7c69f;color:#1f2c24}
.query-swatch{width:8px;height:8px;border-radius:50%;background:#a95239;display:inline-block}
.film-space{position:relative;perspective:1300px;padding:3% 6% 3% 3%}
.study-frame{position:relative;z-index:3;background:#17201c;border:1px solid #abbca04d;box-shadow:0 25px 65px #0006;transform:rotateY(8deg) rotateZ(-3deg);transition:transform .8s var(--ease);overflow:hidden}
.motion-study:hover .study-frame{transform:rotateY(0deg) rotateZ(-1deg)}
.study-frame-top,.study-frame-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font:8px var(--mono);letter-spacing:.06em;color:#c7d1b8}
.study-frame-top>span:first-child{display:flex;gap:8px;align-items:center}
.study-frame-top i{width:4px;height:4px;background:#b9d99a;border-radius:50%}
.study-frame-bottom{padding:9px 16px}.study-frame-bottom .eyebrow{font-size:8px}
.traffic-canvas{width:100%;height:auto;display:block;aspect-ratio:1.6}
.film-echo{position:absolute;width:77%;background:#1c2520;border:1px solid #b5c19f30;padding:7px;box-shadow:0 15px 35px #0002;transition:transform 1s var(--ease);overflow:hidden}
.film-echo canvas{width:100%;height:auto;display:block;opacity:.25;filter:saturate(.4)}
.film-echo>span{position:absolute;bottom:10px;right:12px;font:7px var(--mono);letter-spacing:.08em;opacity:.6}
.echo-back{top:-4%;left:17%;transform:rotate(7deg) translateZ(-90px);opacity:.65}
.echo-front{bottom:-2%;left:20%;transform:rotate(5deg) translateZ(-45px);opacity:.65}
.motion-study:hover .echo-back{transform:rotate(11deg) translate(4%,-3%) translateZ(-90px)}
.motion-study:hover .echo-front{transform:rotate(8deg) translate(2%,3%) translateZ(-45px)}
.study-transport{display:flex;align-items:center;gap:18px;margin:33px 6% 0 3%;position:relative;z-index:5}
.study-play{width:31px;height:31px;border:1px solid #b7c59f6b;border-radius:50%;padding:0;font:12px var(--mono);flex-shrink:0}
.study-transport input{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:22px;cursor:ew-resize;background:repeating-linear-gradient(90deg,#9ba88960 0 1px,transparent 1px 9px);border-top:1px solid #c9d4b329;border-bottom:1px solid #c9d4b329}
.study-transport input::-webkit-slider-thumb{appearance:none;width:3px;height:30px;background:#d5e4b6;box-shadow:0 0 10px #cce8a53b}
.study-transport input::-moz-range-thumb{width:3px;height:30px;background:#d5e4b6;border:0;border-radius:0}
.study-duration{font:9px var(--mono);opacity:.65}
.study-caption{font:9px/1.6 var(--mono);opacity:.52;margin:13px 6% 0 3%}
@media(min-width:761px) and (max-height:800px){.motion-study{top:20%;width:49%}.motion-queries{margin-bottom:14px}.traffic-canvas{max-height:35svh;object-fit:cover}.study-transport{margin-top:23px}}
@media(max-width:760px){
 .hero-art{inset:36% -16% 7% -17%}
 .hero-caption{font-size:27px;max-width:95%}
 .battery .chapter-art{position:relative;inset:auto;width:calc(100% + 48px);margin:8px -24px 0;height:410px}
 .motion-study{position:relative;inset:auto;width:100%;order:2;margin:50px 0 5px;perspective:900px}
 .motion-queries{margin:0 0 25px;gap:7px}.motion-queries button{font-size:9px;padding:10px;min-height:42px}.motion-queries>.eyebrow{margin-right:3px}
 .film-space{margin:0 -8px;padding:3% 2% 3% 0}.study-frame{transform:rotate(-3deg)}
 .study-frame-top,.study-frame-bottom{font-size:7px;padding:9px 10px}.study-frame-bottom .eyebrow{font-size:7px}
 .study-transport{margin:28px 0 0;gap:12px}.study-play{width:40px;height:40px}.study-caption{font-size:9px;margin:12px 0 0}
 .motion .chapter-stage{padding-bottom:125px}
}
@media(prefers-reduced-motion:reduce){.study-frame,.film-echo{transform:none!important}}
body.motion-paused .study-frame{transform:none!important}
@media(min-width:761px){.motion-study{top:19%}.traffic-canvas{height:36svh;max-height:360px;object-fit:cover;aspect-ratio:auto}}
@media(min-width:761px) and (max-height:800px){.motion-study{top:17%}.traffic-canvas{height:30svh;max-height:30svh}.study-caption{margin-top:9px}}

/* CV language is an explicit choice, independent of the interface language. */
.cv-download{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;width:max-content;max-width:100%;pointer-events:auto}
.hero-title .cv-download{margin:26px 0 0 4px}
.cv-label{font-size:11px;color:var(--muted)}
.cv-languages{display:flex;gap:8px}
.cv-languages a{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:0 15px;border:1px solid var(--line);background:#efebe2d9;font-size:12px;transition:background .2s,border-color .2s}
.cv-languages a:hover{background:#e3ddd0;border-color:var(--ink)}
.cv-languages a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.cv-languages a>span:last-child{font-size:17px}
.cv-format{font:9px var(--mono);color:var(--muted);letter-spacing:.08em}
.about-copy .cv-download{margin:24px 0 30px}
@media(max-width:760px){.hero-title .cv-download{margin-top:22px;gap:9px 12px}.cv-download .cv-label{flex-basis:100%}.cv-languages a{min-height:44px;min-width:100px}.hero-title .cv-download{position:relative;z-index:4}}
.about-copy{min-width:0}