/* Ratios and compositions follow the nine approved reference images. */
:root{--glass-rim:#9af4ff;--glass-surface:#15364c99;--glass-shadow:inset 0 0 9px #d9ffff80,inset 0 0 30px #49d9f530,0 0 3px #efffff,0 0 18px #54e9ff90,0 0 48px #42c6ed35}
body{background:#06111e;overflow-x:hidden;background-repeat:no-repeat;background-position:center top;background-size:100% auto}
body[data-view=galaxie]{background-image:url('assets/scene-galaxy-v2.png')}
body[data-view=showroom],body[data-view=portale]{background-image:url('assets/scene-showroom-v2.png')}
body[data-view=bibliothek]{background-image:url('assets/scene-library-v2.png')}
body[data-view=orbit],body[data-view=wuerfel],body[data-view=licht]{background-image:url('assets/scene-studio-v2.png')}
body[data-view=panorama]{background-image:url('assets/scene-panorama-v2.png')}
body[data-view=stadt]{background-color:#071b35;background-image:radial-gradient(ellipse at 50% 45%,#23487099,transparent 80%)}
.site-header{border-bottom:1px solid #8bc9e32b;background:linear-gradient(#04101cb0,#04101c38);backdrop-filter:blur(8px);padding:12px 3vw;gap:15px;min-height:64px}
.brand-mark{display:none}.brand b{font-size:22px;letter-spacing:2px}.brand-sub{font-size:10px;letter-spacing:1.5px}.site-header .catalog-open{background:#0c253c77;border-color:#73c5df66;border-radius:25px}
@media(min-width:1260px){.site-header{flex-wrap:nowrap}.site-header .brand{margin:0}.site-header .view-nav{order:1;flex:1 1 auto;justify-content:center;width:auto;gap:0;padding:0}.site-header .view-nav a{padding:11px 10px;font-size:11px}.site-header .catalog-open{order:2}.brand-sub{display:none}}
main,.hologram-page main{max-width:1600px;padding:0 3.8vw;position:relative;margin:auto}
.page-intro,.holo-intro{padding:35px 0 24px;align-items:center}.page-intro h1,.holo-intro h1{font-size:clamp(38px,4.2vw,65px);font-weight:350;line-height:1.09;letter-spacing:-1px}.page-intro .intro-description,.holo-intro .intro-description{font-size:15px;color:#b1c6d6;margin-top:15px;letter-spacing:.03em}
.intro-kicker,.design-tag,.collection-count{display:none}.filters{gap:8px}.filters button{background:linear-gradient(135deg,#163b5299,#07182aaf);border-color:#569cba66;backdrop-filter:blur(10px);min-height:38px;color:#e4f3fe}.filters button[aria-pressed=true]{box-shadow:inset 0 0 20px #4de8ff27,0 0 17px #55e8ff45;border-color:#80edff;background:#12415499}
.primary,.hologram-page .primary{border-radius:30px;background:linear-gradient(160deg,#1f596bbd,#072333ed);border:1px solid #9cf6ff;color:#ddfcff;box-shadow:inset 0 0 7px #b5faff77,0 0 5px #80f5ff77,0 0 22px #2cdfff45;font-weight:400}
.selection-bar,.holo-details{background:linear-gradient(115deg,#24485edc,#0b1b31e8 65%,#42376299);border:1px solid #9dc4ddaa;box-shadow:inset 0 1px 9px #d3f5ff20,0 15px 45px #0005;backdrop-filter:blur(14px)}
.filmstrip,.project-strip{background:#04101d55;border-top:1px solid #658cae33;margin-top:32px;padding-top:20px}.site-footer{background:#04101d66}
.display-card,.deck-card,.light-source,.light-destination{-webkit-box-reflect:below 12px linear-gradient(transparent 58%,#0002 85%,#0005)}
/* Galaxy: luminous systems occupy the left two thirds; the selected work floats right. */
[data-view=galaxie] .filters{margin-bottom:0}.galaxy-layout{grid-template-columns:minmax(0,1fr) 32%;gap:1.8vw;align-items:center}.galaxy-scene{height:48vw;max-height:740px;min-height:600px;overflow:visible}.galaxy-core{left:56%;width:clamp(125px,13vw,205px);height:clamp(125px,13vw,205px);background:radial-gradient(circle,#071b30 40%,#0c627c 73%,#9cfaff);box-shadow:0 0 6px #e8ffff,0 0 22px #60eeff,0 0 75px #1cddff9c,inset 0 0 23px #8efaff}.planet-texture{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;opacity:.87}.core-letter{position:relative;font-size:clamp(65px,7vw,106px);font-weight:500;color:#b6fcff;z-index:1}.galaxy-core>span:last-child{display:none}.galaxy-lines{overflow:visible}.galaxy-lines path{stroke:#b9f6ff;stroke-width:1.3;filter:drop-shadow(0 0 6px #41e7ff)}.galaxy-lines ellipse{stroke:#4bdcff4d}.star-system{width:clamp(180px,19vw,290px);height:180px}.system-stack{width:clamp(145px,14.5vw,220px);height:clamp(95px,9vw,140px);margin-bottom:10px}.system-screen{border-radius:7px;border-color:#c8eafa;box-shadow:0 0 9px #b2dcff55,0 10px 25px #0009}.system-screen.layer-0{transform:translate(-38px,15px) rotate(-9deg) scale(.92);opacity:.8}.system-screen.layer-1{transform:translate(-19px,5px) rotate(-5deg) scale(.97);opacity:.9}.system-screen.layer-2{transform:rotateY(14deg) rotateZ(3deg)}.system-label{font-size:clamp(11px,1.15vw,17px);padding:5px 14px;border:1px solid #73dcec;border-radius:25px;background:linear-gradient(#143d54,#031426);box-shadow:inset 0 0 8px #7bdbff55,0 0 11px #65dcff44}.system-label>span{font-size:24px;border:1px solid #8df5ff;box-shadow:0 0 14px #51e4ff66;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin:-5px 2px -5px -12px;background:#073044}.system-orbit{left:-8%;right:-8%;top:90px;height:62px;border-color:#73eaff;box-shadow:0 0 15px #50dfff55,inset 0 0 18px #38bbef22}.system-orbit::before{content:'';position:absolute;inset:7px -8px;border:1px solid #8dcaff77;border-radius:50%;transform:rotate(-6deg)}.system-orbit::after{width:11px;height:11px;background:radial-gradient(circle at 30% 20%,white,var(--tint) 40%,#3e337d);box-shadow:0 0 14px var(--tint)}.system-count{font-size:9px;color:#b3d8ee}.galaxy-layout .project-detail{transform:perspective(1200px) rotateY(-6deg) rotateZ(3deg);border:2px solid #8df5ff;border-radius:25px;padding:11px;background:linear-gradient(145deg,#24556baf,#031122e8);box-shadow:var(--glass-shadow);margin-top:0}.galaxy-layout .detail-image{padding:5px;aspect-ratio:1.4}.galaxy-layout .detail-image img{border-radius:12px;object-fit:cover}.galaxy-layout .detail-copy{padding:17px 10px}.galaxy-layout .detail-copy h2{font-size:clamp(23px,2vw,31px)}.galaxy-layout .detail-description{font-size:14px}.galaxy-layout .related{display:none}.galaxy-layout .domain{display:none}.galaxy-layout .detail-open{font-size:16px;background:linear-gradient(#7bfbff,#00cce8);color:#031b28;font-weight:600}.galaxy-layout .scene-note{bottom:-10px}
/* Showroom: large, overlapping displays in the exact architectural environment. */
[data-view=showroom] .page-intro,[data-view=orbit] .page-intro{text-align:center;justify-content:center;padding:35px 0 22px}[data-view=showroom] .filters,[data-view=orbit] .filters{justify-content:center;margin-bottom:12px}[data-view=showroom] .filters button{border-radius:8px;min-height:58px;padding:10px 19px}.showroom-experience .display-stage{height:clamp(430px,40vw,625px);overflow:visible;perspective:1500px}.gallery-haze,.showroom-experience .floor-grid{display:none}.display-card{padding:15px;border:1.5px solid #a4eeff;border-radius:18px;background:linear-gradient(130deg,#4b8eaa88,#0b294377 55%,#86c6e459);box-shadow:inset 0 0 8px #e9ffffb0,inset 0 0 35px #7adeff44,0 0 16px #2ddcff5c,0 20px 40px #0007}.display-card.is-current{border-color:#c4fcff;box-shadow:var(--glass-shadow)}.display-topline{display:none}.display-label{display:none}.display-image{border-radius:10px}.showroom-experience .display-card{top:27px}.display-light{height:9px;bottom:-27px;left:25%;right:25%;background:#c4ffff;filter:blur(1.5px);box-shadow:0 0 16px #a5ffff,0 0 45px 12px #21dfff7a}.display-light::before{top:-52px;height:55px;background:linear-gradient(transparent,#78ecff77);clip-path:polygon(0 0,100% 0,65% 100%,35% 100%)}.stage-prev,.stage-next{top:auto;bottom:5px;background:#11324d99;border-color:#7aabc9;border-radius:14px;height:45px}.showroom-experience .selection-bar{max-width:95%;margin:0 auto;padding:22px 26px}.showroom-experience .selection-title h2{font-size:27px}.showroom-experience .selection-bar .primary{background:linear-gradient(#97ffff,#00cce8);color:#062339;font-weight:600;font-size:17px}.showroom-experience .selection-description{font-size:14px;max-width:390px}
/* Orbit: a complete front/back ring rather than a flat carousel. */
.orbit-experience .display-stage{height:clamp(550px,48vw,760px);overflow:visible;perspective:1600px}.orbit-experience .display-card{top:135px;padding:12px 12px 92px}.orbit-experience .display-card:not(.is-current){padding-bottom:12px}.orbit-experience .display-image{border-radius:8px}.orbit-mark{top:-15px;font-size:140px;z-index:0;background:linear-gradient(140deg,#edffff 10%,#63edff 42%,#0c79be 60%,#d0a4ff 85%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #80edff99)}.orbit-mark::after{height:35px;left:-38px;right:-38px;bottom:4px;border-color:#80e9ff;box-shadow:0 0 21px #4ac8ff70}.orbit-halo{left:-2%;right:-2%;top:195px;bottom:auto;height:310px;border-color:#a3faff;box-shadow:0 0 6px #65f4ff,0 0 20px #0bdfff66;z-index:1}.orbit-experience .floor-grid{opacity:.15}.orbit-experience .projector-base{bottom:48px;width:44%;height:65px;background:radial-gradient(ellipse,#c7ffff 0 3%,#45dfff77 8%,#134d6655 24%,transparent 68%);border:1px solid #65e7ff8a;box-shadow:0 0 0 14px #182c43aa,0 0 0 16px #74c4ef55,0 0 45px #6dceff55}.projector-base::after{height:210px;bottom:30px;background:linear-gradient(transparent,#63eaff55)}.orbit-experience .selection-bar{position:absolute;z-index:18;top:calc(135px + var(--card-width)*.625 + 16px);left:50%;transform:translateX(-50%);width:var(--card-width);max-width:none;min-height:74px;padding:10px 23px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;margin:0;gap:10px}.orbit-experience .selection-symbol,.orbit-experience .selection-description{display:none}.orbit-experience .selection-counter{font-size:8px}.orbit-experience .selection-title h2{font-size:22px}.orbit-experience .selected-link{font-size:13px;min-height:41px;gap:14px;padding:9px 14px}.orbit-experience .filmstrip{margin-top:12px}.orbit-experience .drag-hint{bottom:0;font-size:12px;color:#c1dded}
/* Three portals: tall glass arches, matching the dominant scale of the image. */
[data-view=portale] .holo-intro{justify-content:center;text-align:center;padding:27px 0 20px}[data-view=portale] .holo-intro h1{font-family:inherit;font-size:clamp(36px,4.4vw,68px)}[data-view=portale] .holo-intro .intro-description{letter-spacing:.12em}.portal-stage{height:clamp(420px,45vw,710px);background:none;overflow:visible;perspective:1500px}.portal-stage .deck-card{aspect-ratio:1.31;border-radius:48% 48% 10px 10px / 30% 30% 10px 10px;padding:8% 2.2% 0;border:2px solid #9bfbff;box-shadow:var(--glass-shadow);background:linear-gradient(135deg,#66cce53d,#071b2d66 35%,#57cce82b)}.portal-stage .deck-card[aria-pressed=true]{border-color:#d3ffff;box-shadow:var(--glass-shadow)}.portal-stage .deck-card::before{content:'';position:absolute;inset:7px;border:1px solid #e2ffffab;border-radius:inherit;box-shadow:inset 0 0 18px #66e2ff5e;pointer-events:none}.portal-stage .deck-card::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(140deg,transparent 8%,#e8ffffad 9%,transparent 10%,transparent 43%,#e3ffff88 44%,transparent 45%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:3px;pointer-events:none}.portal-stage .deck-window{height:100%;aspect-ratio:8/5;border-radius:11% 11% 2px 2px / 20% 20% 2px 2px}.portal-stage .deck-window img{object-fit:cover}.portal-stage .deck-title{position:absolute;left:10%;right:10%;bottom:-7px;font-family:Georgia,serif;font-size:clamp(17px,1.9vw,30px);background:linear-gradient(#376275cc,#071c2de6);border:1px solid #8cefff;border-radius:14px 14px 3px 3px;box-shadow:inset 0 0 12px #aefaff44,0 0 9px #6ff4ff88;padding:9px 8px;transform:perspective(300px) rotateX(12deg)}.portal-stage .deck-threshold{height:5px;left:-10px;right:-10px;bottom:-8px;background:#b9ffff;box-shadow:0 0 11px #9dffff,0 0 35px #29deff}.portal-path{bottom:-10px;height:210px;left:24%;right:24%;border-color:#baffff;box-shadow:0 0 18px #57ecff88;background:linear-gradient(90deg,#2fc8ff33,transparent 40%,#b5efff33);mask-image:linear-gradient(transparent,#000 30%)}.portal-stage .holo-floor{display:none}.portal-stage .projection-strip{display:none}[data-view=portale] .holo-details{width:fit-content;margin:-20px auto 0;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0}[data-view=portale] .holo-detail-title,[data-view=portale] .selected-description{display:none}[data-view=portale] .holo-details .primary{min-width:300px;justify-content:center;min-height:60px;font-size:23px;border:2px solid #b9ffff;box-shadow:inset 0 0 15px #2feaff55,0 0 25px #35e5ff88;background:linear-gradient(#1b5368,#021725)}[data-view=portale] .holo-controls{margin:20px auto 8px}[data-view=portale] .filters{justify-content:center;margin:22px auto}
/* Library: a large curved open book, left title, and varied glass books below. */
[data-view=bibliothek] main{padding:0 3vw}[data-view=bibliothek] .holo-intro{position:absolute;top:70px;left:4.2%;width:25%;padding:0;z-index:2}[data-view=bibliothek] .holo-intro h1{font-family:Georgia,serif;font-size:clamp(34px,4vw,64px);line-height:1.05}[data-view=bibliothek] .holo-intro .intro-description{font-size:17px;line-height:1.65;max-width:270px;margin-top:30px}.library-stage{height:clamp(450px,39vw,630px);perspective:none;align-items:flex-start;justify-content:flex-end;padding-top:15px}.book-spread{width:73%;aspect-ratio:1.84;transform:none;box-shadow:none;background:none;border:0}.book-half,.book-spine,.book-pages,.book-project-name{visibility:hidden}.book-canvas{position:absolute;inset:-4% -3%;width:106%;height:115%;pointer-events:none}.turning-leaf{left:51%;top:10%;width:46%;height:88%;border:2px solid #a5fbff;box-shadow:0 0 15px #67e9ff}.library-platform,.library-rays{display:none}.book-shelf{max-width:none;height:clamp(190px,19.5vw,315px);align-items:flex-end;gap:13px;overflow-x:auto;margin:0 auto;padding:15px 4% 20px;border-bottom:4px solid #a2faff;background:linear-gradient(transparent 88%,#62d8f430);box-shadow:0 8px 18px #20e5ff66;scrollbar-width:thin}.glass-book{flex-basis:clamp(48px,5vw,80px);height:92%;border:1.5px solid #b0f9ff;border-radius:10px 13px 5px 5px;background:linear-gradient(90deg,#66e7ff22,#11384d99 13%,#081727af 76%,#a8faff42);box-shadow:inset 5px 0 2px #96faff70,inset -4px 0 6px #d5faff55,0 0 9px #74e8ff65,0 0 25px #43e0ff18;transform:perspective(650px) rotateY(-12deg)}.glass-book:nth-child(3n){height:80%;border-color:#dcadff;box-shadow:inset 4px 0 6px #c9a2ff77,0 0 15px #b485ff55}.glass-book:nth-child(4n){height:87%}.glass-book[aria-pressed=true]{transform:translateY(-8px);border-color:#e0ffff;box-shadow:var(--glass-shadow)}.book-name{font-size:clamp(16px,1.8vw,28px);left:17px;top:16px;bottom:25px}.book-number{font-size:10px}.glass-book.cover-facing{flex-basis:clamp(150px,19vw,300px);height:80%;padding:8px;transform:perspective(900px) rotateY(-10deg)}.glass-book.cover-facing .book-cover{display:block;height:100%;overflow:hidden;border-radius:6px}.glass-book.cover-facing .book-cover img{width:100%;height:100%;object-fit:cover;object-position:top}.glass-book.cover-facing .book-name,.glass-book.cover-facing .book-number{display:none}[data-view=bibliothek] .holo-details{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:22px 15px 0;justify-content:flex-end}[data-view=bibliothek] .holo-detail-title,[data-view=bibliothek] .selected-description{display:none}[data-view=bibliothek] .holo-controls{margin-top:-60px;margin-left:0;width:65%}[data-view=bibliothek] .filters{justify-content:center;margin-top:30px}
/* Cube: visible glass thickness, large active face, icon faces at top and side. */
[data-view=wuerfel] .holo-intro{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.cube-layout{grid-template-columns:1.32fr 1fr;gap:50px;max-width:none;padding-top:35px}.cube-scene{--cube-size:clamp(300px,31.5vw,500px);height:clamp(520px,49vw,760px);perspective:1600px}.cube-perspective{top:43%;left:47%;perspective:1600px}.cube-face{border:2px solid #93efff;border-radius:17px;padding:24px;background:linear-gradient(135deg,#38719787,#08243bcc 48%,#4d4c9b77);box-shadow:inset 0 0 8px #c3ffffa1,inset 0 0 50px #67ceff26,0 0 3px #c6ffff,0 0 20px #38deff88;gap:24px}.cube-face::before{content:'';position:absolute;inset:7px;border:1px solid #c2f8ff80;border-radius:12px;box-shadow:inset 0 0 14px #4ae4ff55;pointer-events:none}.cube-face::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(125deg,transparent 15%,#f8ffffc4 16%,transparent 18%,transparent 65%,#b38aff 67%,transparent 71%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:4px;pointer-events:none}.face-heading{font-size:clamp(22px,2.2vw,35px);padding:0 4px}.face-heading::before{content:'';display:block;width:34px;height:4px;background:#81faff;box-shadow:0 0 15px #3fffff;margin-bottom:12px}.face-image{flex:1;aspect-ratio:1.5;border:1px solid #eaffff;border-radius:8px}.face-image img{object-fit:cover}.face-symbol{font-size:110px;text-align:center;color:#b0f6ff;text-shadow:0 0 10px #58deff,0 0 25px #9473ff}.cube-face[aria-pressed=true] .face-symbol,.cube-face:not([aria-pressed=true]) .face-image{display:none}.cube-face:not([aria-pressed=true]){justify-content:center;background:linear-gradient(130deg,#387aa333,#0a223b99,#55469c55)}.face-count{font-size:12px}.cube-base{height:65px;bottom:55px;left:5%;width:90%;border-color:#b6faff;box-shadow:0 0 0 12px #17537933,0 0 0 14px #74d7fd44,0 0 35px #33d6ff4a;background:radial-gradient(ellipse,#b8ffff 0 3%,#58eaff55 9%,transparent 50%)}.cube-base::after{content:'';position:absolute;bottom:28px;left:20%;width:60%;height:160px;background:linear-gradient(transparent,#8af7ff66);clip-path:polygon(0 0,100% 0,55% 100%,45% 100%)}.cube-preview{border:1px solid #cee3ffb0;border-radius:18px;padding:24px;background:linear-gradient(135deg,#24455677,#081325b3 55%,#7654a755);box-shadow:inset 0 0 25px #a1defc14,0 0 45px #63e4ff13;backdrop-filter:blur(7px)}.cube-preview-heading{font-size:33px;line-height:1.2;margin-bottom:20px}.cube-preview-heading::before{content:'';display:block;width:40px;height:4px;background:#6bffff;box-shadow:0 0 20px #30e9ff;margin:10px 0 20px}.cube-preview-image{aspect-ratio:1.4;border:1px solid #e1f2f9;border-radius:12px}.cube-preview::before{width:51px;left:-51px;box-shadow:0 0 10px #60eaff}.cube-preview-note{display:none}.cube-preview .holo-details{display:block;margin:24px 0 0;padding:0;box-shadow:none;border:0;background:none;backdrop-filter:none}.cube-preview .holo-detail-title,.cube-preview .selected-description{display:none}.cube-preview .primary{font-size:17px;min-width:230px;justify-content:center}.cube-instruction{font-size:12px;max-width:300px}.cube-arrows{bottom:0}[data-view=wuerfel] .filters{justify-content:center;margin:12px auto 25px}[data-view=wuerfel] .holo-controls{margin:0 auto}
/* Light: the bridge remains visible after the projection has finished. */
[data-view=licht] .holo-intro{padding-top:38px;width:39%;align-items:start}[data-view=licht] .holo-intro h1{font-family:inherit;font-size:clamp(36px,3.9vw,62px)}[data-view=licht] .holo-intro .intro-description{font-size:14px}.light-stage{height:clamp(470px,40vw,640px);overflow:visible;isolation:isolate}.light-source{left:0;top:80px;width:30%;padding:11px;transform:perspective(1100px) rotateY(15deg) rotateZ(2deg);opacity:1;border-radius:20px;border-color:#b7e8fc;box-shadow:inset 0 0 10px #dafaff88,0 0 10px #6adaff55}.light-destination{left:40%;top:-120px;width:60%;padding:15px;transform:perspective(1600px) rotateY(-8deg) rotateZ(-2deg);border:2px solid #aeeaff;border-radius:28px;box-shadow:var(--glass-shadow)}.light-source-title,.light-target-title,.light-caption,.light-status{display:none}.light-source-image,.light-target-image{border-radius:12px}.particle-canvas{overflow:visible;z-index:3;top:-140px;height:calc(100% + 140px)}.light-floor{display:none}[data-view=licht] .holo-details{border:0;border-top:1px solid #5bdafa88;border-radius:0;background:none;box-shadow:none;max-width:1250px;padding:20px 35px;backdrop-filter:none}[data-view=licht] .holo-detail-title h2{font-family:inherit;font-size:29px}[data-view=licht] .selected-meta,[data-view=licht] .selected-description{display:none}[data-view=licht] .holo-details .primary{font-size:21px;min-width:270px;justify-content:center}[data-view=licht] .filters{justify-content:center;margin-top:25px}
/* Panorama: narrower central glass and the same surrounding light architecture. */
body[data-view=panorama]{background-color:#06111e;background-size:100% auto}[data-view=panorama] main{padding:0;max-width:none}[data-view=panorama] main::before,[data-view=panorama] main::after{display:none}[data-view=panorama] .holo-intro{padding:32px 4.5vw 18px}[data-view=panorama] .panorama-stage.cinematic{height:clamp(385px,51vw,820px)}[data-view=panorama] .holo-details{margin-top:-125px;min-width:0;max-width:75%;padding:14px 24px;gap:30px}[data-view=panorama] .holo-detail-title h2{font-size:20px}[data-view=panorama] .selected-meta{display:none}[data-view=panorama] .holo-controls{margin-top:30px}[data-view=panorama] .filters{justify-content:center;margin:25px auto 0}.panorama-canvas{background:transparent}
/* City: the island fills the scene; categories sit to the left like the reference. */
[data-view=stadt] main{padding:0 2vw;max-width:1700px}[data-view=stadt] .page-intro{position:absolute;left:3%;top:10px;width:50%;padding:20px 0;z-index:3;pointer-events:none}[data-view=stadt] .page-intro h1{font-family:Georgia,serif;font-size:clamp(32px,3.6vw,57px)}[data-view=stadt] .intro-description{max-width:430px;font-size:14px}[data-view=stadt] .filters{position:absolute;left:1.4%;top:215px;width:16%;z-index:4;display:grid;gap:9px}[data-view=stadt] .filters button{justify-content:flex-start;text-align:left;border-radius:8px;min-height:62px;padding:10px;font-size:11px}[data-view=stadt] .filters button>span:last-child{margin-left:auto}.city-layout{grid-template-columns:minmax(0,1fr) 28%;gap:0;margin-left:12%;align-items:center;min-height:calc(100vw * .61);max-height:1000px}.city-viewport{aspect-ratio:auto;height:clamp(500px,54vw,860px);overflow:visible;border-radius:0;background:none;margin-top:80px}.city-world{height:100%;width:114%;margin-left:-7%;background:none}.city-art{object-fit:contain;mix-blend-mode:lighten}.city-pin{font-size:13px;padding:7px 13px;border:1.5px solid #adfbff;border-radius:20px;background:linear-gradient(#145470e8,#04182ce8);box-shadow:0 0 11px #3ceaff99}.city-pin small{display:none}.pin-point{width:8px;height:8px;background:#a9ffff}.city-pin[aria-pressed=true]{box-shadow:0 0 7px #b1ffff,0 0 28px #2aeaff;background:#0a617ae8}.city-controls{position:absolute;bottom:-18px;left:4%;right:0;padding:0}.city-controls>span{font-size:10px}.city-layout .project-detail{position:relative;z-index:5;display:flex;flex-direction:column;margin-top:30px;padding:20px 16px;border:1px solid #8fe8ff;border-radius:20px;background:linear-gradient(145deg,#25607a99,#08172de8);box-shadow:var(--glass-shadow)}.city-layout .detail-copy{display:contents}.city-layout .detail-meta{order:-3;padding:0 5px;font-size:10px}.city-layout .detail-copy h2{order:-2;font-size:26px;margin:0 5px 18px}.city-layout .detail-image{order:0;aspect-ratio:1.2;padding:0;border-radius:10px}.city-layout .detail-image img{object-fit:cover}.city-layout .detail-description{order:1;font-size:12px;margin:16px 4px}.city-layout .related{order:2;padding:0 4px 15px}.city-layout .related-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.city-layout .related-list button{font-size:10px;min-height:30px;padding:5px;line-height:1.3}.city-layout .detail-open{order:3;font-size:16px;min-height:48px}.city-layout .domain{display:none}.city-layout .related-heading{font-size:10px}
@media(max-width:1100px){.page-intro h1,.holo-intro h1{font-size:47px}.galaxy-layout{grid-template-columns:1fr 32%}.galaxy-scene{min-height:530px}.star-system{width:180px}.system-stack{width:145px;height:95px}.system-label{font-size:11px}.system-orbit{top:65px;height:45px}.galaxy-layout .detail-image{aspect-ratio:1.2}.galaxy-layout .detail-copy h2{font-size:21px}.galaxy-layout .detail-description{font-size:11px}.galaxy-layout .detail-open{font-size:13px}.selection-description{display:none}.portal-stage .deck-card{padding-top:7%}.cube-layout{gap:25px}.cube-preview{padding:18px}.cube-preview-heading{font-size:25px}.cube-preview .primary{font-size:14px;min-width:0}.cube-scene{--cube-size:31vw}.face-heading{font-size:24px}.face-symbol{font-size:75px}.face-count{font-size:10px}.light-destination{top:-80px}.light-stage{height:42vw}.city-layout{margin-left:14%;grid-template-columns:1fr 29%;min-height:740px}.city-layout .project-detail{padding:14px 10px}.city-layout .detail-copy h2{font-size:20px}.city-pin{font-size:10px}.city-controls>span{display:none}[data-view=stadt] .filters{top:190px}[data-view=stadt] .filters button{font-size:9px;padding:8px;min-height:53px}.city-layout .related-list{grid-template-columns:1fr}.city-layout .detail-description{display:none}.city-viewport{margin-top:100px;min-height:600px}.book-shelf{height:220px}.library-stage{height:420px}[data-view=bibliothek] .holo-intro{top:65px}[data-view=bibliothek] .holo-intro h1{font-size:43px}[data-view=bibliothek] .holo-intro .intro-description{font-size:14px}.library-stage .book-spread{width:72%}.book-name{font-size:21px}.glass-book.cover-facing{flex-basis:21vw}[data-view=orbit] .selection-title h2{font-size:18px}.orbit-experience .selected-link{font-size:11px;padding:7px 10px;gap:8px}.orbit-experience .selection-bar{padding:8px 15px}}
@media(max-width:760px){body{background-size:auto 1000px;background-position:center 75px}.site-header{padding:12px 18px;gap:8px}.site-header .view-nav{flex-basis:100%;order:3;justify-content:flex-start}.site-header .brand{margin-right:auto}.site-header .brand b{font-size:18px}.site-header .brand-sub{display:inline;font-size:9px}.site-header .catalog-open{order:2}.hologram-page main,main{padding:0 16px}.page-intro,.holo-intro{padding:25px 0 20px}.page-intro h1,.holo-intro h1{font-size:37px}.page-intro .intro-description,.holo-intro .intro-description{font-size:12px}.filters{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:7px}.filters button{white-space:nowrap;font-size:10px;min-height:36px;flex-shrink:0}.galaxy-layout{display:block}.galaxy-scene{height:620px;min-height:0;max-height:none;overflow:hidden}.star-system{width:45%;height:150px;left:25%!important;top:32%!important}.star-system:nth-of-type(even){left:75%!important}.star-system:nth-of-type(3),.star-system:nth-of-type(4){top:57%!important}.star-system:nth-of-type(5),.star-system:nth-of-type(6){top:82%!important}.system-stack{width:115px;height:80px}.system-label{font-size:10px;max-width:100%;white-space:normal;min-height:35px;padding-right:9px;line-height:1.25}.system-label>span{width:28px;height:28px;min-width:28px;font-size:18px;margin-left:-10px}.system-orbit{top:61px;left:0;right:0}.galaxy-core{top:55px;left:50%;width:90px;height:90px}.core-letter{font-size:50px}.galaxy-layout .project-detail{margin:0 15px;transform:none;padding:8px}.galaxy-layout .detail-image{aspect-ratio:1.6}.galaxy-layout .detail-copy h2{font-size:24px}.galaxy-layout .detail-description{font-size:13px}.galaxy-layout .detail-open{font-size:15px}.galaxy-lines path{display:none}.showroom-experience .display-stage{height:390px;overflow:hidden}.showroom-experience .display-card{top:35px;border-radius:12px;padding:8px}.showroom-experience .selection-bar{max-width:100%;padding:17px;gap:12px}.showroom-experience .selection-title h2{font-size:22px}.showroom-experience .selection-bar .primary{font-size:14px}.showroom-experience .stage-prev,.showroom-experience .stage-next{bottom:8px}[data-view=showroom] .page-intro,[data-view=orbit] .page-intro{padding:25px 0 20px}[data-view=showroom] .filters,[data-view=orbit] .filters{justify-content:flex-start}[data-view=showroom] .filters button{min-height:40px;padding:7px 12px}.orbit-experience .display-stage{height:500px;overflow:hidden}.orbit-experience .display-card{top:130px;padding:8px 8px 85px;border-radius:12px}.orbit-experience .display-card:not(.is-current){padding-bottom:8px}.orbit-mark{font-size:86px;top:0}.orbit-halo{top:175px;height:155px}.orbit-experience .selection-bar{top:calc(130px + var(--card-width)*.625 + 10px);min-height:69px;padding:8px 16px;flex-wrap:nowrap;gap:6px}.orbit-experience .selection-title{flex:1;width:auto;flex-basis:auto}.orbit-experience .selection-title h2{font-size:15px}.orbit-experience .selection-counter{font-size:7px;margin-bottom:4px}.orbit-experience .selected-link{font-size:10px;width:auto;max-width:105px;white-space:normal;min-height:38px}.orbit-experience .projector-base{bottom:58px;width:65%;height:40px}.orbit-experience .projector-base::after{height:95px}.orbit-experience .stage-prev,.orbit-experience .stage-next{bottom:10px}.orbit-experience .drag-hint{bottom:21px;font-size:9px}[data-view=portale] .holo-intro h1{font-size:37px}[data-view=portale] .holo-intro .intro-description{letter-spacing:.03em;font-size:11px}.portal-stage{height:370px;overflow:hidden;margin-inline:-16px}.portal-stage .deck-card{top:20px;aspect-ratio:1.1;padding:42px 13px 0;border-radius:45% 45% 7px 7px / 30% 30% 7px 7px}.portal-stage .deck-title{font-size:16px;bottom:-7px;padding:8px 4px}.portal-stage .deck-window{height:100%;border-radius:30px 30px 2px 2px;aspect-ratio:auto}.portal-stage .deck-window img{object-fit:cover}.portal-path{height:100px;left:19%;right:19%;bottom:0}[data-view=portale] .holo-details{margin-top:-5px}[data-view=portale] .holo-details .primary{min-width:235px;min-height:49px;font-size:19px}[data-view=portale] .holo-controls{margin-top:20px}[data-view=portale] .filters{justify-content:flex-start;margin-top:20px}.library-stage{height:330px;padding-top:10px}.library-stage .book-spread{width:100%;margin-top:0}.book-canvas{inset:0 -4%;width:108%;height:115%}[data-view=bibliothek] .holo-intro{position:static;width:auto;padding:25px 0 10px}[data-view=bibliothek] .holo-intro h1{font-size:36px}[data-view=bibliothek] .holo-intro .intro-description{margin-top:12px;font-size:12px;max-width:none}.book-shelf{height:185px;padding:10px 8px 14px;gap:10px;margin-top:0}.glass-book{flex-basis:45px;border-radius:7px}.glass-book.cover-facing{flex-basis:145px}.book-name{font-size:17px;left:11px}.book-number{font-size:8px}[data-view=bibliothek] .holo-details{justify-content:center;padding-top:22px}[data-view=bibliothek] .holo-details .primary{width:auto;min-width:210px}[data-view=bibliothek] .holo-controls{width:100%;margin:20px auto 0}[data-view=bibliothek] .filters{justify-content:flex-start}.cube-layout{display:block;padding-top:20px}.cube-scene{height:430px;--cube-size:min(59vw,330px);max-width:none;width:100%}.cube-perspective{top:42%;left:46%}.cube-face{padding:16px;gap:13px;border-radius:12px}.face-heading{font-size:20px}.face-heading::before{width:25px;height:3px;margin-bottom:8px}.face-image{border-radius:5px}.face-symbol{font-size:70px}.face-count{font-size:10px}.cube-base{height:40px;bottom:56px}.cube-base::after{height:90px;bottom:18px}.cube-instruction{font-size:10px;max-width:220px}.cube-preview{display:block;max-width:480px;padding:18px}.cube-preview-heading{font-size:26px;margin-bottom:15px}.cube-preview-heading::before{margin:0 0 13px;height:3px}.cube-preview-image{aspect-ratio:1.6}.cube-preview .holo-details{margin-top:20px}.cube-preview .primary{font-size:15px;min-width:0;width:100%}.cube-preview::before{display:none}[data-view=wuerfel] .filters{justify-content:flex-start;margin-top:23px}[data-view=wuerfel] .holo-controls{margin-top:5px}[data-view=licht] .holo-intro{width:100%;padding-top:25px}[data-view=licht] .holo-intro h1{font-size:37px}[data-view=licht] .holo-intro .intro-description{font-size:12px}.light-stage{height:330px;overflow:visible}.light-source{width:34%;left:-1%;top:100px;padding:6px;border-radius:11px}.light-destination{width:66%;left:34%;top:15px;padding:7px;border-radius:14px}.light-target-image,.light-source-image{border-radius:7px}.particle-canvas{top:0;height:100%}[data-view=licht] .holo-details{padding:18px 0 0;display:block}[data-view=licht] .holo-detail-title h2{font-size:23px;margin:0 0 18px}[data-view=licht] .holo-details .primary{font-size:16px;min-width:0;width:100%}[data-view=licht] .filters{justify-content:flex-start}[data-view=panorama] .holo-intro{padding:25px 20px 18px}[data-view=panorama] .panorama-stage.cinematic{height:calc(48vw + 225px)}[data-view=panorama] .holo-details{max-width:none;min-width:0;margin-top:-110px;padding:13px 15px;gap:10px}[data-view=panorama] .holo-detail-title h2{font-size:15px}[data-view=panorama] .holo-controls{margin-top:20px}[data-view=panorama] .filters{justify-content:flex-start;margin-top:10px;padding:0 20px}[data-view=stadt] main{padding:0 15px}[data-view=stadt] .page-intro{position:static;width:auto;padding:26px 0 20px;pointer-events:auto}[data-view=stadt] .page-intro h1{font-size:37px}[data-view=stadt] .intro-description{font-size:12px}[data-view=stadt] .filters{position:static;width:auto;display:flex;overflow:auto;gap:7px;flex-wrap:nowrap}[data-view=stadt] .filters button{min-height:38px;white-space:nowrap;flex-shrink:0;font-size:10px}.city-layout{display:block;margin:0;min-height:0;max-height:none}.city-viewport{height:90vw;min-height:340px;margin:0 -15px;overflow:hidden}.city-world{width:125%;margin-left:-12.5%}.city-pin{font-size:9px;padding:5px 8px}.city-controls{position:static;padding:15px 0 20px;justify-content:center}.city-controls>div{margin:auto}.city-layout .project-detail{max-width:480px;margin:0 auto;display:flex}.city-layout .detail-copy{display:contents}.city-layout .detail-image{aspect-ratio:1.6!important;padding:0!important}.city-layout .detail-copy h2{font-size:24px;margin:0 5px 16px}.city-layout .related-list{grid-template-columns:1fr 1fr!important}.city-layout .detail-description{display:block;font-size:12px}.city-layout .detail-open{font-size:15px}.site-footer{margin-top:30px}.project-strip,.filmstrip{margin-top:22px}}
@media(max-width:430px){.library-stage{height:255px}.book-shelf{height:170px}.cube-scene{height:390px}.light-stage{height:280px}.showroom-experience .display-stage{height:335px}.portal-stage{height:335px}.page-intro h1,.holo-intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.particle-canvas{display:block}.display-card,.deck-card,.project-cube{transition:none!important}}
.city-world{height:auto;aspect-ratio:3/2;top:50%;translate:0 -50%}.city-art{height:100%}
main,.hologram-page main{overflow:clip}
@media(min-width:761px){.library-stage{height:clamp(410px,34vw,560px)}.book-spread{width:70%;aspect-ratio:1.95}.book-shelf{height:clamp(210px,17vw,275px)}.cube-scene{--cube-size:clamp(300px,34vw,530px)}.cube-perspective{left:52%}}
.book-name{white-space:nowrap;text-overflow:ellipsis}
.page-intro h1 em,.holo-intro h1 em{font-weight:inherit;color:#a1f6ff;text-shadow:0 0 22px #64eaff44}
[data-view=portale] .holo-intro h1 em{color:#d1a1f4}
[data-view=galaxie] .page-intro h1 span{color:#7cefff;text-shadow:0 0 18px #58d6ff66}
[data-view=bibliothek] .holo-intro h1 em{color:#e4fcff}
.display-card{transform-origin:50% 0}.display-cards{z-index:3}.orbit-experience .display-stage{height:clamp(540px,43vw,680px)}.orbit-experience .display-card .display-image{aspect-ratio:1.35}.orbit-experience .display-card.is-current .display-image{aspect-ratio:1.9}.orbit-experience .selection-bar{top:calc(135px + var(--card-width)/1.9 + 16px)}.orbit-halo{z-index:1}.orbit-mark{z-index:2}
@media(min-width:761px){.light-source-image{aspect-ratio:1.03}.light-source-image img{object-position:left top}.light-source{mask-image:linear-gradient(90deg,#000 80%,#0009 94%,transparent)}.light-destination{mask-image:linear-gradient(90deg,transparent,#000b 3%,#000 9%)}}
@media(max-width:760px){.orbit-experience .selection-bar{top:calc(130px + var(--card-width)/1.9 + 10px)}.orbit-experience .display-stage{height:475px}.showroom-experience .display-card{transform-origin:center top}}

body[data-view]{background-repeat:no-repeat;background-position:center top;background-size:100% auto}.city-art{mask-image:linear-gradient(transparent,#000 3%,#000 96%,transparent)}@media(max-width:760px){body[data-view]{background-size:auto 1000px}}

@media(max-width:430px){[data-view=showroom] .page-intro>div{min-width:0;max-width:100%}[data-view=showroom] .page-intro h1{max-width:320px;margin-inline:auto;text-wrap:balance;font-size:32px}}