/* A working archive. Quiet navigation; the study supplies the spectacle. */
:root{--gutter:clamp(24px,5.5vw,88px);--paper:#f2f1eb;--ink:#191918;--line:#cfcdc5;--muted:#62615c}
html{scroll-padding-top:24px}.section{scroll-margin-top:24px}.opening-stage{top:0;height:100svh;min-height:0;padding:118px var(--gutter) 84px}.opening{height:280svh}.opening-nav{position:absolute;right:var(--gutter);top:20px;z-index:9;gap:26px;color:#c2c1bb}.opening-nav a{font-size:12px;min-height:44px;gap:10px}.opening-nav a:after{background:#c2c1bb}.opening-nav a:hover{color:#fff}.opening-nav a:focus-visible{outline-color:#f3f2ec}.hero-copy{width:48%;max-width:670px}.hero-copy .eyebrow{letter-spacing:.1em;font-size:10px}.hero-copy h1{font-size:clamp(82px,9.3vw,148px);margin:40px 0 27px;letter-spacing:-.055em;line-height:1.01}.hero-intro{max-width:320px;font-size:15px;line-height:1.8;color:#b2b1ab}.opening .explore-link{margin-top:14px;font-size:12px;gap:50px;border-color:#72716b}.cosmic-scene{left:43%;width:56%;height:100%;top:0}.scene-caption{left:50%;bottom:92px;font-size:10px}.opening-bottom{bottom:32px;font-size:10px}.phase-list{gap:26px}.signal-copy{top:24%;width:42%}.signal-copy h2{font-size:clamp(52px,6.6vw,104px);line-height:1.06;margin:30px 0 24px}.signal-copy p:last-child{font-size:13px;max-width:240px}.chapter-arrival{top:29%}.chapter-arrival h2{font-size:clamp(82px,11vw,172px);line-height:.99;letter-spacing:-.06em}.chapter-arrival .eyebrow{font-size:10px}.white-portal{left:70%;top:50%}
.page-content{padding:0 var(--gutter)}.section{padding:110px 0;border-top:1px solid var(--line)}.work-section{display:block;padding-top:96px;border-top:0}.work-section>.section-heading{position:static;margin-bottom:64px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px;align-items:end}.work-heading>.eyebrow{align-self:start;padding-top:10px}.work-heading h2{margin:0;font-size:clamp(62px,8vw,122px);line-height:1.08;letter-spacing:-.065em;max-width:630px}.heading-period{display:block}.work-margin{padding-bottom:9px;max-width:300px}.work-margin .section-deck{font-size:13px;line-height:1.9}.notebook{margin-top:25px;position:relative}.notebook summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;border-top:1px solid var(--line);font-size:10px;list-style:none}.notebook summary::-webkit-details-marker{display:none}.notebook summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.notebook summary span{font-size:18px;transition:transform .25s}.notebook[open] summary span{transform:rotate(45deg)}.notebook-body{padding:10px 0 18px}.notebook-body svg{width:100%;height:auto;display:block;color:#55544d}.notebook-body p{font-size:11px;line-height:1.9;color:var(--muted);margin:14px 0 0}
.work-projects .feature-frame{border:0;border-top:1px solid var(--ink);margin:0 0 72px;min-height:0;display:block;position:relative;background:transparent;overflow:visible}.work-projects .frame-top{border-bottom:0;padding:24px 0;display:flex;align-items:center;justify-content:space-between}.lead-tag{font-size:10px;color:var(--muted)}.work-projects .frame-body{min-height:0;padding:48px 0 60px 25%;display:block}.frame-kicker{font-size:13px;letter-spacing:.01em;margin:0 0 26px}.work-projects .frame-title{font-size:clamp(58px,7.6vw,114px);line-height:1.07;letter-spacing:-.06em;font-weight:400;max-width:850px}.work-projects .frame-bottom{border-top:0;padding:0 0 32px 25%;display:flex;align-items:end;gap:40px}.frame-bottom>div{max-width:55%;flex:1}.frame-context{font-size:12px;line-height:1.8;color:var(--muted);max-width:350px}.frame-bottom .eyebrow{font-size:9px;color:var(--muted);font-weight:400}.frame-action{font-size:12px;min-width:125px}.work-projects .frame-body.has-media{height:400px;padding:16px 0 32px 25%}.frame-body.has-media .frame-media{position:relative;max-height:350px;object-fit:contain}.project-open{min-height:44px;font-size:11px;gap:32px;border-bottom:1px solid #908e85}.project-open span{font-size:18px}
.work-list{counter-reset:works}.work-entry,.work-entry:first-child{border-top:1px solid var(--line);padding:38px 0 46px;display:grid;grid-template-columns:25% minmax(0,1fr) 116px;column-gap:24px;row-gap:0;align-items:start}.work-entry:not(:first-child):before{width:100%;background:#7c7a72}.work-entry .entry-meta{grid-column:1;grid-row:1 / span 3;display:flex;flex-direction:column;gap:14px;font-size:10px;line-height:1.8;padding-top:6px;max-width:200px}.work-entry h3{grid-column:2;grid-row:1;font-size:clamp(34px,4.2vw,64px);margin:0 0 23px;line-height:1.15;letter-spacing:-.055em;max-width:750px}.work-entry .entry-summary{grid-column:2;grid-row:2;font-size:14px;line-height:1.85;max-width:520px;margin:0}.work-entry>.project-open{grid-column:3;grid-row:1;justify-self:end;min-width:94px;margin-top:3px}.work-entry .work-image{display:none}.work-entry .entry-main{grid-column:2;grid-row:1 / span 3;min-width:0}.work-entry .entry-main h3,.work-entry .entry-main .entry-summary{grid-column:auto;grid-row:auto}.work-entry:nth-child(even){grid-template-columns:17% minmax(0,1fr) 116px;padding-left:8%}.work-entry:nth-child(3n+2) h3{font-size:clamp(32px,3.7vw,56px)}
.horizontal{align-items:end;margin-bottom:56px;gap:70px}.horizontal .section-deck{font-size:13px;min-width:0;max-width:270px;line-height:1.9;padding-bottom:8px}.section-heading h2,.about-layout h2,.contact-layout h2{font-size:clamp(50px,6.6vw,92px);letter-spacing:-.06em;line-height:1.08;margin:26px 0 0}.leadership-row{grid-template-columns:12% minmax(0,1fr) 100px;padding:34px 0;gap:20px}.leadership-row h3{font-size:clamp(24px,2.7vw,40px);line-height:1.3;max-width:810px;margin-bottom:14px;letter-spacing:-.04em}.leadership-row p{font-size:14px;max-width:610px;line-height:1.9}.leadership-row .row-number,.leadership-row .row-year{font-size:10px}.leadership-row button{margin-top:14px}.archive-row{grid-template-columns:12% minmax(0,1fr) 100px;padding:25px 0;gap:20px}.archive-row h3{font-size:23px;letter-spacing:-.035em}.archive-row p{font-size:11px}.archive-row button{min-width:88px}.archive-filters{gap:32px;margin-bottom:4px}.filter-button{font-size:11px;min-height:48px;padding:15px 0}.about-layout{grid-template-columns:4fr 6fr;gap:14%;margin-top:0}.about-text{font-size:clamp(24px,2.75vw,40px);line-height:1.55;letter-spacing:-.035em;margin-top:24px}.about-note{font-size:12px;line-height:1.9;max-width:380px}.contact-layout{grid-template-columns:4fr 6fr;gap:14%}.contact-links{padding-top:26px}.site-footer{font-size:10px;padding:24px 0 28px}.site-footer .editor-link{font-size:9px}.dialog-content{padding:50px}.dialog-content h2{font-size:clamp(36px,5.7vw,80px)}.dialog-close{min-height:58px}
.motion-off .opening-stage{position:relative;top:0;height:100svh;min-height:0}.motion-off .opening{height:auto}.motion-off .cosmic-scene{opacity:1}.motion-off .hero-copy{opacity:1;transform:none}.motion-off .white-portal,.motion-off .signal-copy,.motion-off .chapter-arrival{display:none}.motion-off .opening-bottom{opacity:1}.motion-off .scene-caption{opacity:1}
@media(min-width:1600px){.opening-stage,.page-content{max-width:1900px;margin-inline:auto}.hero-copy h1{font-size:148px}}
@media(max-width:1000px){.opening-stage{top:0;height:100svh;padding-top:110px;min-height:0}.hero-copy h1{font-size:96px}.cosmic-scene{left:40%;width:60%}.signal-copy h2{font-size:72px}.work-section>.section-heading{grid-template-columns:1fr 2fr;gap:30px}.work-heading>.eyebrow{grid-column:1;grid-row:1}.work-heading h2{grid-column:2;grid-row:1;font-size:76px}.work-margin{grid-column:2;max-width:none;display:flex;align-items:start;justify-content:space-between;gap:24px}.notebook{width:220px;margin-top:0}.work-projects .frame-body,.work-projects .frame-bottom{padding-left:24%}.work-projects .frame-title{font-size:80px}.work-entry,.work-entry:nth-child(even){grid-template-columns:24% minmax(0,1fr) 96px;padding-left:0;column-gap:20px}.work-entry h3{font-size:45px}.work-entry:nth-child(3n+2) h3{font-size:42px}.horizontal{gap:40px}.section-heading h2,.about-layout h2,.contact-layout h2{font-size:65px}.about-layout,.contact-layout{gap:10%;grid-template-columns:3fr 5fr}.contact-line{grid-template-columns:60px 1fr auto;gap:12px}.contact-line a{font-size:20px}.motion-off .opening-stage{top:0;height:100svh}}
@media(max-width:650px){:root{--gutter:24px}.opening{height:240svh}.opening-stage{top:0;height:100svh;min-height:0;padding:88px var(--gutter) 66px}.opening-nav{top:14px;left:var(--gutter);right:var(--gutter);justify-content:flex-end;gap:22px}.opening-nav a{font-size:11px}.hero-copy{width:100%;max-width:none}.hero-copy .eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(53px,13.8vw,78px);margin:24px 0 16px;line-height:1.06;letter-spacing:-.06em}.hero-copy h1 br{display:none}.hero-intro{font-size:13px;line-height:1.75;max-width:260px;margin-bottom:0}.opening .explore-link{margin-top:8px;font-size:11px;gap:35px}.cosmic-scene{left:0;width:100%;top:34%;height:60%}.scene-caption{left:var(--gutter);bottom:63px;font-size:9px}.scene-caption>span:last-child{display:none}.opening-bottom{bottom:23px;font-size:9px}.phase-list{gap:15px}.opening-bottom>span:first-child{max-width:145px}.opening-bottom .phase-list{margin-left:auto!important}.signal-copy{top:14%;width:calc(100% - 2*var(--gutter))}.signal-copy h2{font-size:clamp(45px,12vw,64px);margin:24px 0 16px;line-height:1.05}.signal-copy h2 br{display:block}.signal-copy p:last-child{font-size:12px;max-width:225px}.white-portal{left:50%;top:64%}.chapter-arrival{top:31%}.chapter-arrival h2{font-size:clamp(66px,17vw,96px)}.section{padding:70px 0}.work-section{padding-top:62px}.work-section>.section-heading{display:block;margin-bottom:36px}.work-heading h2{font-size:clamp(56px,14.5vw,84px);margin:22px 0}.heading-period{display:inline}.work-margin{display:block;padding:0;max-width:100%}.work-margin .section-deck{font-size:13px;line-height:1.75}.work-margin .section-deck br{display:none}.notebook{width:100%;max-width:340px;margin-top:22px}.notebook summary{font-size:10px}.notebook-body{padding:8px 0 20px}.notebook-body svg{max-width:320px}.work-projects .feature-frame{margin-bottom:38px}.work-projects .frame-top{padding:22px 0;gap:24px}.frame-top .eyebrow{font-size:9px}.work-projects .frame-body{padding:24px 0 34px;min-height:0}.frame-kicker{font-size:11px;margin-bottom:22px}.work-projects .frame-title{font-size:clamp(43px,11.5vw,65px);line-height:1.1;max-width:100%;letter-spacing:-.055em}.work-projects .frame-bottom{padding:0 0 24px;flex-direction:column;align-items:start;gap:17px}.frame-bottom>div{max-width:100%;display:block}.frame-context{font-size:12px;max-width:300px}.frame-action{min-width:128px;font-size:11px}.work-projects .frame-body.has-media{padding:10px 0 24px;height:auto}.frame-body.has-media .frame-media{max-height:330px}.work-entry,.work-entry:first-child,.work-entry:nth-child(even){padding:25px 0 32px;display:grid;grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:0}.work-entry .entry-meta{grid-column:1;grid-row:1;display:flex;flex-direction:row;justify-content:space-between;max-width:none;padding:0;margin-bottom:22px;font-size:9px}.work-entry h3,.work-entry:nth-child(3n+2) h3{grid-column:1;grid-row:2;font-size:clamp(31px,8.5vw,44px);margin:0 0 16px;line-height:1.16}.work-entry .entry-summary{grid-column:1;grid-row:3;font-size:13px;line-height:1.85;max-width:100%}.work-entry>.project-open{grid-column:1;grid-row:4;justify-self:start;min-width:98px;margin-top:18px}.work-entry .entry-main{grid-column:1;grid-row:2 / span 2}.work-entry .entry-main h3{margin:0 0 16px}.horizontal{display:block;margin-bottom:36px}.section-heading h2,.about-layout h2,.contact-layout h2{font-size:clamp(44px,12vw,62px);margin-top:23px;line-height:1.09}.horizontal .section-deck{font-size:13px;line-height:1.85;margin-top:22px;padding-bottom:0}.leadership-row{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:26px 0}.leadership-row h3{font-size:clamp(23px,6vw,30px);line-height:1.34}.leadership-row p{font-size:13px}.leadership-row .row-year{grid-column:2;text-align:left}.archive-row{grid-template-columns:24px minmax(0,1fr);gap:14px;padding:23px 0}.archive-row h3{font-size:20px;line-height:1.4}.archive-row button{grid-column:2;justify-self:start;margin-top:0}.archive-filters{gap:23px;flex-wrap:wrap}.filter-button{font-size:10px}.about-layout,.contact-layout{display:block}.about-text{font-size:25px;line-height:1.55;margin-top:30px}.about-note{font-size:12px}.contact-links{padding-top:22px}.contact-line{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.contact-line .contact-label{grid-column:1/-1}.contact-line a{font-size:19px}.dialog-content{padding:28px 23px}.dialog-close{padding:12px 22px}.site-footer{gap:12px;font-size:9px}.site-footer .editor-link{margin-left:auto}.motion-off .opening-stage{top:0;height:100svh;min-height:0}}
@media(max-width:360px){:root{--gutter:20px}.opening-nav{gap:20px}.hero-copy h1{font-size:53px}.opening-stage{padding-top:82px}.hero-intro{font-size:12px}.cosmic-scene{top:38%;height:55%}.opening-bottom>span:first-child{max-width:125px}.phase-list{gap:10px}.work-heading h2{font-size:53px}.work-projects .frame-title{font-size:42px}.archive-filters{gap:20px}}
@media(max-width:650px) and (max-height:680px){.opening-stage{padding-top:78px}.hero-copy h1{font-size:51px;margin:18px 0 12px}.hero-intro{font-size:12px}.cosmic-scene{top:39%;height:54%}.opening .explore-link{margin-top:2px}.signal-copy{top:12%}.signal-copy h2{font-size:45px}.scene-caption{bottom:56px}}
@media(prefers-reduced-motion:reduce){.opening-stage,.motion-off .opening-stage{top:0;height:100svh}.notebook summary span{transition:none}.work-entry h3{transform:none}}
/* The entry title opens its notes; one interaction instead of repeated CTAs. */
.work-title{display:flex;align-items:baseline;justify-content:space-between;gap:28px;width:100%;min-height:44px;background:transparent;border:0;padding:0;text-align:left;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.work-title>span{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:44px;min-height:44px;font-size:20px;font-weight:400;letter-spacing:0;flex-shrink:0;color:var(--muted);transition:transform .25s,color .25s}.work-title:hover>span{transform:rotate(90deg);color:var(--ink)}.work-title:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.work-entry .entry-main{grid-column:2/-1}.work-entry .entry-main h3{max-width:none}.work-entry .entry-main .work-title{max-width:none}.archive-row>div{grid-column:2/-1;min-width:0}.archive-row h3{margin-bottom:7px}.archive-row .work-title{align-items:center}.archive-row .work-title>span{font-size:17px}.leadership-row h3 .work-title{align-items:center;gap:20px}.leadership-row h3 .work-title>span{font-size:18px}.leadership-row h3{max-width:none}.leadership-row>div{min-width:0}
@media(max-width:650px){.work-entry .entry-main{grid-column:1;grid-row:2 / span 2}.work-title{gap:12px}.work-title>span{font-size:18px;min-width:44px}.archive-row>div{grid-column:2}.leadership-row h3 .work-title{gap:8px}.leadership-row h3 .work-title>span{min-width:32px;font-size:17px}.work-entry .entry-main .work-title>span{align-self:flex-start;margin-top:0}}
@media(prefers-reduced-motion:reduce){.work-title>span{transition:none}.work-title:hover>span{transform:none}}
.opening-nav{opacity:var(--study-alpha,1)}

/* The object responds to movement without taking over page scrolling. */
.cosmic-scene{pointer-events:auto;touch-action:pan-y}.cosmic-scene canvas{pointer-events:none}.motion-off{scroll-behavior:auto}.motion-off .work-entry h3{transform:none}
/* A visible experiment, followed by tangible work. */
.opening-stage{background:rgb(calc(6 + 236 * var(--paper-stage,0)) calc(6 + 235 * var(--paper-stage,0)) calc(6 + 229 * var(--paper-stage,0)))}
.cosmic-scene{opacity:var(--scene-alpha,1);cursor:grab}.cosmic-scene.is-dragging{cursor:grabbing}.scene-caption{bottom:235px;left:50%;font-size:10px}.signal-copy h2{font-size:clamp(52px,6.3vw,90px)}.signal-copy p:last-child{font-size:14px;line-height:1.8;max-width:270px}.white-portal,.chapter-arrival{display:none}.work-section>.section-heading{grid-template-columns:1fr 2fr 1fr;margin-bottom:48px}.work-heading h2{font-size:clamp(65px,10vw,140px);line-height:1.05}.work-margin{padding:0}.work-projects .frame-body{display:grid;grid-template-columns:1fr 1fr;gap:20px 7%;padding:32px 0 40px}.frame-body>.frame-kicker,.frame-body>.frame-title{grid-column:1}.frame-body>.frame-kicker{margin:0;grid-row:1;align-self:end;font-size:12px}.work-projects .frame-title{font-size:clamp(45px,6.5vw,88px);line-height:1.1;grid-row:2}.frame-body>.project-visual{grid-column:2;grid-row:1/span 2;align-self:center;margin:0}.work-projects .frame-bottom{padding-left:0}.project-visual{min-width:0;margin:28px 0 0}.project-visual figcaption{font-size:9px;color:var(--muted);margin-top:10px;letter-spacing:.03em;line-height:1.7}.project-visual svg{display:block;width:100%;height:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e9e8e1;stroke:#35352f;stroke-width:.8;fill:none}.project-visual svg text{stroke:none;fill:#484840;text-anchor:middle;font-family:Prompt,sans-serif;font-size:10px}.project-visual .diagram-axis{stroke-dasharray:2 6;stroke:#77776d}.project-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:none}.evidence-preview{display:block;width:100%;padding:14px;background:#e7e6df;border:1px solid var(--line);aspect-ratio:1.2;overflow:hidden}.evidence-preview img{margin:0;max-height:none}.evidence-preview:hover{border-color:var(--ink)}.work-entry,.work-entry:nth-child(even){grid-template-columns:18% minmax(0,1fr) minmax(180px,.8fr);gap:32px;padding:42px 0 58px}.work-entry:nth-child(even){padding-left:0}.work-entry .entry-main{grid-column:2;grid-row:1}.work-entry h3,.work-entry:nth-child(3n+2) h3{font-size:clamp(30px,3.8vw,52px);line-height:1.18;margin-bottom:22px}.work-entry>.project-visual{grid-column:3;grid-row:1;margin:0;align-self:start}.work-entry:nth-child(even)>.project-visual{transform:translateY(55px)}.work-entry .entry-summary{font-size:13px;line-height:1.85}.work-entry .work-title{gap:5px}.work-title>span{min-width:32px}.work-entry .original .evidence-preview{aspect-ratio:.9}.work-entry:has(.original){padding-bottom:48px}.work-entry:has(.original) .entry-main{position:sticky;top:32px;align-self:start}.archive-section{background:#171715;color:#f2f1eb;margin:0 calc(-1 * var(--gutter));padding:80px var(--gutter)}.archive-section .section-deck,.archive-section .row-number,.archive-section .filter-button,.archive-section .archive-row p,.archive-section .work-title>span,.archive-section figcaption{color:#aaa99f}.archive-section .filter-button.active{color:#f2f1eb;border-color:#f2f1eb}.archive-section .archive-row,.archive-section .archive-filters{border-color:#484841}.archive-section button:focus-visible{outline-color:#f2f1eb}.archive-section .work-title:hover>span{color:#fff}.evidence-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0 50px}.evidence-card .project-visual{margin:0}.evidence-card .evidence-preview{background:#e7e6df;padding:8px;aspect-ratio:.8;border:0}.evidence-card h3{font-size:13px;font-weight:400;line-height:1.6;margin:12px 0 0}.evidence-card .work-title{gap:8px}.evidence-card .work-title>span{font-size:15px}.archive-row h3{font-size:21px}.motion-off .cosmic-scene{opacity:1}.motion-off .opening-stage{background:#060606}
@media(max-width:1000px){.work-section>.section-heading{grid-template-columns:1fr 2fr}.work-margin{grid-column:2}.work-projects .frame-title{font-size:56px}.work-entry,.work-entry:nth-child(even){grid-template-columns:15% minmax(0,1fr) minmax(170px,.7fr);gap:22px}.work-entry h3,.work-entry:nth-child(3n+2) h3{font-size:34px}.evidence-wall{gap:14px}.scene-caption{bottom:235px}}
@media(max-width:650px){.scene-caption{display:none}.cosmic-scene{top:33%;height:48%}.signal-copy h2{font-size:54px}.signal-copy p:last-child{font-size:12px}.work-section>.section-heading{display:block}.work-heading h2{font-size:67px}.work-projects .frame-body{display:flex;flex-direction:column;gap:24px;padding:24px 0 32px}.work-projects .frame-title{font-size:58px}.frame-body .project-visual{width:100%;margin-top:4px}.work-entry,.work-entry:nth-child(even){grid-template-columns:minmax(0,1fr);gap:0;padding:30px 0 40px}.work-entry .entry-meta{grid-column:1;grid-row:1;margin-bottom:20px}.work-entry .entry-main{grid-column:1;grid-row:2;position:static!important}.work-entry h3,.work-entry:nth-child(3n+2) h3{font-size:36px}.work-entry>.project-visual{grid-column:1;grid-row:3;margin-top:24px;transform:none!important}.work-entry .original .evidence-preview{aspect-ratio:1.1}.evidence-wall{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;margin-bottom:35px}.evidence-card{min-width:72%;scroll-snap-align:start}.evidence-card h3{font-size:15px}.evidence-card .evidence-preview{aspect-ratio:.95}.archive-section{padding:65px var(--gutter)}.opening-bottom>span:first-child{max-width:none}.phase-list{gap:14px}.opening-bottom{font-size:8px}}
@media(max-width:650px) and (max-height:680px){.cosmic-scene{top:36%;height:40%}.hero-copy h1{font-size:47px}.opening .explore-link{min-height:36px}.opening-bottom{bottom:18px}.signal-copy h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.work-entry:nth-child(even)>.project-visual{transform:none}.project-visual{transition:none}}
/* The chapter heading belongs to the transition and is shown exactly once. */
.chapter-work{position:absolute;z-index:7;left:var(--gutter);right:var(--gutter);bottom:0;height:100svh;padding-top:96px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px;align-content:start;align-items:end;opacity:var(--chapter-alpha,0);margin:0}.chapter-work>.eyebrow{align-self:start;padding-top:10px}.chapter-work h2{margin:0;font-size:clamp(65px,10vw,140px);line-height:1.05;letter-spacing:-.06em;font-weight:400}.page-content{margin-top:-35svh}.work-section{padding-top:30px}.motion-off .chapter-work{position:relative;left:auto;right:auto;height:auto;padding:64px var(--gutter) 45px;opacity:1;background:var(--paper)}.motion-off .page-content{margin-top:0}.motion-off .work-section{padding-top:0}
@media(max-width:1000px){.chapter-work{grid-template-columns:1fr 2fr;gap:28px}.chapter-work .work-margin{grid-column:2}.chapter-work h2{font-size:86px}}
@media(max-width:650px){.chapter-work{display:block;padding-top:64px;height:100svh}.chapter-work h2{font-size:67px;margin:22px 0}.chapter-work .work-margin{margin-top:15px}.chapter-work .notebook{margin-top:15px;max-width:340px}.page-content{margin-top:-35svh}.work-section{padding-top:24px}.motion-off .chapter-work{padding:64px var(--gutter) 30px}.motion-off .page-content{margin-top:0}}
.chapter-work{pointer-events:none}.chapter-work details{pointer-events:auto}
.chapter-work{color:var(--ink)}.page-content{margin-top:-65svh;opacity:var(--projects-alpha,1)}.motion-off .page-content{margin-top:0;opacity:1}
@media(max-width:650px){.page-content{margin-top:-65svh}.motion-off .page-content{margin-top:0}}
.work-entry:first-child{grid-template-columns:18% minmax(0,1fr) minmax(180px,.8fr);gap:32px;padding:42px 0 48px}
@media(max-width:1000px){.work-entry:first-child{grid-template-columns:15% minmax(0,1fr) minmax(170px,.7fr);gap:22px}}
@media(max-width:650px){.work-entry:first-child{grid-template-columns:minmax(0,1fr);gap:0;padding:30px 0 40px}}

/* A single study. Its white page arrives from below; the black stage never turns gray. */
.opening-stage{background:#060606;overflow:hidden}
.opening-stage::after{content:"";position:absolute;z-index:2;inset:0;background:var(--paper);transform:translateY(calc((1 - var(--paper-stage,0))*100%));pointer-events:none;will-change:transform}
.cosmic-scene{transform:scale(var(--scene-scale,1));transform-origin:center;outline:none}
.cosmic-scene:focus-visible{outline:1px solid #b6b6af;outline-offset:-20px}
.scene-caption{left:50%;right:var(--gutter);bottom:108px;display:flex;justify-content:space-between;font-size:10px}
.drag-cue{color:#bbbcb7;opacity:calc(1 - var(--p,0)*3);transition:opacity .3s}
.has-interacted~.scene-caption .drag-cue{opacity:0}
.signal-copy h2{font-size:clamp(38px,5.8vw,86px);letter-spacing:-.055em}
.signal-copy p:last-child{font-size:13px;max-width:260px}
.chapter-work{transform:translateY(calc((1 - var(--chapter-alpha,0))*24px))}
.motion-off .opening-stage::after{display:none}
.motion-off .cosmic-scene,.motion-off .chapter-work{transform:none}
.motion-off .drag-cue{opacity:1;transition:none}
@media(max-width:1000px){.signal-copy h2{font-size:48px}}
@media(max-width:650px){.cosmic-scene{top:32%;height:59%}.scene-caption{display:flex;left:var(--gutter);bottom:62px;font-size:9px}.signal-copy{top:15%}.signal-copy h2{font-size:44px;margin:22px 0 14px}.signal-copy p:last-child{font-size:12px}.phase-list{display:none!important}.opening-bottom{font-size:9px}}
@media(max-width:650px) and (max-height:680px){.cosmic-scene{top:37%;height:53%}.scene-caption{bottom:52px}.signal-copy{top:16%}.signal-copy h2{font-size:38px}.hero-copy h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){.drag-cue{transition:none}.chapter-work{transform:none}}

.scene-caption{opacity:calc(1 - min(1, var(--p,0)*3))}
.phase-list{display:none!important}
@media(max-width:650px){.page-content{margin-top:max(-65svh,calc(300px - 100svh))}.motion-off .page-content{margin-top:0}}
.motion-off .scene-caption{opacity:1}

/* The visual changes position with the scroll, without a status legend. */
.cosmic-scene{transform:translateX(calc(var(--scene-center,0)*-37%)) scale(var(--scene-scale,1))}
.scene-caption{justify-content:flex-end}
/* Cards open project details; original files are available inside those details. */
.evidence-preview.evidence-crop{position:relative;overflow:hidden;padding:0;background:white;border:0}
.evidence-preview.evidence-crop img{position:absolute;width:var(--crop-width);height:auto;max-height:none;left:var(--crop-left);top:var(--crop-top);object-fit:fill}
.evidence-preview{cursor:zoom-in;transition:box-shadow .25s}
.evidence-preview:hover{box-shadow:0 0 0 2px currentColor}
.evidence-preview:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.evidence-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 34px;margin:40px 0 60px}
.evidence-card{min-width:0}
.evidence-card .project-visual{margin:0}
.evidence-card .evidence-preview{aspect-ratio:1.35;background:#fff;padding:0}
.evidence-card h3{font-size:17px;margin-top:17px}
.evidence-item .evidence-preview:not(.evidence-crop){aspect-ratio:auto;padding:0;border:0}
.evidence-item .evidence-preview:not(.evidence-crop) img{height:auto}
.project-visual svg{stroke-width:1.3;background:#e3e2d9}
.project-visual svg text{font-size:12px;fill:#30302a}
.project-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:18px}
.project-links:empty{display:none}
.project-destination{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:12px;border-bottom:1px solid currentColor;overflow-wrap:anywhere}
.detail-links{margin:0 0 30px}
/* Consistent chapter margins connect the page. Each chapter has its own material. */
.leadership-section{margin:0 calc(-1 * var(--gutter));padding:110px var(--gutter) 120px;background:#e5e4dc;border-top:0}
.archive-section{padding:110px var(--gutter) 120px;border-top:0}
.chapter-header{position:relative;padding-top:36px;margin-bottom:64px;--section-p:1}
.chapter-header::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:currentColor;opacity:.35;transform:scaleX(calc(.12 + .88 * var(--section-p,1)));transform-origin:left;transition:none}
.chapter-header h2{transform:translateY(calc((1 - var(--section-p,1))*14px));transition:none}
.leadership-row:first-child{border-top:0}
.archive-section .project-destination{color:#f2f1eb}
.motion-off .cosmic-scene{transform:none}
.motion-off .chapter-header h2,.motion-off .chapter-header::before{transform:none;transition:none}
@media(max-width:650px){
  .cosmic-scene{transform:translateY(calc(var(--scene-center,0)*-15svh)) scale(var(--scene-scale,1))}
  .evidence-wall{display:grid;grid-template-columns:minmax(0,1fr);gap:38px;overflow:visible;scroll-snap-type:none;padding-bottom:0;margin:30px 0 45px}
  .evidence-card{min-width:0}.evidence-card .evidence-preview{aspect-ratio:1.35}
  .evidence-card h3{font-size:18px}.project-links{gap:6px 20px}
  .leadership-section,.archive-section{padding:72px var(--gutter) 80px}
  .chapter-header{padding-top:28px;margin-bottom:40px}
  .motion-off .cosmic-scene{transform:none}
}
@media(prefers-reduced-motion:reduce){.chapter-header h2,.chapter-header::before{transform:none;transition:none}.evidence-preview{transition:none}}
.evidence-preview.evidence-crop img{max-width:none}
.evidence-gallery:has(.evidence-item:only-child){grid-template-columns:minmax(0,520px)}

.original figcaption,.evidence-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;margin-top:5px}
.original figcaption a,.evidence-item figcaption a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-size:11px}
.archive-section a:focus-visible{outline-color:#f2f1eb}

button.evidence-preview{font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:0;appearance:none}

/* Revised editorial spacing: artwork first, real work and a separate current chapter. */
.hero-copy h1,.work-entry h3,.frame-title,.chapter-work h2{letter-spacing:-.04em}
.chapter-work h2{font-size:clamp(62px,7.5vw,105px)}
.current-section{padding:105px 0 100px}
.current-entry .current-focus{font-size:13px;line-height:1.8;margin-top:22px;max-width:420px;color:var(--ink)}
.current-focus>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--muted)}
.dialog-content>.current-focus{font-size:15px;line-height:1.8;margin:24px 0}
.current-entry:not(:has(.project-visual)){grid-template-columns:18% minmax(0,1fr)}
.current-entry:not(:has(.project-visual)) .entry-main{max-width:670px}
.current-entry:nth-child(even)>.project-visual{transform:none}
.project-visual.preview .evidence-preview{aspect-ratio:16/10;padding:0;border:0;background:#e5e4dd}
.project-visual.preview img{object-fit:contain}
@media(max-width:650px){.current-section{padding:70px 0 65px}.current-entry:not(:has(.project-visual)){grid-template-columns:minmax(0,1fr)}.current-entry .current-focus{font-size:13px}.chapter-work h2{font-size:62px}.opening-nav{gap:20px}}

/* Current work reads as a compact notebook, without invented product screenshots. */
#current-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8%}
.current-entry.work-entry,.current-entry.work-entry:first-child{display:block;padding:30px 0 38px;transform:none;border-top:1px solid var(--line)}
.current-entry .entry-meta{display:flex;gap:20px;margin-bottom:22px}
.current-entry h3{font-size:clamp(28px,3vw,40px);max-width:480px;line-height:1.2}
.current-entry .entry-main{position:static!important}
.current-entry .current-focus{margin-top:18px}
.current-entry>.project-visual{margin-top:24px}
@media(max-width:650px){#current-list{display:block}.current-entry h3{font-size:32px}}

.current-entry .entry-meta{flex-direction:row;align-items:center}

/* A page that responds to scrolling: restrained depth rather than hidden content. */
.work-entry h3{transform:translate3d(0,calc((1 - var(--entry-p,1))*36px),0);transition:none}
.work-entry>.project-visual,.feature-frame .project-visual{transform:translate3d(0,calc(var(--entry-drift,0)*38px),0);transition:none}
.work-entry:nth-child(even)>.project-visual{transform:translate3d(0,calc(var(--entry-drift,0)*-30px),0)}
.feature-frame .frame-title{transform:translate3d(calc((1 - var(--entry-p,1))*-28px),0,0);transition:none}
.chapter-header h2{transform:translate3d(calc((1 - var(--section-p,1))*-22px),calc((1 - var(--section-p,1))*42px),0);transition:none}
.leadership-row h3{transform:translate3d(calc((1 - var(--entry-p,1))*24px),0,0);transition:none}
.current-entry h3{transform:translate3d(0,calc((1 - var(--entry-p,1))*24px),0)}
.evidence-wall{display:block;margin:28px 0 0}
.archive-filters{gap:8px 22px;padding-bottom:18px;margin-bottom:36px;align-items:center}
.filter-button{display:inline-flex;gap:10px;align-items:center;font-size:11px;white-space:normal;text-align:left}
.filter-count{font-size:9px;color:#8c8b82;font-variant-numeric:tabular-nums}
.certificate-group{padding:32px 0 64px;border-top:1px solid #46463f}
.certificate-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px}
.certificate-group-heading h3{font-size:22px;letter-spacing:-.025em;font-weight:400;margin:0;transform:translate3d(calc((1 - var(--entry-p,1))*16px),0,0)}
.certificate-group-heading>span{font-size:10px;color:#aaa99f;white-space:nowrap}
.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}
.evidence-card{min-width:0}
.evidence-card .project-visual{transform:translate3d(0,calc(var(--entry-drift,0)*18px),0);margin:0 0 22px;transition:none}
.evidence-card .evidence-preview{background:#e7e6df;aspect-ratio:1.35}
.certificate-year{font-size:10px;margin:0 0 8px;color:#aaa99f}
.evidence-card h4{font-size:15px;font-weight:400;line-height:1.5;margin:0}
.evidence-card .work-title{align-items:start;gap:10px}
.certificate-card-copy{position:relative}
@media(max-width:1000px){.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}}
@media(max-width:650px){
 .work-entry>.project-visual,.work-entry:nth-child(even)>.project-visual{transform:translate3d(0,calc(var(--entry-drift,0)*20px),0)!important}
 .evidence-wall{display:block;overflow:visible;margin:24px 0 0}
 .certificate-grid{grid-template-columns:minmax(0,1fr);gap:38px}
 .certificate-group{padding:24px 0 44px}.certificate-group-heading{margin-bottom:26px}
 .certificate-group-heading h3{font-size:20px}.evidence-card h4{font-size:18px}
 .archive-filters{gap:4px 18px}.filter-button{font-size:11px}.chapter-header h2{transform:translate3d(0,calc((1 - var(--section-p,1))*28px),0)}
}
.motion-off .work-entry h3,.motion-off .work-entry>.project-visual,.motion-off .work-entry:nth-child(even)>.project-visual,.motion-off .feature-frame .project-visual,.motion-off .feature-frame .frame-title,.motion-off .chapter-header h2,.motion-off .leadership-row h3,.motion-off .certificate-group-heading h3,.motion-off .evidence-card .project-visual{transform:none!important}
@media(prefers-reduced-motion:reduce){.work-entry h3,.work-entry>.project-visual,.work-entry:nth-child(even)>.project-visual,.feature-frame .project-visual,.feature-frame .frame-title,.chapter-header h2,.leadership-row h3,.certificate-group-heading h3,.evidence-card .project-visual{transform:none!important}}

@media(max-width:650px){.leadership-row h3{transform:translate3d(calc((1 - var(--entry-p,1))*12px),0,0)}}