/* ===== 1stNlast · pages-v2.css — inner-page hero banners, image panels, logo hard-fix ===== */
/* logo: fixed box so the SVG can never collapse or stretch */
:root{--lg-g1:#F3D27A;--lg-g2:#D4A537;--lg-g3:#A8781E;--lg-n:#fff;--lg-tag:#E2E8F0;--lg-rule:rgba(255,255,255,.65);--lg-fill:url(#fnlGold)}
html[data-theme="light"]{--lg-g1:#C08A22;--lg-g2:#9C6A12;--lg-g3:#6F4A0B;--lg-n:#0F172A;--lg-tag:#334155;--lg-rule:#94A3B8}
footer.ft2{--lg-fill:url(#fnlGoldDark);--lg-n:#fff;--lg-tag:#CBD5E1;--lg-rule:rgba(255,255,255,.55)}
.nx .nx-logo,.nx-drawer .nx-logo{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}
.nx .nx-logo .fnl-logo{display:block;width:122px!important;height:42px!important;max-width:none!important;overflow:visible}
.nx.scrolled .nx-logo .fnl-logo{width:110px!important;height:38px!important}
.nx-drawer .nx-logo .fnl-logo{width:110px!important;height:38px!important;max-width:none!important}
footer.ft2 .fnl-logo-full{display:block;width:200px!important;height:88px!important;max-width:none!important}
@media (max-width:560px){.nx .nx-logo .fnl-logo{width:104px!important;height:36px!important}}

/* page hero banner (always dark, image-led) */
.pg-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(88vh,760px);display:flex;align-items:flex-end;padding:calc(var(--nxh,110px) + 40px) 0 54px;color:#fff;background:radial-gradient(900px 500px at 80% 30%,rgba(124,58,237,.35),transparent 60%),linear-gradient(135deg,#140b2e,#05070e 60%)}
.pg-hero picture,.pg-hero-img{position:absolute;inset:0;z-index:-2;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:70% 50%}
.pg-hero-img{animation:pgZoom 18s ease-out both}
@keyframes pgZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.pg-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,14,.94) 0%,rgba(5,7,14,.78) 38%,rgba(5,7,14,.2) 70%,rgba(5,7,14,.05)),linear-gradient(0deg,rgba(5,7,14,.85),transparent 45%)}
.pg-hero-in{position:relative;max-width:var(--max,1240px)}
.pg-hero .crumb{font-size:13px;color:#a5b0c8;margin-bottom:14px}
.pg-hero .crumb a{color:#cbd5e1}
.pg-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pg-chip i{color:#f3d27a}
.pg-hero h1{max-width:720px;margin:16px 0 12px;font-size:clamp(2.1rem,4.8vw,3.9rem);line-height:1.06;font-weight:800;letter-spacing:-1.5px;color:#fff}
.pg-gold{background:linear-gradient(180deg,#f3d27a,#d4a537 55%,#a8781e);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-hero .lead{max-width:600px;margin:0;font-size:16px;color:#cbd5e1!important}
.pg-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.pg-hero .btn-g{color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.25)!important}
.pg-stats{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:28px 0 0;padding:0}
.pg-stats li{min-width:120px;padding:12px 16px;border-radius:14px;background:rgba(5,7,14,.55);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pg-stats b{display:block;font-size:20px;font-weight:800;color:#f3d27a;font-variant-numeric:tabular-nums}
.pg-stats span{font-size:12px;color:#a5b0c8}
.pg-hero .sub-nav{margin-top:26px}
.pg-hero .sub-nav a{color:#e2e8f0!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important}
.pg-hero .sub-nav a:hover{border-color:#f3d27a!important;color:#f3d27a!important}
@media (max-width:760px){
.pg-hero{min-height:auto;padding-top:calc(var(--nxh,110px) + 180px)}
.pg-hero picture,.pg-hero-img{object-position:75% 20%}
.pg-hero-shade{background:linear-gradient(180deg,rgba(5,7,14,.15) 0%,rgba(5,7,14,.75) 32%,rgba(5,7,14,.96) 60%)}
.pg-stats li{flex:1 1 40%;min-width:0}}
@media (prefers-reduced-motion:reduce){.pg-hero-img{animation:none}}

/* side image panel (e.g. apply form) */
.pg-apply-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:32px;align-items:start}
.pg-show{position:sticky;top:calc(var(--nxh,110px) + 20px);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.25);background:#05070e}
.pg-show img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover}
.pg-show-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 20px 18px;color:#fff;background:linear-gradient(0deg,rgba(5,7,14,.92),transparent)}
.pg-show-cap b{display:block;font-size:17px}
.pg-show-cap span{font-size:13px;color:#cbd5e1}
@media (max-width:960px){.pg-apply-grid{grid-template-columns:1fr}.pg-show{position:relative;top:0;max-width:520px}}