:root{--ink:#1e211d;--paper:#eee9df;--warm:#d5c6b3;--line:rgba(30,33,29,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;padding:24px 3vw;display:flex;justify-content:space-between;align-items:center;color:#fff;mix-blend-mode:difference}.brand{font-size:15px;letter-spacing:.28em;font-weight:500}.nav nav{display:flex;gap:32px;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.menu{display:none;border:0;background:transparent;color:inherit}.hero{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#151713;color:#fff}.hero-frame{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1.8s ease,transform 8s ease}.hero-frame.active{opacity:1;transform:scale(1)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,6,.5),rgba(7,8,6,.1) 65%),linear-gradient(0deg,rgba(7,8,6,.35),transparent 55%)}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.eyebrow,.index{font-size:10px;letter-spacing:.24em;text-transform:uppercase}.hero h1{font-family:'Italiana',serif;font-size:clamp(68px,13vw,188px);font-weight:400;letter-spacing:.08em;margin:16px 0 0;line-height:.85}.descriptor{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-top:30px}.explore{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.explore span{margin-left:12px}.pad{padding:140px 6vw}.manifesto{display:grid;grid-template-columns:1fr 2.3fr;gap:5vw;align-items:start}.manifesto h2,.section-head h2,.statement h2,.studio h2,.contact h2{font-family:'Italiana',serif;font-size:clamp(44px,6.4vw,92px);font-weight:400;line-height:1.04;margin:0}.manifesto h2{grid-column:2}.manifesto em,.contact em{font-weight:400;color:#8a735e}.intro{grid-column:2;max-width:600px;font-size:17px;line-height:1.8;margin:50px 0 0 auto}.section-head{display:grid;grid-template-columns:1fr 2.3fr;margin-bottom:80px}.section-head h2{grid-column:2}.project{margin-bottom:120px}.project-image{display:block;position:relative;overflow:hidden;background:#bbb}.project-image img{height:min(70vw,800px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-image span{position:absolute;right:24px;bottom:24px;background:rgba(238,233,223,.95);padding:14px 18px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:0;transform:translateY(8px);transition:.35s}.project-image:hover img{transform:scale(1.025)}.project-image:hover span{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;gap:30px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.project-meta>div{display:flex;gap:30px}.project-meta p{font-size:11px;line-height:1.7;text-transform:uppercase;letter-spacing:.1em;margin:0}.project-meta h3{font-family:'Italiana',serif;font-weight:400;font-size:26px;margin:0}.number{opacity:.6}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.project-grid .project-image img{height:65vw;max-height:850px}.project.offset{margin-top:180px}.statement{height:100svh;min-height:700px;position:relative;color:#fff;overflow:hidden}.statement>img{height:100%;filter:brightness(.62)}.statement-copy{position:absolute;left:6vw;bottom:11vh}.statement h2{margin-top:20px}.services{background:#20231f;color:#e9e4da}.service-list{margin:100px 0 0 31%;border-top:1px solid rgba(255,255,255,.22)}.service-list>div{display:grid;grid-template-columns:70px 1fr 1fr;gap:20px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.22);align-items:start}.service-list span{font-size:10px;opacity:.5}.service-list h3{font-family:'Italiana',serif;font-size:31px;font-weight:400;margin:0}.service-list p{font-size:13px;line-height:1.7;margin:0;max-width:360px}.process-track{display:flex;align-items:center;justify-content:space-between;margin:80px 0 120px;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.process-track i{height:1px;background:var(--line);flex:1;margin:0 25px}.detail-pair{display:grid;grid-template-columns:1.1fr .9fr;gap:3vw;align-items:end}.detail-pair img:first-child{height:60vw;max-height:760px}.detail-pair img:last-child{height:42vw;max-height:590px}.studio{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;background:#d5c7b6;align-items:center}.studio-copy p:last-child{font-size:16px;line-height:1.9;max-width:580px;margin-top:50px}.studio img{height:65vw;max-height:800px}.contact{padding-bottom:35px}.contact .index{margin-bottom:60px}.contact-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);font-size:16px;text-transform:uppercase;letter-spacing:.12em;padding:80px 0 18px;margin-top:20px}.contact footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:130px;padding-top:20px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.nav{padding:20px}.nav nav{display:none;position:absolute;right:20px;top:55px;flex-direction:column;text-align:right}.nav nav.open{display:flex}.menu{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.hero h1{font-size:20vw}.descriptor{font-size:9px}.pad{padding:90px 22px}.manifesto,.section-head{display:block}.manifesto h2,.section-head h2{margin-top:35px}.intro{margin-top:35px}.project-grid{display:block}.project.offset{margin-top:0}.project{margin-bottom:80px}.project-image img,.project-grid .project-image img{height:72vh}.project-meta{display:block}.project-meta>div{margin-bottom:15px}.statement-copy{left:22px}.service-list{margin:60px 0 0}.service-list>div{grid-template-columns:42px 1fr}.service-list p{grid-column:2}.process-track{display:grid;grid-template-columns:1fr 1fr;gap:25px}.process-track i{display:none}.detail-pair{gap:10px}.studio{display:block}.studio img{height:70vh;margin-top:60px}.contact footer{gap:15px;flex-wrap:wrap}}