@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Inter+Tight:wght@500;600;700&display=swap');
:root{--bg:#e8e2d8;--paper:#f2ede5;--ink:#181a18;--muted:#6d706b;--line:#c8c1b6;--copper:#ad6d46;--charcoal:#202320;--sans:"DM Sans",Arial,sans-serif;--head:"Inter Tight",Arial,sans-serif;--ease:cubic-bezier(.2,.78,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:70;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:17px 3.2vw;background:rgba(232,226,216,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column;line-height:.9}.brand strong{font:700 17px var(--head);letter-spacing:.04em}.brand span{font-size:8px;letter-spacing:.23em;color:#70736e;margin-top:5px}.desktop-nav{display:flex;gap:22px}.desktop-nav a,.header-cta{font-size:12px;font-weight:600}.desktop-nav a:hover{color:var(--copper)}.header-cta,.btn-solid{background:var(--charcoal);color:#f4f0e9;padding:13px 18px;border:0;font-size:12px;font-weight:600}.menu-toggle{display:none;background:none;border:0}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:3px}.wide{width:100%}main{padding:28px 3.2vw 68px}
.hero-kinetic{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;min-height:690px}.hero-copy h1,.page-heading h1,.discipline-page-copy h1,.studio-copy h1,.contact-copy h1,.project-detail-copy h1{font:700 clamp(52px,5.9vw,88px)/.91 var(--head);letter-spacing:-.055em;margin:0 0 18px}.hero-copy p,.page-heading p,.discipline-page-copy p,.studio-copy p,.contact-copy p,.project-detail-copy p{color:var(--muted);line-height:1.65;max-width:680px}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:24px}.plan-stack{position:relative;min-height:580px}.plan-sheet{position:absolute;overflow:hidden;box-shadow:0 30px 80px rgba(31,33,29,.14)}.plan-sheet img{width:100%;height:100%;object-fit:cover;display:block}.sheet-a{left:0;top:12%;width:66%;height:70%;transform:rotate(-3deg)}.sheet-b{right:0;top:0;width:44%;height:48%;transform:rotate(4deg)}.sheet-c{right:7%;bottom:0;width:50%;height:42%;transform:rotate(-1.5deg)}.hero-index{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-index span{padding:14px 0;font-size:11px;color:var(--muted)}
.project-index{padding:86px 0}.project-index-head{max-width:820px}.project-index-head h2,.discipline-copy h2,.material-copy h2,.process-copy h2,.start-project h2{font:700 clamp(40px,4.5vw,66px)/.94 var(--head);letter-spacing:-.045em;margin:0 0 14px}.project-index-head p,.discipline-copy p,.material-copy p,.process-copy p{color:var(--muted);line-height:1.6}.project-index-list{margin-top:32px}.project-line{position:relative;display:grid;grid-template-columns:.65fr 1fr;gap:22px;align-items:center;padding:22px 0;border-top:1px solid var(--line);overflow:visible}.project-line:last-child{border-bottom:1px solid var(--line)}.project-line>span{font:600 clamp(28px,3vw,44px) var(--head)}.project-line small{color:var(--muted);font-size:11px}.project-line img{position:absolute;right:2%;top:50%;width:300px;height:190px;object-fit:cover;opacity:0;transform:translate(30px,-50%) rotate(4deg) scale(.96);transition:.45s var(--ease);pointer-events:none;z-index:2}.project-line:hover img{opacity:1;transform:translate(0,-50%) rotate(-2deg) scale(1)}
.discipline-shift{display:grid;grid-template-columns:.75fr 1.25fr;gap:26px;align-items:start;margin-bottom:88px}.discipline-copy{position:sticky;top:120px}.discipline-panels{display:grid;gap:14px}.discipline-panel{background:var(--paper);padding:30px;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s var(--ease)}.discipline-panel:nth-child(2){margin-left:9%}.discipline-panel:nth-child(3){margin-right:7%}.discipline-panel:hover{transform:translateX(10px)}.discipline-panel strong{font:600 34px var(--head)}.discipline-panel span{color:var(--muted);font-size:12px;margin-top:8px}
.material-motion{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;margin-bottom:90px}.material-art{height:560px;overflow:hidden;transform:rotate(-1.4deg)}.material-art img{width:100%;height:100%;object-fit:cover}.material-copy{background:var(--paper);padding:38px;transform:translateX(-70px)}
.process-run{margin-bottom:90px}.process-copy{max-width:820px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:28px}.process-step{background:var(--paper);padding:24px;min-height:230px}.process-step span{font:600 34px var(--head);color:var(--copper)}.process-step strong{display:block;font:600 24px var(--head);margin:46px 0 8px}.process-step p{font-size:11px;color:var(--muted);line-height:1.55}.start-project{display:flex;justify-content:space-between;align-items:end;gap:28px;background:var(--charcoal);color:white;padding:38px}.start-project h2{max-width:850px;margin:0}
.page-heading{max-width:920px;padding:34px 0 42px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.project-card{background:var(--paper);padding:9px}.project-card.high{margin-top:70px}.project-card img{width:100%;height:430px;object-fit:cover;display:block}.project-card div{padding:15px 5px}.project-card strong{font:600 28px var(--head)}.project-card span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.discipline-page,.studio-stage,.contact-stage,.project-detail{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:center}.discipline-page.reverse{grid-template-columns:1.22fr .78fr}.discipline-page.reverse .discipline-art{order:-1}.discipline-page-copy,.studio-copy,.contact-copy,.project-detail-copy{padding:30px 0}.discipline-art,.studio-art,.project-detail-art{height:610px;overflow:hidden}.discipline-art img,.studio-art img,.project-detail-art img{width:100%;height:100%;object-fit:cover}.discipline-list,.studio-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:28px}.discipline-list div,.studio-strip div{background:var(--paper);padding:24px;min-height:170px}.discipline-list strong,.studio-strip strong{display:block;font:600 22px var(--head)}.discipline-list span,.studio-strip span{display:block;color:var(--muted);font-size:11px;margin-top:7px}
.process-page{display:grid;gap:1px;background:var(--line)}.process-stage{display:grid;grid-template-columns:120px 1fr;background:var(--paper);padding:26px}.process-stage>span{font:600 48px var(--head);color:var(--copper)}.process-stage strong{font:600 30px var(--head)}.process-stage p{color:var(--muted);font-size:12px;line-height:1.6}
.contact-form{background:var(--paper);padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{padding:12px;border:1px solid var(--line);background:#fff}.form-status{margin-top:12px;color:var(--muted);font-size:11px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:22px 0}.project-meta div{background:var(--paper);padding:13px}.project-meta span{display:block;color:var(--muted);font-size:10px}.project-meta strong{display:block;font-size:12px;margin-top:4px}
.site-footer{padding:34px 3.2vw 44px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;background:#dcd5cb}.site-footer>div{display:flex;flex-direction:column;gap:8px}.site-footer a,.site-footer span{font-size:11px;color:#676b66}
.reveal-block,.reveal-item{opacity:0;transform:translateY(18px)}.is-visible{opacity:1!important;transform:none!important;transition:opacity .65s var(--ease),transform .65s var(--ease)}.image-reveal{clip-path:polygon(0 12%,88% 12%,88% 100%,0 100%);transform:translateY(24px) scale(.97)}.image-reveal.is-visible{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:none!important;transition:clip-path .9s var(--ease),transform .9s var(--ease),opacity .7s var(--ease)}
.motion-cut{position:relative}.motion-cut:after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--copper);opacity:.9}.motion-cut.is-visible:after{animation:lineSweep .75s .15s var(--ease) forwards}@keyframes lineSweep{0%{width:0;opacity:.9}70%{width:100%;opacity:.9}100%{width:100%;opacity:0}}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.site-header{grid-template-columns:1fr auto}.site-header.menu-open .desktop-nav{display:flex;position:absolute;top:100%;left:18px;right:18px;background:var(--paper);padding:18px;flex-direction:column}.hero-kinetic,.discipline-shift,.material-motion,.discipline-page,.discipline-page.reverse,.studio-stage,.contact-stage,.project-detail{grid-template-columns:1fr}.hero-index{grid-column:auto}.discipline-copy{position:relative;top:auto}.material-copy{transform:none}.process-track{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.project-card.high{margin-top:0}.discipline-page.reverse .discipline-art{order:0}.site-footer{grid-template-columns:1fr}}
@media(max-width:620px){main{padding:20px}.site-header{padding:16px 20px}.hero-copy h1,.page-heading h1,.discipline-page-copy h1,.studio-copy h1,.contact-copy h1,.project-detail-copy h1{font-size:50px}.plan-stack{min-height:460px}.sheet-a{width:78%}.sheet-b{width:52%}.sheet-c{width:58%}.hero-index{grid-template-columns:1fr 1fr}.project-line{grid-template-columns:1fr}.project-line img{display:none}.process-track,.discipline-list,.studio-strip{grid-template-columns:1fr}.process-stage{grid-template-columns:70px 1fr}.form-row{grid-template-columns:1fr}.start-project{flex-direction:column;align-items:flex-start}.site-footer{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-block,.reveal-item,.image-reveal{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.motion-cut:after{display:none}}