/* Existing page titles over the supplied photographs. Native headings remain
   in place when JavaScript is disabled or no matching title is available. */
.emotion-page-scene[hidden] { display:none; }
.emotion-page-scene {
 --scene-y:0px; position:relative; isolation:isolate; overflow:hidden;
 width:var(--scene-width,100%); max-width:none; min-height:clamp(250px,27vw,370px); margin:8px 0 48px; margin-left:var(--scene-left,0px);
 display:flex; align-items:center; justify-content:center; background:#42463e;
 padding:60px clamp(24px,6vw,84px); box-sizing:border-box;
}
.emotion-page-scene__pictures { position:absolute; inset:0; z-index:-2; pointer-events:none; }
.emotion-page-scene__main { position:absolute; inset:0; margin:0; overflow:hidden; }
.emotion-page-scene__main img {
 display:block; width:100%; height:calc(100% + 152px); max-width:none;
 object-fit:cover; object-position:center;
 transform:translate3d(0,calc(-76px + var(--scene-y)),0);
}
.emotion-page-scene::after {
 content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
 background:linear-gradient(110deg,rgb(12 17 13 / 55%),rgb(12 17 13 / 42%),rgb(12 17 13 / 55%));
}
.emotion-page-scene__title { width:100%; max-width:980px; text-align:center; }
.emotion-page-scene .emotion-page-scene__title > :is(h1,h2) {
 display:block!important; position:static!important; width:auto!important; height:auto!important;
 clip:auto!important; clip-path:none!important; overflow:visible!important; white-space:normal!important;
 margin:0!important; padding:0!important; color:#fff!important; border:0!important;
 font-family:var(--emotion-heading-family); font-weight:var(--emotion-heading-weight,550);
 font-size:clamp(22px,2.9vw,36px); line-height:1.6; letter-spacing:.08em;
 text-shadow:0 2px 16px rgb(0 0 0 / 22%); overflow-wrap:anywhere;
}
.emotion-page-scene__title :is(.emotion-title-ja,.emotion-title-en) { color:#fff!important; }
.emotion-page-scene--compact { min-height:210px; padding-block:44px; margin-bottom:32px; }
.emotion-page-scene--compact .emotion-page-scene__title > :is(h1,h2) { font-size:clamp(21px,2.6vw,32px); }
@media(max-width:767px) {
 .emotion-page-scene { min-height:215px; margin:0 0 32px; margin-left:var(--scene-left,0px); padding:40px 22px; }
 .emotion-page-scene .emotion-page-scene__title > :is(h1,h2) { font-size:21px; }
 .emotion-page-scene--compact { min-height:165px; padding:32px 20px; margin-bottom:26px; }
 .emotion-page-scene--compact .emotion-page-scene__title > :is(h1,h2) { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .emotion-page-scene__main img { transform:translateY(-76px); } }
@media print {
 .emotion-page-scene { min-height:0; padding:0; background:none; }
 .emotion-page-scene__pictures,.emotion-page-scene::after { display:none; }
 .emotion-page-scene .emotion-page-scene__title > :is(h1,h2),.emotion-page-scene__title :is(.emotion-title-ja,.emotion-title-en) { color:#000!important; text-shadow:none; }
}

/* The English translation stays on its own line while the main title fits. */
.emotion-page-scene .emotion-scene-title-fit { display:block; white-space:nowrap; overflow-wrap:normal; font-size:var(--scene-title-size,1em); }
@media print { .emotion-page-scene { width:100%; margin-left:0; } }