/* Match the existing navy/gold site: one photographic hero and familiar typography. */
body.reference-site .hero-main{background:#0b3042;isolation:isolate}
body.reference-site .hero-photo{position:absolute;inset:0;display:block;background:none;z-index:-2}
body.reference-site .hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
body.reference-site .hero-main:after{display:block;background:linear-gradient(90deg,rgba(8,31,44,.96) 0%,rgba(8,31,44,.84) 23%,rgba(8,31,44,.32) 46%,transparent 64%);z-index:-1}
body.reference-site .hero-copy{position:relative;max-width:1440px;min-height:max(480px,calc(100svh - var(--header-expanded)));padding:60px max(5vw,24px);justify-content:center}
body.reference-site .hero-copy .area-label{position:static;margin:0 0 28px;padding:7px 12px;font:500 13px/1.6 var(--sans);letter-spacing:.04em}
body.reference-site .hero-copy h1{font:600 clamp(44px,4.4vw,68px)/1.5 var(--serif);letter-spacing:-.035em;white-space:nowrap;margin:0}
body.reference-site .hero-copy h1>span{display:inline}
body.reference-site .hero-copy h1 .hero-title-first{color:#fff}
body.reference-site .hero-copy h1 .hero-title-accent{color:#edcf91}
body.reference-site .hero-copy .hero-sub{font:600 clamp(20px,1.9vw,28px)/1.65 var(--serif);margin-top:5px;white-space:nowrap}
body.reference-site .hero-copy .hero-message{font:600 24px/1.8 var(--serif);color:#edcf91;margin:28px 0 30px;letter-spacing:.03em}
body.reference-site .hero-copy .hero-button{font:600 16px/1.5 var(--sans);width:auto;min-height:58px;padding:16px 24px;border-radius:5px;background:linear-gradient(115deg,#c59a55,#956326);border:1px solid #d6b676;gap:24px;box-shadow:0 3px 10px #00000012}
body.reference-site .hero-copy .hero-note{font:400 12px/1.7 var(--sans);margin-top:14px;color:#eef3f4;white-space:normal}
@media(min-width:901px) and (max-width:1199px){
 body.reference-site .hero-copy{padding:40px}
 body.reference-site .hero-copy h1{font-size:44px}
 body.reference-site .hero-copy .hero-sub{font-size:20px}
 body.reference-site .hero-copy .hero-message{font-size:21px}
}
@media(max-width:900px){
 body.reference-site .hero-main{min-height:max(560px,calc(100svh - var(--header-expanded)))}
 body.reference-site .hero-photo{bottom:24%}
 body.reference-site .hero-photo img{object-position:50% 37%}
 body.reference-site .hero-main:after{background:linear-gradient(180deg,transparent 34%,rgba(11,48,66,.08) 44%,rgba(11,48,66,.96) 65%,#0b3042 80%)}
 body.reference-site .hero-copy{min-height:max(560px,calc(100svh - var(--header-expanded)));padding:28px;justify-content:flex-end}
 body.reference-site .hero-copy .area-label{position:absolute;top:22px;left:28px;font-size:11px;margin:0;padding:6px 10px}
 body.reference-site .hero-copy h1{font-size:clamp(30px,7.8vw,48px);line-height:1.45}
 body.reference-site .hero-copy .hero-sub{font-size:clamp(13px,3.6vw,22px);margin-top:4px;line-height:1.7}
 body.reference-site .hero-copy .hero-message{font-size:21px;line-height:1.65;margin:20px 0 22px}
 body.reference-site .hero-copy .hero-button{width:100%;font-size:14px;min-height:56px;padding:16px 18px;justify-content:center;gap:18px}
 body.reference-site .hero-copy .hero-note{font-size:10px;margin-top:12px}
}
@media(min-width:601px) and (max-width:900px){
 body.reference-site .hero-copy{padding:36px 8vw}
 body.reference-site .hero-copy .area-label{left:8vw;font-size:14px}
 body.reference-site .hero-copy .hero-button{width:auto;min-width:390px}
 body.reference-site .hero-photo{bottom:15%}
 body.reference-site .hero-photo img{object-position:50% 90%}
}
@media(max-width:360px){
 body.reference-site .hero-copy{padding:22px 18px}
 body.reference-site .hero-copy .area-label{left:18px;top:18px;font-size:10px}
 body.reference-site .hero-copy h1{font-size:29px}
 body.reference-site .hero-copy .hero-sub{font-size:12px}
 body.reference-site .hero-copy .hero-message{font-size:18px;margin:16px 0}
 body.reference-site .hero-copy .hero-button{font-size:12px}
}
@media(min-width:901px) and (max-height:700px){
 body.reference-site .hero-copy{padding-top:28px;padding-bottom:28px}
 body.reference-site .hero-copy .area-label{margin-bottom:18px}
 body.reference-site .hero-copy .hero-message{margin:18px 0}
}