:root {
  --navy:#24366d;
  --navy-deep:#17264e;
  --cream:#f5efd7;
  --red:#8f001d;
  --paper:#f7f6f2;
  --ink:#171a21;
  --muted:#666b76;
  --line:#dcdde1;
  --white:#fff;
  --shadow:0 18px 45px rgba(18,31,62,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px 14px;z-index:1000}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(247,246,242,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,26,33,.08)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--navy);letter-spacing:.02em}.brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(36,54,109,.18)}
.site-nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:.94rem}.site-nav a{opacity:.82}.site-nav a:hover{opacity:1}.nav-call{background:var(--navy);color:#fff;padding:11px 16px;border-radius:999px;opacity:1!important}
.menu-toggle{display:none;border:0;background:none;font:inherit;font-weight:700;color:var(--navy)}
.hero{position:relative;min-height:760px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding-top:76px}.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 45%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,19,45,.84) 0%,rgba(10,19,45,.62) 43%,rgba(10,19,45,.12) 78%),linear-gradient(0deg,rgba(10,19,45,.5),transparent 45%)}
.hero-content{position:relative;padding:105px 0 64px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;color:var(--cream);margin-bottom:18px}.eyebrow.dark{color:var(--red)}
h1,h2,h3{margin:0;line-height:1.02}h1,h2{font-family:"Playfair Display",Georgia,serif}h1{font-size:clamp(3.6rem,7vw,6.8rem);max-width:840px;letter-spacing:-.035em}.hero p{font-size:1.18rem;max-width:600px;margin:25px 0 30px;color:rgba(255,255,255,.86)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:700;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff}.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}.btn-outline{border:1px solid rgba(245,239,215,.55);color:var(--cream)}.btn-primary.cream{background:var(--cream);color:var(--navy-deep)}
.trust-row{margin-top:55px;display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.75)}.trust-row i{width:4px;height:4px;border-radius:50%;background:var(--cream)}
.section{padding:100px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.intro h2,.section-heading h2,.why-copy h2,.cta-section h2{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.025em}.intro p{font-size:1.15rem;color:var(--muted);margin:0 0 8px}
.services{background:var(--paper)}.section-heading{max-width:760px;margin-bottom:48px}.section-heading p{color:var(--muted);font-size:1.05rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:235px;border-radius:18px;transition:.2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.service-card span{display:block;color:var(--red);font-weight:700;font-size:.78rem;letter-spacing:.12em;margin-bottom:35px}.service-card h3{font-size:1.35rem;margin-bottom:12px;color:var(--navy-deep)}.service-card p{margin:0;color:var(--muted);font-size:.95rem}.service-details{margin-top:22px;background:var(--navy-deep);color:#fff;border-radius:18px;padding:0 26px}.service-details summary{cursor:pointer;padding:20px 0;font-weight:700}.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 20px;padding:0 0 25px;color:rgba(255,255,255,.78);font-size:.9rem}
.work{background:var(--navy-deep);color:#fff}.work-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.work-heading p{color:rgba(255,255,255,.66);margin-bottom:7px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:14px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:16px;background:#101b3a}.gallery figure img{height:100%;object-fit:cover;transition:transform .45s ease}.gallery figure:hover img{transform:scale(1.035)}.gallery figcaption{position:absolute;inset:auto 14px 14px 14px;background:rgba(12,20,44,.68);backdrop-filter:blur(8px);padding:10px 12px;border-radius:10px;font-size:.86rem}.g-wide{grid-column:span 2}.g-tall{grid-row:span 2}
.why{background:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-photo-wrap{position:relative}.why-photo-wrap img{height:610px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}.why-badge{position:absolute;right:-24px;bottom:28px;background:var(--red);color:#fff;font-weight:700;padding:16px 22px;border-radius:12px}.why-copy p{font-size:1.08rem;color:var(--muted);margin:24px 0}.check-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}.check-list li{position:relative;padding-left:28px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}.text-link{font-weight:700;color:var(--navy)}
.cta-section{background:var(--red);color:#fff;padding:95px 0}.cta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.cta-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:32px}.cta-card p{margin-top:0;color:rgba(255,255,255,.75)}.cta-phone{display:block;font-size:clamp(2.1rem,5vw,4.1rem);font-weight:700;letter-spacing:-.03em;margin:8px 0 22px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-card small{display:block;margin-top:20px;color:rgba(255,255,255,.64)}
.site-footer{background:#101725;color:#fff;padding:34px 0 92px}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:54px;height:54px;object-fit:cover;border-radius:50%}.footer-brand div{display:flex;flex-direction:column}.footer-brand span,.footer-copy{color:rgba(255,255,255,.6);font-size:.86rem}.mobile-call{display:none}
@media (max-width:900px){.site-nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#fff;padding:18px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:700px}.hero-overlay{background:linear-gradient(90deg,rgba(10,19,45,.86),rgba(10,19,45,.48)),linear-gradient(0deg,rgba(10,19,45,.55),transparent 48%)}.intro-grid,.why-grid,.cta-grid{grid-template-columns:1fr;gap:40px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-list{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.g-wide{grid-column:span 2}.why-photo-wrap img{height:500px}.why-badge{right:18px}.work-heading{display:block}.footer-grid{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.brand img{width:42px;height:42px}.brand span{font-size:.93rem}.site-nav{top:68px}.hero{min-height:680px;padding-top:68px}.hero-content{padding:92px 0 46px}h1{font-size:clamp(3rem,15vw,4.5rem)}.hero p{font-size:1rem}.trust-row{gap:8px;flex-wrap:wrap;margin-top:36px}.trust-row i{display:none}.trust-row span{border:1px solid rgba(255,255,255,.22);padding:6px 9px;border-radius:999px}.section{padding:72px 0}.intro-grid{gap:24px}.service-grid{grid-template-columns:1fr}.service-list{grid-template-columns:1fr 1fr;font-size:.83rem}.gallery{grid-template-columns:1fr;grid-auto-rows:290px}.g-wide{grid-column:span 1}.g-tall{grid-row:span 1}.why-photo-wrap img{height:430px}.cta-section{padding:72px 0}.cta-card{padding:24px}.footer-copy{padding-bottom:8px}.mobile-call{display:block;position:fixed;z-index:60;left:12px;right:12px;bottom:12px;text-align:center;background:var(--navy);color:#fff;padding:13px 18px;border-radius:999px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25)}}

/* Readability, keyboard navigation, and mobile contact */
:root{--paper:#f4f5f8;--muted:#555d6b}
html{scroll-padding-top:100px}section[id]{scroll-margin-top:100px}
:focus-visible{outline:3px solid #b97820;outline-offset:5px}
.brand small{display:block;font-size:.75rem;letter-spacing:.12em;font-weight:500}
.brand img,.footer-brand img{object-fit:cover;clip-path:circle(49%);scale:1.15}
.eyebrow,.trust-row,.service-card span{font-size:.875rem}.service-card p{font-size:1rem}
h1,h2,h3{line-height:1.12}.hero{min-height:720px}.hero-content{padding-top:85px}
.site-nav a,.menu-toggle{min-height:44px;display:flex;align-items:center}.menu-toggle{display:none}
.gallery figcaption{font-size:.9375rem;background:rgba(12,20,44,.88)}
.cta-card small,.footer-copy,.footer-brand span{font-size:.875rem;color:#cbd0dc}
.mobile-contact{display:none}.service-card,.service-details,.gallery figure,.why-photo-wrap img,.cta-card{border-radius:8px}
@media(max-width:900px){.menu-toggle{display:flex;padding:10px}.nav-wrap{gap:12px}.site-nav a{padding:10px 12px}}
@media(max-width:620px){.hero{min-height:640px}.hero-content{padding-top:70px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{flex:none;min-width:0;width:100%;min-height:52px;padding:14px 16px;text-align:center;line-height:1.4}.trust-row{letter-spacing:.035em}.mobile-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;z-index:60;bottom:0;left:0;right:0;background:#fff;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0002}.mobile-contact a{display:flex;align-items:center;justify-content:center;min-height:52px;min-width:0;padding:8px 6px;text-align:center;line-height:1.35;background:var(--navy);color:white;border-radius:6px;font-weight:700}.mobile-contact a:first-child{flex-direction:column;gap:2px}.mobile-contact .contact-number{font-size:.875rem;white-space:nowrap}.mobile-contact a:last-child{background:var(--red)}.site-footer{padding-bottom:125px}.service-list{font-size:1rem;grid-template-columns:1fr}.brand small{font-size:.75rem}.hero h1{font-size:clamp(2.7rem,12vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.gallery .project-drawing {background:#fff;}
.gallery .project-drawing img {object-fit:contain;padding-bottom:64px;}