:root{--bg:#deddd8;--paper:#efeee9;--ink:#11120f;--acid:#ff5d27;--line:rgba(17,18,15,.22)}
body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.scroll-progress{color:var(--acid)}
.hero{min-height:100svh;padding:28px 3vw max(36px,env(safe-area-inset-bottom));display:flex;flex-direction:column;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero:after{content:"";position:absolute;right:3vw;top:18%;width:20vw;height:20vw;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 4vw rgba(255,255,255,.05),0 0 0 8vw rgba(255,255,255,.035)}
.site-nav{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;font-size:9px;letter-spacing:.17em;text-transform:uppercase}.logo{font-weight:850;font-size:12px}.desktop-links{display:flex;justify-content:center;gap:25px}.nav-side{display:flex;justify-content:flex-end;align-items:center}.nav-contact{border-bottom:1px solid currentColor;padding:8px 0}
.hero-main{position:relative;z-index:2;margin:auto 0 0;padding-top:120px}.kicker{display:flex;gap:12px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.18em}.kicker span{width:8px;height:8px;border-radius:50%;background:var(--acid)}.hero h1{margin:23px 0 0;font-size:clamp(84px,15.3vw,222px);line-height:.69;letter-spacing:-.09em;font-weight:900}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:end;margin-top:54px;padding-top:22px;border-top:1px solid var(--line)}.hero-bottom p{max-width:460px;margin:0;font-size:13px;line-height:1.55}.hero-bottom div:nth-child(2){text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.hero-bottom div:last-child{text-align:right;font-size:28px;font-weight:800}
.projects{padding:82px 3vw 110px;background:var(--paper)}.section-line{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.17em}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.project{position:relative;overflow:hidden;min-height:570px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s ease}.project:hover{transform:translateY(-4px)}.project.one{background:linear-gradient(145deg,#a4a29d,#d0cdc4 50%,#7f817b)}.project.two{background:linear-gradient(145deg,#39403c,#929b93);color:#fff}.project.three{grid-column:1/-1;min-height:640px;background:linear-gradient(135deg,#c67a4c,#d6b593 48%,#6f6a62)}.project:before{content:"";position:absolute;opacity:.72}.project.one:before{left:16%;bottom:0;width:62%;height:72%;background:#c1beb4;clip-path:polygon(12% 22%,62% 0,92% 19%,100% 100%,0 100%)}.project.two:before{inset:17% 12% 0 30%;border:1px solid rgba(255,255,255,.33);background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.28) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(255,255,255,.28) 50%,transparent 50.3%)}.project.three:before{right:12%;top:12%;width:43%;height:68%;background:linear-gradient(90deg,#76685a 0 24%,#cbb18f 24% 48%,#615c55 48% 51%,#bd9a70 51% 100%);clip-path:polygon(0 12%,86% 0,100% 100%,7% 100%)}.project-top,.project-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px}.project-top{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.project-bottom{align-items:end}.project h2{margin:0;font-size:clamp(46px,6vw,90px);line-height:.84;letter-spacing:-.075em}.project-meta{text-align:right;font-size:10px;line-height:1.55;text-transform:uppercase;letter-spacing:.1em}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--acid)}.ticker-track{width:max-content;display:flex;animation:ticker 28s linear infinite}.ticker-track span{display:flex;align-items:center;gap:28px;padding:18px 14px;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.ticker-track span:after{content:"●";font-size:7px}@keyframes ticker{to{transform:translateX(-50%)}}
.practice{padding:110px 3vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.practice-label{font-size:9px;text-transform:uppercase;letter-spacing:.18em}.practice-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.practice-row strong{font-size:clamp(36px,5.4vw,76px);line-height:.9;letter-spacing:-.065em}.practice-row small{font-size:9px}.manifesto{padding:110px 3vw;background:#151613;color:#e9e8e2;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.manifesto h2{margin:0;font-size:clamp(54px,8vw,118px);line-height:.78;letter-spacing:-.08em}.manifesto-copy{align-self:end;max-width:560px}.manifesto-copy p{font:17px/1.7 Georgia,serif;color:#bbbcb5}.manifesto-copy a{display:inline-flex;margin-top:24px;padding-bottom:6px;border-bottom:1px solid #e9e8e2;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer{padding:27px 3vw;background:#151613;color:#777a74;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.footer div:nth-child(2){text-align:center}.footer div:last-child{text-align:right}.mobile-menu{background:#deddd8;color:#11120f}
@media(max-width:760px){.hero{padding:74px 18px 28px;min-height:92svh}.site-nav{grid-template-columns:1fr auto}.nav-contact{display:none}.hero-main{padding-top:72px}.hero h1{font-size:clamp(82px,29vw,150px);line-height:.68}.hero-bottom{grid-template-columns:1fr auto;gap:20px;margin-top:40px}.hero-bottom div:nth-child(2){display:none}.hero-bottom div:last-child{font-size:24px}.projects{padding:68px 12px 80px}.section-line{margin:0 6px 20px}.project-grid{grid-template-columns:1fr;gap:10px}.project,.project.three{grid-column:auto;min-height:425px;padding:18px}.project h2{font-size:clamp(48px,16vw,74px)}.project-meta{font-size:9px}.ticker-track{animation-duration:34s}.practice{padding:80px 20px;grid-template-columns:1fr;gap:35px}.practice-row{gap:12px}.practice-row strong{font-size:clamp(38px,12vw,58px)}.manifesto{padding:82px 20px;grid-template-columns:1fr;gap:55px}.manifesto h2{font-size:clamp(60px,20vw,96px)}.footer{grid-template-columns:1fr;line-height:1.5}.footer div:nth-child(2),.footer div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}