:root{--ink:#0b0d0c;--charcoal:#171a18;--gold:#b58a3c;--gold-light:#d5b36c;--ivory:#f3efe5;--stone:#c9c1b2;--muted:#827b70;--max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.65}img{display:block;max-width:100%}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--gold);color:#000;padding:.75rem 1rem;z-index:999}.skip-link:focus{top:1rem}.site-header{position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.18);background:linear-gradient(#080a09d9,transparent)}.site-header.solid{position:relative;background:var(--ink)}.nav-wrap{width:min(var(--max),calc(100% - 40px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:1.15rem;letter-spacing:.12em;text-decoration:none;color:#fff;text-transform:uppercase}.brand span{color:var(--gold-light)}.nav-toggle{display:none;background:none;border:1px solid #ffffff66;color:#fff;padding:.55rem .7rem;font:inherit}.main-nav{display:flex;gap:2rem;align-items:center}.main-nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:.76rem;letter-spacing:.18em}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--gold-light)}.hero{min-height:100svh;display:grid;place-items:center;position:relative;background:center/cover no-repeat url('images/monitor-rock/mr01-monitorrock-front-elevation-primary-street-view.jpg');color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,5,.88) 0%,rgba(4,6,5,.56) 48%,rgba(4,6,5,.24) 100%),linear-gradient(0deg,rgba(4,6,5,.64),transparent 55%)}.hero-content{position:relative;width:min(var(--max),calc(100% - 40px));padding:140px 0 90px}.hero-logo{width:min(620px,78vw);height:auto;margin-bottom:2.2rem;filter:drop-shadow(0 8px 28px #000)}.eyebrow{color:var(--gold-light);text-transform:uppercase;letter-spacing:.22em;font-weight:bold;font-size:.74rem}.hero h1,.page-hero h1{font-family:var(--serif);font-weight:400;line-height:1.06;font-size:clamp(3rem,7vw,6.6rem);max-width:900px;margin:.55rem 0 1.25rem}.hero p{max-width:650px;color:#e7e0d5;font-size:clamp(1rem,1.5vw,1.2rem)}.button{display:inline-block;margin-top:1rem;background:var(--gold);color:#0b0d0c;padding:.9rem 1.35rem;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:bold;border:1px solid var(--gold);cursor:pointer}.button:hover{background:var(--gold-light)}.button.ghost{background:transparent;color:#fff;border-color:#ffffff80;margin-left:.65rem}.section{padding:clamp(70px,9vw,120px) 20px}.container{width:min(var(--max),100%);margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}.section h2{font-family:var(--serif);font-size:clamp(2.3rem,4.5vw,4.5rem);font-weight:400;line-height:1.08;margin:.4rem 0 1.2rem}.lead{font-family:var(--serif);font-size:1.35rem;line-height:1.55}.feature-image{height:min(72vw,640px);width:100%;object-fit:cover}.dark{background:var(--charcoal);color:var(--ivory)}.dark p{color:#cfc7b8}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#5c5141;margin-top:3rem}.service{background:var(--charcoal);padding:2rem}.service strong{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:var(--gold-light)}.service p{font-size:.93rem}.page-hero{min-height:54vh;background:var(--ink);color:#fff;display:flex;align-items:end;padding:160px 20px 70px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #b58a3c55;border-radius:50%;right:-90px;top:70px}.page-hero .container{position:relative;z-index:1}.page-hero p{max-width:690px;color:#cfc7b8}.process{counter-reset:step;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d2c9ba;margin-top:3rem}.process article{background:var(--ivory);padding:2.4rem}.process article:before{counter-increment:step;content:"0" counter(step);color:var(--gold);letter-spacing:.15em}.process h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin:.4rem 0}.quote{border-left:3px solid var(--gold);padding-left:1.5rem;font-family:var(--serif);font-size:1.6rem}.portfolio-intro{display:flex;justify-content:space-between;gap:2rem;align-items:end}.filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:2rem 0}.filter{border:1px solid #a79f91;background:transparent;padding:.65rem .9rem;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{position:relative;background:#111;color:white;min-height:460px;overflow:hidden;cursor:pointer}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.86))}.project-card:hover img{transform:scale(1.04)}.project-card div{position:absolute;z-index:2;inset:auto 1.6rem 1.5rem}.project-card h2{font-size:2.2rem;color:#fff;margin:0}.project-card p{margin:.25rem 0;color:#ddd}.gallery-modal{border:0;padding:0;background:#0d0f0e;color:#fff;width:min(1100px,94vw);max-height:92vh}.gallery-modal::backdrop{background:#000c}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem}.modal-head h2{font-family:var(--serif);font-weight:400;margin:0}.close-modal{background:none;border:1px solid #ffffff66;color:#fff;font-size:1.4rem;width:42px;height:42px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 5px 5px;overflow:auto;max-height:75vh}.modal-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,100px)}.contact-details a{text-decoration:none}.contact-details hr{border:0;border-top:1px solid #c8bfaf;margin:2rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.field{display:flex;flex-direction:column;gap:.45rem}.field.full{grid-column:1/-1}label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:bold}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fffdf8;border:1px solid #bdb4a5;padding:.85rem}textarea{min-height:150px;resize:vertical}.honeypot{position:absolute;left:-9999px}.form-note{font-size:.83rem;color:#6f685e}.status{padding:1rem;margin-bottom:1rem;background:#e2d4b6}.logo-footer{background:#090b0a;padding:clamp(60px,8vw,100px) 20px;text-align:center;border-top:1px solid var(--gold)}.logo-footer img{width:min(740px,92vw);margin:auto}.site-footer{background:#050706;color:#bdb6aa;padding:2rem 20px}.footer-row{width:min(var(--max),100%);margin:auto;display:flex;justify-content:space-between;gap:1rem;font-size:.82rem}.footer-row a{color:var(--gold-light)}
@media(max-width:760px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:#090b0af5;padding:1.3rem 20px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.hero-content{padding-top:130px}.hero-logo{width:min(92vw,520px)}.split,.contact-grid{grid-template-columns:1fr}.services,.process{grid-template-columns:1fr}.portfolio-intro{display:block}.project-grid{grid-template-columns:1fr}.project-card{min-height:380px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-grid{grid-template-columns:1fr 1fr}.footer-row{flex-direction:column}.button.ghost{margin-left:0;display:table}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card img{transition:none}}
.process article{font-weight:600}.process article:before{font-weight:800}.process h3{font-weight:700}.process p{font-weight:600}
.dark .process article{color:var(--ink);font-weight:600}.dark .process article p{color:#2a2925;font-weight:600}.process article:before{font-weight:400}