/* One continuous cinematic interface for photography, campaign artwork and menus. */
#menu-world{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;font-family:Arial,Helvetica,sans-serif;box-shadow:none;isolation:isolate}
#menu-world .world-bar{background:linear-gradient(112deg,#191a1b,#101113 68%);box-shadow:0 8px 30px #0002}
#menu-world .world-bar h2{margin:0;font:400 16px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em;color:#eee6dc}
#menu-world .world-bar .eyebrow{font-size:8px;line-height:1.65;letter-spacing:1.5px;color:#b3a393;max-width:480px}
#menu-world .world-actions a{text-decoration:none}#menu-world .world-actions [hidden]{display:none!important}
#menu-world .world-route{position:relative;flex:1;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8b6e5e #17181a;white-space:nowrap;padding-bottom:2px;mask-image:linear-gradient(90deg,#000 calc(100% - 12px),transparent)}
#menu-world .world-dot{flex:0 0 auto;letter-spacing:.025em}#menu-world .world-navigation>button{flex:0 0 auto;min-width:92px}.world-navigation{gap:24px}
#menu-world[data-kind=gallery]{--world-accent:#ca9c82}
#menu-world[data-kind=gallery] .world-poster{width:min(68vw,calc((var(--world-height) - 126px)*var(--photo-ratio)));aspect-ratio:var(--photo-ratio);max-height:calc(var(--world-height) - 126px);margin-left:14vw;box-shadow:0 38px 115px #0009,0 0 0 1px #ffffff28;outline:1px solid #ffffff07;outline-offset:9px;background:#151618}
#menu-world[data-kind=gallery] .world-poster img{aspect-ratio:var(--photo-ratio);width:100%;height:100%;object-fit:contain;background:#151618}
#menu-world[data-kind=gallery] .world-scene-copy{left:4.2%;width:17%;max-width:210px;top:43%}
#menu-world[data-kind=gallery] .world-scene-copy h3{font-size:clamp(22px,2.35vw,34px);line-height:1.12;letter-spacing:-.045em;color:#eee5d9}
#menu-world[data-kind=gallery] .world-scene-number{font-size:9px;letter-spacing:2px;color:#bb9981}
#menu-world[data-kind=gallery] .world-scene:after{background:linear-gradient(90deg,#101113f0,#101113bd 20%,#10111366 60%,#101113aa),linear-gradient(0deg,#101113da,transparent 25%,transparent 72%,#101113a0)}
#menu-world[data-kind=gallery] .world-detail-canvas img{width:1600px;max-width:none;height:auto;background:#151618}
#menu-world[data-kind=gallery].world-reduced .world-poster{width:min(86vw,1100px);max-height:none;margin-left:0;aspect-ratio:var(--photo-ratio);outline:none}
#menu-world[data-kind=gallery].world-reduced .world-scene-copy{position:relative;top:auto;left:auto;max-width:none;width:auto;text-align:center}
#menu-world[data-kind=gallery].world-reduced .world-scene-copy h3{font-size:26px;max-width:none}
#menu-world[data-kind=gallery].world-reduced .world-scene{padding-block:56px 66px;min-height:0}
.studio-gallery-card{display:block;position:relative;cursor:pointer}.studio-gallery-action{display:inline-flex;align-items:center;min-height:44px;padding:13px 0 7px;margin-top:7px;border-bottom:1px solid #a68c77;color:#8b4a37;font-size:11px;letter-spacing:.02em}.studio-gallery-card img{transition:filter .3s,box-shadow .3s}.studio-gallery-card:hover img{filter:brightness(1.045);box-shadow:0 20px 50px #4433201a}.studio-gallery-card:focus-visible{outline-offset:9px}
.studio-companion-entry{position:absolute;inset:auto 0 0 auto;display:block;width:57%;height:40%;z-index:3}.studio-companion-entry:focus-visible{outline-offset:16px}#aeterna-preview .ag-hero-image .studio-companion-entry .studio-photo-companion{inset:0;width:100%;height:100%}
.story-hero-entry{display:block;width:100%;height:100%;position:relative}.story-hero-copy{pointer-events:none}.story-hero-bottom{pointer-events:none}.story-hero-bottom a{pointer-events:auto}.story-hero-entry:focus-visible{outline-offset:-12px;outline-width:3px;z-index:2}
.campaign-gallery-entry{position:relative;overflow:hidden}.campaign-view-label{position:absolute;z-index:2;right:14px;bottom:14px;padding:12px 15px;border:1px solid #ffffff30;border-radius:2px;background:#171819e0;backdrop-filter:blur(10px);font-size:9px;color:#f0e5d6;letter-spacing:.02em;pointer-events:none}.campaign-gallery-entry img{transition:filter .3s}.campaign-gallery-entry:hover img{filter:brightness(1.045)}
/* Restrained precision and reflected light, without changing Aeterna's palette. */
#aeterna-preview .ag-header{background:linear-gradient(110deg,#101113 30%,#19191a);border-bottom-color:#a9957d26}.studio-photo-frame:after{content:'';position:absolute;inset:0;border:1px solid #ffffff30;pointer-events:none;box-shadow:inset 0 0 30px #ffffff05}
#aeterna-preview .ag-service{position:relative}#aeterna-preview .ag-service:before{content:'';height:1px;position:absolute;left:0;right:0;top:-1px;background:linear-gradient(90deg,#c9b19a00,#967d6655,#c9b19a00)}
.studio-menu-card:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #b8a18a33;box-shadow:inset 0 0 40px #d9c5a805}.studio-menu-card{box-shadow:0 25px 60px #49392514}.studio-motion,.motion-control{box-shadow:0 8px 24px #0002,inset 0 1px 0 #ffffff14}
@media(max-width:1000px){#menu-world[data-kind=gallery] .world-scene-copy{width:19%;left:3%}#menu-world[data-kind=gallery] .world-scene-copy h3{font-size:23px}#menu-world[data-kind=gallery] .world-poster{width:min(65vw,calc((var(--world-height) - 126px)*var(--photo-ratio)));margin-left:17vw}}
@media(max-width:800px){.studio-companion-entry{right:4%;width:53%;height:42%}}
@media(max-width:760px){
 #menu-world .world-bar{gap:10px;padding:14px 16px}.world-navigation{gap:12px}#menu-world .world-bar h2{font-size:12px}#menu-world .world-bar .eyebrow{font-size:6px;letter-spacing:1px;max-width:180px}#menu-world .world-route{gap:1px}#menu-world .world-navigation>button{min-width:64px;max-width:80px}
 #menu-world[data-kind=gallery] .world-poster{margin-left:0;width:min(calc(100vw - 36px),calc((var(--world-height) - 162px)*var(--photo-ratio)));max-height:calc(var(--world-height) - 162px);outline-offset:6px}
 #menu-world[data-kind=gallery] .world-scene-copy{display:flex;top:24px;left:20px;right:20px;width:auto;max-width:none;gap:20px;align-items:center}#menu-world[data-kind=gallery] .world-scene-copy h3{font-size:21px;max-width:78%;letter-spacing:-.04em}#menu-world[data-kind=gallery] .world-scene-number{font-size:8px;margin:0}
 #menu-world[data-kind=gallery].world-reduced .world-scene{padding:37px 18px 50px;gap:24px}#menu-world[data-kind=gallery].world-reduced .world-poster{width:100%;max-height:none}#menu-world[data-kind=gallery].world-reduced .world-scene-copy{display:block;max-width:none;width:100%;left:auto;right:auto;top:auto}#menu-world[data-kind=gallery].world-reduced .world-scene-number{margin-bottom:12px}#menu-world[data-kind=gallery].world-reduced .world-scene-copy h3{font-size:24px;max-width:none}
 #menu-world[data-kind=gallery] .world-detail-canvas img{width:1200px}.studio-gallery-action{font-size:10px;min-height:44px}.campaign-view-label{font-size:8px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.studio-gallery-card img,.campaign-gallery-entry img{transition:none}#menu-world .world-route{scroll-behavior:auto!important}}

/* Isolate the shared scenes from broad campaign article styles. */
#menu-world .world-scene{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#menu-world .world-image-credit{font-size:10px;line-height:1.7;color:#b9aa99;letter-spacing:.01em;max-width:180px;margin:19px 0 0;white-space:normal}
#menu-world[data-kind=gallery].world-reduced .world-image-credit{max-width:none;text-align:center}
@media(max-width:760px){#menu-world[data-kind=gallery] .world-scene-copy:has(.world-image-credit){flex-wrap:wrap;column-gap:16px;row-gap:7px}#menu-world .world-image-credit{flex-basis:100%;max-width:none;margin:0;font-size:9px}#menu-world[data-kind=gallery].world-reduced .world-image-credit{margin-top:12px}}
