:root{--paper:#f3f2ee;--ink:#333630;--muted:#747770;--line:#d7d9d1;--accent:#69765b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:96px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:10}header nav{display:flex;gap:33px;font-size:12px}header nav a{padding:12px 0}.logo{font-size:25px;letter-spacing:-1.7px;font-weight:600}.logo span{font-size:10px;vertical-align:top;display:inline-block;margin:4px 0 0 4px;letter-spacing:0}.contact-link{font-size:12px}.contact-link span{margin-left:23px}.nav-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);vertical-align:top;margin:2px 0 0 3px}.hero{height:112vh;min-height:820px;position:relative}.hero-stage{height:100vh;min-height:720px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:55px;perspective:1800px}.ambient{position:absolute;border-radius:50%;filter:blur(65px);pointer-events:none}.ambient.a{width:450px;height:450px;background:#d9dbd0;left:-140px;top:33%;opacity:.6}.ambient.b{width:360px;height:400px;background:#d5d8cf;right:-80px;top:22%;opacity:.45}.glass{border:1px solid #ffffffd9;background:linear-gradient(120deg,#ffffff70,#ffffff22);box-shadow:0 30px 75px #3f443310,inset 0 0 2px #fff;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:14px}.hero-sheet{position:relative;width:77%;max-width:1180px;padding:53px 6% 55px;min-height:440px;transform:translateY(calc(var(--progress,0) * -32px)) scale(calc(1 - var(--progress,0) * .055));opacity:calc(1 - var(--progress,0) * .35);will-change:transform}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.8px;line-height:1.7}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#89937b;margin-right:9px}.ghost{position:absolute;width:74%;height:450px;pointer-events:none}.ghost-one{transform:translate(28px,-34px) rotate(3deg);opacity:.6}.ghost-two{transform:translate(-25px,29px) rotate(-3deg);opacity:.65}h1,h2,h3,p{margin:0}h1{font-size:clamp(56px,6.7vw,104px);font-weight:400;letter-spacing:-5px;line-height:1.01;margin:32px 0 35px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#7b8172;letter-spacing:-.055em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-bottom p{font-size:13px;line-height:1.8;color:var(--muted)}.round-link{display:flex;align-items:center;gap:22px;font-size:11px}.round-link b{width:40px;height:40px;display:grid;place-items:center;border:1px solid #bdc2b5;border-radius:50%;font-size:17px;font-weight:400;transition:transform .3s}.round-link:hover b{transform:translateY(4px)}.sheet-index{position:absolute;right:22px;top:23px;font-size:8px;letter-spacing:1.5px;color:#8d9088}.floating-note{position:absolute;right:5%;bottom:18%;width:145px;padding:20px;font-family:Georgia,serif;font-style:italic;font-size:19px;line-height:1.2;transform:rotate(7deg);box-shadow:0 15px 30px #3f443312}.tiny-cross{display:block;font:14px Arial;margin-bottom:19px;color:#939c87}.note-line{display:block;width:40px;height:1px;background:#bdc2b5;margin-top:19px}.hero-caption{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:var(--muted)}.down{margin-left:20px}.section{padding:95px 8%;scroll-margin-top:0}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.small{font-size:12px;color:var(--muted)}h2{font-weight:400;font-size:clamp(42px,4.4vw,68px);line-height:1.08;letter-spacing:-2.6px}h2 sup{font:10px Arial;vertical-align:top;letter-spacing:0;margin:10px 0 0 13px;display:inline-block;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin-top:50px}.project.second{margin-top:100px}.media-wrap{position:relative;aspect-ratio:1.3;background:#e4e5df;padding:28px;border:1px solid #fff;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #3336300b}.media-wrap video{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.media-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:36px;color:#697060}.media-fallback span{font:8px Arial;letter-spacing:2px;margin-top:15px}.media-wrap.loaded .media-fallback{display:none}.media-label{position:absolute;top:12px;left:16px;font-size:7px;letter-spacing:1.5px;color:#686e61;z-index:2}.play-toggle{position:absolute;bottom:12px;right:12px;border:1px solid #ffffffd0;background:#f4f4eef0;backdrop-filter:blur(10px);padding:8px 12px;border-radius:25px;font-size:9px;z-index:2}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.project-title h3{font-size:22px;font-weight:400;letter-spacing:-.7px}.project-title p{font-size:12px;color:var(--muted);margin-top:8px}.project-title>span{font-size:25px;transition:transform .3s}.project-title:hover>span{transform:translate(3px,-3px)}.tags{display:flex;gap:15px;border-top:1px solid var(--line);margin-top:22px;padding-top:14px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}.tags span:last-child{margin-left:auto}.studies{background:#e9ebe4;margin-top:60px;padding-top:70px;padding-bottom:60px;border-top:1px solid #dde0d5}.pill{border:1px solid #b8c0aa;border-radius:30px;font-size:8px;letter-spacing:1.3px;padding:9px 13px}.study-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:25px 0 65px}.study-intro>p{font-size:13px;line-height:1.8;color:#717768}.study-row{display:grid;grid-template-columns:110px 1fr;gap:25px;border-top:1px solid #bcc4b3;padding:40px 0 45px;position:relative}.study-number{font-family:Georgia,serif;font-size:44px;color:#7a866c;font-style:italic}.study-number span{display:block;font:7px Arial;letter-spacing:1px;margin-top:9px}.study-main h3{font-size:32px;font-weight:400;letter-spacing:-1px;margin-top:14px}.role{font-size:11px;color:var(--muted);margin-top:12px}.study-points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0 28px}.study-points span{font-size:8px;letter-spacing:1px;color:#717d65}.study-points p{font-size:12px;line-height:1.8;margin-top:12px;max-width:230px}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:12px;padding-bottom:10px;border-bottom:1px solid #7e8b6e}.draft-label{position:absolute;right:0;top:44px;font-size:7px;letter-spacing:1px;color:#737c68}.study-disclaimer{font-size:10px;color:#717768;border-top:1px solid #c9cebf;padding-top:22px;line-height:1.7}.about{display:grid;grid-template-columns:1fr 2fr;padding-top:125px;padding-bottom:125px}.about h2{font-size:48px}.about p{max-width:465px;font-size:14px;line-height:1.9;color:var(--muted);margin:30px 0}.capabilities{display:flex;gap:10px;flex-wrap:wrap}.capabilities span{font-size:9px;padding:9px 13px;border:1px solid var(--line);border-radius:30px}.contact{background:#e8e9e2;text-align:center;padding-top:80px;padding-bottom:25px}.contact h2{margin:30px 0}.contact-button{border:1px solid #b8c0ab;border-radius:30px;background:transparent;padding:16px 25px;font-size:12px}.contact-button span{margin-left:30px}#contact-note{font-size:12px;margin-top:20px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cbd0c1;margin-top:85px;padding-top:25px;font-size:10px;color:var(--muted)}.motion-toggle{position:fixed;bottom:14px;left:16px;z-index:20;font-size:8px;letter-spacing:.5px;background:#f5f5efdb;border:1px solid #d4d8cc;border-radius:20px;padding:7px 10px}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.detail{padding-top:165px}.detail h1{font-size:80px}.detail-lead{color:var(--muted);margin:25px 0 50px}.detail>video{width:100%;max-height:650px;background:#e4e5df;border-radius:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:80px 0}.detail-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.detail-grid ol{padding-left:18px;margin:35px 0}.detail-grid li{padding:12px 0}.detail-grid b{font-size:14px;font-weight:500}.detail-grid li p{margin-top:8px}html.motion-off{scroll-behavior:auto}.motion-off .hero-sheet{transform:none;opacity:1;will-change:auto}@media(min-width:1600px){.hero-sheet{padding-left:90px;padding-right:90px}}@media(max-width:800px){header{height:80px;padding:0 6%}.logo{font-size:23px}header nav{gap:20px;font-size:11px}.contact-link{display:none}.hero{height:98svh;min-height:690px}.hero-stage{height:95svh;min-height:670px;padding-top:30px}.hero-sheet{width:86%;padding:43px 7% 55px;min-height:420px}h1{font-size:68px;letter-spacing:-3.5px}.ghost{width:83%;height:430px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.hero-bottom p{font-size:12px}.floating-note{width:104px;font-size:16px;right:4%;bottom:10%;padding:15px}.tiny-cross{margin-bottom:12px}.hero-caption{bottom:18px;font-size:6px}.hero-caption>span:first-child{max-width:110px;line-height:1.8}.sheet-index{font-size:6px;top:17px}.eyebrow{font-size:8px;letter-spacing:1.3px}.section{padding:65px 7%}.section-top{gap:20px}.small{font-size:10px;max-width:120px;text-align:right}.projects{gap:28px}.media-wrap{padding:15px;aspect-ratio:1}.project.second{margin-top:65px}.project-title h3{font-size:19px}.project-title p{font-size:11px;line-height:1.6}.tags{gap:8px;font-size:6px;letter-spacing:.7px}.study-intro{display:block;padding-bottom:40px}.study-intro>p{margin-top:24px}.study-row{grid-template-columns:50px 1fr;gap:15px}.study-number{font-size:34px}.study-number span{font-size:6px}.draft-label{position:static;grid-column:2}.study-main h3{font-size:28px}.study-points{gap:20px;grid-template-columns:1fr;margin:25px 0}.study-points p{max-width:100%;margin-top:6px}.about{grid-template-columns:1fr;gap:28px}.about h2{font-size:40px}.detail h1{font-size:56px}.detail{padding-top:135px}.detail-grid{grid-template-columns:1fr;gap:30px;margin-top:50px}}@media(max-width:480px){h1{font-size:53px}.hero-sheet{padding-top:48px}.hero-sheet .eyebrow{font-size:7px;letter-spacing:1px}.projects{grid-template-columns:1fr;gap:45px}.project.second{margin-top:0}.media-wrap{aspect-ratio:1.25}.pill{font-size:6px;padding:7px 9px}.study-intro h2{font-size:44px}.contact h2{font-size:45px}footer .logo{font-size:21px}footer{gap:10px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-sheet{transform:none;opacity:1;will-change:auto}*{transition:none!important}}

/* Glass as the navigation language: pinned sheets yield to the next layer. */
body{background:radial-gradient(ellipse at 5% 40%,#dce0d4 0,transparent 48%),radial-gradient(ellipse at 95% 70%,#e0e2dc 0,transparent 48%),#f0f0eb;background-attachment:fixed}header{position:absolute}.hero-caption{bottom:42px}.floating-note{display:none}.glass{border-radius:4px;background:linear-gradient(115deg,#ffffff96,#ffffff30 65%,#e8ebe044);box-shadow:0 45px 100px #3b43341c,inset 0 0 0 1px #ffffff80}.hero-sheet{width:84%;max-width:1400px;padding:65px 7%;min-height:490px}.hero-sheet h1{font-size:clamp(58px,7.7vw,116px);line-height:1.02}.ghost-one{transform:translate(26px,-30px) rotate(1.5deg);width:81%;height:490px}.ghost-two{transform:translate(-22px,28px) rotate(-1.5deg);width:81%;height:490px}.hero-sheet,.motion-off .hero-sheet{transform:none;opacity:1}.sheet-index{right:26px;top:27px}.hero-stage{padding-top:10px}.deck-track{position:relative}.deck-indicator{display:none}.deck-on .deck-track{height:calc(var(--sheet-height, 86vh) + 100vh);margin-bottom:-70vh;isolation:isolate}.deck-on .hero.deck-track{height:200vh;min-height:0}.deck-on .deck-panel{position:sticky;top:var(--pin-top,7.5vh);transform-origin:50% 20%;transform:translate3d(0,calc(var(--retreat,0) * -36px + var(--arrival,0) * 35px),0) scale(calc(1 - var(--retreat,0) * .16 - var(--arrival,0) * .04));filter:blur(calc(var(--retreat,0) * 8px));opacity:calc(1 - var(--retreat,0) * .84);will-change:transform,filter,opacity;backface-visibility:hidden}.deck-on .hero-stage{height:100vh;min-height:0;top:0;overflow:visible}.deck-on .section.deck-panel{width:90%;margin:0 auto;padding:40px 4.5%;border:1px solid #ffffffed;border-radius:6px;background:linear-gradient(125deg,#fffffff2,#f3f4edf0);box-shadow:0 28px 90px #3b433421,inset 0 0 0 1px #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.deck-on .work{min-height:78vh}.deck-on .projects{margin-top:28px;gap:5%}.deck-on .project.second{margin-top:0}.deck-on .media-wrap{aspect-ratio:1.75;padding:18px;background:#dfe3d9;border-radius:3px}.deck-on .section-top{margin-bottom:25px}.deck-on .project-title{margin-top:18px}.deck-on .project-title h3{font-size:22px}.deck-on .studies{min-height:79vh;background:linear-gradient(125deg,#eef1e8f7,#e1e7d9ee)}.deck-on .study-intro{padding:0 0 28px}.deck-on .study-intro h2{font-size:clamp(42px,4.3vw,65px)}.deck-on .study-row{padding:24px 0 10px;grid-template-columns:90px 1fr}.deck-on .study-main h3{font-size:30px}.deck-on .study-points{margin:23px 0;gap:25px}.deck-on .study-points p{max-width:100%}.deck-on .draft-label{top:27px}.deck-on .study-continuation{display:flex;flex-direction:column;justify-content:space-between}.deck-on .study-continuation .study-main h3{font-size:clamp(38px,5vw,72px);max-width:650px}.deck-on .study-continuation .study-points{margin:40px 0}.deck-on .study-continuation .study-row{flex:1;padding-top:45px}.deck-on .about{min-height:75vh;align-content:center;grid-template-columns:1fr 2fr;gap:25px}.deck-on .contact{position:relative;margin-top:30vh;z-index:2;background:#e8ebe2;box-shadow:0 -25px 80px #3b433411}.deck-on .deck-indicator{position:fixed;z-index:30;bottom:23px;right:5%;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1px;color:#737c68}.deck-rule{width:55px;height:1px;background:#9ca78e}.deck-label{margin-left:18px;min-width:105px}.motion-toggle{bottom:20px;left:5%;padding:9px 13px;font-size:9px;background:#f4f5eff2}.motion-off .study-continuation{margin-top:0;padding-top:20px}.motion-off .hero{height:100vh}.motion-off .deck-panel{pointer-events:auto!important}.deck-on .hero-caption{display:none}@media(max-width:800px){.hero-sheet{min-height:0;padding:48px 7%}.hero-sheet h1{font-size:clamp(50px,8.5vw,72px);letter-spacing:-3px}.ghost-one,.ghost-two{height:460px}.deck-on .section.deck-panel{width:92%;padding:30px 6%}.deck-on .projects{grid-template-columns:1fr;gap:28px}.deck-on .project-title p{font-size:11px}.deck-on .media-wrap{aspect-ratio:1.9;padding:14px}.deck-on .tags{margin-top:12px;padding-top:9px}.deck-on .study-intro>p{font-size:12px;margin-top:18px}.deck-on .study-row{grid-template-columns:37px 1fr;gap:12px}.deck-on .study-main h3{font-size:26px}.deck-on .study-points{grid-template-columns:1fr;gap:15px}.deck-on .draft-label{position:static}.deck-on .study-continuation .study-main h3{font-size:40px}.deck-on .about{grid-template-columns:1fr}.deck-label{display:none}.deck-rule{width:28px}.deck-on .deck-indicator{right:5%;bottom:27px}.hero-sheet .sheet-index{font-size:6px}.deck-on .study-intro h2{font-size:41px}.hero-stage{min-height:600px}.hero-sheet .eyebrow{font-size:7px}.hero-bottom{gap:30px}.hero-sheet h1{margin:35px 0}.hero-sheet{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html.deck-on{scroll-behavior:smooth}}

/* Clip decorative depth outside the viewport without creating a scroll container. */
body{overflow-x:clip}

.deck-on .ambient.b{right:0;max-width:55vw}.deck-on .ambient.a{left:0;max-width:55vw}