/* =====================================================================================
   Goldstandard v52 · „Das Atelier“ – die räumliche Startwelt
   v52: sieben Tafeln (Konzeptpraxis + sechs Studien), ruhiger Titel, Zugänge als Etiketten statt Glasflächen.
   Ein nächtlicher Ausstellungsraum mit zwei Installationen, die zugleich die Zugänge sind:
   links die sechs Designstudien als beleuchtete Tafeln, rechts ein gläsernes Seitenmodell (3 / 8 Inhaltsseiten).
   Koordinaten: x und z in cqw (Bühnenbreite), y in cqh (Bühnenhöhe). Ausgangslagen stehen als Variablen im HTML
   (--l* Querformat, --p* Hochformat); geöffnete Zustände setzt world.js.
   ===================================================================================== */

.world {
  --w-bg: #0B110E; --w-bg-2: #121A16; --w-ink: #F3EFE6; --w-ink-2: rgba(243, 239, 230, .74); --w-ink-3: rgba(243, 239, 230, .56);
  --w-gold: #D5AE60; --w-gold-2: #E9CE8F; --w-gold-ink: #1A1408; --w-line: rgba(213, 174, 96, .22); --w-glass: rgba(255, 255, 255, .06);
  --w-ease: cubic-bezier(.62, .02, .18, 1); --w-ease-out: cubic-bezier(.2, .75, .15, 1);
  --w-move: .95s; --mx: 0; --my: 0;
  position: relative; background: var(--w-bg); color: var(--w-ink); isolation: isolate; overflow: hidden;
}
.w-stage {
  position: relative; container: world / size;
  height: clamp(600px, calc(100svh - var(--header-h, 72px)), 1040px);
  overflow: hidden;
}
@media (max-width: 699px) { .w-stage { height: max(640px, calc(100svh - var(--header-h, 64px))); } }

/* ---------- Raum: Wand, Licht, Staub (Bildschirmebene, hinter der Szene) ---------- */
.w-room { position: absolute; inset: 0; pointer-events: none; transform: translate3d(calc(var(--mx) * -0.6cqw), calc(var(--my) * -0.5cqh), 0); transition: transform 1.4s var(--w-ease-out); }
.w-wall { position: absolute; inset: 0; background:
  radial-gradient(52cqw 46cqh at 36% 30%, rgba(213, 174, 96, .17), transparent 72%),
  radial-gradient(34cqw 40cqh at 80% 26%, rgba(170, 196, 186, .08), transparent 70%),
  radial-gradient(120cqw 60cqh at 50% 110%, rgba(0, 0, 0, .55), transparent 70%),
  linear-gradient(180deg, #0E1512 0%, #101814 52%, #080C0A 100%); }
/* Rippen der Rückwand – geben dem Raum Maßstab */
.w-wall::before { content: ""; position: absolute; inset: 0 0 34% 0; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 5.2cqw); -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%); }
/* Horizont: ein feiner Lichtsaum, wo Wand und Boden sich treffen */
.w-wall::after { content: ""; position: absolute; left: 0; right: 0; top: calc(var(--horizon, 63) * 1cqh); height: 1px; background: linear-gradient(90deg, transparent, rgba(233, 206, 143, .28) 30%, rgba(233, 206, 143, .18) 70%, transparent); box-shadow: 0 0 2.4cqw 0.4cqw rgba(213, 174, 96, .08); }
.w-beam { position: absolute; top: -4cqh; height: 100cqh; opacity: .55; transition: opacity .9s var(--w-ease-out), left .95s var(--w-ease), width .95s var(--w-ease); }
.w-beam::before, .w-beam::after { content: ""; position: absolute; inset: 0; }
/* Kegel: oben schmal, unten breit – aus zwei weichen Verläufen statt Weichzeichner */
.w-beam::before { background: radial-gradient(46% 100% at 50% 0%, var(--beam) 0%, transparent 100%); opacity: .6; }
.w-beam::after { background: radial-gradient(28% 85% at 50% 0%, var(--beam) 0%, transparent 100%); }
.w-beam--designs { --beam: rgba(255, 228, 176, .30); left: 14cqw; width: 48cqw; }
.w-beam--services { --beam: rgba(214, 234, 226, .22); left: 66cqw; width: 30cqw; opacity: .45; }
.w-dust { position: absolute; inset: 0; transition: opacity .6s; }
.world:not([data-state="overview"]) .w-dust { opacity: 0; }
.w-dust i { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); width: var(--d); height: var(--d); border-radius: 50%; background: #F1DDAE; opacity: calc(var(--a) * .8); box-shadow: 0 0 5px rgba(241, 221, 174, .6); }

/* ---------- Szene: Perspektive und „Kamera“ ---------- */
.w-scene { position: absolute; inset: 0; perspective: 100cqw; perspective-origin: calc(50% + var(--mx) * 3%) calc(40% + var(--my) * 2%); transition: perspective-origin 1.4s var(--w-ease-out); pointer-events: none; }
.w-space { position: absolute; inset: 0; transform-style: preserve-3d; transform: translate3d(0, var(--cam-y, 0cqh), var(--cam-z, 0cqw)); transition: transform var(--w-move) var(--w-ease); }
.world[data-state="designs"] .w-space { --cam-y: -12cqh; --cam-z: 0cqw; }
.world[data-state="services"] .w-space { --cam-y: -26cqh; --cam-z: 0cqw; }

/* Boden: dunkler, leicht spiegelnder Stein mit feinem Raster */
.w-floor { position: absolute; left: 50%; top: calc(var(--floor) * 1cqh); width: 170cqw; height: 150cqw; margin: -75cqw 0 0 -85cqw; transform: translateZ(-32cqw) rotateX(90deg);
  background:
    radial-gradient(closest-side at 50% 60%, transparent 30%, rgba(11, 17, 14, .7) 70%, #0B110E 97%),
    radial-gradient(closest-side at 50% 62%, rgba(213, 174, 96, .11), transparent),
    repeating-linear-gradient(90deg, rgba(213, 174, 96, .10) 0 1px, transparent 1px 8cqw),
    repeating-linear-gradient(0deg, rgba(213, 174, 96, .075) 0 1px, transparent 1px 8cqw),
    linear-gradient(0deg, #0A0F0C, #0D1411); }
.world { --floor: 81; --horizon: 63; }
.w-pool { position: absolute; left: 0; top: 0; width: 44cqw; height: 30cqw; margin: -15cqw 0 0 -22cqw; border-radius: 50%; background: radial-gradient(closest-side, rgba(233, 206, 143, .16), transparent); transform: translate3d(calc(var(--x) * 1cqw), calc(var(--floor) * 1cqh), calc(var(--z) * 1cqw)) rotateX(90deg); transition: opacity .9s var(--w-ease-out); }

/* Gemeinsame Platzierung aller Objekte (Fußpunkt unten Mitte) */
.w-obj {
  --x: var(--lx); --z: var(--lz); --ry: var(--lry); --s: var(--ls); --rz: var(--lrz, 0); --pv: var(--lpv, 0); --op: 1; --lift: var(--llift, 0);
  position: absolute; left: 0; top: 0; transform-style: preserve-3d; transform-origin: 50% 100%;
  transform: translate3d(calc((var(--x) + var(--hx, 0)) * 1cqw), calc(var(--y, var(--floor)) * 1cqh - (var(--lift) + var(--hl, 0)) * 1cqw), calc((var(--z) + var(--hz, 0)) * 1cqw)) rotateY(calc((var(--ry) + var(--hry, 0)) * 1deg)) scale(var(--s)) translateY(calc(var(--pv) * 1cqw)) rotate(calc((var(--rz) + var(--hrz, 0)) * 1deg)) translateY(calc(var(--pv) * -1cqw));
  opacity: var(--op);
  transition: transform var(--w-move) var(--w-ease) var(--dl, 0s), opacity .6s var(--w-ease-out) var(--dl, 0s);
}
/* kurzer Aufbau beim Laden: nur Tafeln und Blätter, Text und Zugänge stehen sofort */
@media (prefers-reduced-motion: no-preference) {
  .w-art { animation: w-rise 1.1s var(--w-ease-out) backwards; animation-delay: calc((2.5 - var(--o)) * 70ms + 80ms); }
  .w-sheet { animation: w-rise 1s var(--w-ease-out) backwards; animation-delay: calc(var(--j, 0) * 45ms + 260ms); }
}
@keyframes w-rise { from { opacity: 0; translate: 0 2.4cqh; } }
.w-instant, .w-instant *, .w-instant *::before, .w-instant *::after { transition: none !important; }

/* ---------- Installation 1: Galerie der Designstudien ---------- */
.w-gallery, .w-model { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform var(--w-move) var(--w-ease), opacity .7s var(--w-ease-out); }
.w-gallery { transform-origin: 26cqw calc(var(--floor) * 1cqh); transform: translate3d(var(--gx, 0cqw), 0, var(--gz, 0cqw)) scale3d(var(--gk, 1), var(--gk, 1), var(--gk, 1)); }
.w-model { transform-origin: 88cqw calc(var(--floor) * 1cqh); transform: translate3d(var(--mdx, 0cqw), 0, var(--mdz, 0cqw)) scale3d(var(--mk, 1), var(--mk, 1), var(--mk, 1)); }
.w-art { width: 40cqw; height: 25cqw; margin: -25cqw 0 0 -20cqw; }
.w-art-face { position: absolute; inset: 0; border-radius: .55cqw; overflow: hidden; background: #F4F1EA; box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 3cqw 6cqw -1cqw rgba(0, 0, 0, .7); }
.w-art-face img, .w-art-ref img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
/* Glanz: weiches Streiflicht über der Glasfront */
.w-art-face::after { content: ""; position: absolute; inset: 0; background: linear-gradient(118deg, rgba(255, 255, 255, .26) 0%, rgba(255, 255, 255, .06) 22%, transparent 38%, transparent 70%, rgba(0, 0, 0, .10) 100%); pointer-events: none; transition: opacity .6s; }
.w-art-ref { position: absolute; left: 0; right: 0; top: 100%; height: 100%; margin-top: .25cqw; border-radius: .55cqw; overflow: hidden; transform: scaleY(-1); opacity: .22; -webkit-mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .35) 22%, transparent 48%); mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .35) 22%, transparent 48%); }
.w-art-shadow { position: absolute; left: 50%; top: 100%; width: 118%; height: 22cqw; margin: -11cqw 0 0 -59%; border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 0, 0, .62), transparent); transform: rotateX(90deg); }
.w-art-tag { position: absolute; right: 1.4cqw; top: 1.4cqw; padding: .5cqw 1cqw; border-radius: 99px; background: rgba(11, 17, 14, .82); color: var(--w-gold-2); font: 500 1.7cqw/1 var(--f-mono); letter-spacing: .06em; opacity: 0; transform: translateY(-.6cqw); transition: opacity .45s var(--w-ease-out), transform .45s var(--w-ease-out); }
.world[data-hover="designs"] .w-art-tag { opacity: 1; transform: none; }
.w-art.is-active .w-art-face { box-shadow: 0 0 0 1px rgba(233, 206, 143, .55), 0 0 5cqw rgba(213, 174, 96, .18), 0 3cqw 6cqw -1cqw rgba(0, 0, 0, .7); }
.world[data-state="designs"] .w-art-ref { opacity: .14; }
/* Mobile Ansicht der Studien (Hochformat) */
.w-art .w-shot-m { display: none; }

/* ---------- Installation 2: gläsernes Seitenmodell ---------- */
.w-sheet { width: 12cqw; height: 16cqw; margin: -16cqw 0 0 -6cqw; }
.w-sheet-face { position: absolute; inset: 0; display: grid; align-content: start; gap: .7cqw; padding: 1.1cqw 1cqw; border-radius: .35cqw; color: var(--w-ink-2);
  background: linear-gradient(158deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .05) 44%, rgba(213, 174, 96, .05) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .35), 0 2cqw 4cqw -1cqw rgba(0, 0, 0, .55);
  transition: box-shadow .6s var(--w-ease-out), background .6s; }
.w-sheet-n { font: 500 1.05cqw/1 var(--f-mono); letter-spacing: .06em; color: var(--w-gold-2); }
.w-sheet:not(.w-sheet--legal) .w-sheet-n { opacity: 0; transition: opacity .5s var(--w-ease-out); }
/* Reiter wie bei Karteikarten: versetzt, damit im Stapel jede Nummer lesbar bleibt */
.w-sheet-tab { position: absolute; z-index: 1; bottom: calc(100% - 1px); left: calc(5% + var(--j, 0) * 11.2%); width: 15%; padding: .28cqw 0 .22cqw; border-radius: .35cqw .35cqw 0 0; text-align: center; font: 500 .82cqw/1 var(--f-mono); letter-spacing: .04em; color: #F3EFE6; background: linear-gradient(180deg, #46504B, #333B37); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 1px 0 0 rgba(255, 255, 255, .16), inset -1px 0 0 rgba(255, 255, 255, .16); transition: opacity .4s var(--w-ease-out); }
.w-sheet--k .w-sheet-tab { color: var(--w-gold-ink); background: linear-gradient(180deg, #F0D9A3, #D9B56C); box-shadow: none; }
.w-sheet-t { font: 600 .92cqw/1.2 var(--f-sans); color: var(--w-ink); }
.w-sheet-face i { display: block; height: .32cqw; border-radius: .2cqw; background: rgba(255, 255, 255, .16); }
.w-sheet-face i:nth-of-type(1) { width: 92%; height: 2.6cqw; background: rgba(255, 255, 255, .09); }
.w-sheet-face i:nth-of-type(2) { width: 84%; } .w-sheet-face i:nth-of-type(3) { width: 66%; } .w-sheet-face i:nth-of-type(4) { width: 74%; }
.w-sheet--k .w-sheet-face { background: linear-gradient(158deg, rgba(233, 206, 143, .30), rgba(213, 174, 96, .08) 46%, rgba(255, 255, 255, .04)); box-shadow: inset 0 0 0 1px rgba(233, 206, 143, .7), inset 0 1px 0 rgba(255, 245, 220, .6), 0 0 2.4cqw rgba(213, 174, 96, .18), 0 2cqw 4cqw -1cqw rgba(0, 0, 0, .55); }
.w-sheet--legal { width: 7cqw; height: 9.3cqw; margin: -9.3cqw 0 0 -3.5cqw; }
.w-sheet--legal .w-sheet-face { padding: .7cqw; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); outline: 1px dashed rgba(233, 206, 143, .55); outline-offset: -.45cqw; }
.w-sheet--legal .w-sheet-t { font-size: .8cqw; color: var(--w-ink-2); }
.w-sheet-ref { position: absolute; left: 0; right: 0; top: 100%; height: 60%; margin-top: .2cqw; border-radius: .35cqw; transform: scaleY(-1); background: linear-gradient(0deg, rgba(255, 255, 255, .07), transparent 70%); opacity: calc(.8 - var(--lift, 0) * .12); }
.w-sheet--k .w-sheet-ref { background: linear-gradient(0deg, rgba(233, 206, 143, .16), transparent 70%); }
/* Sockel unter dem Modell */
.w-plinth { display: none; position: absolute; left: 0; top: 0; transform-style: preserve-3d; transform: translate3d(calc(var(--x) * 1cqw), calc(var(--floor) * 1cqh), calc(var(--z) * 1cqw)) rotateY(calc(var(--ry) * 1deg)); transition: transform var(--w-move) var(--w-ease), opacity .6s var(--w-ease-out); }
.w-plinth-top, .w-plinth-front, .w-plinth-side { position: absolute; left: 0; top: 0; }
.w-plinth-top { width: var(--pw); height: var(--pd); margin-left: calc(var(--pw) / -2); transform-origin: 50% 0; transform: translateY(calc(var(--ph) * -1)) translateZ(calc(var(--pd) / 2)) rotateX(90deg); background: linear-gradient(180deg, #1B2420, #141B18); box-shadow: inset 0 0 0 1px rgba(213, 174, 96, .22); }
.w-plinth-front { width: var(--pw); height: var(--ph); margin-left: calc(var(--pw) / -2); transform: translateY(calc(var(--ph) * -1)) translateZ(calc(var(--pd) / 2)); background: linear-gradient(180deg, #19211D, #0E1311); box-shadow: inset 0 1px 0 rgba(233, 206, 143, .45); }
.w-plinth-side { width: var(--pd); height: var(--ph); margin-left: calc(var(--pd) / -2); transform: translateX(calc(var(--pw) / -2)) translateY(calc(var(--ph) * -1)) rotateY(-90deg); background: linear-gradient(180deg, #121916, #0A0E0C); box-shadow: inset 0 1px 0 rgba(233, 206, 143, .22); }

/* ---------- Text im Vordergrund ---------- */
.w-copy { position: absolute; left: max(var(--gutter, 24px), env(safe-area-inset-left, 0px)); top: 7cqh; width: min(64cqw, 1060px); z-index: 4; transform: translate3d(calc(var(--mx) * .4cqw), calc(var(--my) * .3cqh), 0); transition: transform 1.4s var(--w-ease-out), opacity .6s var(--w-ease-out); }
.w-copy::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(farthest-side at 40% 50%, rgba(11, 17, 14, .66), rgba(11, 17, 14, .42) 62%, rgba(11, 17, 14, .08)); pointer-events: none; }
.w-kicker { font: 500 .75rem/1.2 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--w-gold-2); display: flex; align-items: center; gap: 10px; }
.w-kicker::before { content: ""; width: 26px; height: 1px; background: currentColor; }
.w-title { margin-top: clamp(12px, 2cqh, 20px); max-width: 14em; font-family: var(--f-display); font-weight: 400; font-size: clamp(2.1rem, 3.5cqw, 3.9rem); line-height: 1.04; letter-spacing: -.018em; color: var(--w-ink); text-wrap: balance; }
.w-num { font-family: var(--f-mono); font-size: .94em; letter-spacing: 0; white-space: nowrap; }
.w-sub { margin-top: clamp(12px, 2cqh, 22px); display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: clamp(.9375rem, 1.05cqw, 1.0625rem); color: var(--w-ink-2); }
.w-sub > span { display: inline-flex; align-items: center; white-space: nowrap; }
.w-sub > span + span::before { content: ""; flex: none; width: 4px; height: 4px; margin-right: 9px; border-radius: 50%; background: var(--w-gold); }
.w-sub a { color: inherit; text-decoration: underline; text-decoration-color: rgba(233, 206, 143, .5); text-underline-offset: .25em; }
.w-sub a:hover { color: var(--w-ink); text-decoration-color: currentColor; }

/* ---------- Zugänge (Ausgangszustand) ---------- */
.w-entry { position: absolute; z-index: 5; display: grid; align-content: end; gap: 6px; text-decoration: none; color: var(--w-ink); border-radius: 14px; outline: none; }
/* große Trefferfläche über der Installation */
.w-entry::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }
/* Etikett wie im Museum: ein kleines Schild aus Papier vor der Installation */
.w-entry-label { display: inline-grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; justify-self: start; gap: 3px 14px; min-width: 16.5rem; padding: 13px 14px 13px 14px; border-radius: 3px; background: #EEE8DA; color: #141A17;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -2px 0 rgba(20, 26, 23, .08), 0 2px 0 rgba(0, 0, 0, .25), 0 22px 40px -20px rgba(0, 0, 0, .95); transition: box-shadow .45s var(--w-ease-out), transform .45s var(--w-ease-out); }
.w-entry-n { grid-column: 1; grid-row: 1 / span 2; align-self: start; padding-top: 5px; font: 500 .75rem/1 var(--f-mono); color: #7A5915; }
.w-entry-t { grid-column: 2; font-family: var(--f-display); font-size: clamp(1.4rem, 2cqw, 2.05rem); line-height: 1.04; letter-spacing: -.01em; color: #141A17; }
.w-entry-s { grid-column: 2; font: 500 .8125rem/1.3 var(--f-sans); color: #444E49; }
.w-entry-go { grid-column: 3; grid-row: 1 / span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(20, 26, 23, .28); color: #141A17; transition: background .45s, color .45s, transform .45s var(--w-ease-out); }
.w-entry-go svg { width: 18px; height: 18px; }
.w-entry:hover .w-entry-label, .w-entry:focus-visible .w-entry-label { transform: translateY(-3px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -2px 0 #D5AE60, 0 2px 0 rgba(0, 0, 0, .25), 0 30px 50px -20px rgba(0, 0, 0, .95), 0 0 0 4px rgba(213, 174, 96, .18); }
.w-entry:hover .w-entry-go, .w-entry:focus-visible .w-entry-go { background: #141A17; color: #EEE8DA; border-color: #141A17; transform: translateX(3px); }
.w-entry:focus-visible .w-entry-label { outline: 3px solid var(--w-gold-2); outline-offset: 4px; }
.w-entry--designs { left: 6cqw; top: 36cqh; width: 58cqw; height: 58cqh; }
.w-entry--services { left: 66cqw; top: 30cqh; width: 30cqw; height: 64cqh; }
.w-entry--designs .w-entry-label { justify-self: center; }
.w-entry--services .w-entry-label { justify-self: center; }

/* Reaktion auf Zeigen und Fokus: Tafeln fächern sich auf, Blätter lösen sich, Licht wird heller */
.world[data-hover="designs"] .w-beam--designs { opacity: .72; }
.world[data-hover="services"] .w-beam--services { opacity: .8; }
.world[data-hover="designs"] .w-art { --hx: calc((var(--o) + 2.5) * -1.15); --hz: 1.6; --hry: -5; --hl: .5; }
.world[data-hover="designs"] .w-art-face::after { opacity: .6; }
.world[data-hover="services"] .w-sheet { --hz: calc(var(--j, 0) * -1.1); --hx: calc(var(--j, 0) * .5); }
.world[data-hover="services"] .w-sheet--k { --hl: 1.6; }
.world[data-hover="services"] .w-sheet--k .w-sheet-face { box-shadow: inset 0 0 0 1px rgba(255, 228, 170, .95), inset 0 1px 0 rgba(255, 245, 220, .7), 0 0 4cqw rgba(213, 174, 96, .35), 0 2cqw 4cqw -1cqw rgba(0, 0, 0, .55); }
.world[data-hover] .w-art, .world[data-hover] .w-sheet { --dl: 0s; }

/* ---------- Geöffnete Bereiche ---------- */
.world:not([data-state="overview"]) .w-copy { opacity: 0; transform: translate3d(0, -2cqh, 0); pointer-events: none; }
.world:not([data-state="overview"]) .w-entry { opacity: 0; visibility: hidden; transition: opacity .35s, visibility 0s .35s; }
.w-entry { transition: opacity .5s var(--w-ease-out) .25s, visibility 0s 0s; }
.world[data-state="designs"] .w-model { --mdx: 46cqw; --mdz: -20cqw; opacity: 0; }
.world[data-state="services"] .w-gallery { --gx: -48cqw; --gz: -24cqw; opacity: 0; }
.world:not([data-state="overview"]) .w-gallery, .world:not([data-state="overview"]) .w-model { --gk: 1; --mk: 1; }
.world[data-state="designs"] .w-beam--services, .world[data-state="services"] .w-beam--designs { opacity: 0; }
.world[data-state="designs"] .w-beam--designs { opacity: .62; left: 28cqw; }
.world[data-state="services"] .w-beam--services { opacity: .6; left: 35cqw; width: 30cqw; }
.world[data-state="designs"] .w-art { pointer-events: auto; cursor: pointer; }
.world[data-state="designs"] .w-stage { touch-action: pan-y; }
.world[data-state="services"] .w-plinth, .world[data-state="services"] .w-pool--services { opacity: 0; }
.world[data-state="services"] .w-sheet-tab { opacity: 0; }
.world[data-state="services"] .w-sheet .w-sheet-n { opacity: 1; font-size: 2.1cqw; }
.world[data-state="services"] .w-sheet--legal .w-sheet-n { font-size: 1.6cqw; }
.world[data-state="services"] .w-sheet--k .w-sheet-face { background: linear-gradient(158deg, rgba(240, 214, 155, .42), rgba(213, 174, 96, .16) 50%, rgba(213, 174, 96, .08)); box-shadow: inset 0 0 0 1.5px rgba(240, 214, 155, .9), inset 0 1px 0 rgba(255, 245, 220, .7), 0 0 3cqw rgba(213, 174, 96, .22), 0 2cqw 4cqw -1cqw rgba(0, 0, 0, .55); }
.world[data-state="services"] .w-sheet--k .w-sheet-n { color: #F6E2B0; }
.world[data-state="services"] .w-sheet--legal .w-sheet-t { font-size: 1.25cqw; }
.world[data-state="services"] .w-sheet-face { gap: 1.1cqw; padding: 1.4cqw 1.3cqw; }
.world[data-pkg="kompakt"] .w-sheet--k { --hl: 1.4; }
.world[data-pkg="kompakt"] .w-sheet:not(.w-sheet--k):not(.w-sheet--legal) { --op: .32; }
.world[data-pkg="praxiswebsite"] .w-sheet:not(.w-sheet--legal) { --hl: 1.1; }
.world[data-pkg="praxiswebsite"] .w-sheet:not(.w-sheet--legal) .w-sheet-face { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 3cqw rgba(220, 236, 230, .16), 0 2cqw 4cqw -1cqw rgba(0, 0, 0, .55); }
.world[data-pkg] .w-sheet { --dl: 0s; }

/* Leiste: Übersicht und Wechsel zwischen den Bereichen */
.w-bar { position: absolute; z-index: 8; left: max(var(--gutter, 24px), env(safe-area-inset-left, 0px)); right: max(var(--gutter, 24px), env(safe-area-inset-right, 0px)); top: 3.4cqh; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; opacity: 0; transform: translateY(-8px); transition: opacity .45s var(--w-ease-out), transform .45s var(--w-ease-out); }
.world:not([data-state="overview"]) .w-bar { opacity: 1; transform: none; transition-delay: .35s; }
.w-back { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px 0 12px; border: 1px solid rgba(233, 206, 143, .45); border-radius: 999px; background: rgba(12, 18, 15, .5); color: var(--w-ink); font-weight: 600; font-size: .9375rem; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.w-back svg { width: 18px; height: 18px; }
.w-back:hover { border-color: var(--w-gold-2); }
.w-tabs { display: inline-flex; padding: 4px; border-radius: 999px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.w-tabs button { min-height: 38px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: var(--w-ink-2); font-weight: 600; font-size: .9375rem; }
.w-tabs button[aria-pressed="true"] { background: var(--w-ink); color: var(--w-bg); }
.w-tabs button:not([aria-pressed="true"]):hover { color: var(--w-ink); }
.w-bar :focus-visible, .w-ui :focus-visible { outline: 3px solid var(--w-gold-2); outline-offset: 3px; }

/* Bedienoberflächen der geöffneten Bereiche */
.w-ui { position: absolute; z-index: 7; inset: 0; pointer-events: none; opacity: 0; transition: opacity .5s var(--w-ease-out); }
.w-ui[hidden] { display: none; }
.w-ui.is-in { opacity: 1; transition-delay: .3s; }
.w-ui > * { pointer-events: auto; }
.w-ui h2:focus { outline: none; }

/* Designbeispiele: Info unter der Galerie */
.w-info { position: absolute; left: 50%; bottom: 3.6cqh; width: min(92cqw, 980px); transform: translateX(-50%); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 32px; align-items: end; }
.w-info-k { font: 500 .75rem/1.2 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--w-gold); }
.w-info-t { margin-top: 6px; font-family: var(--f-display); font-style: italic; font-size: clamp(1.7rem, 2.5cqw, 2.6rem); line-height: 1.04; letter-spacing: -.01em; }
.w-info-d { margin-top: 6px; color: var(--w-ink-2); font-size: 1rem; }
.w-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.w-note { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding-top: 14px; border-top: 1px solid rgba(233, 206, 143, .2); font-size: .875rem; color: var(--w-ink-2); }
.w-note .w-tag { font: 500 .6875rem/1.4 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--w-gold-2); white-space: nowrap; margin-right: .35em; }
.w-note a { color: var(--w-ink); text-underline-offset: .22em; }
.w-pick { grid-column: 1 / -1; justify-self: center; display: flex; gap: 4px; margin-bottom: 4px; }
/* Querformat mit wenig Breite: Schaltflächen untereinander, damit Titel und Beschreibung Platz behalten */
@container world (min-aspect-ratio: 1/1) and (max-width: 1099px) {
  .w-actions { flex-direction: column; align-items: stretch; }
  .w-actions .btn { justify-content: space-between; }
}
.w-pick button { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 8px; border: 0; border-radius: 999px; background: transparent; color: var(--w-ink-3); font: 500 .8125rem/1 var(--f-mono); letter-spacing: .06em; }
.w-pick button[aria-checked="true"] { color: var(--w-gold-2); box-shadow: inset 0 0 0 1px rgba(233, 206, 143, .7); }
.w-pick button:hover { color: var(--w-ink); }
.w-step { position: absolute; top: var(--step-y, 44cqh); margin-top: -26px; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(233, 206, 143, .45); background: rgba(12, 18, 15, .55); color: var(--w-ink); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color .3s, background .3s; }
.w-step:hover { border-color: var(--w-gold-2); background: rgba(24, 33, 28, .8); }
.w-step svg { width: 22px; height: 22px; }
.w-step--prev { left: max(var(--gutter, 24px), env(safe-area-inset-left, 0px)); }
.w-step--next { right: max(var(--gutter, 24px), env(safe-area-inset-right, 0px)); }

/* Leistungen: Überschrift, Seitenmodell, zwei Pakete */
.w-h { position: absolute; left: max(var(--gutter, 24px), env(safe-area-inset-left, 0px)); top: calc(3.4cqh + 72px); max-width: min(60cqw, 760px); font-family: var(--f-display); font-weight: 400; font-size: clamp(1.8rem, 2.9cqw, 3.3rem); line-height: 1.04; letter-spacing: -.015em; color: var(--w-ink); text-wrap: balance; }
.w-h:focus { outline: none; }
.w-pks { position: absolute; left: 50%; bottom: 4.2cqh; width: min(92cqw, 1060px); transform: translateX(-50%); display: grid; grid-template-columns: 1fr 1fr; gap: 16px 4cqw; }
.w-pk { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 20px; align-items: end; padding: 18px 20px; border-radius: 14px; background: rgba(12, 18, 15, .62); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.w-pk--k { box-shadow: inset 0 0 0 1px rgba(233, 206, 143, .55); }
.w-pk-k { grid-column: 1 / -1; font: 500 .6875rem/1.2 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--w-gold); }
.w-pk-t { font-family: var(--f-display); font-size: clamp(1.4rem, 1.8cqw, 1.9rem); line-height: 1.05; }
.w-pk-p { justify-self: end; font-family: var(--f-display); font-size: clamp(1.9rem, 2.6cqw, 2.8rem); line-height: 1; white-space: nowrap; }
.w-pk-p small { margin-left: 4px; font: 400 .8125rem/1 var(--f-sans); color: var(--w-ink-2); }
.w-pk-f { grid-column: 1; display: flex; flex-wrap: wrap; gap: 2px 14px; margin-top: 6px; font-size: .875rem; color: var(--w-ink-2); }
.w-pk-f li { list-style: none; }
.w-pk .btn { grid-column: 2; justify-self: end; }
.w-pks-note { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; font-size: .875rem; color: var(--w-ink-2); }
.w-pks-note a { display: inline-flex; align-items: center; gap: 6px; color: var(--w-ink); text-underline-offset: .22em; font-weight: 600; white-space: nowrap; }
.w-pks-note .ico, .w-note .ico { width: 16px; height: 16px; flex: none; }

/* Maßlinien unter dem Seitenmodell (Position aus world.js) */
.w-dims { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .5s var(--w-ease-out); }
.w-dims.is-in { opacity: 1; }
.w-dim { position: absolute; display: grid; justify-items: center; gap: 4px; transition: opacity .35s; }
.w-dim i { justify-self: stretch; height: 9px; border: 1px solid currentColor; border-top: 0; opacity: .9; }
.w-dim b { font: 500 .75rem/1.2 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.w-dim--k { color: var(--w-gold-2); }
.w-dim--p { color: var(--w-ink-2); }
.w-dim--l { color: var(--w-ink-3); justify-items: end; }
.w-dim--l b { text-align: right; }
.w-dim--l i { border-style: dashed; }
.world[data-pkg="kompakt"] .w-dim--p, .world[data-pkg="praxiswebsite"] .w-dim--k { opacity: .3; }

/* Schaltflächen auf dunklem Grund */
.world .btn--gold { background: var(--w-gold); color: var(--w-gold-ink); border-color: var(--w-gold); }
.world .btn--gold:hover { background: var(--w-gold-2); border-color: var(--w-gold-2); }
.world .btn--line { background: transparent; color: var(--w-ink); border: 1px solid rgba(233, 206, 143, .55); }
.world .btn--line:hover { border-color: var(--w-gold-2); background: rgba(255, 255, 255, .04); }

/* ---------- Querformat mit wenig Breite (Tablet quer, kleine Laptops) ---------- */
@container world (min-aspect-ratio: 1/1) and (max-aspect-ratio: 17/10) {
  .w-room, .w-scene { --floor: 79; }
  .world[data-state="overview"] .w-gallery { --gk: 1.12; }
  .world[data-state="overview"] .w-model { --mk: 1.1; }
}
@container world (min-aspect-ratio: 1/1) and (max-aspect-ratio: 3/2) {
  .w-room, .w-scene { --floor: 76; }
  .world[data-state="overview"] .w-gallery { --gk: 1.24; }
  .world[data-state="overview"] .w-model { --mk: 1.2; }
}

/* ---------- Hochformat (Smartphone, Tablet hochkant) ---------- */
@container world (max-aspect-ratio: 1/1) {
  .w-obj { --x: var(--px); --z: var(--pz); --ry: var(--pry); --s: var(--ps); --rz: var(--prz, 0); --pv: var(--ppv, 0); --lift: var(--plift, 0); }
  .world[data-hover="designs"] .w-art { --hx: 0; --hz: .8; --hry: 0; --hrz: calc(var(--o) * -2.6); --hl: .5; }
  .w-art-tag { display: none; }
  .w-sheet--legal { --op: 0; }
  .w-sheet-tab { font-size: 1.5cqw; }
  .world[data-state="designs"] .w-space { --cam-y: -15cqh; }
  .world[data-state="services"] .w-space { --cam-y: -22cqh; }
  .world[data-state="services"] .w-sheet .w-sheet-n { font-size: 4.2cqw; }
  .world[data-state="services"] .w-sheet--legal .w-sheet-n { font-size: 3cqw; }
  .world[data-state="services"] .w-sheet--legal .w-sheet-t { font-size: 2.3cqw; }
  .world[data-state="services"] .w-sheet-face { padding: 2.4cqw 2.2cqw; }
  .w-room, .w-scene { --floor: 71; --horizon: 54; }
  .w-dust { display: none; }
  .w-art { width: 40cqw; height: 86.6cqw; margin: -86.6cqw 0 0 -20cqw; }
  .w-art .w-shot-d { display: none; } .w-art .w-shot-m { display: block; }
  .w-art-face, .w-art-ref { border-radius: 2.4cqw; }
  .w-art-face { box-shadow: 0 0 0 2px rgba(255, 255, 255, .16), 0 0 0 1.3cqw #11161A, 0 0 0 calc(1.3cqw + 1px) rgba(255, 255, 255, .14), 0 5cqw 9cqw -2cqw rgba(0, 0, 0, .8); }
  .w-sheet { width: 21cqw; height: 28cqw; margin: -28cqw 0 0 -10.5cqw; }
  .w-sheet-face { gap: 1.2cqw; padding: 2cqw 1.8cqw; border-radius: .7cqw; }
  .w-sheet-n { font-size: 2.2cqw; } .w-sheet-t { font-size: 2cqw; }
  .w-sheet-face i { height: .6cqw; } .w-sheet-face i:nth-of-type(1) { height: 4.4cqw; }
  .w-sheet--legal { width: 12cqw; height: 16cqw; margin: -16cqw 0 0 -6cqw; }
  .w-sheet--legal .w-sheet-t { font-size: 1.7cqw; }
  .w-copy { top: 4.5cqh; width: auto; right: max(var(--gutter, 20px), env(safe-area-inset-right, 0px)); }
  .w-title { font-size: clamp(1.95rem, 8.6cqw, 3.3rem); }
  .w-beam { top: 30cqh; height: 70cqh; }
  .w-beam--designs { left: -2cqw; width: 62cqw; } .w-beam--services { left: 50cqw; width: 46cqw; }
  .w-entry--designs { left: 3cqw; top: 40cqh; width: 47cqw; height: 57cqh; }
  .w-entry--services { left: 50cqw; top: 40cqh; width: 47cqw; height: 57cqh; }
  .w-entry-label { justify-self: stretch !important; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; padding: 11px 9px 10px 12px; gap: 4px 6px; }
  .w-entry-n { display: none; }
  .w-entry-t { grid-column: 1 / -1; grid-row: 1; font-size: clamp(1.15rem, 5.1cqw, 1.9rem); }
  .w-entry-s { grid-column: 1; grid-row: 2; align-self: center; font-size: .8125rem; }
  .w-entry-go { grid-column: 2; grid-row: 2; width: 34px; height: 34px; align-self: end; }
  .w-entry-go svg { width: 16px; height: 16px; }
  .w-info { grid-template-columns: minmax(0, 1fr); bottom: 2.2cqh; gap: 10px; width: calc(100cqw - 2 * max(16px, env(safe-area-inset-left, 0px))); }
  .w-info-d { min-height: 2lh; font-size: .9375rem; }
  .w-info-t { font-size: clamp(1.45rem, 6.6cqw, 2rem); }
  .w-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .w-actions .btn { min-height: 48px; padding: 0 12px; font-size: .9375rem; gap: 8px; white-space: normal; text-align: center; }
  .w-note { gap: 2px 10px; padding-top: 10px; font-size: .8125rem; line-height: 1.45; }
  .w-step { width: 46px; height: 46px; margin-top: -23px; }
  .w-pks { grid-template-columns: 1fr 1fr; gap: 10px; bottom: 2.4cqh; width: calc(100cqw - 2 * max(16px, env(safe-area-inset-left, 0px))); }
  .w-pk { grid-template-columns: minmax(0, 1fr); padding: 14px; gap: 2px 12px; }
  .w-pk-p { white-space: normal; }
  .w-pk-p small { margin-left: 2px; white-space: nowrap; }
  .w-pk-p { justify-self: start; }
  .w-pk .btn { grid-column: 1; justify-self: stretch; }
  .w-pk-f { flex-direction: column; }
}
@container world (max-width: 360px) {
  .w-entry-label { padding: 10px 7px 9px 10px; }
  .w-entry-t { font-size: 1.04rem; }
  .w-entry-s { font-size: .75rem; }
  .w-entry-go { width: 30px; height: 30px; }
}
@container world (max-width: 520px) {
  .w-bar { gap: 8px; top: 2cqh; left: 16px; right: 16px; justify-content: space-between; flex-wrap: nowrap; }
  .w-tabs { padding: 0; background: none; box-shadow: none; }
  .w-tabs button[aria-pressed="true"] { display: none; }
  .w-tabs button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid rgba(233, 206, 143, .45); background: rgba(12, 18, 15, .5); color: var(--w-ink); font-size: .9375rem; }
  .w-tabs button::after { content: "→"; color: var(--w-gold-2); }
  .w-back { padding: 0 14px 0 10px; }
  .w-h { top: calc(2cqh + 60px); left: 16px; right: 16px; font-size: clamp(1.3rem, 6cqw, 2rem); }
  .w-info-t { font-size: 1.6rem; }
  .w-note { font-size: .8125rem; }
  .w-pk-t { font-size: 1.15rem; } .w-pk-p { font-size: 1.7rem; }
  .w-pks-note { font-size: .8125rem; }
}
@container world (max-width: 360px) {
  .w-pk { padding: 12px 11px; }
  .w-pk-t { font-size: 1.05rem; }
  .w-pk-p { font-size: 1.5rem; }
  .w-pk-f { font-size: .8125rem; }
  .w-pks-note { font-size: .75rem; gap: 4px 12px; }
}

/* ---------- Startseite unterhalb der Welt ---------- */
.h-ref-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(32px, 5vw, 96px); align-items: center; }
.h-ref-figure { margin: 0; }
.h-ref-copy { display: grid; gap: 20px; justify-items: start; }
.h-ref-copy .lead { max-width: 30ch; }
@media (max-width: 899px) { .h-ref-grid { grid-template-columns: minmax(0, 1fr); } .h-ref-copy { order: -1; } }

.h-person-grid { display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1.38fr); gap: clamp(32px, 6vw, 110px); align-items: center; }
.h-person-copy { display: grid; gap: 18px; justify-items: start; }
.h-person-copy .lead { max-width: 34ch; }
.h-steps { width: 100%; display: grid; gap: 14px; margin-top: clamp(14px, 2vw, 26px); padding-top: clamp(18px, 2vw, 26px); border-top: 1px solid var(--rule); }
.h-steps-list { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; background: linear-gradient(var(--gold), var(--gold)) 0 22px / 100% 1px no-repeat; }
.h-steps-list li { position: relative; display: grid; gap: 8px; align-content: start; padding: 14px 16px 16px; border-radius: 10px; background: var(--surface); box-shadow: 0 0 0 1px var(--rule); }
.h-steps-list .mono { color: var(--gold-text); font-size: .75rem; }
.h-steps-list b { font-weight: 600; font-size: 1rem; line-height: 1.3; }
.h-steps-note { color: var(--ink-2); font-size: var(--t-small); max-width: 64ch; }
@media (max-width: 899px) { .h-person-grid { grid-template-columns: minmax(0, 1fr); } .h-person-grid .portrait--home { max-width: 300px; } }
@media (max-width: 599px) { .h-steps-list { grid-template-columns: 1fr 1fr; background: none; } }

.h-close { position: relative; overflow: hidden; }
.h-close::before { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 70% at 85% 10%, rgba(213, 174, 96, .12), transparent 70%); pointer-events: none; }
.h-close-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(36px, 6vw, 110px); align-items: start; }
@media (min-width: 1100px) { .h-close-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.h-close-main { display: grid; gap: 18px; justify-items: start; }
.h-direct { display: grid; gap: 8px; margin-top: 4px; }
.h-direct-v { justify-self: start; font-family: var(--f-display); font-size: clamp(1.45rem, 1.05rem + 1.5vw, 2.3rem); line-height: 1.2; color: var(--night-ink); text-decoration: none; background: linear-gradient(var(--gold-night), var(--gold-night)) 0 100% / 100% 1px no-repeat; padding-bottom: 2px; overflow-wrap: anywhere; }
.h-direct-v:hover { background-size: 100% 2px; color: #fff; }
.h-close-note { font-size: var(--t-small); color: var(--night-ink-2); max-width: 46ch; }
.h-close-note strong { color: var(--night-ink); font-weight: 600; }
.h-tiers { display: grid; gap: 14px; justify-items: start; padding: clamp(20px, 3vw, 34px); border-radius: 16px; background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)); box-shadow: inset 0 0 0 1px rgba(213, 174, 96, .24); }
.h-tiers .h4 { color: var(--night-ink); }
.tiers { list-style: none; display: grid; width: 100%; }
.tier { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 4px 18px; padding: 14px 0; border-bottom: 1px solid rgba(238, 240, 235, .12); }
.tier-n { font: 500 .75rem/1 var(--f-mono); color: var(--gold-night); }
.tier-name { display: grid; gap: 3px; min-width: 0; }
.tier-name b { font-weight: 600; color: var(--night-ink); }
.tier-name small { color: var(--night-ink-2); font-size: .875rem; line-height: 1.35; }
.tier-price { font-family: var(--f-display); font-size: 1.7rem; line-height: 1; white-space: nowrap; color: var(--night-ink); }
.tier--x .tier-price { font-family: var(--f-sans); font-size: .9375rem; color: var(--night-ink-2); }
.tier-cta { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 4px; font-weight: 600; font-size: .9375rem; color: var(--gold-night); text-decoration: none; white-space: nowrap; }
.tier-cta .ico { width: 16px; height: 16px; transition: transform .25s var(--ease); }
.tier-cta:hover { color: #E9CE8F; } .tier-cta:hover .ico { transform: translate(2px, -2px); }
.tiers-note { font-size: .875rem; color: var(--night-ink-2); max-width: 52ch; }
@media (max-width: 520px) { .tier { grid-template-columns: auto minmax(0, 1fr) auto; } .tier-cta { grid-column: 2 / -1; justify-self: start; min-height: 36px; } }

/* ---------- Ohne Bewegung ---------- */
@media (prefers-reduced-motion: reduce) {
  .world *, .world *::before, .world *::after { transition-duration: .01ms !important; transition-delay: 0s !important; animation: none !important; }
  .w-dust { display: none; }
}
/* Falls 3D-Darstellung fehlt: flach, aber vollständig */
@supports not (transform-style: preserve-3d) { .w-art-ref, .w-art-shadow, .w-sheet-ref { display: none; } }
@media (prefers-reduced-motion: reduce) { .w-ui, .w-bar, .w-obj, .w-space, .w-gallery, .w-model, .w-copy, .w-entry, .w-dims, .w-beam { transition: none !important; } }