/* A single headline, followed by two photographs; nothing overlaps. */
.about-arrival{width:min(1440px,calc(100% - 96px));margin:44px auto 96px;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:34px 26px;color:var(--green)}
.about-arrival-copy{grid-column:1/-1;min-width:0}
.about-arrival h1{font-size:clamp(36px,4.2vw,60px);line-height:1.55;letter-spacing:.015em;margin:0}
.about-arrival h1 span{display:inline-block}
.about-arrival-main{position:relative;min-width:0;aspect-ratio:1.78;overflow:hidden}
.about-arrival-main>img{width:100%;height:100%;object-fit:cover;object-position:58% 60%}
.about-arrival-detail{position:static;margin:0;min-width:0;height:100%;overflow:hidden}
.about-arrival-detail>img{width:100%;height:100%;object-fit:cover;object-position:95% center}
.about-page .scene-1{margin-top:0}
.about-page .about-landscapes figure{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:10px}
.about-page .about-landscapes img{width:100%;min-width:0}
.about-page .about-landscapes figcaption{width:24px}
@media(max-width:1100px){.about-arrival{width:calc(100% - 64px);gap:28px 22px}.about-arrival-main{aspect-ratio:1.5}}
@media(max-width:760px){
 .about-arrival{width:calc(100% - 40px);margin:28px auto 64px;grid-template-columns:1fr;gap:24px}
 .about-arrival h1{font-size:34px;line-height:1.65;letter-spacing:.025em}
 .about-arrival h1 span{display:block}
 .about-arrival-main{aspect-ratio:1.28}
 .about-arrival-main>img{object-position:58% 60%}
 .about-arrival-detail{width:72%;justify-self:end;height:auto;aspect-ratio:1.55;margin-top:-8px}
 .about-page .about-landscapes figure{display:block}
 .about-page .about-landscapes figcaption{width:auto}
}
@media(max-width:360px){.about-arrival h1{font-size:29px}.about-arrival{gap:22px}.about-arrival-detail{margin-top:-6px}}
/* The staff section follows the same non-overlapping reading order. */
.about-page .about-staff{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.about-page .about-staff .about-copy{max-width:none;padding:0}
.about-page .about-staff figure{margin:0;min-width:0}
.about-page .about-staff .staff-decoration{width:48px;right:8px;top:-60px}
.about-page .about-staff figcaption{text-align:left;line-height:1.8}
@media(max-width:900px){.about-page .about-staff{gap:36px}}
@media(max-width:760px){.about-page .about-staff{grid-template-columns:1fr;gap:26px}.about-page .about-staff .staff-decoration{top:-42px;width:36px}}