:root{color-scheme:light;--navy:#10283e;--deep:#091d30;--gold:#efb735;--paper:#f7f8fa;--ink:#172d40;--muted:#536372;--line:#d8dfe4}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #ac7b12;outline-offset:6px}
.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:12px;transform:translateY(-180%);background:white;padding:12px 18px;z-index:10}
.skip-link:focus{transform:none}
.header-inner{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.wordmark{font-size:2.5rem;font-weight:900;letter-spacing:-.06em;display:flex;align-items:center;gap:22px;line-height:1}
.wordmark span{border-left:1px solid var(--line);padding-left:22px;font-size:.875rem;font-weight:700;letter-spacing:.025em;line-height:1.45;text-transform:uppercase}
.header-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,var(--deep),#183a54);color:white}
.hero-inner{padding-block:86px 72px;position:relative;z-index:1;animation:arrive .65s ease-out both}
.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.75rem;font-weight:700;color:#83621b;margin:0 0 20px}
.hero .eyebrow{color:var(--gold)}
h1,h2,p{margin-top:0}
h1{font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3rem,6.2vw,5.5rem);line-height:1.04;letter-spacing:-.025em;margin-bottom:28px;max-width:800px}
.intro{max-width:460px;font-size:1.125rem;line-height:1.75;color:#dce5ec;margin-bottom:34px}
.gold-line{width:64px;height:4px;background:var(--gold);margin-bottom:36px}
.hero-signature{font-size:.75rem;letter-spacing:.03em;color:#c2d0da;margin:0}.hero-signature span{padding:0 12px;color:var(--gold)}
.structure{position:absolute;right:-7%;bottom:-15%;width:43%;height:100%;border:1px solid #466178;transform:skewY(-22deg);z-index:0;opacity:.55}
.structure::before,.structure::after{content:"";position:absolute;inset:20% 0;border-block:1px solid #466178}
.structure::after{inset:40% 0}
.structure span{position:absolute;top:0;bottom:0;left:25%;width:1px;background:#466178}.structure span:nth-child(2){left:50%}.structure span:nth-child(3){left:75%}
.company{padding-block:54px;display:grid;grid-template-columns:1fr 2fr;gap:48px}
h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.025em;margin-bottom:18px}
.company p:not(.eyebrow){color:var(--muted);max-width:590px;margin-bottom:0}
footer{border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.footer-inner{padding-block:24px;display:flex;justify-content:space-between;gap:24px}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header-inner{min-height:100px}.header-label{display:none}.wordmark{font-size:2.1rem;gap:16px}.wordmark span{font-size:.75rem;padding-left:16px}.hero-inner{padding-block:64px 52px}h1{font-size:clamp(2.5rem,10vw,3.75rem)}.intro{font-size:1rem}.structure{width:60%;opacity:.22}.company{grid-template-columns:1fr;gap:0;padding-block:38px}.hero-signature{max-width:280px}.footer-inner{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}