:root{--dark:#102a21;--green:#17392d;--sage:#a9b7a0;--cream:#f2efe6;--paper:#fbfaf5;--ink:#1d241f;--muted:#687168;--line:rgba(29,36,31,.16);--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font:16px/1.6 var(--sans)}a{color:inherit}img{display:block;width:100%}.skip-link{position:fixed;top:0;left:1rem;transform:translateY(-120%);z-index:100;background:white;padding:.7rem 1rem}.skip-link:focus{transform:none}.preview-label{position:fixed;z-index:50;left:50%;top:0;transform:translateX(-50%);padding:.38rem .9rem;background:#d7ff54;color:#182016;font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:0 0 8px 8px;box-shadow:0 4px 16px #0002}
.site-header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:2rem 4vw;color:white;border-bottom:1px solid #fff3}.brand{display:inline-flex;align-items:center;gap:.9rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid;border-radius:50%;font:italic .9rem var(--serif)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand strong{font:500 1.08rem var(--serif)}.brand small{margin-top:.18rem;font-size:.59rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75}nav{display:flex;align-items:center;gap:2rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}nav a{text-decoration:none}.nav-cta{padding:.75rem 1.05rem;border:1px solid #fff9}.menu-button{display:none;background:none;border:0;padding:.5rem}.menu-button i{display:block;width:24px;height:1px;margin:5px 0;background:white}.menu-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.hero{position:relative;min-height:100svh;color:white;overflow:hidden;display:flex;align-items:flex-end}.hero-image{position:absolute;inset:0;background:url('assets/project-hero.jpg') center 56%/cover no-repeat;transform:scale(1.015);animation:zoom 12s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06140fe8 0%,#06140f72 56%,#06140f2e),linear-gradient(0deg,#06140fc2,transparent 55%)}.hero-content{position:relative;z-index:2;width:min(1450px,84vw);margin:0 0 12rem 8vw}.eyebrow{margin:0 0 1.4rem;color:var(--green);font-size:.69rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow.light{color:#fffb}h1,h2{margin:0;font-family:var(--serif);font-weight:400;line-height:.98;letter-spacing:-.035em}h1{font-size:clamp(4rem,8.4vw,8.4rem)}h1 em{font-weight:400;color:#d8e0d0}.hero-intro{max-width:650px;margin:2rem 0 0;font:clamp(1.1rem,1.8vw,1.45rem)/1.5 var(--serif)}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:205px;padding:1rem 1.2rem;border:1px solid;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.button-light{background:var(--cream);color:var(--dark);border-color:var(--cream)}.text-link{display:inline-flex;align-items:center;gap:.8rem;padding-bottom:.25rem;border-bottom:1px solid;text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.text-link.light{color:white}.hero-meta{position:absolute;z-index:2;right:4vw;bottom:2rem;display:flex;gap:2.5rem}.hero-meta div{display:grid;grid-template-columns:auto 1fr;gap:.7rem;width:150px;padding-top:.8rem;border-top:1px solid #fff6}.hero-meta span{font-size:.62rem;opacity:.65}.hero-meta p{margin:0;font:.9rem/1.35 var(--serif)}
.section{padding:9rem 8vw}.section-number{margin-bottom:5rem;padding-bottom:1rem;border-bottom:1px solid var(--line);font-size:.65rem;font-weight:700;letter-spacing:.18em;color:var(--muted)}.intro{display:grid;grid-template-columns:1.7fr .75fr;gap:8vw}.intro .section-number{grid-column:1/-1;margin-bottom:1rem}.intro h2,.process h2,.projects h2{font-size:clamp(2.7rem,5.3vw,5.4rem)}.intro-aside{align-self:end}.intro-aside p,.statement-copy p,.process-item p,.projects-head>div:last-child p{color:var(--muted)}.image-statement{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:var(--cream)}figure{position:relative;margin:0;overflow:hidden}.image-card{min-height:720px}.image-card img{height:100%;object-fit:cover}figcaption{position:absolute;left:1rem;bottom:1rem;max-width:calc(100% - 2rem);padding:.35rem .55rem;background:#10231bd9;color:#fffd;font-size:.59rem;letter-spacing:.05em}.statement-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.accent{color:var(--sage);font-size:4rem}blockquote{margin:2rem 0;font:clamp(2.4rem,4.2vw,4.4rem)/1.08 var(--serif)}.process-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem}.process-list{margin:6rem 0 0 32%}.process-item{display:grid;grid-template-columns:90px 1fr;gap:1rem;padding:2.2rem 0;border-top:1px solid var(--line)}.process-item:last-child{border-bottom:1px solid var(--line)}.process-item h3{margin:0 0 .6rem;font:400 2rem var(--serif)}.process-item p{margin:0}.projects{background:var(--cream)}.projects-head{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;align-items:end}.projects-head>div:last-child{padding-bottom:.4rem}.projects-head>div:last-child p{margin:0 0 1.8rem}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:5rem}.project-card{height:58vh;min-height:440px}.project-card img{height:100%;object-fit:cover;transition:transform .7s ease}.project-card:hover img{transform:scale(1.025)}.contact{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;padding:9rem 8vw;background:var(--dark);color:white}.contact h2{font-size:clamp(4rem,8vw,8rem)}.contact-details{align-self:end;display:flex;flex-direction:column;gap:2.2rem;min-width:0}.contact-details a{display:flex;justify-content:space-between;gap:2rem;padding-bottom:.8rem;border-bottom:1px solid #fff5;text-decoration:none;font:1.35rem var(--serif);overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;padding:2.2rem 4vw;background:#091c16;color:white;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.footer-note{opacity:.45}.reveal{opacity:0;transform:translateY(28px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}@keyframes zoom{from{transform:scale(1.06)}to{transform:scale(1.015)}}
@media (min-width:901px) and (max-height:850px){.site-header{padding-top:1.25rem;padding-bottom:1.25rem;background:linear-gradient(180deg,#06140f94,transparent)}.hero-content{margin-bottom:3.25rem}h1{font-size:clamp(4.5rem,6.5vw,6.5rem)}.hero-intro{margin-top:1.15rem}.hero-actions{margin-top:1.5rem}.hero-meta{bottom:1rem}}
@media (max-width:900px){.site-header{padding:1.3rem 5vw}.menu-button{display:block;z-index:2}nav{position:absolute;top:0;right:0;display:none;flex-direction:column;align-items:flex-start;width:min(340px,90vw);padding:6rem 2rem 2rem;background:var(--dark);box-shadow:-20px 20px 60px #0004}nav.open{display:flex}.hero-content{margin:0 5vw 8.5rem;width:90vw}.hero-meta{left:5vw;right:5vw;bottom:1.2rem;gap:1rem}.hero-meta div{width:auto;flex:1}.intro,.image-statement,.contact,.projects-head{grid-template-columns:minmax(0,1fr)}.section{padding:6rem 6vw}.image-card{min-height:72vh}.statement-copy{padding:6rem 7vw}.process-head{grid-template-columns:1fr;gap:1rem}.process-list{margin:4rem 0 0}.projects-head{gap:2rem}.project-card{height:48vh;min-height:380px}.contact-details{max-width:520px}}
@media (max-width:560px){.preview-label{font-size:.55rem}.brand strong{font-size:.95rem}.brand-mark{width:2.45rem;height:2.45rem}h1{font-size:clamp(3.2rem,17vw,5.2rem)}.hero-content{margin-bottom:11.5rem}.hero-intro{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr)}.hero-meta div{display:block}.hero-meta p{margin-top:.25rem;font-size:.7rem}.image-card{min-height:600px}blockquote{font-size:2.5rem}.process-item{grid-template-columns:45px 1fr}.project-grid{grid-template-columns:1fr}.project-card{height:68vh;min-height:430px}.contact{padding-top:6rem}.contact h2{font-size:3.7rem}footer{flex-direction:column;align-items:flex-start;gap:1.5rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.reveal{opacity:1;transform:none;transition:none}}