/* Background copied from kawaramachi/assets/base-hero.css; scoped to this hero. */
.hero--kyoto-background{isolation:isolate;--sky-cycle:60s;background:#17243e;color:#fff}
.hero--kyoto-background .hero-title__pre,
.hero--kyoto-background .hero-coverline__sub{color:#eee4f1}
.hero--kyoto-background .legacy-hero-sky{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#84badd}
.hero--kyoto-background .legacy-hero-sky>div{position:absolute;inset:0}
.hero--kyoto-background .sky-day{background:linear-gradient(180deg,#3578b3 0%,#7bb2d7 44%,#bcd7e6 76%,#e9e5df 100%)}
.hero--kyoto-background .sky-dawn{background:radial-gradient(ellipse at 19% 95%,#ffeac5 0%,#eeb79f 19%,transparent 58%),linear-gradient(180deg,#485278 0%,#8b7c9a 36%,#c399ac 64%,#f3c2ab 100%);animation:sky-dawn var(--sky-cycle) linear infinite}
.hero--kyoto-background .sky-night{background:radial-gradient(ellipse at 19% 110%,#666287 0%,#2c3557 42%,#101b34 80%);animation:sky-night var(--sky-cycle) linear infinite}
.hero--kyoto-background .sky-stars{background-image:radial-gradient(1px 1px at 12% 18%,#fff 80%,transparent),radial-gradient(1px 1px at 28% 9%,#fff9 80%,transparent),radial-gradient(1.4px 1.4px at 39% 31%,#eee9ff 70%,transparent),radial-gradient(1px 1px at 64% 12%,#fff 80%,transparent),radial-gradient(1px 1px at 82% 24%,#fff9 80%,transparent),radial-gradient(1px 1px at 93% 8%,#fff 80%,transparent),radial-gradient(1px 1px at 54% 41%,#fff8 80%,transparent),radial-gradient(1px 1px at 8% 43%,#fff9 80%,transparent);animation:sky-stars var(--sky-cycle) linear infinite}
.hero--kyoto-background .legacy-hero-sky .sky-sun{inset:12% 40% -45% -25%;background:radial-gradient(ellipse at center,rgba(255,250,224,.9) 0%,rgba(255,220,176,.45) 5%,rgba(248,199,174,.18) 19%,transparent 54%);animation:sky-sun var(--sky-cycle) ease-in-out infinite}
.hero--kyoto-background .legacy-hero-sky .sky-clouds{inset:15% -25% -22%;background:radial-gradient(ellipse 25% 4% at 15% 58%,#e9deed85 0%,#d9d7e73a 46%,transparent 73%),radial-gradient(ellipse 32% 5% at 49% 64%,#f6e8e9a0 0%,#e2dce947 44%,transparent 74%),radial-gradient(ellipse 19% 3% at 67% 53%,#eae5f187 0%,transparent 76%),radial-gradient(ellipse 29% 6% at 88% 72%,#f3e5e8a0 0%,#ece2e842 43%,transparent 74%),radial-gradient(ellipse 39% 2% at 35% 39%,#e0e5ef5c 0%,transparent 76%),radial-gradient(ellipse 20% 2% at 78% 30%,#eee6f05c 0%,transparent 75%);filter:blur(5px);animation:sky-cloud-drift 70s ease-in-out infinite alternate,sky-cloud-light var(--sky-cycle) linear infinite}
.hero--kyoto-background .legacy-hero-sky .sky-clouds--near{inset:30% -35% -32%;transform:scaleX(-1);filter:blur(9px);animation:sky-cloud-near 85s ease-in-out infinite alternate,sky-cloud-light var(--sky-cycle) linear infinite}
.hero--kyoto-background .sky-veil{background:linear-gradient(90deg,rgba(19,23,45,.65),rgba(29,27,50,.36) 40%,rgba(29,27,50,.06) 76%),linear-gradient(0deg,rgba(30,29,54,.19),transparent 34%)}
@keyframes sky-night{0%,8%{opacity:1}36%,78%{opacity:0}100%{opacity:1}}
@keyframes sky-dawn{0%,12%{opacity:1}28%,38%{opacity:1}60%,76%{opacity:0}90%,100%{opacity:1}}
@keyframes sky-stars{0%,8%{opacity:.8}29%,84%{opacity:0}100%{opacity:.8}}
@keyframes sky-sun{0%,10%{opacity:0;transform:translateY(18%)}32%{opacity:1;transform:translateY(0)}60%,76%{opacity:.3;transform:translateY(-18%)}90%,100%{opacity:0;transform:translateY(18%)}}
@keyframes sky-cloud-light{0%,8%,100%{opacity:.15}35%{opacity:.75}60%,76%{opacity:.85}}
@keyframes sky-cloud-drift{from{transform:translateX(-5%) scale(1)}to{transform:translateX(9%) scale(1.08)}}
@keyframes sky-cloud-near{from{transform:translateX(7%) scaleX(-1)}to{transform:translateX(-9%) scaleX(-1.1)}}
.hero--kyoto-background .legacy-hero-sky.is-paused>div{animation-play-state:paused}
@media(max-width:760px){.hero--kyoto-background .sky-veil{background:linear-gradient(180deg,rgba(19,23,45,.6),rgba(29,27,50,.36) 43%,rgba(29,27,50,.08))}
.hero--kyoto-background .legacy-hero-sky .sky-clouds{inset:5% -70% -10%}}
@media(prefers-reduced-motion:reduce){.hero--kyoto-background .legacy-hero-sky>div{animation:none!important}
.hero--kyoto-background .legacy-hero-sky .sky-night,.hero--kyoto-background .legacy-hero-sky .sky-stars{opacity:0}
.hero--kyoto-background .legacy-hero-sky .sky-dawn{opacity:.75}
.hero--kyoto-background .legacy-hero-sky .sky-clouds{opacity:.5}
.hero--kyoto-background .legacy-hero-sky .sky-sun{opacity:.5}}
@media print{.hero--kyoto-background .legacy-hero-sky{display:none}
}
/* Start at the clear daytime phase (60% of the 60-second cycle), then sunset and night. */
.hero--kyoto-background .legacy-hero-sky>div{animation-delay:-36s}
.hero--kyoto-background .legacy-hero-sky .sky-clouds{animation-delay:-11s,-36s}
.hero--kyoto-background .sky-stars{background-image:radial-gradient(1px 1px at 63.66% 3.83%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 22.87% 55.76%,#f3edff99 35%,transparent 100%),radial-gradient(0.65px 0.65px at 58.87% 4.32%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 23.80% 45.95%,#f3edffbb 35%,transparent 100%),radial-gradient(1.15px 1.15px at 71.17% 53.20%,#f3edffbb 35%,transparent 100%),radial-gradient(0.65px 0.65px at 45.02% 22.31%,#f3edffbb 35%,transparent 100%),radial-gradient(0.8px 0.8px at 69.42% 26.84%,#f3edffbb 35%,transparent 100%),radial-gradient(0.65px 0.65px at 94.81% 26.57%,#f3edffff 35%,transparent 100%),radial-gradient(1.4px 1.4px at 10.48% 63.87%,#f3edffdd 35%,transparent 100%),radial-gradient(1.4px 1.4px at 80.10% 55.27%,#f3edff99 35%,transparent 100%),radial-gradient(1.4px 1.4px at 96.37% 29.63%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 82.28% 47.15%,#f3edffbb 35%,transparent 100%),radial-gradient(0.8px 0.8px at 70.05% 5.35%,#f3edffdd 35%,transparent 100%),radial-gradient(0.65px 0.65px at 97.55% 64.44%,#f3edffff 35%,transparent 100%),radial-gradient(1px 1px at 28.24% 48.40%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 37.28% 17.29%,#f3edff99 35%,transparent 100%),radial-gradient(0.8px 0.8px at 60.69% 14.49%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 46.30% 21.71%,#f3edffbb 35%,transparent 100%),radial-gradient(0.65px 0.65px at 68.09% 63.53%,#f3edffbb 35%,transparent 100%),radial-gradient(1.15px 1.15px at 81.54% 60.77%,#f3edffdd 35%,transparent 100%),radial-gradient(1.4px 1.4px at 7.49% 68.66%,#f3edffdd 35%,transparent 100%),radial-gradient(1.15px 1.15px at 21.84% 38.44%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 26.96% 20.00%,#f3edffdd 35%,transparent 100%),radial-gradient(1.4px 1.4px at 74.21% 33.28%,#f3edffff 35%,transparent 100%),radial-gradient(0.8px 0.8px at 36.48% 74.80%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 9.91% 5.44%,#f3edffbb 35%,transparent 100%),radial-gradient(1.15px 1.15px at 62.49% 59.82%,#f3edff99 35%,transparent 100%),radial-gradient(1.15px 1.15px at 38.71% 45.50%,#f3edffdd 35%,transparent 100%),radial-gradient(0.65px 0.65px at 96.17% 64.84%,#f3edff99 35%,transparent 100%),radial-gradient(1px 1px at 67.81% 41.20%,#f3edffdd 35%,transparent 100%),radial-gradient(1.15px 1.15px at 11.93% 33.74%,#f3edff99 35%,transparent 100%),radial-gradient(1px 1px at 94.47% 65.94%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 50.75% 9.77%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 15.98% 57.66%,#f3edff99 35%,transparent 100%),radial-gradient(0.65px 0.65px at 59.70% 37.67%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 87.11% 62.71%,#f3edffbb 35%,transparent 100%),radial-gradient(0.65px 0.65px at 6.68% 66.09%,#f3edff99 35%,transparent 100%),radial-gradient(1.4px 1.4px at 72.73% 61.57%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 13.58% 36.70%,#f3edffbb 35%,transparent 100%),radial-gradient(1.15px 1.15px at 26.98% 65.69%,#f3edffbb 35%,transparent 100%),radial-gradient(0.8px 0.8px at 92.03% 57.13%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 40.10% 51.03%,#f3edffff 35%,transparent 100%),radial-gradient(0.8px 0.8px at 89.16% 34.96%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 7.27% 3.54%,#f3edffbb 35%,transparent 100%),radial-gradient(0.65px 0.65px at 58.67% 2.52%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 7.61% 4.29%,#f3edff99 35%,transparent 100%),radial-gradient(1.15px 1.15px at 51.39% 22.33%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 53.84% 54.80%,#f3edffff 35%,transparent 100%),radial-gradient(1.15px 1.15px at 24.81% 36.53%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 10.24% 50.11%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 41.29% 65.06%,#f3edff99 35%,transparent 100%),radial-gradient(0.65px 0.65px at 6.94% 55.16%,#f3edffbb 35%,transparent 100%),radial-gradient(0.8px 0.8px at 19.78% 41.15%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 18.98% 35.77%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 80.19% 64.49%,#f3edff99 35%,transparent 100%),radial-gradient(0.65px 0.65px at 64.91% 41.46%,#f3edff99 35%,transparent 100%),radial-gradient(0.8px 0.8px at 91.78% 63.95%,#f3edffff 35%,transparent 100%),radial-gradient(1.15px 1.15px at 48.59% 17.60%,#f3edff99 35%,transparent 100%),radial-gradient(1.15px 1.15px at 17.13% 2.16%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 91.80% 59.31%,#f3edffff 35%,transparent 100%)}
.hero--kyoto-background .sky-stars::before,.hero--kyoto-background .sky-stars::after{content:"";position:absolute;inset:0;pointer-events:none;animation:sky-twinkle 5.8s ease-in-out infinite alternate}
.hero--kyoto-background .sky-stars::before{background-image:radial-gradient(1.4px 1.4px at 69.27% 55.33%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 16.17% 23.66%,#f3edff99 35%,transparent 100%),radial-gradient(1.4px 1.4px at 74.30% 6.17%,#f3edffff 35%,transparent 100%),radial-gradient(0.8px 0.8px at 50.28% 64.25%,#f3edff99 35%,transparent 100%),radial-gradient(0.8px 0.8px at 95.16% 7.85%,#f3edff99 35%,transparent 100%),radial-gradient(0.8px 0.8px at 59.31% 51.29%,#f3edffff 35%,transparent 100%),radial-gradient(0.8px 0.8px at 12.75% 66.99%,#f3edff99 35%,transparent 100%),radial-gradient(1.4px 1.4px at 61.70% 32.60%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 92.60% 16.91%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 27.03% 11.55%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 31.99% 56.89%,#f3edff99 35%,transparent 100%),radial-gradient(0.65px 0.65px at 45.91% 74.89%,#f3edff99 35%,transparent 100%),radial-gradient(0.8px 0.8px at 53.69% 38.93%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 87.32% 66.19%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 16.46% 62.86%,#f3edff99 35%,transparent 100%),radial-gradient(0.65px 0.65px at 66.45% 42.49%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 26.92% 66.95%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 27.69% 46.15%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 68.37% 64.26%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 25.61% 68.30%,#f3edff99 35%,transparent 100%),radial-gradient(0.65px 0.65px at 63.16% 62.54%,#f3edff99 35%,transparent 100%),radial-gradient(1px 1px at 33.69% 11.55%,#f3edffbb 35%,transparent 100%),radial-gradient(1.15px 1.15px at 73.64% 42.27%,#f3edff99 35%,transparent 100%),radial-gradient(0.8px 0.8px at 11.96% 70.99%,#f3edff99 35%,transparent 100%),radial-gradient(0.8px 0.8px at 82.79% 44.52%,#f3edffff 35%,transparent 100%),radial-gradient(0.65px 0.65px at 13.49% 24.50%,#f3edffdd 35%,transparent 100%),radial-gradient(0.65px 0.65px at 21.59% 20.22%,#f3edffdd 35%,transparent 100%),radial-gradient(1.15px 1.15px at 77.45% 66.54%,#f3edffbb 35%,transparent 100%)}
.hero--kyoto-background .sky-stars::after{background-image:radial-gradient(0.8px 0.8px at 91.72% 19.28%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 87.38% 3.81%,#f3edffff 35%,transparent 100%),radial-gradient(0.8px 0.8px at 79.62% 65.08%,#f3edffdd 35%,transparent 100%),radial-gradient(1.15px 1.15px at 16.60% 53.19%,#f3edff99 35%,transparent 100%),radial-gradient(1.15px 1.15px at 85.14% 18.24%,#f3edffdd 35%,transparent 100%),radial-gradient(0.8px 0.8px at 30.91% 60.06%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 3.32% 16.10%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 85.71% 72.58%,#f3edffdd 35%,transparent 100%),radial-gradient(1.4px 1.4px at 63.87% 31.18%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 93.05% 10.42%,#f3edffbb 35%,transparent 100%),radial-gradient(0.65px 0.65px at 57.90% 73.80%,#f3edff99 35%,transparent 100%),radial-gradient(1px 1px at 59.46% 27.24%,#f3edffff 35%,transparent 100%),radial-gradient(1.15px 1.15px at 60.41% 39.33%,#f3edffbb 35%,transparent 100%),radial-gradient(0.65px 0.65px at 25.96% 53.74%,#f3edffbb 35%,transparent 100%),radial-gradient(1px 1px at 36.69% 7.11%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 66.01% 11.10%,#f3edffdd 35%,transparent 100%),radial-gradient(1px 1px at 66.36% 25.81%,#f3edffbb 35%,transparent 100%),radial-gradient(1.15px 1.15px at 19.80% 50.54%,#f3edffbb 35%,transparent 100%),radial-gradient(1.4px 1.4px at 61.32% 23.97%,#f3edff99 35%,transparent 100%),radial-gradient(1.4px 1.4px at 30.78% 17.34%,#f3edffdd 35%,transparent 100%),radial-gradient(0.8px 0.8px at 46.57% 34.28%,#f3edffff 35%,transparent 100%),radial-gradient(0.8px 0.8px at 78.79% 72.07%,#f3edff99 35%,transparent 100%);animation-duration:8.3s;animation-delay:-3s}
@keyframes sky-twinkle{from{opacity:.3}to{opacity:1}}
.hero--kyoto-background .legacy-hero-sky.is-paused .sky-stars::before,.hero--kyoto-background .legacy-hero-sky.is-paused .sky-stars::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero--kyoto-background .sky-stars::before,.hero--kyoto-background .sky-stars::after{animation:none}}
@media(max-width:760px){.hero--kyoto-background .legacy-hero-sky .sky-sun{inset:-5% 20% 35% -35%}}
@media(prefers-reduced-motion:reduce){.hero--kyoto-background *,.hero--kyoto-background *::before,.hero--kyoto-background *::after{animation:none!important;transition:none!important}}


/* Preserve the existing foreground panel; show the original sky without the video veil. */
.hero--kyoto-background::after{display:none}