.hero[data-miyako-carousel] {position:relative;isolation:isolate}
.miyako-hero-slide {position:absolute;inset:0;z-index:5;display:block;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;background:#35c7e2;transition:opacity 1.6s ease-in-out,visibility 0s linear 1.6s;touch-action:pan-y}
.miyako-hero-slide picture,.miyako-hero-slide picture img {display:block;width:100%;height:100%;max-width:none}
.miyako-hero-slide picture img {object-fit:cover;object-position:left center}
.miyako-hero-slide.is-campaign-active {opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}
.hero[data-campaign-ready]>.shuri-hero,.hero[data-campaign-ready]>.event-hero {opacity:1;transition:none}
.hero[data-campaign-ready]>:is(.shuri-hero,.event-hero)[aria-hidden="true"] {pointer-events:none}
.hero[data-campaign-ready]>.shuri-hero[aria-hidden="true"] * {animation-play-state:paused!important}
.miyako-carousel-arrows {position:absolute;inset:0;z-index:9;pointer-events:none}
.miyako-carousel-arrow {position:absolute;top:50%;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #ffffffb3;border-radius:50%;background:#fffdf3db;color:#173e4c;box-shadow:0 2px 12px #0000001f;transform:translateY(-50%);pointer-events:auto;cursor:pointer;transition:background .2s}
.miyako-carousel-arrow--prev {left:24px}
.miyako-carousel-arrow--next {right:24px}
.miyako-carousel-arrow svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.miyako-carousel-arrow:hover {background:#fffdf5}
.miyako-carousel-arrow:focus-visible {outline:3px solid #123e4e;outline-offset:3px}
.miyako-banner {position:relative;overflow:hidden}
.miyako-banner__english,.miyako-hero__english {display:none}
html[lang="en"] .miyako-banner>img,html[lang="en"] .miyako-hero-slide>picture {visibility:hidden}
html[lang="en"] .miyako-banner__english {position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;padding:7% 5%;background:linear-gradient(90deg,transparent 5%,#043c5de6 60%),url('../img/miyako-longstay/hero-en.webp') left center/cover;color:#fff;text-align:right}
.miyako-banner__english>small {font-size:clamp(9px,1vw,15px);letter-spacing:.07em}
.miyako-banner__english>strong {font:800 clamp(18px,2.1vw,34px)/1.1 Arial,sans-serif;letter-spacing:-.04em}
.miyako-banner__english>span {font-size:clamp(8px,.85vw,12px)}
html[lang="en"] .miyako-hero__english {position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:5% 7%;background:linear-gradient(90deg,transparent 20%,#e7faffdd 68%,#e7faff 100%),url('../img/miyako-longstay/hero-en.webp') left center/cover;color:#063e57;text-align:right}
.miyako-hero__english>small {font-size:clamp(12px,1.5vw,22px);letter-spacing:.12em}
.miyako-hero__english>strong {font:800 clamp(40px,6vw,110px)/1.1 Arial,sans-serif;letter-spacing:-.06em}
.miyako-hero__english>span {margin-top:12px;font-size:clamp(14px,1.8vw,26px)}
.miyako-hero__english>b {margin-top:24px;padding:12px 23px;border-radius:99px;color:#fff;background:#075b75;font-size:15px}
@media(max-width:767px) {
 .miyako-hero-slide picture img {object-position:center;object-fit:contain}
 .miyako-carousel-arrow {width:42px;height:42px}
 .miyako-carousel-arrow--prev {left:10px}
 .miyako-carousel-arrow--next {right:10px}
 .miyako-banner__english>small {font-size:10px}
 .miyako-banner__english>strong {font-size:22px}
 .miyako-banner__english>span {font-size:9px}
 html[lang="en"] .miyako-hero__english {justify-content:flex-start;align-items:center;padding:40px 16px;background:linear-gradient(180deg,#e7faff 0%,#e7fafff2 40%,transparent 66%),url('../img/miyako-longstay/hero-en.webp') left bottom/auto 65% no-repeat;background-color:#0cb9d5;text-align:center}
 .miyako-hero__english>strong {font-size:clamp(49px,14vw,70px);margin-top:12px}
 .miyako-hero__english>span {font-size:17px;max-width:90%;line-height:1.6}
}
@media(prefers-reduced-motion:reduce) {.miyako-hero-slide,.hero[data-campaign-ready]>.shuri-hero {transition:none}}