@media(max-width:760px){
.wrap{width:calc(100% - 28px)}.site-header{height:54px}.header-inner{width:calc(100% - 28px)}.brand-sub{display:none}.site-header nav{gap:10px}.site-header nav a{font-size:9px}
.hero{height:470px}.hero-art{grid-template-columns:62% 38%}.hero-shade{background:linear-gradient(0deg,rgba(14,17,15,.92) 0%,rgba(14,17,15,.6) 64%,rgba(14,17,15,.22))}
.hero-copy{left:20px;bottom:30px;top:auto;transform:none;width:calc(100% - 40px)}.hero h1{font-size:38px}.hero-lead{font-size:16px}
.intro{grid-template-columns:1fr;gap:28px;padding:38px 0}.toc{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.toc li{font-size:12px}
.story{padding:48px 0}.split,.split.reverse{grid-template-columns:1fr;gap:26px}.split.reverse .photo,.split.reverse .copy{order:initial}.intro h2,.story h2,.ending h2,.related h2{font-size:26px}.copy .num,.wide-head .num{font-size:36px}
.history-feature{grid-template-columns:1fr}.member-strip{grid-template-columns:1fr 1fr}.wide-head h2{display:block;font-size:26px}.ending{padding:50px 0}.ending-grid{grid-template-columns:1fr;gap:22px}.site-footer .wrap{display:block}.site-footer span{display:block;margin-top:5px}
}
@media(max-width:420px){.member-strip{grid-template-columns:1fr}}