
:root{
  --black:#0b0f12;--charcoal:#151b1f;--silver:#c9cdd0;--line:#d9d9d9;
  --white:#fff;--ink:#111;--muted:#656a6e;--serif:Georgia,'Times New Roman',serif;
  --sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}
a{color:inherit;text-decoration:none} img{display:block;width:100%}
.site{max-width:1440px;margin:auto;background:#fff;box-shadow:0 0 45px rgba(0,0,0,.08)}
.header{height:112px;background:linear-gradient(90deg,#11171b,#090d10 68%,#151b1f);color:#fff;display:flex;align-items:center;padding:0 34px;gap:30px;position:relative;z-index:20}
.brand{width:270px;flex:0 0 270px}.brand img{height:66px;width:auto;object-fit:contain}
.nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.nav a{padding:8px 0;border-bottom:1px solid transparent;white-space:nowrap}.nav a:hover,.nav a.active{border-bottom-color:#fff}
.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-left:10px}
.license{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#ddd;white-space:nowrap}
.callbox{border:1px solid #979da1;padding:14px 19px;font-weight:700;letter-spacing:.08em;font-size:12px}
.hero-inner{min-height:520px;display:grid;grid-template-columns:48% 52%;background:#f6f6f4;border-bottom:1px solid #e4e4e4}
.hero-copy{padding:74px 44px 58px;display:flex;flex-direction:column;justify-content:center}
.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.26em;margin-bottom:18px;color:#43484b}
.hero-copy h1{font-family:var(--serif);font-weight:400;font-size:62px;line-height:1.02;margin:0 0 22px;letter-spacing:-.025em}
.hero-copy p{font-family:var(--serif);font-size:20px;line-height:1.5;color:#414649;max-width:650px;margin:0 0 28px}
.hero-photo{min-height:520px;background-size:cover;background-position:center}
.buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;text-transform:uppercase;letter-spacing:.07em;font-size:11px;padding:15px 18px;border:1px solid #b6b8b9;background:linear-gradient(#f5f5f5,#dfe1e2);min-width:220px}
.btn.dark{background:#11171b;color:#fff;border-color:#11171b}.btn:hover{filter:brightness(.97)}.arrow{font-size:20px}
.credential-band{min-height:106px;background:#0d1215 url('../assets/credential-leaves.jpg') center/cover no-repeat;color:#e8eaeb;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;text-transform:uppercase;letter-spacing:.23em;font-size:9px;border-top:1px solid #222b30;border-bottom:1px solid #222b30}
.content{padding:54px 44px}.content.narrow{max-width:1120px;margin:auto}
.lead-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}
.content h2{font-family:var(--serif);font-size:42px;line-height:1.08;font-weight:400;margin:0 0 18px}
.content h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:32px 0 10px}
.content p{margin:0 0 16px}.content ul{padding-left:20px;margin:8px 0 22px}.content li{margin:7px 0}
.aside{border-left:1px solid #c7c9ca;padding-left:28px}.aside h3{font-family:var(--serif);font-size:26px;margin-top:0}
.fact{border-top:1px solid #ddd;padding:16px 0}.fact strong{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:11px;margin-bottom:5px}.fact span{color:#666}
.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:35px 0}.photo-strip img{height:250px;object-fit:cover}
.section-alt{background:#f4f4f2;border-top:1px solid #e0e0de;border-bottom:1px solid #e0e0de;padding:52px 44px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-card{border-right:1px solid #d4d5d5;padding-right:18px}.process-card:last-child{border-right:none}.process-card span{display:block;font-family:var(--serif);font-size:34px;color:#9b9fa2}.process-card h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:7px 0}.process-card p{color:#555}
.faq{max-width:1080px;margin:auto;padding:52px 44px}.faq h2{font-family:var(--serif);font-size:42px;font-weight:400;margin-top:0}.faq details{border-top:1px solid #ccc;padding:17px 0}.faq details:last-child{border-bottom:1px solid #ccc}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#555;margin:10px 0 0}
.related{padding:48px 44px}.related h2{font-family:var(--serif);font-size:38px;font-weight:400}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #d8d8d8;background:#fff;overflow:hidden}.card img{height:205px;object-fit:cover}.card-body{padding:20px}.card h3{font-family:var(--serif);font-weight:400;font-size:25px;margin:0 0 6px}.card p{color:#666;margin:0 0 14px}.text-link{text-transform:uppercase;letter-spacing:.08em;font-size:10px;border-bottom:1px solid #888;padding-bottom:4px}
.cta{min-height:180px;background:#0c1114 url('../assets/cta-leaves.jpg') center/cover no-repeat;color:white;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:38px 50px}.cta h2{font-family:var(--serif);font-size:46px;font-weight:400;margin:0 0 5px}.cta p{margin:0;color:#d8dbdd}.cta .btn{min-width:300px}
.footer{background:linear-gradient(#12181c,#0a0e11);color:#dfe1e2}.footer-main{display:grid;grid-template-columns:280px 1fr 260px;align-items:center;padding:25px 35px;border-bottom:1px solid #2a3034}.footer-brand img{height:58px;width:auto}.footer-nav{display:flex;justify-content:center;gap:28px;text-transform:uppercase;font-size:9px}.footer-area{text-align:right;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.footer-bottom{display:flex;justify-content:space-between;padding:20px 35px 25px;font-size:9px;color:#aeb2b5}.footer-bottom .links{text-transform:uppercase;letter-spacing:.16em}
.project-hero{min-height:470px;position:relative;background-size:cover;background-position:center;display:flex;align-items:end}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18))}.project-hero .overlay{position:relative;z-index:1;color:white;padding:54px 46px;max-width:820px}.project-hero h1{font-family:var(--serif);font-size:56px;line-height:1.02;font-weight:400;margin:0 0 12px}.project-hero p{font-size:17px;color:#eceeef}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-box{border:1px solid #ddd;padding:24px}.project-box h3{margin-top:0}
.notice{border-left:4px solid #9ca0a3;background:#f1f1ef;padding:16px 18px;margin:24px 0;color:#51565a}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-panel{border:1px solid #ddd;padding:28px}.contact-panel h3{margin-top:0}
@media(max-width:1050px){
  .header{height:auto;min-height:100px;flex-wrap:wrap;padding:18px 24px}.brand{width:230px;flex-basis:230px}.nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;margin:0}.header-right{margin-left:auto}
  .hero-inner{grid-template-columns:1fr}.hero-photo{min-height:420px;order:-1}.hero-copy h1{font-size:52px}.lead-grid,.contact-layout{grid-template-columns:1fr}.aside{border-left:none;border-top:1px solid #ccc;padding:24px 0 0}.process-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;text-align:center;gap:18px}.footer-area{text-align:center}.footer-bottom{flex-direction:column;gap:10px;text-align:center}
}
@media(max-width:680px){
  .header-right{width:100%;align-items:center}.nav{gap:17px}.hero-copy{padding:45px 24px}.hero-copy h1{font-size:43px}.content,.section-alt,.faq,.related{padding:38px 24px}.photo-strip{grid-template-columns:1fr}.photo-strip img{height:230px}.process-grid,.cards,.project-grid{grid-template-columns:1fr}.process-card{border-right:none;border-bottom:1px solid #ddd;padding-bottom:18px}.cta{padding:35px 24px}.cta h2{font-size:38px}.cta .btn{min-width:0;width:100%}.footer-nav{flex-wrap:wrap}.footer-bottom{padding:18px 24px}.project-hero .overlay{padding:38px 24px}.project-hero h1{font-size:43px}
}
