:root{
  --black:#080808;--ink:#111;--white:#f5f3ee;--muted:#aaa7a0;
  --gold:#d6aa50;--blue:#1767c8;--line:rgba(255,255,255,.14);
  --serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);line-height:1.6}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");z-index:50}
.site-header{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;z-index:40;mix-blend-mode:normal;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.16em}.brand img{width:34px;height:34px;object-fit:contain}.nav{display:flex;gap:32px}.nav a{color:#fff;text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:.14em;opacity:.8}.nav a:hover{opacity:1;color:var(--gold)}.menu-toggle{display:none;background:none;border:0}
.hero{height:100svh;min-height:700px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;filter:saturate(.8)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%)}.hero-content{position:relative;z-index:2;padding:0 7vw 10vh;max-width:850px}.eyebrow,.kicker,.section-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}.hero h1{font-size:clamp(58px,9vw,132px);line-height:.88;letter-spacing:-.06em;margin:22px 0 26px}.hero h1 em,h2 em{font-family:var(--serif);font-weight:500;color:var(--gold)}.hero-copy{font-size:clamp(17px,2vw,24px);max-width:520px;color:#ddd;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:28px;color:#111;background:var(--gold);padding:15px 21px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.button span{font-size:16px}.button-light{background:#fff}.scroll-mark{position:absolute;right:5vw;bottom:42px;z-index:3;font-size:10px;letter-spacing:.2em;color:#fff}.scroll-mark span{font-size:18px;margin-left:10px}
.section{padding:120px 7vw}.section-label{margin-bottom:65px}.manifesto{background:var(--white);color:var(--ink)}.manifesto .section-label{color:#8f6d2b}.manifesto-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;max-width:1200px}.quote{font-family:var(--serif);font-size:clamp(32px,4vw,62px);line-height:1.12;margin:0}.manifesto p:not(.quote){color:#555;font-size:17px}.lead{font-size:25px!important;line-height:1.35;color:#222!important}.text-link{display:inline-flex;gap:18px;color:inherit;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:8px;margin-top:18px}.text-link span{font-size:17px;line-height:10px}
.seeing{background:#111}.seeing-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.seeing h2,.services h2,.projects h2,.contact h2{font-size:clamp(65px,10vw,145px);line-height:.82;letter-spacing:-.06em;margin:0}.seeing-head>p{max-width:330px;color:var(--muted);font-size:17px}.seeing-head h2 span{font-family:var(--serif);color:var(--gold)}.seeing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:90px}.seeing-grid article{background:#111;padding:38px 34px;min-height:320px}.number{color:var(--gold);font-size:12px;letter-spacing:.15em}.seeing h3{font-size:27px;margin:48px 0 0}.small-title{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.13em}.seeing-grid p:last-child{color:#aaa;max-width:360px}
.services{background:#f0eee8;color:#111}.services .section-label{color:#8f6d2b}.services-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:70px}.services-intro p{max-width:390px;color:#666}.services h2 em{color:#8f6d2b}.service-list{border-top:1px solid #bbb}.service-list>div{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;padding:23px 0;border-bottom:1px solid #bbb;transition:.25s}.service-list>div:hover{padding-left:15px;background:#e7e3da}.service-list span:first-child{font-size:11px;color:#8f6d2b}.service-list h3{font-size:clamp(22px,3vw,38px);margin:0;font-weight:500}.arrow{font-size:20px}
.projects{background:#080808}.projects-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:80px}.projects-head p{max-width:370px;color:#999}.project-feature{display:grid;grid-template-columns:1.45fr .55fr;min-height:620px;background:#111;margin-bottom:2px}.project-image{overflow:hidden;background:#161616}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-card:hover img,.project-feature:hover img,.construction-feature:hover img{transform:scale(1.035)}.project-feature .tall{min-height:620px}.project-meta{padding:55px;display:flex;flex-direction:column;justify-content:flex-end}.project-meta h3,.construction-feature h3{font-family:var(--serif);font-size:clamp(44px,5vw,76px);font-weight:500;line-height:1;margin:15px 0 25px}.project-meta p:not(.kicker){color:#aaa}.meta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.meta-row span{border:1px solid #333;padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.project-card{background:#111}.project-card.wide{grid-column:span 2}.project-card .project-image{height:440px}.project-card.wide .project-image{height:570px}.card-meta{padding:22px 26px 35px}.card-meta>span{font-size:9px;letter-spacing:.18em;color:var(--gold)}.card-meta h3{font-size:28px;margin:8px 0 5px}.card-meta p{color:#888;margin:0;max-width:650px}.construction-feature{display:grid;grid-template-columns:1.3fr .7fr;background:#c5a15b;color:#111;margin-top:2px;min-height:550px}.construction-feature .project-image{min-height:550px}.construction-feature>div:last-child{padding:55px;display:flex;flex-direction:column;justify-content:center}.construction-feature .kicker{color:#111}.construction-feature h3{font-family:var(--sans);font-weight:600}.construction-feature p:not(.kicker){color:#302817}
.principles{background:#151515}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.principles-grid>div{padding:50px 35px;background:#151515;min-height:250px}.principles-grid span{font-size:13px;letter-spacing:.2em;color:var(--gold)}.principles-grid p{font-family:var(--serif);font-size:28px;line-height:1.25}
.contact{background:#eeeae1;color:#111}.contact .section-label{color:#8f6d2b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2 em{color:#8f6d2b}.contact-details{max-width:500px;align-self:end}.contact-details>p{color:#666;font-size:17px;margin-bottom:40px}.contact-line{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #bbb;color:#111;text-decoration:none;font-size:16px}.contact-line:last-of-type{border-bottom:1px solid #bbb}.contact-details .button{margin-top:35px}
.footer{padding:35px 7vw 45px;background:#080808;border-top:1px solid #222;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:42px;height:42px;object-fit:contain}.footer-brand strong{display:block;letter-spacing:.18em}.footer-brand small{font-size:8px;color:#777;letter-spacing:.12em}.footer-links{display:flex;gap:22px;font-size:11px;color:#777;flex-wrap:wrap}.footer-links a{color:#aaa;text-decoration:none}.footer>p{font-size:10px;color:#555;margin:0}
@media(max-width:800px){
 .site-header{height:70px;padding:0 5vw}.nav{position:fixed;inset:70px 0 auto 0;background:#090909;display:none;flex-direction:column;padding:35px 7vw;border-bottom:1px solid #222}.nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:26px;height:1px;background:#fff}.brand span{display:none}
 .hero{min-height:650px}.hero-content{padding:0 7vw 11vh}.hero h1{font-size:clamp(58px,16vw,95px)}.scroll-mark{display:none}
 .section{padding:85px 7vw}.section-label{margin-bottom:45px}.manifesto-grid,.seeing-head,.services-intro,.projects-head,.contact-grid{display:block}.quote{margin-bottom:45px}.seeing-head>p,.services-intro p,.projects-head p{margin-top:35px}.seeing-grid,.principles-grid{grid-template-columns:1fr}.seeing-grid{margin-top:55px}.seeing-grid article{min-height:auto;padding:35px 25px}.seeing h3{margin-top:30px}
 .service-list h3{font-size:20px}.service-list>div{grid-template-columns:40px 1fr 25px}.project-feature,.construction-feature{grid-template-columns:1fr}.project-feature .tall,.construction-feature .project-image{min-height:430px}.project-meta,.construction-feature>div:last-child{padding:35px}.project-grid{grid-template-columns:1fr}.project-card.wide{grid-column:span 1}.project-card .project-image,.project-card.wide .project-image{height:360px}.footer{grid-template-columns:1fr}.footer>p{margin-top:15px}
}