/* September 2026: retain the human hero, connect it to navy, silk and warm light. */
.home-page .hero{background:#ff651c;color:#071f3a;--ui-focus:#071f3a;overflow:clip}
.home-page .hero-art{overflow:clip}
.home-page .hero-art picture{display:block;width:100%;height:100%}
.home-page .hero-art img{object-position:54% center}
.home-page .hero h2:where(#hero-title),.home-page .hero .period{color:#071f3a}
.home-page .hero .human-word{color:#071f3a}
.home-page .hero-eyebrow,.home-page .hero-note{color:#10253a}
.home-page .hero-subline{color:#10253a}
.home-page .hero h2:where(#hero-title){max-width:8.8em}
.home-page .hero-content{padding-bottom:110px}
.home-page .hero .button-dark{background:#fff6e8;color:#071f3a;border-color:#fff6e8}
.home-page .hero .button-dark:hover{background:#ffd5a0;border-color:#ffd5a0}
.home-page .site-header{color:#071f3a}
.home-page .site-header .brand-lettering{filter:none}
.home-page .site-header .menu-toggle{background:#071f3a;border:1px solid #d7b98b88}
.home-page .site-header .menu-toggle span{background:#fff6e8}
.home-page .site-header .site-nav.open{background:#071f3a;color:#fff6e8}
.home-page .site-header :focus-visible{outline-color:#071f3a}
.home-page .site-footer{background:#071f3a;color:#fff6e8;--ui-focus:#ffc978}
.home-page .site-footer .footer-line{border-color:#fff6e844}
.home-page .site-footer .simple-link,.home-page .site-footer .footer-note{color:#ded6c8}
.home-page .site-footer .brand-lettering{filter:none}
.home-page .site-footer .social-links img{filter:brightness(0) invert(1)}
.home-page .site-footer .social-links a:hover{background:#fff6e814}
.home-page .hero-light{position:absolute;inset:-3%;pointer-events:none;background:radial-gradient(ellipse at 64% 28%,#fff0bc66,transparent 40%);mix-blend-mode:screen;opacity:.12;animation:hero-light-breathe 14s ease-in-out infinite alternate}
.home-page .hero-light:after{content:"";position:absolute;inset:76% -8% -3%;background:repeating-linear-gradient(0deg,transparent 0 8px,#ffe2a433 9px,transparent 11px 20px);mask-image:radial-gradient(ellipse at 62% 60%,#000,transparent 65%);opacity:.25;animation:hero-reflection 12s ease-in-out infinite alternate}
@keyframes hero-light-breathe{to{opacity:.28;transform:translate3d(1%,.5%,0)}}
@keyframes hero-reflection{to{transform:translate3d(-2%,2%,0);opacity:.4}}
.home-page .hero-art-links{position:absolute;left:var(--page-gutter);bottom:22px;display:flex;align-items:center;gap:14px;z-index:2;color:#fff6e8}
.home-page .hero-social{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#071f3ae8;border:1px solid #ffe1ab55;border-radius:4px}
.home-page .hero-social>span{font-size:12px;padding-inline:4px 8px}
.home-page .hero-social a{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:3px;transition:background-color .2s,box-shadow .2s}
.home-page .hero-social img{filter:brightness(0) invert(1)}
.home-page .hero-social a:hover{background:#fff6e814;box-shadow:inset 0 -2px #ff963d}
.home-page .hero-art-links :focus-visible{outline:2px solid #ffc978;outline-offset:3px}
.home-page .hero[data-light=paused] .hero-light,.home-page .hero[data-light=paused] .hero-light:after,
html[data-motion=paused] .home-page .hero-light,html[data-motion=paused] .home-page .hero-light:after{animation-play-state:paused}
@media(min-width:681px) and (max-width:1100px) and (orientation:portrait){
 .home-page .hero{height:100svh;min-height:740px}
 .home-page .hero-art{inset:0}
 .home-page .hero-art img{object-position:right bottom}
 .home-page .hero-art:after{background:none}
 .home-page .hero-content{width:100%;padding:126px var(--page-gutter) 0}
 .home-page .hero h2:where(#hero-title){font-size:clamp(50px,8vw,69px);line-height:1.08;margin-bottom:19px;max-width:none}
 .home-page .hero-eyebrow{margin-bottom:22px}
 .home-page .hero-subline{font-size:16px;line-height:1.5;margin-bottom:21px}
 .home-page .hero-note{display:none}
}
@media(max-width:680px){
 .home-page .hero{height:100svh;min-height:740px}
 .home-page .hero-art{inset:0}
 .home-page .hero-art img{object-position:right top}
 .home-page .hero-art:after{background:none}
 .home-page .hero-content{padding-top:126px;padding-bottom:0}
 .home-page .hero h2:where(#hero-title){font-size:clamp(41px,11.8vw,69px);line-height:1.08;margin-bottom:19px;max-width:none}
 .home-page .hero-eyebrow{margin-bottom:22px}
 .home-page .hero-subline{font-size:15px;line-height:1.5;margin-bottom:21px}
 .home-page .hero-art-links{left:var(--page-gutter);right:var(--page-gutter);justify-content:space-between;bottom:16px;gap:8px}
 .home-page .hero-social{padding-inline:6px;gap:1px}
}
@media(max-width:680px) and (min-aspect-ratio:2/3){
 .home-page .hero-art img{object-position:right bottom}
}
@media(max-width:360px){
 .home-page .hero-content{padding-top:108px}
 .home-page .hero h2:where(#hero-title){font-size:39px;margin-bottom:15px}
 .home-page .hero-eyebrow{margin-bottom:16px}
 .home-page .hero-subline{font-size:14px;line-height:1.45;margin-bottom:16px}
 .home-page .hero-social>span{display:none}
}
@media(prefers-reduced-motion:reduce){.home-page .hero-light,.home-page .hero-light:after{animation:none}.home-page .hero-social a{transition:none}}

/* 2 October: the original approved N; plain black, exact source silhouette. */
.home-page .hero{background:#000;color:#fff6e8;--ui-focus:#ffc978}
.home-page .hero h2:where(#hero-title),.home-page .hero .period,.home-page .hero .human-word{color:#fff6e8}
.home-page .hero-eyebrow,.home-page .hero-note,.home-page .hero-subline{color:#ddd5c9}
.home-page .site-header{color:#fff6e8}
.home-page .site-header :focus-visible{outline-color:#ffc978}
.home-page .hero-art{inset:0;display:grid;place-items:center;background:#000}
.home-page .hero-art picture{position:absolute;left:62%;top:16%;width:26%;height:67%;display:grid;place-items:center}
.home-page .hero-art img{width:100%;height:100%;object-fit:contain;object-position:center;animation:hero-original-n 7s ease-in-out infinite}
.home-page .hero-art:after,.home-page .hero-light{display:none}
@keyframes hero-original-n{0%,100%{filter:brightness(.94);transform:scale(.99)}50%{filter:brightness(1.06);transform:scale(1.01)}}
@media(max-width:680px), (max-width:1100px) and (orientation:portrait){
 .home-page .hero-art picture{left:29%;top:48%;width:42%;height:39%}
}
@media(prefers-reduced-motion:reduce){.home-page .hero-art img{animation:none}}
html[data-motion=paused] .home-page .hero-art img{animation-play-state:paused}