*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#210d2d;color:white;font-family:Arial,sans-serif}.slide-section{position:relative;min-height:115svh}.stage{height:100svh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.slide{position:relative;width:min(100vw,177.7778svh);aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:white}.background{position:absolute;inset:0;width:100%;height:100%;display:block}.phrase{position:absolute;display:block;pointer-events:none}.js .phrase{opacity:0;transform:translateY(12px);clip-path:inset(0 0 100% 0);transition:opacity .65s ease var(--delay),transform .9s cubic-bezier(.2,.75,.2,1) var(--delay),clip-path 1s cubic-bezier(.2,.75,.2,1) var(--delay)}.js .entered .phrase{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}.hotspot{position:absolute;border-radius:4px;z-index:5}.hotspot:hover{background:rgba(255,255,255,.12)}.hotspot:focus-visible{outline:2px solid #fff;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-nav{position:fixed;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;z-index:50;padding:8px 4px;border-radius:30px;background:#210d2d50;backdrop-filter:blur(8px)}.page-nav a{display:flex;width:20px;height:20px;align-items:center;justify-content:center}.page-nav a span{height:5px;width:5px;border-radius:99px;background:#fff8;transition:height .3s,background .3s}.page-nav a.active span{height:13px;background:#ff7900}.page-nav a:focus-visible{outline:2px solid white;border-radius:10px}.scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background:#ff7900;z-index:55}.slide-section:last-child{min-height:100svh}@media(max-width:700px) and (orientation:portrait){.slide-section{min-height:0}.stage{position:relative;height:auto;padding:14px 0}.slide{width:100vw}.slide-section:last-child{min-height:0}.page-nav{right:4px;padding:6px 2px;gap:0}.page-nav a{width:16px;height:18px}.js .phrase{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .phrase{opacity:1;transform:none;clip-path:none;transition:none}.page-nav a span{transition:none}}

/* Six music themes, 27 October 2026. */
#slide-8 .slide{container-type:inline-size}
.themes-six{position:absolute;left:4.5%;right:2%;top:35%;height:49%;padding:1% 1%;background:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2.3cqw 1.6cqw}
.theme-card{margin:0;min-width:0;display:flex;align-items:center;gap:1.5cqw;padding:1.3cqw;background:#fff;border-radius:1.3cqw;box-shadow:0 .15cqw 1.3cqw #0002;color:#090909}
.theme-photo{display:block;flex:0 0 47%;width:47%;height:100%;object-fit:cover}
.theme-sheet{background-image:url('assets/themes-20261027/new-themes.png');background-size:300% 100%;background-repeat:no-repeat}
.theme-sheet-0{background-position:left center}.theme-sheet-1{background-position:center center}.theme-sheet-2{background-position:right center}
.theme-card h3{margin:0;font-family:Arial,sans-serif;font-size:1.55cqw;font-weight:800;line-height:1.3;overflow-wrap:normal}