
:root{
  --navy:#071827;
  --navy-2:#0b2135;
  --ink:#0a1a2b;
  --gold:#c9952d;
  --gold-2:#e3b64c;
  --blue:#0b73c9;
  --white:#fff;
  --soft:#f4f6f8;
  --line:#d8dee6;
  --muted:#647383;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92vw);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8ebef;box-shadow:0 3px 15px rgba(7,24,39,.07)}
.header-inner{height:92px;display:flex;align-items:center;gap:30px}
.brand img{width:278px;height:auto}
.nav-toggle{display:none;margin-left:auto;border:0;background:none;font-size:28px;color:var(--navy)}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:30px;font-weight:700;font-size:15px}
.nav-links>a,.dropdown>button{position:relative;padding:34px 0 30px;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer}
.nav-links>a.active::after,.dropdown.active>button::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--gold)}
.dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:72px;left:-20px;min-width:250px;background:#fff;border:1px solid #e3e8ed;border-radius:8px;box-shadow:0 15px 35px rgba(7,24,39,.13);padding:8px}
.dropdown.open .dropdown-menu,.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:12px 14px;border-radius:6px}
.dropdown-menu a:hover{background:var(--soft)}
.portal-btn{background:linear-gradient(135deg,var(--gold),var(--gold-2));border:1px solid #ad7d1d;border-radius:4px;padding:15px 23px!important;color:#071827!important;letter-spacing:.04em;white-space:nowrap}
.portal-btn::after{display:none!important}

.hero{background:var(--navy);color:white}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:655px}
.hero-copy{padding:80px max(5vw,40px) 72px max(calc((100vw - 1180px)/2),4vw);display:flex;flex-direction:column;justify-content:center;background:
radial-gradient(circle at 15% 25%,rgba(11,115,201,.19),transparent 34%),
linear-gradient(140deg,#050d16,#071827 70%)}
.eyebrow{color:var(--gold-2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:12px}
.hero h1,.page-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5vw,74px);line-height:.99;margin:0 0 28px;letter-spacing:-.035em}
.hero h1 em{display:block;color:var(--gold-2);font-weight:400}
.hero-copy p{font-size:19px;color:#e6edf4;max-width:620px;margin:0 0 30px}
.hero-photo{min-height:655px;position:relative;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,39,.18),transparent 35%)}
.badge{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:700;margin-top:20px}
.badge-icon{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);font-size:23px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 21px;border-radius:4px;font-weight:800;letter-spacing:.03em;border:1px solid var(--gold)}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#071827}
.btn-outline{color:#fff;background:transparent}
.btn-dark{color:#fff;background:var(--navy)}
.section{padding:78px 0}
.section-dark{background:var(--navy);color:#fff}
.section-soft{background:var(--soft)}
.section-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,50px);line-height:1.08;margin:0 0 18px}
.section-intro{max-width:760px;color:var(--muted);font-size:18px}
.section-dark .section-intro{color:#c9d5df}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{border:1px solid #dfe5ea;border-radius:10px;padding:28px;background:#fff;box-shadow:0 9px 25px rgba(7,24,39,.05)}
.card-dark{background:#0a1d30;border:1px solid rgba(201,149,45,.65);color:white;box-shadow:none}
.card h3{margin:0 0 10px;font-family:Georgia,'Times New Roman',serif;font-size:24px}
.card p{margin:0;color:#647383}
.card-dark p{color:#c7d2dd}
.icon{font-size:31px;color:var(--gold);margin-bottom:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.photo-card{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(7,24,39,.15)}
.photo-card img{width:100%;height:430px;object-fit:cover}
.page-hero{background:linear-gradient(135deg,#06131f,#0b2135);color:#fff;padding:60px 0}
.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px}
.page-hero h1{font-size:clamp(42px,5vw,64px);margin-bottom:20px}
.page-hero p{font-size:18px;color:#d5e0e8;max-width:670px}
.page-hero-image{height:360px;border-radius:10px;overflow:hidden}
.page-hero-image img{width:100%;height:100%;object-fit:cover}
.audience-band{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}
.audience-card{padding:32px;border-radius:10px;background:#fff;border:1px solid #dee5eb}
.audience-card h3{font-family:Georgia,'Times New Roman',serif;font-size:28px;margin:0 0 10px}
.audience-card a{color:var(--gold);font-weight:800}
.values-list{display:grid;gap:18px}
.value{display:flex;gap:16px;align-items:flex-start}
.value b{display:block;color:var(--gold-2);margin-bottom:3px}
.requests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.request-card{text-align:center;padding:34px 26px}
.request-card .icon{font-size:42px}
.form-shell{background:#fff;border:1px solid #dde4ea;border-radius:12px;padding:32px;box-shadow:0 12px 34px rgba(7,24,39,.06)}
.form-section{margin:0 0 30px}
.form-section h2{font-family:Georgia,'Times New Roman',serif;color:var(--navy);margin:0 0 16px;font-size:25px;border-bottom:2px solid var(--gold);padding-bottom:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 22px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{font-weight:700;color:#14273a;font-size:14px}
input,select,textarea{width:100%;border:1px solid #bfcbd7;border-radius:4px;background:white;padding:12px 13px;font:inherit;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(11,115,201,.25);border-color:var(--blue)}
textarea{min-height:120px;resize:vertical}
.choice-row{display:flex;gap:28px;flex-wrap:wrap}
.choice{display:flex;align-items:center;gap:9px;font-weight:700}
.choice input{width:auto}
.form-note{font-size:13px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px}
.contact-panel{background:#071827;color:white;border-radius:12px;padding:34px}
.contact-panel h2{font-family:Georgia,'Times New Roman',serif;font-size:32px;margin-top:0}
.contact-panel a{color:var(--gold-2)}
.site-footer{background:#04111d;color:#c7d3de;padding:36px 0;border-top:1px solid rgba(201,149,45,.5)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px;align-items:start}
.footer-logo{width:260px;background:white;padding:6px;border-radius:3px}
.footer-links{display:grid;gap:8px}
.footer-links strong{color:white;margin-bottom:5px}
.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.callout{border-left:4px solid var(--gold);padding:18px 22px;background:#fff7e4;color:#3d321b;border-radius:4px}
@media(max-width:960px){
 .header-inner{height:auto;padding:12px 0;flex-wrap:wrap}
 .brand img{width:235px}
 .nav-toggle{display:block}
 .nav-links{display:none;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}
 .nav-links.open{display:flex}
 .nav-links>a,.dropdown>button{padding:13px 5px;text-align:left;width:100%}
 .dropdown-menu{position:static;box-shadow:none;border:0;padding-left:16px}
 .portal-btn{text-align:center!important;margin-top:10px}
 .hero-grid,.page-hero-grid,.split,.contact-grid{grid-template-columns:1fr}
 .hero-copy{padding:58px 5vw}
 .hero-photo{min-height:500px}
 .grid-4{grid-template-columns:repeat(2,1fr)}
 .requests-grid,.grid-3{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .brand img{width:210px}
 .hero h1,.page-hero h1{font-size:43px}
 .hero-photo{min-height:430px}
 .section{padding:55px 0}
 .grid-2,.grid-4,.audience-band,.form-grid,.footer-grid{grid-template-columns:1fr}
 .page-hero-image{height:280px}
 .form-shell{padding:22px 16px}
 .choice-row{gap:14px}
}
