:root{
  --bg:#060a10; --bg2:#0b111a; --panel:#0f1722; --panel2:#121d2a;
  --text:#f6f7fa; --muted:#aab5c6; --navy:#263c55; --navy2:#34516e;
  --gold:#e2b34f; --gold2:#f1d486; --line:rgba(255,255,255,.10);
  --success:#6fddb0; --shadow:0 24px 70px rgba(0,0,0,.36); --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.62;position:relative}
body::before{content:"";position:fixed;inset:88px 0 0 0;background:url('empire-logo-background.jpg') center 180px / min(920px,86vw) auto no-repeat;opacity:.055;pointer-events:none;z-index:-5;filter:saturate(.88) brightness(.82)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 38px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,9,14,.90);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;min-width:190px}
.brand img{width:170px;height:72px;object-fit:cover;object-position:center;border-radius:11px;filter:contrast(1.05) saturate(.9);box-shadow:0 6px 22px rgba(0,0,0,.22)}
.nav-links{display:flex;align-items:center;gap:17px;font-size:.86rem;font-weight:700;color:#d9e0ea;white-space:nowrap}
.nav-links a{padding:12px 0;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a.active{color:var(--gold2);border-bottom-color:var(--gold)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:0 18px;border-radius:14px;font-weight:850;border:1px solid rgba(226,179,79,.6);background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17110a;box-shadow:0 10px 30px rgba(226,179,79,.16)}
.btn.secondary{background:rgba(255,255,255,.035);border-color:var(--line);color:var(--text);box-shadow:none}.btn.secondary:hover{border-color:rgba(226,179,79,.45)}
.menu-btn{display:none;border:0;background:none;color:#fff;font-size:1.6rem}

.hero{position:relative;overflow:hidden;padding:88px 0 76px;isolation:isolate;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,14,.98) 0%,rgba(5,9,14,.88) 42%,rgba(5,9,14,.45) 100%),url('empire-logo-background.jpg') center/cover no-repeat;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,rgba(226,179,79,.16),transparent 25rem),linear-gradient(180deg,transparent,rgba(6,10,16,.55));z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(226,179,79,.28);border-radius:999px;color:var(--gold2);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;background:rgba(226,179,79,.07)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(111,221,176,.09)}
h1{font-size:clamp(3rem,6.5vw,6rem);line-height:.97;letter-spacing:-.055em;margin:22px 0 24px;max-width:900px}
.gradient-text{background:linear-gradient(105deg,#fff 15%,var(--gold2) 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:1.08rem;color:#c2cad6;max-width:710px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;color:#c7ced9;font-size:.86rem}.trust-row span{display:flex;gap:8px;align-items:center}.check{color:var(--gold2)}
.hero-visual{padding:22px;border:1px solid rgba(255,255,255,.10);background:rgba(8,13,20,.56);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.hero-logo-panel{min-height:420px;border-radius:23px;background:linear-gradient(180deg,rgba(7,10,16,.20),rgba(7,10,16,.88)),url('empire-logo-background.jpg') center/cover no-repeat;display:flex;align-items:flex-end;padding:24px;position:relative;overflow:hidden}
.hero-logo-panel::after{content:"ECF MOBILE APP • LAUNCHING SOON";position:absolute;top:18px;right:18px;padding:10px 12px;border-radius:999px;border:1px solid rgba(226,179,79,.4);background:rgba(7,10,16,.82);color:var(--gold2);font-size:.73rem;font-weight:900;letter-spacing:.06em}
.hero-logo-panel .mini-panel{width:100%;padding:18px;border-radius:18px;background:rgba(9,14,22,.88);border:1px solid rgba(255,255,255,.09)}
.hero-logo-panel .mini-panel strong{font-size:1.3rem}.hero-logo-panel .mini-panel span{display:block;color:var(--muted);margin-top:5px}

.section{padding:80px 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.01));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{max-width:780px;margin-bottom:36px}.kicker{color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}
h2{font-size:clamp(2.15rem,4.2vw,3.9rem);line-height:1.04;letter-spacing:-.04em;margin:10px 0 14px}.muted,.section-head p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.016));min-height:265px;transition:.22s transform,.22s border-color}.card:hover{transform:translateY(-4px);border-color:rgba(226,179,79,.35)}
.icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(226,179,79,.10);border:1px solid rgba(226,179,79,.22);color:var(--gold2);font-weight:950}.card h3{margin:18px 0 9px;font-size:1.13rem}.card p{color:var(--muted);font-size:.91rem;margin:0 0 18px}.card-link{color:var(--gold2);font-weight:850;font-size:.9rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.panel{padding:28px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.018));box-shadow:var(--shadow)}
.feature-list{display:grid;gap:12px}.feature{padding:17px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.feature b{display:block;margin-bottom:4px}.feature span{color:var(--muted);font-size:.9rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.step{padding:22px 18px;border-top:1px solid var(--line)}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--gold2);font-weight:950;font-size:.8rem;letter-spacing:.12em;margin-bottom:24px}.step h3{font-size:1.05rem;margin:0 0 8px}.step p{color:var(--muted);font-size:.89rem;margin:0}

.page-hero{position:relative;isolation:isolate;padding:78px 0 66px;border-bottom:1px solid var(--line);overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,14,.99),rgba(5,9,14,.82) 55%,rgba(5,9,14,.62)),url('empire-logo-background.jpg') center/cover no-repeat;z-index:-2}.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 16%,rgba(226,179,79,.13),transparent 24rem);z-index:-1}.page-hero .wrap{max-width:900px}.page-hero h1{font-size:clamp(3rem,7vw,5.7rem)}.page-hero p{color:#c0c9d6;max-width:750px;font-size:1.08rem}
.service-highlight{display:grid;grid-template-columns:1fr 1fr;gap:18px}.highlight{padding:22px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.024)}.highlight h3{margin:0 0 6px}.highlight p{color:var(--muted);margin:0;font-size:.91rem}
.notice{padding:18px 20px;border-radius:18px;border:1px solid rgba(226,179,79,.22);background:rgba(226,179,79,.07);color:#d8dde6}.notice strong{color:var(--gold2)}
.cta-band{padding:34px;border-radius:30px;border:1px solid rgba(226,179,79,.25);background:linear-gradient(135deg,rgba(226,179,79,.12),rgba(255,255,255,.025));display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h3{margin:0 0 6px;font-size:1.45rem}.cta-band p{margin:0;color:var(--muted)}

.about-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px}.logo-card{padding:22px;border-radius:28px;border:1px solid var(--line);background:#0a1018}.logo-card img{width:100%;border-radius:18px}.about-copy p{color:var(--muted)}

.booking-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start}.booking-card{padding:30px;border:1px solid rgba(226,179,79,.24);border-radius:30px;background:linear-gradient(145deg,rgba(226,179,79,.10),rgba(255,255,255,.025));box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consultation-form label{display:flex;flex-direction:column;gap:7px}.consultation-form label.full{grid-column:1/-1}.consultation-form label span{font-size:.84rem;font-weight:800;color:#d9dfe8}.consultation-form input,.consultation-form select,.consultation-form textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:#0a121c;color:#fff;padding:14px;font:inherit;outline:none}.consultation-form input:focus,.consultation-form select:focus,.consultation-form textarea:focus{border-color:rgba(226,179,79,.55);box-shadow:0 0 0 4px rgba(226,179,79,.08)}.consultation-form textarea{resize:vertical}.submit-btn{width:100%;margin-top:18px}.form-note{color:#96a2b4;font-size:.78rem;margin:12px 0 0}.honeypot{position:absolute;left:-9999px}.status{padding:14px 16px;border-radius:14px;margin-bottom:16px}.status.success{background:rgba(111,221,176,.09);border:1px solid rgba(111,221,176,.26);color:#bff1db}.status.error{background:rgba(255,100,100,.08);border:1px solid rgba(255,100,100,.24);color:#ffd0d0}

.app-showcase{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center}.phone-card{padding:28px;border-radius:32px;border:1px solid var(--line);background:linear-gradient(145deg,#151f2c,#080d14);box-shadow:var(--shadow)}.phone-screen{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 90% 0%,rgba(226,179,79,.15),transparent 14rem),#0a111b}.phone-screen img{width:160px;height:78px;object-fit:cover;border-radius:10px;margin-bottom:28px}.dashboard-tile{padding:15px;border-radius:16px;margin-top:10px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.dashboard-tile b{display:block}.dashboard-tile span{color:var(--muted);font-size:.85rem}

footer{padding:40px 0 26px;border-top:1px solid var(--line);color:#9ba7b6;background:#05080d}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.footer-brand img{width:190px;height:90px;object-fit:cover;border-radius:12px}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.footer-links a:hover{color:var(--gold2)}.contact-line{margin-top:14px;color:#c4ccd7}.contact-line a{color:var(--gold2)}.legal{font-size:.78rem;color:#7f8b9a;margin-top:20px;max-width:980px}

@media(max-width:1100px){.nav-links{display:none;position:absolute;top:88px;left:0;right:0;padding:20px;background:#080d14;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-cta{display:none}.menu-btn{display:block}.hero-grid,.split,.app-showcase,.about-panel,.booking-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.site-header .brand img{width:100%;max-width:240px;height:auto}.hero,.page-hero{padding-top:58px}.section{padding:64px 0}.cards,.steps,.service-highlight,.form-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:3.15rem}.hero-visual{padding:14px}.hero-logo-panel{min-height:340px}.cta-band{align-items:flex-start;flex-direction:column}.booking-card{padding:22px}}


/* ===== Homepage premium layout refresh ===== */
.premium-hero{padding:72px 0 68px}
.premium-hero::before{background:linear-gradient(90deg,rgba(5,9,14,.985) 0%,rgba(5,9,14,.93) 36%,rgba(5,9,14,.72) 64%,rgba(5,9,14,.54) 100%),radial-gradient(circle at 78% 16%,rgba(226,179,79,.13),transparent 20rem);z-index:-3}
.premium-hero::after{background:linear-gradient(180deg,transparent,rgba(6,10,16,.46));z-index:-2}
.hero-brandmark-bg{position:absolute;inset:74px 50% auto auto;width:min(72vw,860px);transform:translateX(50%);opacity:.18;pointer-events:none;z-index:-1;filter:grayscale(.02) saturate(.92) brightness(.92)}
.hero-brandmark-bg img{width:100%;height:auto;display:block;mix-blend-mode:screen}
.premium-hero-grid{align-items:center;position:relative}
.hero-tagline{margin-top:18px;color:#9eabbb;font-size:.72rem;font-weight:700;letter-spacing:.20em;text-transform:uppercase}
.hero-copy{position:relative;z-index:2;padding:14px 0 8px}
.hero-copy::before{content:"";position:absolute;inset:-18px -20px -22px -18px;border-radius:28px;background:linear-gradient(135deg,rgba(5,9,14,.40),rgba(5,9,14,.10));backdrop-filter:blur(2px);z-index:-1}

.hero-showcase{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px}
.phone-shell{width:290px;padding:12px;border-radius:36px;background:linear-gradient(145deg,#1b2430,#070d14);border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 70px rgba(0,0,0,.42);transform:rotate(7deg)}
.premium-phone-screen{min-height:500px;background:radial-gradient(circle at 90% 0%,rgba(226,179,79,.17),transparent 13rem),#0a111b}
.phone-greeting{font-size:1.05rem;line-height:1.35;margin-bottom:4px}
.phone-greeting strong{font-size:1.55rem}
.phone-subcopy{color:#aab5c6;font-size:.88rem;margin-bottom:18px}
.hero-side-note{position:absolute;right:-10px;top:160px;max-width:122px;color:var(--gold2);font-size:1.8rem;line-height:1.05;font-family:"Brush Script MT", "Segoe Script", cursive;opacity:.9;text-align:left}
.launch-badge{position:absolute;top:28px;right:0;padding:12px 16px;border-radius:18px;background:rgba(8,13,20,.92);border:1px solid rgba(226,179,79,.42);color:var(--gold2);font-size:.82rem;font-weight:900;letter-spacing:.04em;box-shadow:var(--shadow)}
.center-head{text-align:center;margin-left:auto;margin-right:auto}
.services-preview{position:relative}
.service-cards-grid{grid-template-columns:repeat(4,1fr)}
.service-card{background:linear-gradient(180deg,rgba(10,15,23,.96),rgba(8,12,18,.96));position:relative;overflow:hidden}
.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28));pointer-events:none}
.service-card > *{position:relative;z-index:1}
.process-strip-section{background:linear-gradient(180deg,#08101a,#060a10)}
.process-strip{padding:0}
.process-header{text-align:center;max-width:760px;margin:0 auto 28px}
.premium-steps{grid-template-columns:repeat(4,1fr);gap:16px}
.premium-steps .step{padding:22px 18px 18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.018)}
.consultation-preview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:stretch}
.consultation-note{margin-top:24px;padding:20px 22px;border-radius:22px;background:rgba(226,179,79,.08);border:1px solid rgba(226,179,79,.22)}
.consultation-note strong{display:block;color:var(--gold2);font-size:1.05rem;margin-bottom:6px}
.consultation-note span{color:#d1d8e2;font-size:.92rem}
.consultation-panel{padding:26px;border-radius:28px;border:1px solid rgba(226,179,79,.22);background:linear-gradient(145deg,rgba(9,14,22,.92),rgba(8,12,18,.96));box-shadow:var(--shadow)}
.teaser-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.teaser-field{padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:#0a121c}
.teaser-field.full{grid-column:1 / -1}
.teaser-field span{display:block;font-size:.79rem;font-weight:800;color:#cfd8e4;margin-bottom:6px}
.teaser-field div{color:#8e9caf;font-size:.92rem}
.trust-strip-section{padding-top:26px;padding-bottom:34px;background:#05080d;border-top:1px solid var(--line)}
.trust-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trust-item{padding:18px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.trust-item strong{display:block;margin-bottom:6px;color:#fff}
.trust-item span{display:block;color:var(--muted);font-size:.9rem}

@media(max-width:1100px){
  .hero-brandmark-bg{width:min(62vw,420px);inset:120px 2% auto auto;opacity:.13}
  .premium-hero-grid,.consultation-preview-grid{grid-template-columns:1fr}
  .hero-showcase{min-height:unset;padding-top:10px}
  .service-cards-grid,.trust-strip-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:650px){
  body::before{background-position:center 220px;background-size:118vw auto;opacity:.05}
  .premium-hero{padding-top:52px}
  .hero-brandmark-bg{top:130px;right:50%;width:108vw;max-width:none;transform:translateX(50%);opacity:.16}
  .hero-tagline{font-size:.63rem;letter-spacing:.12em;line-height:1.6}
  .hero-side-note{display:none}
  .launch-badge{top:12px;right:8px;font-size:.72rem;padding:10px 12px}
  .phone-shell{width:min(100%,300px);transform:none}
  .service-cards-grid,.premium-steps,.teaser-form-grid,.trust-strip-grid{grid-template-columns:1fr}
}

/* =========================================================
   REFERENCE MODEL HOMEPAGE — exact visual direction requested
   ========================================================= */
.reference-home{background:#06101a;color:#f7f8fb}
.reference-header{background:rgba(4,11,18,.96);border-bottom:1px solid rgba(224,179,79,.28)}
.reference-header .nav{min-height:74px}
.reference-header .brand{display:flex;align-items:center;flex:1;max-width:520px}.reference-header .brand img{display:block;width:min(100%,360px);height:auto;max-height:none;object-fit:contain;object-position:left center;border-radius:0;box-shadow:none}
.reference-header .nav-links{gap:20px;font-size:.78rem}
.reference-header .nav-cta{min-height:42px;padding:0 17px;border-radius:10px}

.model-hero{position:relative;min-height:590px;overflow:hidden;border-bottom:1px solid rgba(226,179,79,.35);background:#07111c;isolation:isolate}
.model-hero-bg{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(2,8,14,.97) 0%,rgba(2,8,14,.90) 36%,rgba(2,8,14,.46) 68%,rgba(2,8,14,.55) 100%),
 radial-gradient(circle at 78% 26%,rgba(226,179,79,.18),transparent 22rem),
 url('empire-logo-background.jpg') center/cover no-repeat;z-index:-3;filter:saturate(.85) brightness(.62)}
.model-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,12,.02),rgba(2,7,12,.42))}
.model-watermark{position:absolute;z-index:-1;left:50%;top:48%;transform:translate(-4%,-50%);width:min(560px,42vw);opacity:.23;filter:grayscale(.15) saturate(.75) brightness(.9);mix-blend-mode:screen}
.model-watermark img{width:100%;height:auto;display:block;border-radius:0}
.model-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;min-height:590px;padding-top:34px;padding-bottom:30px}
.model-hero-copy{max-width:650px;position:relative;z-index:2}
.model-topline{font-size:.69rem;letter-spacing:.19em;font-weight:800;color:#aeb9c8;margin-bottom:18px;white-space:normal}
.model-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,5.4vw,5.35rem);line-height:.98;letter-spacing:-.045em;margin:0 0 22px;color:#f6f8fb}
.model-hero-copy h1 span{color:var(--gold2)}
.model-hero-copy p{font-size:1rem;line-height:1.55;color:#d1d8e3;max-width:610px;margin:0 0 24px}
.model-actions{display:flex;gap:12px;flex-wrap:wrap}
.model-primary-btn,.model-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;font-weight:900;font-size:.92rem}
.model-primary-btn{background:linear-gradient(180deg,#f4d47d,#dba940);color:#191108;box-shadow:0 8px 24px rgba(226,179,79,.22)}
.model-secondary-btn{border:1px solid rgba(226,179,79,.7);background:rgba(5,11,18,.72);color:#fff}
.model-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.model-benefits>div{display:flex;gap:10px;align-items:center;color:#f0f3f7;font-size:.78rem;line-height:1.25}
.model-circle{width:38px;height:38px;border:1px solid rgba(226,179,79,.7);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-weight:900;flex:0 0 auto}

.model-app-zone{position:relative;min-height:520px;display:flex;justify-content:center;align-items:center;padding-right:70px}
.model-phone{width:295px;padding:10px;border-radius:42px;background:linear-gradient(145deg,#202735,#05080d);border:1px solid rgba(255,255,255,.18);box-shadow:0 32px 70px rgba(0,0,0,.55);transform:rotate(6deg);position:relative;z-index:2}
.model-phone-screen{min-height:485px;border-radius:33px;padding:23px 18px 14px;background:radial-gradient(circle at 100% 0%,rgba(226,179,79,.16),transparent 13rem),linear-gradient(180deg,#0d1724,#09101a);border:1px solid rgba(255,255,255,.06)}
.model-phone-logo{width:145px;height:62px;object-fit:cover;margin:0 auto 16px;border-radius:8px}
.model-phone-greeting{color:#dfe5ed;line-height:1.05;font-size:.88rem}.model-phone-greeting b{font-size:1.4rem;color:#fff}
.model-phone-sub{color:#8290a2;font-size:.72rem;margin:5px 0 13px}
.model-phone-tile{display:flex;gap:11px;align-items:center;padding:10px 11px;border-radius:13px;margin-top:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.model-phone-tile>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:900}.model-phone-tile div{display:grid;gap:1px}.model-phone-tile small{font-size:.67rem;color:#b7c1ce}.model-phone-tile b{font-size:.92rem}.model-phone-tile em{font-size:.64rem;font-style:normal;color:#95a1b0}
.model-phone-tile.green>span{background:#1f8c5f;color:#d9ffed}.model-phone-tile.gold>span{background:#9a6b1e;color:#ffe6aa}.model-phone-tile.blue>span{background:#17689c;color:#d8f1ff}.model-phone-tile.amber>span{background:#a47b2a;color:#fff2cc}
.model-phone-nav{display:grid;grid-template-columns:repeat(5,1fr);margin-top:14px;color:#d7dee7;text-align:center}.model-phone-nav span{font-size:.9rem}.model-phone-nav small{display:block;font-size:.5rem;color:#8491a3;margin-top:2px}
.model-launch-badge{position:absolute;right:15px;top:72px;z-index:4;background:#101722;border:1px solid rgba(226,179,79,.72);box-shadow:0 10px 24px rgba(0,0,0,.35);border-radius:12px;padding:11px 14px;color:var(--gold2);font-size:.73rem;display:flex;gap:8px;align-items:center;transform:rotate(-3deg)}
.model-script-note{position:absolute;right:-4px;bottom:80px;color:var(--gold2);font-family:"Brush Script MT","Segoe Script",cursive;font-size:1.7rem;line-height:1.05;transform:rotate(-5deg);text-align:left}

.model-services{padding:34px 0 26px;background:linear-gradient(180deg,#07111b,#081522);border-bottom:1px solid rgba(226,179,79,.25)}
.model-section-title{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold2);font-weight:900;letter-spacing:.25em}.model-section-title span{display:block;width:42px;height:1px;background:var(--gold)}.model-section-title small{font-size:.64rem}
.model-section-title.left{justify-content:flex-start}.model-services h2,.model-process h2{font-family:Georgia,"Times New Roman",serif;text-align:center;font-size:2.05rem;margin:5px 0 2px;letter-spacing:-.02em}.model-services>div>p,.model-process>div>p{text-align:center;color:#aeb9c7;margin:0 0 18px;font-size:.9rem}
.model-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.model-service-card{position:relative;min-height:240px;padding:20px 18px 17px;border:1px solid rgba(176,194,215,.28);border-radius:7px;background:linear-gradient(180deg,rgba(13,28,43,.96),rgba(8,18,29,.97));overflow:hidden;box-shadow:inset 0 0 30px rgba(255,255,255,.015)}
.model-service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(226,179,79,.06),transparent 10rem);pointer-events:none}
.model-service-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;line-height:1.05;margin:12px 0 9px}.model-service-card p{font-size:.83rem;color:#d0d7e2;line-height:1.45;min-height:80px}.model-service-card b{color:var(--gold2);font-size:.8rem}.model-service-icon{font-size:2rem;color:var(--gold2);height:40px}.model-card-arrow{position:absolute;right:14px;top:13px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(226,179,79,.5);display:grid;place-items:center;color:var(--gold2)}

.model-process{padding:28px 0 30px;background:linear-gradient(90deg,#07121d,#0b1824 55%,#07121d);border-bottom:1px solid rgba(226,179,79,.25)}
.model-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.model-step{display:flex;gap:13px;align-items:flex-start}.model-step strong{width:48px;height:48px;border-radius:50%;border:2px solid rgba(226,179,79,.7);display:grid;place-items:center;color:#fff;box-shadow:0 0 0 5px rgba(226,179,79,.05);flex:0 0 auto}.model-step div{padding-top:3px}.model-step b{display:block;font-size:.9rem;margin-bottom:3px}.model-step span{display:block;color:#a9b4c3;font-size:.78rem;line-height:1.35}

.model-booking{padding:30px 0 20px;background:linear-gradient(90deg,rgba(4,10,16,.92),rgba(7,16,25,.95)),url('empire-logo-background.jpg') center/cover fixed;border-bottom:1px solid rgba(226,179,79,.25)}
.model-booking-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.model-booking-copy{position:relative;min-height:360px;padding:12px 0}.model-booking-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:3rem;line-height:.98;margin:9px 0 14px}.model-booking-copy>p{max-width:470px;color:#c9d1dc;font-size:.9rem}.model-book-logo{position:absolute;left:0;bottom:0;width:250px;opacity:.72;transform:rotate(-3deg)}.model-book-logo img{width:100%;border-radius:12px}.model-handwriting{position:absolute;left:280px;bottom:30px;color:var(--gold2);font-family:"Brush Script MT","Segoe Script",cursive;font-size:1.45rem;line-height:1.05;transform:rotate(-6deg)}
.model-booking-form-wrap{padding:18px;border:1px solid rgba(165,184,207,.32);border-radius:8px;background:rgba(6,14,23,.82);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.model-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.model-booking-form label{display:flex;flex-direction:column;gap:5px}.model-booking-form label.wide{grid-column:1/-1}.model-booking-form label span{font-size:.7rem;font-weight:800;color:#e0e5ec}.model-booking-form input,.model-booking-form select,.model-booking-form textarea{width:100%;background:#0e1b2a;border:1px solid rgba(161,182,206,.28);border-radius:6px;color:#fff;padding:11px 12px;font:inherit;font-size:.83rem;outline:none}.model-booking-form input::placeholder,.model-booking-form textarea::placeholder{color:#758397}.model-submit{width:100%;border:0;border-radius:6px;margin-top:12px;min-height:42px;background:linear-gradient(180deg,#f3d27a,#d7a53f);font-weight:900;color:#181007}

.model-trust-strip{padding:18px 0;background:#07111a;border-bottom:1px solid rgba(226,179,79,.25)}
.model-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.model-trust-grid>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;padding:0 18px;border-right:1px solid rgba(255,255,255,.09)}.model-trust-grid>div:last-child{border-right:0}.model-trust-grid>div>span{grid-row:1/3;width:38px;height:38px;border-radius:50%;border:1px solid rgba(226,179,79,.65);display:grid;place-items:center;color:var(--gold2)}.model-trust-grid b{font-size:.75rem}.model-trust-grid small{font-size:.64rem;color:#8f9aac;line-height:1.35}

.model-footer{background:#04090e;padding:18px 0 12px;border-top:1px solid rgba(226,179,79,.25)}
.model-footer-grid{display:grid;grid-template-columns:minmax(340px,460px) 1fr 300px;gap:24px;align-items:center}.model-footer-grid>img{display:block;width:min(100%,440px);height:auto;object-fit:contain;object-position:left center}.model-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:.72rem;color:#d6dde6}.model-footer-contact{display:grid;gap:6px;font-size:.7rem;color:#c7d0dc}.model-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.06);margin-top:12px;padding-top:10px;color:#657284;font-size:.62rem}

@media(max-width:1050px){
  .model-hero-grid{grid-template-columns:1fr}.model-app-zone{min-height:470px;padding-right:0}.model-watermark{left:50%;top:38%;transform:translate(-50%,-50%);width:min(720px,72vw);opacity:.18}.model-service-grid{grid-template-columns:1fr 1fr}.model-process-grid{grid-template-columns:1fr 1fr}.model-booking-grid{grid-template-columns:1fr}.model-footer-grid{grid-template-columns:1fr}.model-footer-links{justify-content:flex-start}
}
@media(max-width:650px){
  .reference-header .brand{max-width:calc(100vw - 108px)}.reference-header .brand img{width:100%;max-width:320px;height:auto}.model-hero{min-height:auto}.model-hero-grid{padding-top:46px;padding-bottom:42px}.model-watermark{top:30%;width:122vw;opacity:.17}.model-topline{font-size:.58rem;line-height:1.5;letter-spacing:.14em}.model-hero-copy h1{font-size:3.05rem}.model-benefits{grid-template-columns:1fr}.model-app-zone{min-height:430px}.model-phone{width:270px;transform:none}.model-launch-badge{right:0;top:28px}.model-script-note{display:none}.model-service-grid,.model-process-grid,.model-form-grid,.model-trust-grid{grid-template-columns:1fr}.model-services h2,.model-process h2{font-size:1.7rem}.model-booking-copy h2{font-size:2.5rem}.model-booking-copy{min-height:430px}.model-book-logo{width:220px}.model-handwriting{left:220px;bottom:25px;font-size:1.2rem}.model-trust-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:13px 0}.model-footer-bottom{flex-direction:column}.model-footer-grid>img{width:100%;max-width:420px;height:auto}
}

@media(max-width:650px){.model-footer-grid{justify-items:start}.model-footer-grid>img{margin-bottom:6px}}

.reference-header .nav{gap:14px}

/* =========================================================
   ECF LUXURY VISUAL REFRESH — 2026-09-24
   Inspired by the approved executive-office logo artwork.
   ========================================================= */
:root{
  --bg:#04070b;
  --bg2:#08101a;
  --panel:#0a1119;
  --panel2:#101b27;
  --text:#f8f4ea;
  --muted:#b8bec8;
  --navy:#1e3851;
  --navy2:#31556f;
  --gold:#d7aa52;
  --gold2:#f2d17b;
  --gold3:#fff0b1;
  --line:rgba(242,209,123,.18);
  --success:#7ddab4;
  --shadow:0 28px 80px rgba(0,0,0,.48);
  --radius:24px;
}
html{background:#04070b}
body{
  background:
    radial-gradient(circle at 9% 8%,rgba(215,170,82,.10),transparent 26rem),
    radial-gradient(circle at 90% 18%,rgba(49,85,111,.20),transparent 28rem),
    linear-gradient(180deg,#05090f 0%,#07101a 45%,#030609 100%);
  color:var(--text);
}
body::before{
  content:"";
  position:fixed;
  inset:76px 0 0;
  background:
    linear-gradient(180deg,rgba(2,5,8,.66),rgba(3,7,12,.84)),
    url('empire-logo-background.jpg') center top/cover no-repeat;
  opacity:.22;
  filter:saturate(1.05) contrast(1.04);
  pointer-events:none;
  z-index:-5;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-4;
  background:
    linear-gradient(116deg,transparent 0 46%,rgba(255,255,255,.018) 46.3%,transparent 46.8%),
    linear-gradient(65deg,transparent 0 72%,rgba(215,170,82,.024) 72.2%,transparent 72.7%);
  background-size:420px 420px,520px 520px;
  mix-blend-mode:screen;
}

.site-header,.reference-header{
  background:linear-gradient(180deg,rgba(3,7,11,.97),rgba(5,11,18,.93));
  border-bottom:1px solid rgba(242,209,123,.24);
  box-shadow:0 10px 38px rgba(0,0,0,.34),inset 0 -1px 0 rgba(215,170,82,.06);
}
.reference-header .nav{min-height:96px}
.reference-header .brand{max-width:430px}
.reference-header .brand img{
  width:min(100%,370px);
  height:auto;
  border-radius:10px;
  object-fit:contain;
  object-position:left center;
  box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 28px rgba(215,170,82,.07);
}
.nav-links a{color:#e7e9ec;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.nav-links a:hover,.nav-links a.active{color:var(--gold3);border-bottom-color:var(--gold2)}
.nav-cta,.btn,.model-primary-btn,.model-submit{
  background:linear-gradient(135deg,#f7df91 0%,#d6a84c 48%,#f4ce72 100%);
  color:#171006;
  border-color:rgba(255,236,166,.70);
  box-shadow:0 12px 34px rgba(215,170,82,.20),inset 0 1px 0 rgba(255,255,255,.45);
}
.nav-cta:hover,.btn:hover,.model-primary-btn:hover,.model-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* Home hero: use the approved luxury office imagery prominently */
.model-hero{min-height:690px;border-bottom:1px solid rgba(242,209,123,.24)}
.model-hero::before{
  background:
    linear-gradient(90deg,rgba(3,6,10,.95) 0%,rgba(3,8,14,.86) 42%,rgba(3,8,14,.42) 68%,rgba(3,7,11,.26) 100%),
    linear-gradient(180deg,rgba(3,7,12,.10),rgba(3,7,12,.56)),
    url('empire-logo-background.jpg') center/cover no-repeat;
  filter:saturate(1.12) contrast(1.04) brightness(.92);
}
.model-hero::after{
  background:
    radial-gradient(circle at 12% 15%,rgba(242,209,123,.18),transparent 20rem),
    radial-gradient(circle at 82% 72%,rgba(215,170,82,.11),transparent 24rem),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(2,6,10,.54));
}
.model-watermark{opacity:.10;filter:saturate(1.1) brightness(.93);mix-blend-mode:screen}
.model-topline{color:#f5d986;text-shadow:0 0 24px rgba(215,170,82,.28)}
.model-hero-copy h1{color:#fff;text-shadow:0 5px 30px rgba(0,0,0,.65)}
.model-hero-copy h1 span{color:var(--gold2);text-shadow:0 0 24px rgba(215,170,82,.19)}
.model-hero-copy p{color:#e0e4ea;text-shadow:0 2px 15px rgba(0,0,0,.62)}
.model-secondary-btn{background:linear-gradient(180deg,rgba(9,18,28,.86),rgba(5,10,17,.90));border-color:rgba(242,209,123,.64);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.model-benefits>div{padding:10px 12px;border-radius:14px;background:rgba(5,11,18,.48);border:1px solid rgba(242,209,123,.12);backdrop-filter:blur(6px)}
.model-circle{background:radial-gradient(circle,rgba(215,170,82,.12),rgba(5,11,18,.35));box-shadow:0 0 22px rgba(215,170,82,.10)}
.model-phone{background:linear-gradient(145deg,#31465b,#05080d 54%,#b58a39 150%);border-color:rgba(242,209,123,.34);box-shadow:0 32px 80px rgba(0,0,0,.62),0 0 45px rgba(215,170,82,.09)}
.model-phone-screen{background:radial-gradient(circle at 90% 0%,rgba(215,170,82,.18),transparent 12rem),linear-gradient(180deg,#0d1b29,#07101a)}
.model-phone-logo{border:1px solid rgba(242,209,123,.13);box-shadow:0 8px 26px rgba(0,0,0,.32)}
.model-launch-badge{background:linear-gradient(180deg,rgba(13,23,34,.98),rgba(7,13,20,.98));border-color:rgba(242,209,123,.72);box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 26px rgba(215,170,82,.09)}

/* Luxury section treatments */
.model-services,.model-process,.model-booking,.model-trust-strip{
  position:relative;
  isolation:isolate;
}
.model-services{
  background:
    radial-gradient(circle at 12% 0%,rgba(215,170,82,.09),transparent 24rem),
    linear-gradient(180deg,#07111a 0%,#08131e 100%);
  border-top:1px solid rgba(242,209,123,.10);
  border-bottom:1px solid rgba(242,209,123,.24);
}
.model-section-title small,.kicker,.eyebrow{color:var(--gold2)}
.model-services h2,.model-process h2,.model-booking-copy h2{color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.35)}
.model-service-card{
  border:1px solid rgba(242,209,123,.28);
  background:
    radial-gradient(circle at 86% 10%,rgba(215,170,82,.09),transparent 12rem),
    linear-gradient(145deg,rgba(16,30,43,.98),rgba(5,12,19,.98));
  box-shadow:0 22px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.model-service-card:hover{transform:translateY(-5px);border-color:rgba(242,209,123,.58);box-shadow:0 28px 54px rgba(0,0,0,.34),0 0 32px rgba(215,170,82,.07)}
.model-service-icon{filter:drop-shadow(0 0 10px rgba(215,170,82,.24))}
.model-card-arrow{background:rgba(215,170,82,.06)}
.model-process{
  background:
    linear-gradient(90deg,rgba(4,9,14,.95),rgba(11,25,38,.98) 50%,rgba(4,9,14,.95)),
    url('empire-logo-background.jpg') center 46%/cover no-repeat;
}
.model-step{padding:16px;border-radius:18px;border:1px solid rgba(242,209,123,.10);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}
.model-step strong{background:rgba(215,170,82,.07);box-shadow:0 0 0 5px rgba(215,170,82,.04),0 0 24px rgba(215,170,82,.06)}
.model-booking{
  background:
    linear-gradient(90deg,rgba(3,7,11,.96),rgba(7,14,22,.88)),
    url('empire-logo-background.jpg') center/cover fixed;
}
.model-booking-form-wrap{border-color:rgba(242,209,123,.32);background:linear-gradient(180deg,rgba(7,15,23,.94),rgba(4,10,16,.95));box-shadow:0 30px 70px rgba(0,0,0,.36),0 0 38px rgba(215,170,82,.05)}
.model-booking-form input,.model-booking-form select,.model-booking-form textarea{background:linear-gradient(180deg,#0d1a28,#09131e);border-color:rgba(242,209,123,.18)}
.model-booking-form input:focus,.model-booking-form select:focus,.model-booking-form textarea:focus{border-color:rgba(242,209,123,.58);box-shadow:0 0 0 3px rgba(215,170,82,.08)}
.model-trust-strip{background:linear-gradient(180deg,#07111a,#040a10)}
.model-trust-grid>div{background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,0))}

/* Generic inner pages */
.page-hero::before{
  background:
    linear-gradient(90deg,rgba(3,7,11,.97),rgba(4,9,15,.84) 55%,rgba(4,9,15,.55)),
    url('empire-logo-background.jpg') center/cover no-repeat;
  filter:saturate(1.1) contrast(1.03);
}
.page-hero::after{background:radial-gradient(circle at 82% 16%,rgba(242,209,123,.18),transparent 25rem),linear-gradient(180deg,transparent,rgba(2,6,10,.22))}
.page-hero h1{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.55)}
.section.alt{background:linear-gradient(180deg,rgba(8,16,24,.90),rgba(5,11,17,.94));border-color:rgba(242,209,123,.12)}
.card,.panel,.highlight,.logo-card,.booking-card,.feature,.notice,.cta-band{
  border-color:rgba(242,209,123,.20);
  background:
    radial-gradient(circle at 88% 0%,rgba(215,170,82,.06),transparent 12rem),
    linear-gradient(145deg,rgba(14,25,36,.92),rgba(5,11,18,.96));
  box-shadow:0 20px 54px rgba(0,0,0,.24);
}
.card:hover{border-color:rgba(242,209,123,.45);box-shadow:0 26px 58px rgba(0,0,0,.32),0 0 24px rgba(215,170,82,.05)}
.icon{background:linear-gradient(145deg,rgba(215,170,82,.16),rgba(215,170,82,.06));border-color:rgba(242,209,123,.30);box-shadow:0 0 22px rgba(215,170,82,.06)}
.notice{background:linear-gradient(135deg,rgba(215,170,82,.12),rgba(13,24,35,.88))}
.cta-band{background:linear-gradient(135deg,rgba(215,170,82,.14),rgba(11,20,30,.92))}
footer,.model-footer{background:linear-gradient(180deg,#03070b,#020406);border-top:1px solid rgba(242,209,123,.24)}
.model-footer-grid>img,.footer-brand img{filter:saturate(1.04) contrast(1.04);border-radius:9px;box-shadow:0 12px 30px rgba(0,0,0,.30)}

/* Fine gold accent line at top of major content blocks */
.model-services::before,.model-process::before,.model-booking::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1180px,92vw);height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,209,123,.55),transparent);
}

@media(max-width:1050px){
  .reference-header .brand{max-width:360px}
  .reference-header .brand img{max-width:330px}
}
@media(max-width:650px){
  .reference-header .nav{min-height:82px}
  .reference-header .brand{max-width:calc(100vw - 102px)}
  .reference-header .brand img{width:100%;max-width:270px;border-radius:7px}
  .model-hero::before{background-position:58% center}
  body::before{opacity:.15}
}


/* =========================================================
   ECF GLOBAL LOGO WATERMARK + EXECUTIVE DEPTH UPDATE
   2026-09-24
   Keeps the ECF logo visible, softly faded, on EVERY page.
   ========================================================= */
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 9%,rgba(215,170,82,.11),transparent 24rem),
    radial-gradient(circle at 88% 14%,rgba(49,85,111,.21),transparent 30rem),
    linear-gradient(180deg,#04070b 0%,#07101a 46%,#030609 100%);
}

/* Full-site executive-office image. This is global, so every page inherits it. */
body::before{
  content:"";
  position:fixed;
  inset:82px 0 0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,7,11,.72),rgba(3,7,11,.82)),
    url('empire-logo-background.jpg') center 10% / cover no-repeat;
  opacity:.46;
  filter:saturate(1.08) contrast(1.05) brightness(.88);
}

/* A second soft brand pass keeps the ECF mark readable behind page content. */
body::after{
  content:"";
  position:fixed;
  inset:82px 0 0;
  z-index:0;
  pointer-events:none;
  background:url('empire-logo-background.jpg') center 19vh / min(1040px,88vw) auto no-repeat;
  opacity:.12;
  filter:saturate(.92) contrast(1.08) brightness(.95);
  mix-blend-mode:screen;
}

.site-header, main, footer{position:relative;z-index:1}

/* Keep sections translucent so the global ECF watermark remains visible. */
.section{
  position:relative;
  background:linear-gradient(180deg,rgba(4,9,15,.78),rgba(5,11,18,.73));
  backdrop-filter:blur(1.5px);
}
.section.alt{
  background:
    radial-gradient(circle at 84% 12%,rgba(215,170,82,.075),transparent 23rem),
    linear-gradient(180deg,rgba(6,13,21,.80),rgba(4,9,15,.76));
}
.page-hero{
  background:linear-gradient(180deg,rgba(3,7,12,.35),rgba(3,7,12,.56));
}
.page-hero::before{
  background:
    linear-gradient(90deg,rgba(3,7,12,.92),rgba(3,7,12,.73) 55%,rgba(3,7,12,.52)),
    url('empire-logo-background.jpg') center/cover no-repeat;
}

/* Glass panels stay readable without completely hiding the branded background. */
.card,.panel,.highlight,.logo-card,.phone-card,.booking-card,.feature,
.model-service-card,.model-booking-form-wrap{
  background-color:rgba(5,11,18,.76);
  box-shadow:0 22px 55px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.025);
}

/* About-page founder presentation */
.founder-title{margin-bottom:6px}
.founder-role{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 22px;
  padding:7px 12px;
  border:1px solid rgba(242,209,123,.32);
  border-radius:999px;
  background:rgba(215,170,82,.08);
  color:var(--gold2);
  font-weight:850;
  font-size:.82rem;
  letter-spacing:.04em;
}
.founder-summary{font-size:1.04rem;color:#d2d7df!important}
.experience-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:28px 0 30px;
}
.experience-card{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(242,209,123,.20);
  background:linear-gradient(145deg,rgba(8,17,27,.88),rgba(4,9,15,.78));
}
.experience-card strong{display:block;color:var(--gold2);font-size:1rem;margin-bottom:6px}
.experience-card span{display:block;color:var(--muted);font-size:.86rem;line-height:1.5}
.expertise-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 16px;
  margin:22px 0 30px;
  padding:0;
  list-style:none;
}
.expertise-list li{
  position:relative;
  padding:11px 13px 11px 38px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(4,10,17,.64);
  color:#d9dee6;
  font-size:.9rem;
}
.expertise-list li::before{
  content:"✓";
  position:absolute;
  left:13px;
  top:10px;
  color:var(--gold2);
  font-weight:950;
}

@media(max-width:760px){
  body::before{
    inset:76px 0 0;
    background:
      linear-gradient(180deg,rgba(3,7,11,.72),rgba(3,7,11,.83)),
      url('empire-logo-background.jpg') center top / auto 100vh no-repeat;
    opacity:.50;
  }
  body::after{
    inset:76px 0 0;
    background-position:center 17vh;
    background-size:132vw auto;
    opacity:.145;
  }
  .section,.section.alt{background-color:rgba(4,9,15,.73)}
  .experience-grid,.expertise-list{grid-template-columns:1fr}
}

/* =========================================================
   MOBILE NAVIGATION FIX — 2026-09-24
   Keeps the dropdown above all page/watermark layers.
   ========================================================= */
.site-header,
.reference-header{
  z-index:1000 !important;
  overflow:visible !important;
}

@media(max-width:1100px){
  .site-header .nav,
  .reference-header .nav{
    position:relative;
    z-index:1001;
  }

  .nav-links{
    z-index:1002 !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 18px 18px !important;
    background:rgba(4,10,17,.985) !important;
    border-top:1px solid rgba(242,209,123,.18);
    border-bottom:1px solid rgba(242,209,123,.34) !important;
    box-shadow:0 24px 50px rgba(0,0,0,.58);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    max-height:calc(100vh - 82px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  .nav-links.open{
    display:flex !important;
  }

  .nav-links a{
    display:block;
    width:100%;
    padding:13px 8px !important;
    border-bottom:1px solid rgba(255,255,255,.075) !important;
    color:#f5f5f3 !important;
    font-size:.92rem;
    letter-spacing:.01em;
  }

  .nav-links a:last-child{
    border-bottom:0 !important;
  }

  .nav-links a.active,
  .nav-links a:hover{
    color:var(--gold2) !important;
  }

  .menu-btn{
    position:relative;
    z-index:1003;
    min-width:48px;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:12px;
  }

  main,
  footer{
    z-index:1 !important;
  }
}