/* The full-width curved wall is the hero; controls float above its reflection. */
body[data-view=panorama]{background:#07101a;background-image:radial-gradient(ellipse at 50% 25%,#23374755,transparent 65%);overflow-x:hidden}
[data-view=panorama] main{max-width:none;padding:0;position:relative;isolation:isolate;overflow:clip}
[data-view=panorama] main::before,[data-view=panorama] main::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:90vw;height:700px;right:-10vw;top:-690px;border-radius:50%;transform:rotate(-22deg);border:1px solid #70dcff55;box-shadow:0 10px 25px #5ce8ff15,0 40px 80px #74d9ff08,inset 0 -12px 35px #71e8ff20;background:linear-gradient(175deg,transparent 80%,#56c7ee12)}
[data-view=panorama] main::after{right:-26vw;top:-670px;transform:rotate(-17deg);border-color:#c099ec55;box-shadow:0 8px 25px #d080ff1c,inset 0 -10px 35px #b574ed16}
[data-view=panorama] .holo-intro{max-width:1560px;margin:auto;padding:38px 4.5vw 23px;align-items:center}
[data-view=panorama] .holo-intro h1{font-size:clamp(34px,4.3vw,68px);text-shadow:0 2px 35px #8ff2ff15}
[data-view=panorama] .intro-description{margin-top:17px;color:#a5b9c8;letter-spacing:.08em;font-size:13px}
[data-view=panorama] .intro-description::before{content:'';display:inline-block;vertical-align:middle;width:42px;height:2px;margin-right:18px;background:#b3f7ff;box-shadow:0 0 12px #80e9ff88}
[data-view=panorama] .collection-count{color:#b7c7d6;font-size:17px}
[data-view=panorama] .filters{max-width:1560px;margin:0 auto;padding:0 4.5vw;gap:6px;position:relative;z-index:4}
[data-view=panorama] .filters button{background:#101b2799;border-color:#8bb0c326;font-size:10px;min-height:32px;padding:6px 13px}
[data-view=panorama] .filters button[aria-pressed=true]{background:#25506366;border-color:#8cdffb88}
.panorama-stage.cinematic{height:clamp(370px,54vw,900px);perspective:none;overflow:hidden;border-radius:0;background:none;margin-top:4px;cursor:grab;isolation:isolate}
.panorama-stage.cinematic:active{cursor:grabbing}
.panorama-canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.project-again{position:absolute;right:4.5vw;bottom:118px;z-index:2;border:0;border-bottom:1px solid #94c5d34a;background:#10243344;border-radius:0;color:#a9c8d7;font-size:10px;padding:7px 4px;cursor:pointer}
.project-again:hover{color:#edfbff;border-color:#aff5ff}
[data-view=panorama] .holo-details{width:fit-content;max-width:calc(100% - 48px);min-width:min(690px,85vw);margin:-103px auto 0;padding:17px 25px;border-radius:19px;gap:32px;background:linear-gradient(115deg,#2c5c72cc,#122438e8 48%,#214353d9);border:1px solid #8ed8e7b0;box-shadow:inset 0 1px 7px #c0f5ff3b,0 0 4px #b4efff22,0 0 24px #61e9ff22,0 15px 40px #0009;backdrop-filter:blur(18px)}
[data-view=panorama] .holo-detail-title h2{font-family:inherit;font-size:20px;line-height:1.25;max-width:500px;margin-top:5px}
[data-view=panorama] .selected-meta{font-size:9px;color:#b4cfdc}
[data-view=panorama] .selected-description{display:none}
[data-view=panorama] .holo-details .primary{border:0;border-left:1px solid #97e6f580;border-radius:0;padding:8px 0 8px 28px;background:none;box-shadow:none;color:#a9f5ff;font-size:15px}
[data-view=panorama] .holo-controls{position:relative;max-width:760px;margin:29px auto 22px;padding:0 25px;gap:24px}
[data-view=panorama] .project-track label{font-size:12px;letter-spacing:.03em;color:#bfccd7}
[data-view=panorama] .round-button{background:linear-gradient(140deg,#30596d99,#0c2031);border-color:#96cddd88;box-shadow:inset 0 0 10px #a2e9ff12,0 0 14px #87eaff0b}
[data-view=panorama] .project-strip{border-top:1px solid #9cb8c21a;padding-top:25px;max-width:min(1370px,91%);margin-top:0}
[data-view=panorama] .project-chip{flex-basis:115px}
[data-view=panorama] .project-chip[aria-pressed=true]{background:#17425266}
[data-view=panorama] .site-footer{margin-top:25px}
@media(min-width:1700px){[data-view=panorama] .holo-details{margin-top:-120px}.project-again{bottom:140px}}
@media(max-width:900px){.panorama-stage.cinematic{height:calc(32vw + 225px)}[data-view=panorama] .holo-details{margin-top:-110px;gap:20px;min-width:0;width:80%}[data-view=panorama] .holo-detail-title h2{font-size:17px}[data-view=panorama] .holo-details .primary{font-size:13px;padding-left:18px}.project-again{bottom:120px;font-size:9px}[data-view=panorama] .holo-controls{margin-top:20px}}
@media(max-width:600px){[data-view=panorama] .holo-intro{padding:27px 20px 20px}[data-view=panorama] .holo-intro h1{font-size:35px;max-width:340px}[data-view=panorama] .intro-description{font-size:11px;letter-spacing:.02em;max-width:280px;line-height:1.6}[data-view=panorama] .intro-description::before{width:24px;margin-right:10px}[data-view=panorama] .filters{padding:0 20px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}[data-view=panorama] .filters button{white-space:nowrap;font-size:9px}.panorama-stage.cinematic{height:calc(52.5vw + 212px);margin-top:8px}[data-view=panorama] .holo-details{display:flex;width:calc(100% - 38px);max-width:none;margin-top:-103px;gap:10px;padding:14px 15px;border-radius:13px;min-height:81px}[data-view=panorama] .holo-detail-title h2{font-size:15px;margin:5px 0 0}[data-view=panorama] .selected-meta{font-size:8px;line-height:1.3;display:block}[data-view=panorama] .holo-details .primary{width:auto;font-size:11px;padding:5px 0 5px 12px;gap:10px;min-height:39px;white-space:normal;max-width:108px}[data-view=panorama] .holo-details .primary>span{font-size:16px}[data-view=panorama] .holo-controls{margin-top:20px;padding:0 20px;gap:12px}[data-view=panorama] .project-track label{font-size:10px;letter-spacing:0;line-height:1.5}[data-view=panorama] .project-chip{flex-basis:100px}.project-again{bottom:114px;right:20px;font-size:9px;background:#10243388}[data-view=panorama] .project-strip{padding-top:17px}}