/* Narrative images sit beside the music, with one native zoom dialog. */
.world-gallery{padding-block:70px;scroll-margin-top:110px}
.world-gallery-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:42px;align-items:start}
.world-gallery figure,.scene-album-world,.label-scene-hero{margin:0;min-width:0}
.scene-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.scene-zoom{display:block;position:relative;width:100%;padding:0;border:1px solid rgba(189,224,234,.22);border-radius:20px;overflow:hidden;background:#0b151c;cursor:zoom-in;color:#f5faf8;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.scene-zoom .scene-image{transition:transform .6s ease,filter .4s ease}
.scene-zoom-label{position:absolute;right:16px;bottom:16px;padding:10px 14px;border:1px solid rgba(230,247,255,.28);border-radius:50px;background:rgba(6,16,23,.8);backdrop-filter:blur(12px);font-size:.76rem;font-weight:700;letter-spacing:.025em;box-shadow:0 4px 20px #0004}
.scene-zoom:focus-visible,.world-scene-card:focus-visible{outline:3px solid var(--lime,#d1ff66);outline-offset:5px}
.world-gallery figcaption,.label-scene-hero figcaption,.scene-album-world figcaption{color:#aabdc6;font-size:.82rem;line-height:1.7;padding:14px 4px 0}
.world-gallery figcaption>span{display:block;font-size:.62rem;letter-spacing:.16em;color:#d2e5e9;margin-bottom:5px}
.world-gallery-copy{padding:3px 0 0}
.world-gallery-copy>h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.07;margin:15px 0 20px;letter-spacing:-.025em}
.world-gallery-copy>p:not(.eyebrow):not(.scene-creation-note){font-size:.97rem;line-height:1.85;color:#becbd1}
.scene-details{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}
.scene-details>span{font-size:.72rem;line-height:1.5;border:1px solid #b4d7e729;border-radius:30px;padding:7px 11px;color:#c4dbe1;background:linear-gradient(120deg,#b8e8ff0b,#c4a9ff08)}
.scene-albums{margin-top:27px;border-top:1px solid #b7d9e926;padding-top:21px}
.scene-albums>.eyebrow{display:block;font-size:.61rem;margin-bottom:13px;line-height:1.8}
.scene-album-link{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #b7d9e91c;color:#edf5f6;text-decoration:none;font-size:.9rem;line-height:1.55}
.scene-album-link>span:last-child{color:var(--lime,#d1ff66)}
.scene-album-link:hover{color:var(--lime,#d1ff66)}
.scene-creation-note{font-size:.76rem!important;color:#91a8b4!important;line-height:1.7;margin-top:23px}
.worlds-home{margin-bottom:80px;padding-bottom:55px;border-bottom:1px solid #bbddea26}
.worlds-home>.editorial-heading>p{max-width:390px;line-height:1.8}
.worlds-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.world-scene-card{display:block;min-width:0;overflow:hidden;border:1px solid #b6ddec27;border-radius:20px;text-decoration:none;color:inherit;background:linear-gradient(145deg,#a7dff411,#aba4e60b);box-shadow:0 18px 44px #0002;transition:border-color .25s ease,transform .25s ease}
.world-scene-card .scene-image{transition:transform .6s ease;aspect-ratio:3/2}
.world-scene-card>div{position:relative;z-index:1;padding:22px 23px 25px;background:linear-gradient(135deg,#16252ce8,#101820e8);min-height:168px}
.world-scene-card h3{font-family:'Barlow Condensed',sans-serif;font-size:1.85rem;line-height:1.12;letter-spacing:-.015em;margin:12px 0 20px}
.world-scene-card .text-button{font-size:.76rem;color:#d0e3e8}
.world-scene-card .eyebrow{font-size:.64rem}
.worlds-home-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;font-size:.82rem;color:#aabdc5;line-height:1.7}
.label-visual.label-visual-scene{border-radius:24px;overflow:hidden;aspect-ratio:3/2;align-self:center;min-height:0}
.label-visual.label-visual-scene img{width:100%;height:100%;max-width:none;object-fit:cover;opacity:1;mix-blend-mode:normal}
.label-visual.label-visual-scene .label-coordinate{left:18px;right:18px;bottom:18px;text-align:center;padding:10px;background:#09151ce0;border:1px solid #c4e9fa2b;border-radius:9px;color:#d1e5ec;font-size:.62rem}
.discovery-hero.discovery-hero-image>figure .scene-image{width:100%;height:auto;object-fit:cover;border-radius:20px}
.discovery-hero .label-scene-hero .scene-zoom{height:auto}
.universe-card>.scene-image{height:100%;object-fit:cover}
.journal-card>a>.scene-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.album-world.scene-album-world img{height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.scene-dialog{width:min(1100px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:24px;border:1px solid #d3eff04a;border-radius:24px;background:linear-gradient(140deg,rgba(20,36,45,.97),rgba(7,15,22,.98));color:#f3f7f8;box-shadow:0 30px 100px #000a;backdrop-filter:blur(24px);overflow:auto}
.scene-dialog::backdrop{background:#030910de;backdrop-filter:blur(8px)}
.scene-dialog-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}
.scene-dialog-top h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.08;margin:7px 0 0}
.scene-dialog-top .eyebrow{font-size:.62rem;margin:0}
.scene-dialog-top>.icon-button{flex:0 0 44px;min-height:44px;border:1px solid #c5e6f12f;border-radius:50%}
.scene-view-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.scene-view-switch button{background:#a9dae412;border:1px solid #c4e4f22b;color:#bdced7;border-radius:30px;min-height:40px;padding:10px 17px;font:inherit;font-size:.78rem;cursor:pointer}
.scene-view-switch button[aria-pressed=true]{background:var(--lime,#d1ff66);border-color:var(--lime,#d1ff66);color:#10201a}
.scene-dialog figure{margin:0}
.scene-dialog figure img{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;border-radius:12px;background:#050c12}
.scene-dialog figcaption{font-size:.85rem;line-height:1.75;color:#b9ccd4;padding:15px 1px 2px}
@media(hover:hover) and (pointer:fine){
 .scene-zoom:hover .scene-image{transform:scale(1.025);filter:brightness(1.06)}
 .world-scene-card:hover{transform:translateY(-4px);border-color:#bde4f46b}
 .world-scene-card:hover .scene-image{transform:scale(1.035)}
}
@media(max-width:1000px){
 .world-gallery-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:28px}
 .world-scene-card>div{padding:18px}
 .world-scene-card h3{font-size:1.6rem}
}
@media(max-width:760px){
 .world-gallery{padding-block:45px;scroll-margin-top:85px}
 .world-gallery-layout{grid-template-columns:1fr;gap:26px}
 .world-gallery-copy>h3{font-size:2.2rem}
 .scene-zoom{border-radius:15px}
 .worlds-home{margin-bottom:50px;padding-bottom:35px}
 .worlds-home-grid{gap:14px}
 .worlds-home-footer{align-items:start;flex-direction:column;gap:12px}
 .scene-dialog{width:calc(100vw - 20px);padding:16px;border-radius:18px;max-height:calc(100dvh - 20px)}
 .scene-dialog-top{gap:10px}
 .scene-dialog-top>.icon-button{flex-basis:40px;min-height:40px}
 .scene-dialog figure img{max-height:60dvh}
}
@media(max-width:640px){
 .worlds-home-grid{grid-template-columns:1fr}
 .world-scene-card>div{min-height:0;padding:22px}
 .world-scene-card h3{font-size:1.85rem}
 .scene-zoom-label{font-size:.7rem;right:10px;bottom:10px;padding:9px 12px}
 .scene-dialog .scene-view-switch button{min-height:44px}
 .scene-dialog .eyebrow{font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){
 .scene-zoom .scene-image,.world-scene-card,.world-scene-card .scene-image{transition:none}
 .scene-zoom:hover .scene-image,.world-scene-card:hover,.world-scene-card:hover .scene-image{transform:none}
}
@media(prefers-reduced-transparency:reduce){
 .scene-dialog,.scene-zoom-label,.world-scene-card>div{background:#11212b;backdrop-filter:none}
 .scene-dialog::backdrop{background:#050b11;backdrop-filter:none}
}

