/* One photographic statement, with the complete Sway message retained in the HTML. */
.material-banner{position:relative;isolation:isolate;overflow:hidden;background:#171322;color:#fff;min-height:720px;display:flex;align-items:center;padding:clamp(64px,8vw,120px) clamp(24px,6vw,96px);margin:0}
.material-banner .material-banner-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.035)}
.material-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,10,19,.92) 0%,rgba(12,10,19,.8) 31%,rgba(12,10,19,.22) 68%,rgba(12,10,19,.08) 100%)}
.material-banner-content{width:min(100%,720px)}
.material-banner .material-banner-kicker{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.16em;font-weight:600;line-height:1.6;margin:0 0 32px;color:#fff}
.material-banner-kicker::before{content:"";width:28px;height:2px;background:#ffcf3a;flex:none}
.material-banner h2{font-size:clamp(36px,4.4vw,68px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 30px;text-wrap:balance;color:#fff}
.material-banner h2>span{display:block}
.material-banner .material-banner-statement{color:#ffcf3a}
.material-banner .material-banner-detail{max-width:43ch;margin:0 0 14px;font-size:clamp(17px,1.6vw,22px);line-height:1.65;color:#f0edf4;text-wrap:pretty}
.material-banner .material-banner-close{max-width:36ch;margin:0;font-size:clamp(22px,2.2vw,32px);line-height:1.35;letter-spacing:-.025em;color:#fff;text-wrap:pretty}
.material-banner .material-banner-link{display:inline-flex;gap:36px;align-items:center;margin-top:36px;padding:10px 0;border-bottom:1px solid #ffffff80;color:#fff;font-size:14px;font-weight:500;transition:border-color .3s}
.material-banner-link:hover{border-color:#ffcf3a}
.material-banner-link:focus-visible{outline:2px solid #ffcf3a;outline-offset:6px}
.material-banner .material-banner-credit{position:absolute;right:clamp(24px,6vw,96px);bottom:24px;margin:0;font-size:9px;letter-spacing:.12em;color:#f5f1f8;line-height:1.6}
@keyframes material-copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes material-photo-in{from{transform:scale(1.035)}to{transform:scale(1.075)}}
@media(prefers-reduced-motion:no-preference){
 body:not([data-animations="off"]) .material-banner.is-prepared .material-banner-part{opacity:0;transform:translateY(16px)}
 body:not([data-animations="off"]) .material-banner.is-revealed .material-banner-part{animation:material-copy-in 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--part)*.85s)}
 body:not([data-animations="off"]) .material-banner.is-revealed .material-banner-photo{animation:material-photo-in 4.8s ease-out both}
}
@media(max-width:760px){
 .material-banner{min-height:760px;padding:70px 24px 100px;align-items:flex-end}
 .material-banner .material-banner-photo{object-position:46% 46%}
 .material-banner::before{background:linear-gradient(180deg,rgba(12,10,19,.08),rgba(12,10,19,.35) 20%,rgba(12,10,19,.82) 48%,rgba(12,10,19,.95))}
 .material-banner-content{max-width:560px}
 .material-banner h2{font-size:clamp(34px,7.5vw,54px)}
 .material-banner .material-banner-kicker{font-size:10px;margin-bottom:24px}
 .material-banner .material-banner-credit{right:auto;left:24px;bottom:26px;font-size:8px}
}