@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:500px}.hero-copy{left:20px;bottom:32px;top:auto;transform:none;width:calc(100% - 40px)}.hero h1{font-size:43px}.hero-lead{font-size:16px}.intro{grid-template-columns:1fr;gap:28px;padding:40px 0}.toc{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.story{padding:50px 0}.split,.split.reverse,.two-col,.rank-columns,.ending-grid{grid-template-columns:1fr;gap:28px}.split.reverse>:first-child,.split.reverse>:last-child{order:initial}.intro h2,.story h2,.ending h2{font-size:26px}.copy .num,.wide-head .num{font-size:36px}.wide-head h2{display:block;font-size:26px}.metric b{font-size:52px}.ending h2{font-size:31px}.site-footer .wrap{display:block}.site-footer span{display:block;margin-top:5px}}
@media(max-width:760px){
.hero-single{object-position:center center}.hero-credit{left:14px;right:auto;font-size:8px}
.photo-block img,.wide-photo img{aspect-ratio:4/3}
}

@media(max-width:760px){
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.related-card div{padding:10px}
.related-card b{font-size:14px}
.related-card p{font-size:9px}
}

@media(max-width:760px){.story.tint > .split{width:calc(100% - 28px)}.osaka-trivia-grid{grid-template-columns:1fr;gap:14px}.osaka-trivia{padding-top:45px;padding-bottom:55px}.osaka-trivia-head h2{font-size:26px}}

@media(max-width:700px){.osaka-trivia-table{min-width:640px}.osaka-trivia-table th,.osaka-trivia-table td{padding:12px 14px}}
.photo-block img{aspect-ratio:3/2!important}