:root{--bg:#f5f5f1;--ink:#111;--muted:#767676;--line:#c9c9c3;--pad:clamp(22px,3.4vw,58px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-weight:300;cursor:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.page-loader{position:fixed;inset:0;z-index:100;background:#111;color:#fff;display:grid;place-items:center;font-size:clamp(70px,13vw,180px);transition:transform 1s cubic-bezier(.77,0,.18,1)}.page-loader.done{transform:translateY(-100%)}.cursor{position:fixed;z-index:110;width:10px;height:10px;border-radius:50%;background:#111;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s;mix-blend-mode:difference}.cursor.hover{width:54px;height:54px;background:#fff}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:22px var(--pad);background:rgba(245,245,241,.88);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border .3s}.site-header.scrolled{border-color:var(--line)}.brand{font-size:26px;font-weight:400;letter-spacing:-.06em}.site-nav{margin-left:auto;display:flex;gap:clamp(18px,2.6vw,44px);font-size:12px;text-transform:uppercase}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;border-bottom:1px solid;transition:right .3s}.site-nav a:hover:after{right:0}.menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:11px}.section{padding:120px var(--pad)}.hero{min-height:100svh;padding-top:150px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-head,.project-meta,.filters,.site-footer{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.hero-title{margin:9vh 0;font-size:clamp(54px,9.2vw,146px);line-height:.89;font-weight:300;letter-spacing:-.075em}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{display:block;transform:translateY(115%);animation:lineIn 1.2s cubic-bezier(.22,1,.36,1) forwards}.hero-title .line:nth-child(2) span{animation-delay:.12s}.hero-foot{display:flex;align-items:flex-end;justify-content:space-between;font-size:14px;line-height:1.45}.round-link{width:62px;height:62px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:22px;transition:.35s}.round-link:hover{background:#111;color:#fff;transform:rotate(-45deg)}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:15px;margin-bottom:70px}.section-head h2{font-size:inherit;font-weight:400;margin:0}.section-head p{color:var(--muted)}.filters{display:flex;gap:20px;margin-bottom:22px}.filters button{border:0;padding:0;background:none;color:var(--muted);cursor:none}.filters button.active{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 18px}.project-card{transition:opacity .4s,transform .4s}.project-card.hidden{display:none}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.project-media{border:0;width:100%;aspect-ratio:4/3;display:block;position:relative;overflow:hidden;cursor:none;background:#ddd}.project-media:before,.project-media:after{content:"";position:absolute;transition:transform .8s cubic-bezier(.22,1,.36,1)}.project-media span{position:absolute;left:18px;bottom:16px;z-index:2;font-size:10px;text-transform:uppercase;opacity:0;transition:opacity .3s}.project-media:hover span{opacity:1}.project-media:hover:before{transform:scale(1.08) rotate(2deg)}.project-media:hover:after{transform:translate(3%,-3%)}.g1{background:#d9d8d2}.g1:before{inset:13% 11% 0 28%;background:#92928b;clip-path:polygon(0 15%,70% 0,100% 28%,100% 100%,0 100%)}.g1:after{inset:47% 44% 0 11%;background:#b8b7b0}.g2{background:#c7c4bd}.g2:before{inset:12% 15%;background:#706f69;clip-path:polygon(0 18%,100% 0,87% 100%,12% 89%)}.g2:after{inset:25% 29%;border:1px solid #deddd7}.g3{background:#dad7cf}.g3:before{inset:18% 8% 0;background:repeating-linear-gradient(90deg,#777 0 10%,#c4c1b9 10% 18%)}.g3:after{inset:52% 15% 12%;background:#a9a69f}.g4{background:#b8b8b4}.g4:before{inset:10% 17% 0;background:#e3e3df;clip-path:polygon(0 25%,70% 0,100% 16%,90% 100%,8% 100%)}.g4:after{inset:45% 30% 10%;border:2px solid #858581}.project-meta{display:flex;justify-content:space-between;padding-top:12px}.project-meta h3,.project-meta p{font:inherit;margin:0}.text-section{padding-bottom:180px}.feature-row{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;border-top:1px solid var(--line);padding:25px 0}.feature-row:last-child{border-bottom:1px solid var(--line)}.feature-row span{font-size:11px}.feature-row h3{font-size:clamp(24px,4vw,58px);font-weight:300;letter-spacing:-.04em;margin:0;transition:transform .35s}.feature-row:hover h3{transform:translateX(14px)}.feature-row i{font-style:normal}.writing-list{border-bottom:1px solid var(--line)}.writing-item{display:grid;grid-template-columns:140px 1fr 30px;align-items:center;border-top:1px solid var(--line);padding:26px 0}.writing-item time{font-size:11px;color:var(--muted)}.writing-item h3{font-weight:300;margin:0;font-size:clamp(20px,2.3vw,36px);letter-spacing:-.03em}.sound-panel{background:#111;color:#f5f5f1;min-height:320px;padding:35px;display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:30px}.sound-panel p{font-size:11px;text-transform:uppercase}.sound-panel h3{font-size:clamp(28px,4vw,65px);line-height:1;margin:0;font-weight:300;letter-spacing:-.05em}.sound-panel a{font-size:11px;border-bottom:1px solid;padding-bottom:4px}.sound-mark{display:flex;gap:7px;align-items:center;height:80px}.sound-mark span{width:2px;background:#fff;height:20%;animation:sound 1.1s ease-in-out infinite alternate}.sound-mark span:nth-child(2){animation-delay:.15s}.sound-mark span:nth-child(3){animation-delay:.3s}.sound-mark span:nth-child(4){animation-delay:.45s}.sound-mark span:nth-child(5){animation-delay:.6s}.photo-strip{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:18px;align-items:start}.photo-placeholder{position:relative;background:#ccc;min-height:50vw;max-height:720px;overflow:hidden}.photo-placeholder span{position:absolute;left:12px;bottom:10px;font-size:10px}.p1{background:linear-gradient(145deg,#c9c5bc,#777)}.p2{background:linear-gradient(30deg,#6e6e6b 0 35%,#dbdad4 35% 72%,#aaa 72%)}.p3{background:linear-gradient(180deg,#d8d5cc 0 60%,#777 60%)}.site-footer{padding:35px var(--pad);display:grid;grid-template-columns:1fr 1fr 1.5fr auto;border-top:1px solid var(--ink)}.site-footer p{margin:0}.site-footer a{text-transform:none}dialog{max-width:650px;border:0;padding:60px;background:#111;color:#fff}dialog::backdrop{background:rgba(245,245,241,.85);backdrop-filter:blur(6px)}dialog h2{font-size:48px;font-weight:300;letter-spacing:-.05em}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#fff;font-size:32px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}@keyframes lineIn{to{transform:none}}@keyframes sound{to{height:95%}}
@media(max-width:780px){body{cursor:auto}.cursor{display:none}.site-nav{position:fixed;inset:65px 0 auto;background:var(--bg);padding:25px var(--pad) 35px;display:none;flex-direction:column;font-size:22px}.site-nav.open{display:flex}.menu-toggle{display:block}.section{padding-top:95px;padding-bottom:95px}.hero{padding-top:110px}.hero-title{font-size:17vw}.project-grid{display:block}.project-card{margin-bottom:55px}.section-head{margin-bottom:45px}.feature-row{grid-template-columns:35px 1fr 20px}.writing-item{grid-template-columns:1fr 25px;gap:8px}.writing-item time{grid-column:1/-1}.sound-panel{grid-template-columns:1fr;padding:25px}.photo-strip{grid-template-columns:1fr}.photo-placeholder{min-height:110vw}.site-footer{grid-template-columns:1fr 1fr;gap:15px}.site-footer a{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.page-loader{display:none}.reveal{opacity:1;transform:none}.hero-title .line span{transform:none}}

.filters{flex-wrap:wrap}.filters button sup{font-size:8px}.project-meta{gap:15px}.project-meta p{text-align:right;color:var(--muted)}
.dialog-kicker{font-size:10px;letter-spacing:.08em}.dialog-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #555;border-bottom:1px solid #555;padding:18px 0;margin:30px 0}.dialog-facts div{display:grid;gap:5px}.dialog-facts dt{font-size:9px;text-transform:uppercase;color:#999}.dialog-facts dd{margin:0;font-size:12px}.dialog-description{line-height:1.65;color:#ccc}.dialog-source{display:inline-block;margin-top:22px;font-size:10px;border-bottom:1px solid;padding-bottom:4px}
@media(max-width:780px){.dialog-facts{grid-template-columns:1fr 1fr}}

/* Architectural motion study */
.hero{position:relative;isolation:isolate;overflow:hidden}.hero>*:not(.hero-drawing){position:relative;z-index:1}.hero-title .line{padding-bottom:.14em;margin-bottom:-.14em}.hero-drawing{position:absolute;right:-3vw;top:9vh;width:min(58vw,900px);opacity:.16;z-index:-1;pointer-events:none}.hero-drawing svg{width:100%;overflow:visible}.drawing-grid{fill:none;stroke:#777;stroke-width:.45;stroke-dasharray:2 9}.drawing-lines{fill:none;stroke:var(--ink);stroke-width:1}.drawing-lines path,.drawing-lines circle{stroke-dasharray:1800;stroke-dashoffset:1800;animation:drawHero 3.8s 1.1s cubic-bezier(.65,0,.35,1) forwards}.drawing-lines circle{animation-delay:2.4s}.drawing-notes{font-size:9px;letter-spacing:.14em;fill:var(--ink);opacity:0;animation:fadeNote .8s 3.1s forwards}.section-study{background:#111;color:#f5f5f1;padding-top:70px;padding-bottom:85px;overflow:hidden}.study-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;margin-bottom:45px}.section-canvas{position:relative}.section-canvas svg{display:block;width:100%;height:auto}.section-canvas path,.section-canvas circle{fill:none;stroke:#f5f5f1;stroke-width:1.2;vector-effect:non-scaling-stroke}.section-guides{opacity:.25}.section-guides .dimension{stroke-dasharray:4 7}.section-building path,.section-people path,.section-people circle{stroke-dasharray:2200;stroke-dashoffset:2200}.section-canvas.visible .section-building path{animation:drawSection 2.8s cubic-bezier(.65,0,.35,1) forwards}.section-canvas.visible .section-building path:nth-child(2){animation-delay:.35s}.section-canvas.visible .section-building path:nth-child(3){animation-delay:.7s}.section-canvas.visible .section-building path:nth-child(4){animation-delay:1s}.section-canvas.visible .section-people path,.section-canvas.visible .section-people circle{animation:drawSection 1.2s 2.1s ease forwards}.section-labels{font-size:11px;letter-spacing:.12em;fill:#f5f5f1;opacity:.55}.section-sun{position:absolute;right:9%;top:4%;width:clamp(55px,8vw,120px);aspect-ratio:1;border:1px solid rgba(245,245,241,.5);border-radius:50%;animation:floatSun 8s ease-in-out infinite}.scan-line{position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(transparent,#f5f5f1,transparent);opacity:.4;animation:scan 7s ease-in-out infinite}.study-caption{margin:30px 0 0 auto;max-width:480px;font-size:clamp(18px,2vw,30px);line-height:1.25;letter-spacing:-.03em}@keyframes drawHero{to{stroke-dashoffset:0}}@keyframes fadeNote{to{opacity:1}}@keyframes drawSection{to{stroke-dashoffset:0}}@keyframes floatSun{50%{transform:translate(-18px,12px)}}@keyframes scan{0%,100%{left:0;opacity:0}15%,85%{opacity:.4}50%{left:100%}}@media(max-width:780px){.hero-drawing{width:100vw;right:-25vw;top:20vh;opacity:.1}.section-study{padding-top:50px;padding-bottom:60px}.study-meta{gap:20px}.section-canvas{width:160%;margin-left:-30%}.study-caption{font-size:18px}}@media(prefers-reduced-motion:reduce){.drawing-lines path,.drawing-lines circle,.section-building path,.section-people path,.section-people circle{stroke-dashoffset:0}.drawing-notes{opacity:1}.scan-line{display:none}}