:root{--navy:#0b1830;--navy-2:#14294b;--gold:#c8a467;--cream:#f6f0e6}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:#fff}
a{color:inherit}
.page-shell{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(7px,1.2vh,14px);padding:clamp(10px,2vw,28px)}
.background{position:absolute;inset:0;z-index:-3;background:url('assets/home-interior.jpg') center/cover no-repeat;transform:scale(1.03)}
.overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,18,38,.97),rgba(12,28,55,.88) 55%,rgba(8,18,35,.55)),linear-gradient(180deg,rgba(5,12,25,.12),rgba(5,12,25,.7))}
.hero{width:min(1220px,100%);height:100%;min-height:0;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:clamp(20px,2.5vw,32px);background:linear-gradient(115deg,rgba(9,24,49,.9),rgba(19,39,70,.58));box-shadow:0 25px 70px rgba(0,0,0,.35);backdrop-filter:blur(10px)}
.brand-panel{min-width:0;min-height:0;padding:clamp(24px,4.2vw,64px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.market{margin:0 0 clamp(12px,2.5vh,30px);color:var(--gold);font-size:clamp(.58rem,.8vw,.76rem);font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,5.5vw,5.8rem);font-weight:500;line-height:.91;color:var(--cream);letter-spacing:-.045em;text-wrap:balance}
.credentials{margin:clamp(10px,1.8vh,20px) 0 0;color:var(--gold);font-size:clamp(.72rem,1.15vw,1rem);font-weight:800;letter-spacing:.15em;text-transform:uppercase}.credentials span{display:inline-block;padding:0 .45em;color:rgba(255,255,255,.38)}
.role{margin:clamp(8px,1.5vh,14px) 0 0;padding-top:clamp(8px,1.5vh,14px);border-top:1px solid rgba(200,164,103,.65);font-size:clamp(.62rem,.8vw,.8rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.statement{max-width:610px;margin:clamp(12px,2.5vh,26px) 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.02rem,1.9vw,1.8rem);line-height:1.32;color:var(--cream)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:clamp(12px,2.4vh,25px)}
.button{min-height:clamp(38px,5vh,48px);padding:0 clamp(15px,2vw,22px);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:clamp(.7rem,.9vw,.84rem);font-weight:800;letter-spacing:.03em}.button-primary{background:var(--gold);color:var(--navy)}.button-secondary{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.06)}
.phone{margin:clamp(10px,1.8vh,19px) 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(.96rem,1.6vw,1.3rem);letter-spacing:.08em}
.portrait-panel{position:relative;min-width:0;min-height:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.portrait-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,24,48,.55),transparent 48%)}
.gold-halo{position:absolute;width:min(34vw,410px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(200,164,103,.48);box-shadow:0 0 0 34px rgba(200,164,103,.06),0 0 0 68px rgba(200,164,103,.035);bottom:10%;left:50%;transform:translateX(-50%)}
.portrait{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32))}
.legal{position:relative;width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1.5fr 1.4fr 1fr .7fr;align-items:center;gap:clamp(10px,2vw,25px);padding:clamp(8px,1.2vh,13px) clamp(14px,2vw,22px);border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(5,14,29,.9);backdrop-filter:blur(14px);font-size:clamp(.58rem,.75vw,.72rem);line-height:1.35;color:rgba(255,255,255,.75)}
.legal p{margin:0}.legal address{font-style:normal}.legal strong{color:var(--gold);padding-right:5px}.legal-name{color:#fff;font-weight:900;letter-spacing:.08em}.legal-type{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.9em;margin-top:2px!important}.site{text-align:right;color:#fff;font-weight:700;letter-spacing:.08em}
@media(max-width:860px){
 .page-shell{padding:6px;gap:6px;grid-template-rows:minmax(0,1fr) auto}
 .hero{grid-template-columns:1fr;grid-template-rows:32% 68%;border-radius:18px}
 .portrait-panel{grid-row:1;align-items:flex-start;background:linear-gradient(180deg,rgba(20,41,75,.24),rgba(11,24,48,.04))}
 .portrait-panel:before{background:linear-gradient(180deg,transparent 58%,rgba(11,24,48,.88))}
 .portrait{object-position:top center;width:100%;height:112%;transform:translateY(-1%)}
 .gold-halo{width:min(56vw,260px);top:2%;bottom:auto;box-shadow:0 0 0 20px rgba(200,164,103,.05),0 0 0 40px rgba(200,164,103,.03)}
 .brand-panel{grid-row:2;padding:8px 16px 9px;text-align:center;justify-content:center;overflow:hidden}
 .market{margin-bottom:5px;font-size:clamp(.46rem,1.75vw,.6rem);letter-spacing:.16em}
 h1{font-size:clamp(1.85rem,8.6vw,3.3rem);line-height:.88}
 .credentials{margin-top:6px;font-size:clamp(.56rem,2.1vw,.76rem)}
 .role{margin-top:6px;padding-top:6px;font-size:clamp(.46rem,1.65vw,.62rem);letter-spacing:.1em}
 .statement{margin:7px auto 0;font-size:clamp(.78rem,3.1vw,1.05rem);line-height:1.18}
 .actions{justify-content:center;margin-top:7px;gap:6px;flex-wrap:nowrap}
 .button{min-height:31px;padding:0 10px;font-size:clamp(.56rem,2.05vw,.72rem);gap:6px}
 .phone{margin-top:6px;font-size:clamp(.72rem,2.8vw,.95rem)}
 .legal{grid-template-columns:1.25fr 1.1fr;font-size:clamp(.47rem,1.55vw,.6rem);gap:3px 8px;padding:6px 9px;border-radius:12px;line-height:1.22}.site{text-align:left}
}
@media(max-width:420px){.hero{grid-template-rows:30% 70%}.brand-panel{padding:7px 11px 8px}h1{font-size:clamp(1.75rem,8.8vw,2.6rem)}.button{padding:0 8px}.legal{font-size:.47rem;padding:5px 7px}}
@media(max-height:720px) and (max-width:860px){.hero{grid-template-rows:28% 72%}.market{display:none}.portrait{height:118%}h1{font-size:clamp(1.7rem,7.8vw,2.7rem)}.credentials{margin-top:4px}.role{margin-top:4px;padding-top:4px}.statement{margin-top:5px}.actions{margin-top:5px}.phone{margin-top:4px}.legal{padding:4px 7px;line-height:1.15}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}