.photo-crop{display:block;position:relative;width:100%;aspect-ratio:var(--photo-ratio);overflow:hidden}
.photo-crop img{position:absolute;left:0;top:var(--photo-offset);width:100%;height:auto;max-height:none;max-width:none;object-fit:fill;margin:0}
.dialog-photo-crop{max-width:100%;margin:auto}
.map-overview{margin-top:32px}
.world-section .world-layout{align-items:start}
.map-overview h4{font-size:18px;margin-bottom:16px}
.fullscreen-map-shot{max-width:340px}

/* Keep the adopted title upright and show the complete illustration on phones. */
.hero .hero-art{transform:none;max-height:none}
.hero .hero-art img{height:auto;object-fit:contain}

.battle-2d-option{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:32px;align-items:center;max-width:740px;margin:48px auto 0;padding-top:32px;border-top:1px solid #f9e7a82e}
.battle-2d-option h3{font-size:22px;line-height:1.9;margin-bottom:16px}
.battle-2d-option p{font-size:15px;line-height:2.2}
.battle-2d-option .shot figcaption{display:flex;flex-wrap:wrap;gap:4px 8px}
.battle-2d-option .zoom-hint{color:#c1d4c7}
@media(max-width:640px){.battle-2d-option{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:35px;padding-top:28px}.battle-2d-option>div{order:-1}.battle-2d-shot{width:min(100%,260px);margin:auto}.battle-2d-option h3{font-size:20px}.battle-2d-option p{font-size:14px}}

/* Scouting and a spoiler-free invitation to explore Osorezan. */
.scouting-feature{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:center;max-width:860px;margin:0 auto 56px;padding-bottom:40px;border-bottom:1px solid #f9e7a82e}
.scouting-feature h3{font-family:'Noto Serif JP',serif;font-size:26px;line-height:1.9;margin-bottom:18px}
.scouting-feature p{font-size:16px;line-height:2.2}
.scouting-feature figcaption{flex-wrap:wrap}.scouting-feature .zoom-hint{color:#c1d4c7}
.osorezan-teaser{margin-top:64px}
html[lang="en"] .scouting-feature h3{font-family:Georgia,'Times New Roman',serif;line-height:1.4}
html[lang="en"] .scouting-feature p{line-height:1.8}
@media(max-width:640px){.scouting-feature{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:35px;padding-bottom:28px}.scouting-feature>div{grid-row:1}.scouting-shot{width:min(100%,340px);margin:auto}.scouting-feature h3{font-size:22px}.osorezan-teaser{margin-top:44px}}

.osorezan-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;max-width:740px;margin:30px auto 0}
.osorezan-pictures .shot{width:100%;max-width:340px;margin:auto}.osorezan-pictures figcaption{display:block}.osorezan-pictures .zoom-hint{display:block;margin-top:4px}
@media(max-width:640px){.osorezan-pictures{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}}

/* Fishing shares the landmark heading level and layout in section 04. */
.fishing-feature{margin-top:64px}
.fishing-rest{white-space:nowrap}
.fishing-shot{width:100%;max-width:340px;margin:auto}.fishing-shot figcaption{display:block}.fishing-shot .zoom-hint{display:block;margin-top:4px}
@media(max-width:640px){.fishing-feature{margin-top:44px}}