.sn-header,.sn-hero{--navy:#14233f;--navy-btn:#1b2f5e;--gold:#b8923a;--gold-text:#8a6a22;--muted:#2a3a57;font-family:Amiri,serif;font-size-adjust:none}
header.sn-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #ece6d6;max-width:none;margin:0;padding:0;display:block;color:var(--navy)}
.sn-header__inner{max-width:1440px;margin:auto;min-height:84px;padding:12px clamp(16px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sn-logo{font-size:calc(clamp(22px,2.2vw,30px) * var(--text-scale,1));font-weight:700;color:var(--navy);text-decoration:none;white-space:normal}
header.sn-header .sn-nav{display:flex;flex-wrap:wrap;gap:clamp(16px,2vw,32px);align-items:center;width:auto;order:initial}
header.sn-header .sn-nav a{font-size:calc(20px * var(--text-scale,1));color:var(--navy);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:normal}
header.sn-header .sn-nav a:hover{color:var(--gold-text)}header.sn-header .sn-nav a[aria-current=page]{color:var(--gold-text);font-weight:700;border-bottom-color:var(--gold)}
.sn-actions{display:flex;align-items:center;gap:4px}.sn-lang{font-family:system-ui,sans-serif;font-size:calc(16px * var(--text-scale,1));font-weight:600;letter-spacing:1px;color:var(--navy);text-decoration:none;padding:10px 12px}.sn-menu-btn{display:none;width:44px;height:44px;border:0;background:transparent;color:var(--navy);cursor:pointer;align-items:center;justify-content:center}
.sn-hero{position:relative;aspect-ratio:1916/821;min-height:560px;overflow:hidden;background:#eef3fa;display:flex;align-items:center}
.sn-hero__bg{position:absolute;inset:0;display:block;width:100%;height:100%}.sn-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.sn-hero__inner{position:relative;width:100%;max-width:1440px;margin:auto;padding:40px clamp(24px,5vw,72px);display:flex;justify-content:flex-end}
.sn-hero__content{width:min(560px,46%);display:flex;flex-direction:column;align-items:flex-start;text-align:right;min-width:0}.sn-hero__line{width:96px;height:3px;background:var(--gold);margin-bottom:26px}
.sn-hero h1{margin:0;font-size:calc(clamp(40px,4.9vw,72px) * var(--text-scale,1));line-height:1.25;font-weight:700;color:var(--navy)}
.sn-hero__role{margin:22px 0 0;font-size:calc(clamp(22px,2.2vw,31px) * var(--text-scale,1));line-height:1.4;font-weight:700;color:var(--gold-text)}
.sn-hero__tagline{margin:12px 0 0;font-size:calc(clamp(18px,1.6vw,23px) * var(--text-scale,1));line-height:1.6;color:var(--muted)}
.sn-hero__buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}.sn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:8px 28px;font-family:inherit;font-size:calc(22px * var(--text-scale,1));font-weight:700;border-radius:8px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.sn-btn--primary{background:var(--navy-btn);color:#fff;border:2px solid var(--navy-btn)}.sn-btn--primary:hover{background:#24407c;box-shadow:0 6px 18px #14233f40;transform:translateY(-1px)}.sn-btn--outline{background:#ffffff99;color:var(--navy-btn);border:2px solid var(--navy-btn)}.sn-btn--outline:hover{background:#fff;transform:translateY(-1px)}
.sn-header a:focus-visible,.sn-menu-btn:focus-visible,.sn-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1100px){.sn-header__inner{min-height:64px;padding-block:10px}.sn-menu-btn{display:inline-flex}header.sn-header .sn-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #ece6d6;box-shadow:0 10px 24px #14233f14}header.sn-header .sn-nav.is-open{display:flex}header.sn-header .sn-nav a{padding:14px 20px;border-bottom:1px solid #f1ece0}header.sn-header .sn-nav a[aria-current=page]{border-bottom-color:#f1ece0;background:#fbf8f0}.sn-hero{display:block;aspect-ratio:auto;min-height:0;background:#f4f7fb}.sn-hero__bg{position:relative;height:340px}.sn-hero__bg img{object-position:right 25%}.sn-hero__inner{padding:26px 22px 40px;justify-content:flex-start}.sn-hero__content{width:100%}.sn-hero__line{width:64px;margin-bottom:16px}.sn-hero h1{font-size:calc(38px * var(--text-scale,1));line-height:1.3}.sn-hero__role{margin-top:12px;font-size:calc(20px * var(--text-scale,1))}.sn-hero__tagline{margin-top:6px;font-size:calc(17px * var(--text-scale,1))}.sn-hero__buttons{flex-direction:column;align-self:stretch;gap:10px;margin-top:22px}.sn-btn{width:100%;min-height:52px;font-size:calc(19px * var(--text-scale,1))}}
html[data-theme=dark] .sn-hero{background:#e7edf5}
@media(prefers-reduced-motion:reduce){.sn-btn{transition:none}}

/* Keep the author name and navigation within narrow/large-text layouts. */
.sn-header__inner>*{min-width:0}
.sn-logo{flex:1;overflow-wrap:anywhere}
.sn-actions{flex-shrink:0}
@media(min-width:1101px){header.sn-header .sn-nav{max-width:100%}}
/* The minimum hero height must not force an aspect-ratio width wider than the page. */
.sn-hero{width:100%;min-width:0}
