:root{--navy:#0d233c;--gold:#bd8b36;--cream:#fbfaf7}*{box-sizing:border-box}body{margin:0;font:16px/1.6 Arial,sans-serif;color:var(--navy);background:var(--cream)}a{color:inherit}header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:4}.header-inner{max-width:1200px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:23px;font-weight:900;font-style:italic;letter-spacing:1px;text-decoration:none}.brand span{color:var(--gold)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;font-weight:700}nav a:hover,nav a[aria-current=page]{color:#9b6c25}.contact-strip{background:#0c1d31;color:white;text-align:right;padding:6px max(24px,calc((100vw - 1200px)/2));font-size:13px}.contact-strip a{margin-right:20px;text-decoration:none}.container{max-width:1150px;margin:auto;padding:0 24px}section{padding:72px 0}h1{font-size:clamp(34px,5vw,55px);line-height:1.1}h2{font-size:clamp(28px,4vw,38px);line-height:1.2}.eyebrow{text-transform:uppercase;color:#966d2f;font-size:12px;letter-spacing:2px;font-weight:bold}.btn{display:inline-block;background:var(--gold);color:#071a30;padding:12px 22px;border:0;border-radius:5px;font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary{background:var(--navy);color:white}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{padding:28px;background:white;border-top:4px solid var(--gold);box-shadow:0 5px 24px #0000000d}.dark{background:var(--navy);color:white}.dark p{color:#dce4ee}.intro{max-width:760px}.hero-art{position:relative;width:100%;max-width:1536px;margin:0 auto;line-height:0}.hero-art img{width:100%;height:auto;display:block}.hero-link{position:absolute;display:block;top:65.5%;height:8%;border-radius:6px}.hero-link:focus-visible{outline:4px solid #c69538}.hero-quote{left:3%;width:23%}.hero-services{left:26.6%;width:13%}.hero-contact-overlay{position:absolute;top:0;right:0;height:7.4%;width:45%;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:2.5%;padding-right:3%;font:700 clamp(7px,1.05vw,16px) Arial;line-height:1.2}.hero-contact-overlay a{text-decoration:none;color:#091d36;white-space:nowrap}.hero-nav-links{position:absolute;top:8.7%;left:39%;width:60%;height:6%;display:flex;justify-content:space-around}.hero-nav-links a{flex:1}.hero-nav-links a:focus-visible{outline:3px solid #b88a3b}.mobile-hero{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #aeb9c5;border-radius:5px;padding:12px;font:inherit;background:white}.full{grid-column:1/-1}textarea{min-height:120px}.note{font-size:13px;color:#526173}footer{background:#07182b;color:white;padding:35px 24px;text-align:center}footer a{color:white}.page-hero{background:linear-gradient(110deg,#0e2745,#294c65);color:white;padding:65px 0}.page-hero h1{margin:8px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:800px){.header-inner{display:block;text-align:center}nav{justify-content:center;margin-top:10px;gap:12px}.contact-strip{text-align:center}.hero-art{display:none}.mobile-hero{display:block;min-height:460px;padding:55px 24px;color:white;background:linear-gradient(90deg,#091b32f2,#0d274399),url('approved_homepage.jpg') center/cover}.mobile-hero h1{font-size:36px}.mobile-hero em{display:block;color:#f4c879;font-size:39px;font-family:Georgia,serif}.cards,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}section{padding:48px 0}}

/* The approved homepage artwork already contains its own navigation and header. */
.home-page>.contact-strip,.home-page>header{display:none}
.home-page .hero-art{display:block}
.home-page .mobile-hero{display:none}
.hero-nav-links a,.hero-link{cursor:pointer}
@media(max-width:800px){
 .home-page .hero-art{display:block}
 .home-page .mobile-hero{display:block;min-height:0;padding:32px 24px;background:#0d233c}
 .home-page .mobile-hero h1{font-size:clamp(26px,5vw,36px)}
 .home-page .mobile-hero em{font-size:clamp(28px,5vw,39px)}
 .hero-contact-overlay{font-size:clamp(5px,1.05vw,12px)}
}
@media(max-width:480px){
 .hero-contact-overlay{width:51%;gap:1%;padding-right:1%;font-size:4px}
 .hero-nav-links{left:39%;width:60%}
}