:root{--bg:#f2ede5;--ink:#2d2925;--brown:#745b45;--line:rgba(45,41,37,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.loader{position:fixed;inset:0;z-index:100;background:#1f1c19;color:#f7f1e9;display:grid;place-content:center;justify-items:center;transition:opacity .55s,visibility .55s}.loader.hide{opacity:0;visibility:hidden}.loader-logo,.brand{display:flex;align-items:flex-end;line-height:.72}.loader-logo small,.brand small{font-size:12px;margin:0 -1px 3px 0}.loader-logo strong,.brand strong{font-size:36px;letter-spacing:-2px}.loader-line{width:170px;height:1px;background:#554d46;margin-top:30px;overflow:hidden}.loader-line span{display:block;height:100%;width:0;background:#f7f1e9;transition:width .15s}.loader p{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-top:12px}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;padding:22px 34px;display:flex;justify-content:space-between;align-items:center;color:white;mix-blend-mode:difference}.topbar nav{display:flex;gap:28px;font-size:12px}.topbar .brand strong{font-size:31px}.experience{height:900vh;background:#111}.sticky-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#111}#houseCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.05) 55%,rgba(0,0,0,.08));pointer-events:none}.hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(-48%);color:white;transition:opacity .35s,transform .35s;max-width:760px}.hero-copy.fade{opacity:0;transform:translateY(-42%)}.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,96px);font-weight:400;line-height:.94;letter-spacing:-.045em;margin:20px 0}.hero-copy em,.contact em{font-weight:400;color:#d8c4ad}.lead{font-size:13px;opacity:.78}.chapter{position:absolute;left:7vw;bottom:10vh;color:white;font-family:Georgia,serif;font-size:clamp(22px,2vw,32px);opacity:0;transition:opacity .4s}.chapter.show{opacity:1}.scroll-cue{position:absolute;right:34px;bottom:34px;color:white;font-size:9px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.scroll-cue span{width:35px;height:1px;background:white}.progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:rgba(255,255,255,.15)}.progress span{display:block;height:100%;background:white;transform-origin:left;transform:scaleX(0)}.section{padding:130px 6vw}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:70px}.section-head p{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.section-head h2,.about h2{font:400 clamp(38px,5vw,74px)/1.02 Georgia,serif;letter-spacing:-.035em;margin:0}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project-card{position:relative;overflow:hidden;min-height:55vh;background:#ddd}.project-card.wide{grid-row:span 2;min-height:calc(110vh + 18px)}.project-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s}.project-card:hover img{transform:scale(1.02)}.project-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55))}.project-card div{position:absolute;z-index:2;left:26px;bottom:24px;color:white}.project-card span{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.project-card h3{font:400 28px Georgia,serif;margin:5px 0 0}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:40px}.about>div{max-width:850px}.about p:not(.kicker){font:400 20px/1.6 Georgia,serif;max-width:620px;color:#665e56}.contact{min-height:80vh;background:#342a23;color:#f5eee5;padding:12vh 7vw;display:flex;flex-direction:column;justify-content:center}.contact>p{font-size:11px;text-transform:uppercase;letter-spacing:.18em}.contact h2{font:400 clamp(60px,9vw,140px)/.88 Georgia,serif;letter-spacing:-.055em;margin:24px 0 55px}.contact a{border-bottom:1px solid rgba(255,255,255,.35);padding:16px 0;width:max-content;font-size:13px}.contact a span{margin-left:30px}footer{padding:50px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:11px}.footer-brand{color:var(--brown)}footer p:last-child{text-align:right}@media(max-width:700px){.topbar{padding:18px 18px}.topbar nav{gap:14px}.topbar nav a:nth-child(2){display:none}.topbar .brand strong{font-size:27px}.experience{height:760vh}.hero-copy{left:22px;right:22px;top:55%}.hero-copy h1{font-size:47px}.chapter{left:22px;bottom:12vh}.scroll-cue{right:18px;bottom:24px}.section{padding:90px 18px}.section-head,.about{grid-template-columns:1fr;gap:20px}.section-head{margin-bottom:38px}.project-grid{grid-template-columns:1fr}.project-card,.project-card.wide{min-height:65vh;grid-row:auto}.contact{padding:90px 22px}.contact h2{font-size:64px}footer{grid-template-columns:1fr;gap:18px}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card img{transition:none}}