/* An open photographic rail, paced by the visitor. */
.home-discover{overflow:hidden}
.home-discover-inner{min-width:0}
.home-discover .experience-rail{
  position:relative;display:flex!important;flex-wrap:nowrap;gap:28px!important;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:4px;
  overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;
  padding:6px 4px 16px;margin:-6px -4px 0;min-width:0;
}
.experience-rail::-webkit-scrollbar{display:none}
.home-discover .experience-rail .home-experience-card{
  flex:0 0 min(43%,520px);scroll-snap-align:start;scroll-snap-stop:normal;
  border:0;border-radius:0;outline-offset:3px;
}
.home-discover .experience-rail .home-experience-card>img{height:clamp(210px,21vw,300px)!important;aspect-ratio:1.7;object-fit:cover}
.home-discover .experience-rail .home-card-top{padding:16px 0 7px!important}
.home-discover .experience-rail .home-card-category{background:none;padding:0;font-size:12px!important}
.home-discover .experience-rail .home-card-copy h3{font-size:30px!important;line-height:1.25!important;margin-bottom:17px!important}
.home-discover .experience-rail .home-card-action{font-size:14px!important;min-height:44px!important}
.experience-rail:focus-visible{outline:2px solid #32373f;outline-offset:5px}
.experience-rail .home-experience-card:focus-visible{outline:2px solid #32373f!important}
.experience-navigation{display:flex;align-items:center;gap:32px;margin-top:2px;min-height:48px}
.experience-navigation[hidden]{display:none}
.experience-progress{position:relative;flex:1;height:1px;background:#32373f29;overflow:hidden}
.experience-progress>span{display:block;position:absolute;top:0;bottom:0;width:var(--rail-visible,43%);left:var(--rail-offset,0%);background:#32373f}
.experience-arrows{display:flex;align-items:center;gap:10px}
.experience-arrows button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #32373f60;border-radius:50%;background:none;color:#32373f;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;touch-action:manipulation}
.experience-arrows button:hover:not(:disabled){background:#32373f0b;border-color:#32373f}
.experience-arrows button:disabled{opacity:.28;cursor:default}
.experience-arrows button:focus-visible{outline:2px solid #32373f;outline-offset:4px}
.home-discover .home-discover-foot{margin-top:10px!important;padding-top:8px!important}
/* Keep the hero focused on its headline and primary actions. */
.hg-cinema{height:auto;min-height:clamp(580px,82svh,820px);padding-bottom:80px}
.hg-cinema-footer{right:auto;bottom:25px;width:fit-content;max-width:min(460px,calc(100% - 96px));padding-top:7px;border-color:#ffffff40;gap:12px}
.hg-cinema-caption{min-height:44px;justify-content:center;font-size:13px;line-height:1.45;gap:0}
.hg-caption-kicker{display:none}
.hg-cinema-caption i{font-size:14px;margin-left:10px}
.hg-cinema-captions{min-width:0}
@media(max-width:900px){
  .home-discover .experience-rail{gap:22px!important}
  .home-discover .experience-rail .home-experience-card{flex-basis:62%}
  .home-discover .experience-rail .home-experience-card>img{height:240px!important}
  .hg-cinema-footer{max-width:calc(100% - 64px)}
}
@media(max-width:600px){
  .home-discover .home-discover-heading{margin-bottom:22px!important}
  .home-discover .home-discover-heading h2{font-size:34px!important}
  .home-discover .home-discover-links{margin-top:10px!important;gap:20px}
  .home-discover .experience-rail{gap:16px!important;padding-bottom:12px}
  .home-discover .experience-rail .home-experience-card{flex-basis:86%}
  .home-discover .experience-rail .home-experience-card>img{height:190px!important}
  .home-discover .experience-rail .home-card-top{padding-top:13px!important;padding-bottom:7px!important}
  .home-discover .experience-rail .home-card-copy h3{font-size:26px!important;margin-bottom:14px!important}
  .experience-navigation{gap:24px}
  .experience-arrows{gap:8px}
  .experience-arrows button{width:44px;height:44px}
  .home-discover .home-discover-foot{margin-top:8px!important}
  .hg-cinema{height:auto;min-height:570px;padding-bottom:48px}
  .hg-cinema-footer{left:24px;right:auto;bottom:18px;max-width:calc(100% - 48px);padding-top:4px}
  .hg-cinema-caption,html[lang=ja] .hg-cinema-caption{font-size:12px;min-height:44px}
  html[lang=ja] .home-discover .experience-rail .home-card-copy h3{font-size:23px!important;line-height:1.45!important}
}
@media(max-width:360px){
  .home-discover .home-discover-heading h2{font-size:30px!important}
  .home-discover .experience-rail .home-experience-card{flex-basis:88%}
  .home-discover .experience-rail .home-experience-card>img{height:165px!important}
  .home-discover .experience-rail .home-card-copy h3{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){.home-discover .experience-rail{scroll-behavior:auto}.experience-arrows button{transition:none}}

.hg-cinema-motion-toggle:focus-visible{position:absolute;left:max(24px,calc((100% - 1280px)/2));bottom:14px}
