/* BADWEB / MachinA templates 26-28 and 74-75 only.
   Spatial rendering layer: no content model, editor, Save or Publish behavior lives here. */

body.customer-template-26,
body.customer-template-27,
body.customer-template-28,
body.customer-template-74,
body.customer-template-75{
  --immersive-nav-h:78px;
  --immersive-glass:rgba(11,18,22,.68);
  --immersive-line:rgba(255,255,255,.16);
  --immersive-ease:cubic-bezier(.18,.78,.2,1);
  overflow-x:hidden;
  background:#05080b;
}
body.customer-template-26{--site-bg:#061014;--site-surface:#0b1b21;--site-ink:#f2fbff;--site-muted:#9fb7c1;--site-line:rgba(88,230,255,.18);--site-accent:#58E6FF;--site-accent-strong:#9AF3FF;--site-accent-contrast:#031014;background:radial-gradient(circle at 50% -10%,#15313a 0,#07151a 34%,#03090c 100%)}
body.customer-template-27{--site-bg:#0b0906;--site-surface:#18130c;--site-ink:#fff8e9;--site-muted:#c8bea9;--site-line:rgba(232,200,137,.22);--site-accent:#E8C889;--site-accent-strong:#F5DDAF;--site-accent-contrast:#171006;background:radial-gradient(circle at 50% -10%,#382b18 0,#120e08 35%,#060503 100%)}
body.customer-template-28{--site-bg:#080713;--site-surface:#121126;--site-ink:#fbf8ff;--site-muted:#b9b4d3;--site-line:rgba(185,150,255,.22);--site-accent:#B996FF;--site-accent-strong:#D3B9FF;--site-accent-contrast:#10091d;background:radial-gradient(circle at 50% -10%,#282044 0,#0d0b1c 38%,#05050c 100%)}
body.customer-template-74{--site-bg:#07100f;--site-surface:#0d1d1a;--site-ink:#f5fffc;--site-muted:#a7c6be;--site-line:rgba(98,230,199,.20);--site-accent:#62E6C7;--site-accent-strong:#A3F5E2;--site-accent-contrast:#03110e;background:radial-gradient(circle at 50% -10%,#173b34 0,#091814 36%,#030807 100%)}
body.customer-template-75{--site-bg:#120a07;--site-surface:#21120d;--site-ink:#fff8f3;--site-muted:#d2b8aa;--site-line:rgba(255,138,91,.22);--site-accent:#FF8A5B;--site-accent-strong:#FFB08F;--site-accent-contrast:#1d0903;background:radial-gradient(circle at 50% -10%,#492117 0,#180d09 38%,#080403 100%)}

body.customer-template-26 .customer-site-nav,
body.customer-template-27 .customer-site-nav,
body.customer-template-28 .customer-site-nav,
body.customer-template-74 .customer-site-nav,
body.customer-template-75 .customer-site-nav{
  position:relative;z-index:80;min-height:var(--immersive-nav-h);margin-top:0;
  background:color-mix(in srgb,var(--site-bg) 74%,transparent);
  border-bottom:1px solid var(--site-line);backdrop-filter:blur(24px) saturate(145%);
}
body.customer-template-26 .customer-site-brand,
body.customer-template-27 .customer-site-brand,
body.customer-template-28 .customer-site-brand,
body.customer-template-74 .customer-site-brand,
body.customer-template-75 .customer-site-brand{letter-spacing:-.035em}
body.customer-template-26 .customer-site-links,
body.customer-template-27 .customer-site-links,
body.customer-template-28 .customer-site-links,
body.customer-template-74 .customer-site-links,
body.customer-template-75 .customer-site-links{gap:clamp(12px,2vw,30px)}

.immersive3d-layout{position:relative;isolation:isolate;background:transparent}
.immersive3d-stage{
  position:relative;height:calc(100svh - var(--immersive-nav-h));min-height:720px;overflow:hidden;isolation:isolate;
  perspective:7000px;perspective-origin:50% 48%;outline:none;background:#05080b;touch-action:pan-y;
}
.immersive3d-canvas,.immersive3d-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.immersive3d-canvas{z-index:0;display:block;opacity:.96}
.immersive3d-vignette{z-index:3;background:radial-gradient(circle at 50% 46%,transparent 28%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.72) 120%);mix-blend-mode:multiply}
.immersive3d-world{
  position:absolute;inset:0;z-index:4;transform-style:preserve-3d;will-change:transform;
}
.immersive3d-layout.is-ready .immersive3d-world{transition:transform .62s var(--immersive-ease)}
.immersive3d-zone{
  position:absolute;left:50%;top:50%;width:min(1180px,calc(100vw - 150px));height:min(72svh,760px);
  transform-style:preserve-3d;will-change:transform,opacity;overflow:auto;overscroll-behavior:contain;
  opacity:.07;filter:blur(1.1px) saturate(.72);pointer-events:none;
  scrollbar-width:thin;scrollbar-color:var(--site-accent) transparent;
  transition:opacity .7s ease,filter .7s ease,box-shadow .7s ease;
}
.immersive3d-zone[data-active="true"]{opacity:1;filter:none;pointer-events:auto;z-index:20}
.immersive3d-zone::-webkit-scrollbar{width:7px}.immersive3d-zone::-webkit-scrollbar-track{background:transparent}.immersive3d-zone::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--site-accent) 60%,transparent);border-radius:999px}
.immersive3d-zone>.section,.immersive3d-zone>div>.section{margin:0;min-height:100%;width:100%;max-width:none;padding:clamp(28px,4.5vw,72px)}
.immersive3d-zone .shell{width:100%;max-width:none;margin-inline:auto}
.immersive3d-zone .section-heading{margin-bottom:clamp(28px,4vw,54px)}
.immersive3d-zone .section-heading>span,.immersive3d-index{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--site-accent)}
.immersive3d-zone .section-heading h2,.immersive3d-zone .home-about h2,.immersive3d-contact-card h2{font-size:clamp(44px,6vw,92px);line-height:.9;letter-spacing:-.055em;margin:.15em 0 .35em}
.immersive3d-zone .site-grid{gap:18px}
.immersive3d-zone .site-grid>.card{min-height:170px;border-color:var(--site-line)}
.immersive3d-zone .home-about{display:grid;grid-template-columns:minmax(0,.82fr) minmax(380px,1.18fr);gap:clamp(26px,5vw,80px);align-items:center}
.immersive3d-zone .home-about .about-media{min-height:min(56svh,600px)}
.immersive3d-zone .home-gallery{padding:0!important}
.immersive3d-zone .home-gallery>.section-heading{padding:clamp(28px,4.5vw,64px) clamp(28px,4.5vw,72px) 0}
.immersive3d-zone .home-gallery-grid{padding:0 clamp(28px,4.5vw,72px) clamp(38px,5vw,70px)}
.immersive3d-zone .gallery-grid img{height:100%;object-fit:cover}

.immersive3d-hero{position:relative;height:100%;display:grid;align-items:center;gap:clamp(28px,5vw,76px);padding:clamp(30px,5vw,78px);overflow:hidden}
.immersive3d-hero-copy,.immersive3d-hero-media{position:relative;z-index:3;transform-style:preserve-3d}
.immersive3d-hero .hero-copy{max-width:780px}
.immersive3d-hero .hero-kicker{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--site-accent)}
.immersive3d-hero h1{font-size:clamp(66px,8.8vw,146px);line-height:.78;letter-spacing:-.07em;margin:.12em 0 .2em;text-wrap:balance}
.immersive3d-hero .lead{max-width:650px;color:var(--site-muted);font-size:clamp(17px,1.5vw,23px)}
.immersive3d-hero .site-hero-media{width:100%;height:100%;min-height:0;border-radius:inherit;overflow:hidden}
.immersive3d-hero .site-hero-media img,.immersive3d-hero .site-hero-media video{width:100%;height:100%;object-fit:cover}

.immersive3d-dock{
  position:absolute;z-index:70;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:7px;
  max-width:calc(100vw - 36px);padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;
  background:rgba(4,8,11,.58);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 18px 80px rgba(0,0,0,.36)
}
.immersive3d-dock button{appearance:none;border:0;border-radius:999px;background:transparent;color:var(--site-muted);padding:10px 15px;display:flex;align-items:center;gap:8px;white-space:nowrap;font:inherit;font-size:13px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}
.immersive3d-dock button span{font-size:9px;letter-spacing:.14em;opacity:.72}
.immersive3d-dock button:hover{color:var(--site-ink);transform:translateY(-1px)}
.immersive3d-dock button[aria-current="true"]{background:var(--site-accent);color:var(--site-accent-contrast);box-shadow:0 8px 26px color-mix(in srgb,var(--site-accent) 32%,transparent)}
.immersive3d-hint{position:absolute;z-index:50;left:24px;bottom:27px;color:rgba(255,255,255,.48);font-size:11px;letter-spacing:.11em;text-transform:uppercase}

.machina-traveler{position:absolute;z-index:95;left:0;top:0;width:32px;height:32px;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0);transition:width .2s ease,height .2s ease,opacity .2s ease,filter .2s ease;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--site-accent) 72%,transparent))}
.machina-traveler .traveler-core{position:absolute;width:11px;height:15px;left:50%;top:50%;transform:translate(-50%,-46%);border-radius:58% 58% 45% 45%;background:var(--site-accent);box-shadow:0 0 18px var(--site-accent)}
.machina-traveler .traveler-core:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:1.5px;top:-6px;background:#fff;box-shadow:0 0 10px #fff}
.machina-traveler .traveler-ring{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--site-accent) 68%,transparent);border-radius:50%;animation:travelerOrbit 3.4s linear infinite}
.machina-traveler .traveler-beam{position:absolute;left:50%;top:50%;width:44px;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,color-mix(in srgb,var(--site-accent) 70%,transparent),transparent);opacity:.45}
.immersive3d-stage.is-pointer-inside .machina-traveler{opacity:1}
.immersive3d-stage.is-action .machina-traveler{width:46px;height:46px;filter:drop-shadow(0 0 24px var(--site-accent))}
.immersive3d-stage.is-action .machina-traveler .traveler-core{transform:translate(-50%,-46%) scale(1.18)}
.immersive3d-stage.is-traveling .machina-traveler .traveler-ring{animation-duration:.7s}
@keyframes travelerOrbit{to{transform:rotate(360deg)}}

.immersive3d-geometry{position:absolute;inset:0;z-index:2;pointer-events:none;transform-style:preserve-3d;perspective:1800px;overflow:hidden}
.immersive3d-geometry i{position:absolute;display:block;opacity:.62;will-change:transform}

/* 26 — INSIDE. Architectural room / studio. */
.immersive3d-inside .immersive3d-stage{background:linear-gradient(180deg,#0b1c22,#061015 58%,#03080b)}
.immersive3d-inside .immersive3d-zone{border:1px solid rgba(88,230,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(16,39,46,.76),rgba(4,13,17,.58));box-shadow:0 50px 150px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.06)}
.immersive3d-inside .immersive3d-zone:before{content:"";position:absolute;left:4%;right:4%;bottom:-34%;height:58%;background:linear-gradient(180deg,rgba(88,230,255,.12),rgba(5,13,16,.04));border:1px solid rgba(88,230,255,.1);transform:rotateX(69deg);transform-origin:top center;pointer-events:none}
.immersive3d-inside .immersive3d-zone:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.06);border-radius:20px;pointer-events:none}
.immersive3d-inside .immersive3d-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)}
.immersive3d-inside .immersive3d-hero-media{height:92%;border-radius:10px 70px 16px 16px;transform:translateZ(90px) rotateY(-5deg);box-shadow:-30px 30px 90px rgba(0,0,0,.48)}
.immersive3d-inside .immersive3d-hero-media:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(88,230,255,.24);border-radius:12px 78px 18px 18px;transform:translateZ(-30px)}
.immersive3d-inside .immersive3d-hero-copy{transform:translateZ(140px)}
.immersive3d-inside .site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.immersive3d-inside .site-grid>.card{background:rgba(8,25,30,.72);backdrop-filter:blur(18px);transform:translateZ(20px);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.immersive3d-inside .home-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.immersive3d-inside .home-gallery-grid>*{min-height:280px;border-radius:12px;transform:translateZ(34px)}
.immersive3d-inside .immersive3d-geometry i:nth-child(1),.immersive3d-inside .immersive3d-geometry i:nth-child(2){top:6%;bottom:7%;width:1px;background:linear-gradient(transparent,rgba(88,230,255,.42),transparent)}
.immersive3d-inside .immersive3d-geometry i:nth-child(1){left:9%;transform:rotateY(42deg)}.immersive3d-inside .immersive3d-geometry i:nth-child(2){right:9%;transform:rotateY(-42deg)}
.immersive3d-inside .immersive3d-geometry i:nth-child(3),.immersive3d-inside .immersive3d-geometry i:nth-child(4){left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(88,230,255,.28),transparent)}
.immersive3d-inside .immersive3d-geometry i:nth-child(3){top:14%}.immersive3d-inside .immersive3d-geometry i:nth-child(4){bottom:16%}
.immersive3d-inside .immersive3d-geometry i:nth-child(n+5){width:120px;height:280px;border:1px solid rgba(88,230,255,.13);background:linear-gradient(135deg,rgba(88,230,255,.04),transparent);border-radius:10px;filter:blur(.2px)}
.immersive3d-inside .immersive3d-geometry i:nth-child(5){left:2%;top:28%;transform:perspective(900px) rotateY(58deg)}.immersive3d-inside .immersive3d-geometry i:nth-child(6){right:1%;top:21%;transform:perspective(900px) rotateY(-58deg)}.immersive3d-inside .immersive3d-geometry i:nth-child(7){left:20%;bottom:-90px;transform:rotateX(66deg)}.immersive3d-inside .immersive3d-geometry i:nth-child(8){right:20%;bottom:-110px;transform:rotateX(66deg)}

/* 27 — SHOWROOM. Luxury gallery with exhibits and spot lighting. */
.immersive3d-showroom .immersive3d-stage{background:linear-gradient(180deg,#171109,#090704 62%,#030302)}
.immersive3d-showroom .immersive3d-zone{border:1px solid rgba(232,200,137,.18);border-radius:42px;background:radial-gradient(circle at 50% 0,rgba(232,200,137,.08),transparent 38%),rgba(10,8,5,.7);box-shadow:0 70px 190px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05)}
.immersive3d-showroom .immersive3d-zone:before{content:"";position:absolute;left:10%;right:10%;bottom:-28%;height:56%;border-radius:50%;background:radial-gradient(ellipse,rgba(232,200,137,.17),rgba(232,200,137,.02) 44%,transparent 68%);transform:rotateX(72deg);filter:blur(2px);pointer-events:none}
.immersive3d-showroom .immersive3d-hero{grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)}
.immersive3d-showroom .immersive3d-hero-copy{order:2;transform:translateZ(120px)}
.immersive3d-showroom .immersive3d-hero-media{order:1;height:88%;border-radius:180px 180px 26px 26px;transform:translateZ(85px);box-shadow:0 58px 130px rgba(0,0,0,.62),0 0 60px rgba(232,200,137,.08)}
.immersive3d-showroom .immersive3d-hero-media:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(232,200,137,.42);box-shadow:inset 0 0 48px rgba(232,200,137,.08)}
.immersive3d-showroom .site-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.immersive3d-showroom .site-grid>.card{position:relative;background:linear-gradient(180deg,rgba(30,23,13,.88),rgba(11,9,6,.9));border-color:rgba(232,200,137,.2);border-radius:18px 18px 8px 8px;transform:translateZ(36px);box-shadow:0 24px 80px rgba(0,0,0,.34)}
.immersive3d-showroom .site-grid>.card:after{content:"";position:absolute;left:10%;right:10%;bottom:-24px;height:24px;background:linear-gradient(180deg,rgba(232,200,137,.19),rgba(232,200,137,.02));clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.immersive3d-showroom .home-gallery-grid{display:flex;gap:26px;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:clamp(28px,5vw,74px)}
.immersive3d-showroom .home-gallery-grid>*{flex:0 0 min(55vw,620px);height:min(56svh,570px);scroll-snap-align:center;border:10px solid #17120b;outline:1px solid rgba(232,200,137,.28);box-shadow:0 38px 100px rgba(0,0,0,.58);transform:translateZ(45px)}
.immersive3d-showroom .immersive3d-geometry i:nth-child(-n+4){top:-18%;width:2px;height:78%;background:linear-gradient(rgba(232,200,137,.58),rgba(232,200,137,.04),transparent);filter:blur(.2px);transform-origin:top}
.immersive3d-showroom .immersive3d-geometry i:nth-child(1){left:19%;transform:rotate(18deg)}.immersive3d-showroom .immersive3d-geometry i:nth-child(2){left:40%;transform:rotate(7deg)}.immersive3d-showroom .immersive3d-geometry i:nth-child(3){right:40%;transform:rotate(-7deg)}.immersive3d-showroom .immersive3d-geometry i:nth-child(4){right:19%;transform:rotate(-18deg)}
.immersive3d-showroom .immersive3d-geometry i:nth-child(n+5){width:clamp(180px,22vw,360px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,200,137,.2);box-shadow:inset 0 0 80px rgba(232,200,137,.035),0 0 80px rgba(232,200,137,.025)}
.immersive3d-showroom .immersive3d-geometry i:nth-child(5){left:-8%;top:18%}.immersive3d-showroom .immersive3d-geometry i:nth-child(6){right:-10%;top:32%}.immersive3d-showroom .immersive3d-geometry i:nth-child(7){left:32%;bottom:-22%}.immersive3d-showroom .immersive3d-geometry i:nth-child(8){right:28%;top:-30%}

/* 28 — ODYSSEY. Open cinematic world with floating landmarks. */
.immersive3d-odyssey .immersive3d-stage{background:linear-gradient(180deg,#171228,#090817 62%,#04040a)}
.immersive3d-odyssey .immersive3d-zone{border:0;border-radius:48px;background:linear-gradient(145deg,rgba(23,19,47,.7),rgba(8,7,20,.48));box-shadow:0 70px 190px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(9px)}
.immersive3d-odyssey .immersive3d-zone:before{content:"";position:absolute;inset:auto 7% -46% 7%;height:68%;border-radius:50%;background:radial-gradient(ellipse,rgba(185,150,255,.18),rgba(83,57,145,.04) 40%,transparent 70%);transform:rotateX(72deg);filter:blur(3px);pointer-events:none}
.immersive3d-odyssey .immersive3d-hero{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}
.immersive3d-odyssey .immersive3d-hero-copy{transform:translate3d(0,-3%,150px)}
.immersive3d-odyssey .immersive3d-hero h1{font-size:clamp(74px,10vw,168px);line-height:.72;text-shadow:0 18px 80px rgba(0,0,0,.34)}
.immersive3d-odyssey .immersive3d-hero-media{height:min(64svh,650px);border-radius:50%;transform:translateZ(110px) rotate(-3deg);box-shadow:0 0 0 1px rgba(185,150,255,.25),0 0 120px rgba(185,150,255,.17),0 50px 140px rgba(0,0,0,.58)}
.immersive3d-odyssey .immersive3d-hero-media:before,.immersive3d-odyssey .immersive3d-hero-media:after{content:"";position:absolute;border:1px solid rgba(185,150,255,.28);border-radius:50%;inset:-10%;transform:rotateX(68deg) rotateZ(22deg)}
.immersive3d-odyssey .immersive3d-hero-media:after{inset:-22%;border-color:rgba(255,255,255,.1);transform:rotateX(72deg) rotateZ(-18deg)}
.immersive3d-odyssey .site-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.immersive3d-odyssey .site-grid>.card{grid-column:span 4;background:linear-gradient(145deg,rgba(32,27,62,.82),rgba(12,10,29,.84));border-color:rgba(185,150,255,.19);border-radius:26px;transform:translateZ(38px)}
.immersive3d-odyssey .site-grid>.card:nth-child(3n+2){transform:translate3d(0,24px,70px)}
.immersive3d-odyssey .home-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:minmax(220px,1fr);gap:14px;padding-inline:clamp(28px,4vw,64px)}
.immersive3d-odyssey .home-gallery-grid>*{border-radius:30px;overflow:hidden;transform:translateZ(35px)}
.immersive3d-odyssey .home-gallery-grid>*:first-child{grid-row:span 2}
.immersive3d-odyssey .immersive3d-geometry i{border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.32),rgba(185,150,255,.11) 28%,rgba(84,62,145,.04) 60%,transparent 72%);box-shadow:0 0 80px rgba(185,150,255,.08)}
.immersive3d-odyssey .immersive3d-geometry i:nth-child(1){width:180px;height:180px;left:3%;top:13%}.immersive3d-odyssey .immersive3d-geometry i:nth-child(2){width:80px;height:80px;right:14%;top:10%}.immersive3d-odyssey .immersive3d-geometry i:nth-child(3){width:320px;height:320px;right:-9%;bottom:-8%}.immersive3d-odyssey .immersive3d-geometry i:nth-child(4){width:130px;height:130px;left:16%;bottom:7%}
.immersive3d-odyssey .immersive3d-geometry i:nth-child(n+5){width:1px;height:38%;border-radius:0;background:linear-gradient(transparent,rgba(185,150,255,.32),transparent)}
.immersive3d-odyssey .immersive3d-geometry i:nth-child(5){left:29%;top:7%;transform:rotate(48deg)}.immersive3d-odyssey .immersive3d-geometry i:nth-child(6){right:31%;top:12%;transform:rotate(-34deg)}.immersive3d-odyssey .immersive3d-geometry i:nth-child(7){left:47%;bottom:-4%;transform:rotate(12deg)}.immersive3d-odyssey .immersive3d-geometry i:nth-child(8){right:8%;top:34%;transform:rotate(65deg)}

.immersive3d-contact-card{height:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(24px,5vw,80px);padding:clamp(34px,7vw,110px);position:relative;z-index:2}
.immersive3d-contact-card>.immersive3d-index{align-self:start;padding-top:10px}
.immersive3d-contact-card>div{max-width:780px}
.immersive3d-contact-card .lead{font-size:clamp(18px,2vw,26px);color:var(--site-muted);margin-bottom:28px}

/* Non-home routes retain the same data/route model, but visually stay in the spatial family. */
body.customer-template-26 .public-page,body.customer-template-27 .public-page,body.customer-template-28 .public-page,
body.customer-template-26 #contact,body.customer-template-27 #contact,body.customer-template-28 #contact{
  position:relative;margin-block:clamp(40px,7vw,100px);padding:clamp(36px,6vw,88px);border:1px solid var(--site-line);border-radius:34px;background:color-mix(in srgb,var(--site-surface) 84%,transparent);box-shadow:0 44px 140px rgba(0,0,0,.34);overflow:hidden
}
body.customer-template-26 .public-page:before,body.customer-template-27 .public-page:before,body.customer-template-28 .public-page:before,
body.customer-template-26 #contact:before,body.customer-template-27 #contact:before,body.customer-template-28 #contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--site-accent) 14%,transparent),transparent 32%);pointer-events:none}
body.customer-template-26 .customer-site-footer,body.customer-template-27 .customer-site-footer,body.customer-template-28 .customer-site-footer{position:relative;z-index:4;border-top-color:var(--site-line)}

@media (pointer:fine){
  .immersive3d-stage:not(.is-editor),.immersive3d-stage:not(.is-editor) a,.immersive3d-stage:not(.is-editor) button{cursor:none}
}
@media(max-width:1100px){
  .immersive3d-zone{width:min(920px,calc(100vw - 70px));height:min(74svh,720px)}
  .immersive3d-inside .immersive3d-hero,.immersive3d-showroom .immersive3d-hero,.immersive3d-odyssey .immersive3d-hero{grid-template-columns:1fr 1fr;gap:30px}
  .immersive3d-hero h1{font-size:clamp(58px,8.8vw,108px)}
  .immersive3d-hint{display:none}
}
@media(max-width:760px){
  body.customer-template-26,body.customer-template-27,body.customer-template-28{--immersive-nav-h:92px}
  body.customer-template-26 .customer-site-nav,body.customer-template-27 .customer-site-nav,body.customer-template-28 .customer-site-nav{min-height:92px;padding-block:9px;gap:4px 14px;align-content:center}
  body.customer-template-26 .customer-site-brand,body.customer-template-27 .customer-site-brand,body.customer-template-28 .customer-site-brand{max-width:100%;font-size:18px}
  body.customer-template-26 .customer-site-links,body.customer-template-27 .customer-site-links,body.customer-template-28 .customer-site-links{width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;font-size:12px}
  body.customer-template-26 .customer-site-links::-webkit-scrollbar,body.customer-template-27 .customer-site-links::-webkit-scrollbar,body.customer-template-28 .customer-site-links::-webkit-scrollbar{display:none}
  body.customer-template-26 .customer-site-links>a,body.customer-template-27 .customer-site-links>a,body.customer-template-28 .customer-site-links>a{min-height:30px;padding:3px 0}
  .immersive3d-stage{min-height:575px;height:calc(100svh - var(--immersive-nav-h));perspective:4200px}
  .immersive3d-zone{width:calc(100vw - 28px);height:calc(100svh - 208px);min-height:460px;border-radius:24px}
  .immersive3d-zone>.section,.immersive3d-zone>div>.section{padding:24px 20px}
  .immersive3d-inside .immersive3d-hero,.immersive3d-showroom .immersive3d-hero,.immersive3d-odyssey .immersive3d-hero{grid-template-columns:1fr;align-content:center;padding:26px 20px;gap:18px}
  .immersive3d-hero-copy{order:2!important;transform:translateZ(50px)!important}
  .immersive3d-hero-media{order:1!important;height:30svh!important;min-height:205px!important;max-height:320px;border-radius:22px!important;transform:translateZ(30px)!important}
  .immersive3d-hero h1,.immersive3d-odyssey .immersive3d-hero h1{font-size:clamp(42px,12.4vw,70px);line-height:.84}
  .immersive3d-hero .lead{font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .immersive3d-hero .hero-actions{gap:10px;flex-wrap:wrap;padding-bottom:52px}.immersive3d-hero .btn{padding:10px 15px}
  .immersive3d-zone .home-about{grid-template-columns:1fr;gap:18px}.immersive3d-zone .home-about .about-media{min-height:260px;max-height:34svh}
  .immersive3d-zone .section-heading h2,.immersive3d-zone .home-about h2,.immersive3d-contact-card h2{font-size:clamp(40px,12vw,64px)}
  .immersive3d-inside .site-grid,.immersive3d-showroom .site-grid,.immersive3d-odyssey .site-grid{grid-template-columns:1fr}
  .immersive3d-inside .site-grid>.card,.immersive3d-showroom .site-grid>.card,.immersive3d-odyssey .site-grid>.card{grid-column:1/-1!important;transform:none!important;min-height:0}
  .immersive3d-inside .home-gallery-grid,.immersive3d-odyssey .home-gallery-grid{display:flex;overflow-x:auto;gap:12px}.immersive3d-inside .home-gallery-grid>*,.immersive3d-odyssey .home-gallery-grid>*{flex:0 0 82vw;height:52svh;min-height:290px;grid-row:auto}
  .immersive3d-showroom .home-gallery-grid>*{flex-basis:82vw;height:50svh}
  .immersive3d-dock{left:12px;right:12px;bottom:10px;transform:none;overflow-x:auto;justify-content:flex-start;border-radius:18px;padding:5px;scrollbar-width:none}.immersive3d-dock::-webkit-scrollbar{display:none}.immersive3d-dock button{padding:9px 12px;font-size:12px}.immersive3d-dock button span{display:none}
  .machina-traveler{opacity:.84!important;left:auto!important;top:auto!important;right:20px;bottom:74px;transform:none!important;width:28px;height:28px}
  .immersive3d-contact-card{grid-template-columns:1fr;padding:32px 24px;align-content:center}.immersive3d-contact-card>.immersive3d-index{padding:0}
  .immersive3d-geometry{opacity:.7}
}
@media(max-height:720px) and (min-width:761px){.immersive3d-stage{min-height:620px}.immersive3d-zone{height:76svh}.immersive3d-hero h1{font-size:clamp(54px,7vw,108px)}}

@media(max-width:1100px){
  .immersive3d-gallerywalk .home-services .site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .immersive3d-storydrive .home-services .site-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .immersive3d-gallerywalk .immersive3d-hero,.immersive3d-storydrive .immersive3d-hero{grid-template-columns:1fr}
  .immersive3d-gallerywalk .immersive3d-hero-media,.immersive3d-storydrive .immersive3d-hero-media{order:0;height:34svh;min-height:240px;transform:none;border-radius:18px}
  .immersive3d-gallerywalk .immersive3d-hero-copy,.immersive3d-storydrive .immersive3d-hero-copy{order:1;transform:none}
  .immersive3d-gallerywalk .home-services .site-grid{grid-template-columns:1fr}
  .immersive3d-storydrive .home-services .card{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:14px 18px 14px 14px}
  .immersive3d-storydrive .machina-service-media{min-height:130px}
  .immersive3d-gallerywalk .home-gallery-grid{grid-template-columns:1fr}.immersive3d-gallerywalk .home-gallery-grid>*{min-height:300px}
  .immersive3d-storydrive .home-gallery-grid>*{flex-basis:88vw;height:46svh;min-height:310px}
}

@media(prefers-reduced-motion:reduce){
  .immersive3d-world,.immersive3d-zone,.immersive3d-dock button{transition:none!important}
  .machina-traveler .traveler-ring{animation:none!important}
  .immersive3d-canvas{opacity:.78}
}

/* --------------------------------------------------------------------------
   Spatial world pass V2 — templates 26-28 and 74-75 only.
   The WebGL canvas is now the architecture; DOM content becomes readable
   surfaces inside that world rather than a conventional page card.
   -------------------------------------------------------------------------- */
body.customer-template-26 .customer-site-nav,
body.customer-template-27 .customer-site-nav,
body.customer-template-28 .customer-site-nav,
body.customer-template-74 .customer-site-nav,
body.customer-template-75 .customer-site-nav{background:rgba(3,6,9,.42);box-shadow:0 16px 60px rgba(0,0,0,.16)}

.immersive3d-stage{background:#020407;perspective:8400px}
.immersive3d-canvas{opacity:1;filter:saturate(1.08) contrast(1.03)}
.immersive3d-vignette{background:radial-gradient(circle at 50% 44%,transparent 25%,rgba(0,0,0,.05) 58%,rgba(0,0,0,.68) 130%)}
.immersive3d-geometry{opacity:.34;mix-blend-mode:screen}

.immersive3d-zone,
.immersive3d-inside .immersive3d-zone,
.immersive3d-showroom .immersive3d-zone,
.immersive3d-odyssey .immersive3d-zone,
.immersive3d-gallerywalk .immersive3d-zone,
.immersive3d-storydrive .immersive3d-zone{
  width:min(1220px,calc(100vw - 120px));height:min(74svh,790px);border:0;background:transparent;box-shadow:none;backdrop-filter:none;
  overflow:auto;opacity:.035;filter:blur(2px) saturate(.55);transition:opacity .72s ease,filter .72s ease,transform .62s var(--immersive-ease)
}
.immersive3d-zone:before,.immersive3d-zone:after{display:none!important}
.immersive3d-zone[data-active="true"]{opacity:1;filter:none}
.immersive3d-zone[data-active="true"]:not(.immersive3d-zone-home){background:linear-gradient(135deg,rgba(4,8,12,.34),rgba(4,7,10,.16));border-radius:32px;box-shadow:0 30px 120px rgba(0,0,0,.22)}
.immersive3d-zone>.section,.immersive3d-zone>div>.section{padding:clamp(30px,5vw,76px);background:transparent}

.immersive3d-hero{padding:clamp(34px,5.5vw,82px);border-radius:36px;background:linear-gradient(110deg,rgba(2,7,10,.38),rgba(2,5,8,.08) 54%,rgba(2,5,8,.24));box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 34px 120px rgba(0,0,0,.18);backdrop-filter:blur(3px)}
.immersive3d-hero h1{font-size:clamp(62px,7.8vw,124px);line-height:.80;letter-spacing:-.065em;max-width:8.8ch}
.immersive3d-hero .lead{max-width:590px;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.immersive3d-hero .btn{box-shadow:0 12px 38px color-mix(in srgb,var(--site-accent) 20%,transparent)}

/* 26 / INSIDE — existing content lives on architectural surfaces. */
.immersive3d-inside .immersive3d-hero{grid-template-columns:minmax(0,.94fr) minmax(390px,1.06fr)}
.immersive3d-inside .immersive3d-hero-media{height:88%;border-radius:12px 92px 12px 12px;transform:translateZ(120px) rotateY(-7deg);box-shadow:-36px 38px 110px rgba(0,0,0,.48),0 0 0 1px rgba(88,230,255,.25)}
.immersive3d-inside .immersive3d-hero-media:before{content:"";position:absolute;inset:-16px -16px -16px -28px;border-left:2px solid rgba(88,230,255,.40);border-top:1px solid rgba(88,230,255,.16);pointer-events:none}
.immersive3d-inside .home-services .site-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;perspective:1600px}
.immersive3d-inside .home-services .card{min-height:250px;padding:30px 24px;background:linear-gradient(150deg,rgba(12,29,34,.84),rgba(3,10,13,.78));border:1px solid rgba(88,230,255,.20);border-radius:10px 42px 10px 10px;box-shadow:0 28px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);transform:translateZ(30px)}
.immersive3d-inside .home-services .card:nth-child(even){transform:translateY(34px) translateZ(70px)}
.immersive3d-inside .home-about{padding:clamp(32px,5vw,76px)!important;background:linear-gradient(100deg,rgba(3,10,13,.56),rgba(3,9,12,.16));border-left:1px solid rgba(88,230,255,.22)}
.immersive3d-inside .home-about .about-media{border-radius:8px 62px 8px 8px;box-shadow:0 30px 100px rgba(0,0,0,.42),0 0 0 1px rgba(88,230,255,.16)}
.immersive3d-inside .home-gallery-grid>*{border-radius:8px;box-shadow:0 28px 75px rgba(0,0,0,.38),0 0 0 1px rgba(88,230,255,.14);transform:perspective(1200px) rotateY(-4deg)}

/* 27 / SHOWROOM — objects read as illuminated exhibits and pedestals. */
.immersive3d-showroom .immersive3d-hero{grid-template-columns:minmax(390px,.90fr) minmax(0,1.10fr);background:linear-gradient(120deg,rgba(16,11,5,.22),rgba(5,4,2,.05));border:1px solid rgba(232,200,137,.09)}
.immersive3d-showroom .immersive3d-hero-media{height:90%;border-radius:190px 190px 16px 16px;transform:translateZ(130px) rotateY(5deg);box-shadow:0 44px 140px rgba(0,0,0,.54),0 0 0 1px rgba(232,200,137,.26),0 0 90px rgba(232,200,137,.07)}
.immersive3d-showroom .immersive3d-hero-copy{transform:translateZ(170px)}
.immersive3d-showroom .site-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:26px}
.immersive3d-showroom .site-grid>.card{min-height:300px;padding:34px 24px;border:1px solid rgba(232,200,137,.18);border-radius:130px 130px 16px 16px;background:linear-gradient(180deg,rgba(34,26,14,.72),rgba(8,6,3,.78));box-shadow:0 42px 110px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.07);transform:translateZ(40px)}
.immersive3d-showroom .site-grid>.card:nth-child(2),.immersive3d-showroom .site-grid>.card:nth-child(4){transform:translateY(42px) translateZ(90px)}
.immersive3d-showroom .home-gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:20px;padding-inline:clamp(30px,5vw,76px)}
.immersive3d-showroom .home-gallery-grid>*{min-height:420px;border-radius:180px 180px 18px 18px;overflow:hidden;border:1px solid rgba(232,200,137,.18);box-shadow:0 38px 110px rgba(0,0,0,.46)}
.immersive3d-showroom .home-gallery-grid>*:nth-child(2){transform:translateY(36px)}
.immersive3d-showroom .home-about{background:linear-gradient(115deg,rgba(24,18,9,.58),rgba(7,5,3,.22));border-radius:190px 20px 20px 20px!important;padding:clamp(38px,6vw,88px)!important;border:1px solid rgba(232,200,137,.14)}
.immersive3d-showroom .home-about .about-media{border-radius:160px 160px 14px 14px;box-shadow:0 38px 120px rgba(0,0,0,.48),0 0 0 1px rgba(232,200,137,.18)}

/* 28 / ODYSSEY — content behaves like floating landmarks in a cinematic world. */
.immersive3d-odyssey .immersive3d-hero{grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);background:linear-gradient(120deg,rgba(18,11,48,.28),rgba(5,4,18,.06));border-radius:52px}
.immersive3d-odyssey .immersive3d-hero h1{font-size:clamp(68px,8.6vw,136px);line-height:.76}
.immersive3d-odyssey .immersive3d-hero-media{height:min(62svh,620px);border-radius:50%;transform:translateZ(160px) rotate(-4deg);box-shadow:0 0 0 1px rgba(185,150,255,.30),0 0 120px rgba(185,150,255,.16),0 55px 160px rgba(0,0,0,.56)}
.immersive3d-odyssey .site-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;perspective:1800px}
.immersive3d-odyssey .site-grid>.card{grid-column:span 4;min-height:240px;padding:34px 28px;background:linear-gradient(145deg,rgba(31,22,72,.76),rgba(8,6,24,.62));border:1px solid rgba(185,150,255,.20);border-radius:42% 58% 48% 52% / 38% 44% 56% 62%;box-shadow:0 42px 120px rgba(0,0,0,.45),0 0 55px rgba(185,150,255,.05);transform:translateZ(65px) rotate(-1.5deg)}
.immersive3d-odyssey .site-grid>.card:nth-child(3n+2){transform:translateY(42px) translateZ(120px) rotate(2deg)}
.immersive3d-odyssey .home-about{padding:clamp(38px,6vw,88px)!important;background:radial-gradient(circle at 72% 22%,rgba(185,150,255,.14),transparent 36%),linear-gradient(145deg,rgba(25,18,64,.54),rgba(7,5,23,.22));border-radius:54px!important;border:1px solid rgba(185,150,255,.15)}
.immersive3d-odyssey .home-about .about-media{border-radius:50%;box-shadow:0 0 0 1px rgba(185,150,255,.24),0 0 100px rgba(185,150,255,.12)}
.immersive3d-odyssey .home-gallery-grid>*{border-radius:48% 52% 45% 55% / 44% 40% 60% 56%;box-shadow:0 42px 120px rgba(0,0,0,.45),0 0 0 1px rgba(185,150,255,.16)}

/* 74 / GALLERY WALK — a calm architectural gallery; imagery is part of the room, not an overlay. */
.immersive3d-gallerywalk .immersive3d-stage{background:linear-gradient(180deg,#10211d,#07100e 58%,#020605)}
.immersive3d-gallerywalk .immersive3d-hero{grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);background:linear-gradient(110deg,rgba(8,28,23,.38),rgba(3,10,8,.08));border:1px solid rgba(98,230,199,.10);border-radius:8px}
.immersive3d-gallerywalk .immersive3d-hero-copy{transform:translateZ(150px)}
.immersive3d-gallerywalk .immersive3d-hero-media{height:91%;border-radius:6px;transform:translateZ(100px) rotateY(-3deg);box-shadow:0 42px 130px rgba(0,0,0,.52),0 0 0 14px rgba(9,24,20,.84),0 0 0 15px rgba(98,230,199,.18)}
.immersive3d-gallerywalk .home-services .site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.immersive3d-gallerywalk .home-services .card{padding:18px 18px 30px;background:rgba(7,19,16,.74);border:1px solid rgba(98,230,199,.16);border-radius:4px;box-shadow:0 36px 100px rgba(0,0,0,.42);transform:translateZ(45px)}
.immersive3d-gallerywalk .machina-service-media{aspect-ratio:4/3;margin:-4px -4px 22px;border-radius:2px;box-shadow:0 0 0 10px rgba(16,37,31,.9),0 0 0 11px rgba(98,230,199,.16)}
.immersive3d-gallerywalk .home-gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:28px;padding-inline:clamp(30px,5vw,76px)}
.immersive3d-gallerywalk .home-gallery-grid>*{min-height:430px;border-radius:2px;box-shadow:0 0 0 12px rgba(14,29,25,.92),0 0 0 13px rgba(98,230,199,.14),0 42px 110px rgba(0,0,0,.48)}
.immersive3d-gallerywalk .home-about{padding:clamp(38px,6vw,86px)!important;background:linear-gradient(100deg,rgba(10,28,23,.58),rgba(4,11,9,.18));border-radius:6px!important;border:1px solid rgba(98,230,199,.13)}
.immersive3d-gallerywalk .home-about .about-media{border-radius:3px;box-shadow:0 0 0 12px rgba(14,31,26,.92),0 0 0 13px rgba(98,230,199,.15),0 42px 120px rgba(0,0,0,.50)}

/* 75 / STORY DRIVE — cinematic chapters; the camera moves between one clear scene at a time. */
.immersive3d-storydrive .immersive3d-stage{background:linear-gradient(180deg,#26110b,#0f0805 62%,#040201)}
.immersive3d-storydrive .immersive3d-hero{grid-template-columns:minmax(430px,1.08fr) minmax(0,.92fr);background:linear-gradient(120deg,rgba(40,15,7,.35),rgba(8,4,2,.06));border-radius:60px 12px 60px 12px;border:1px solid rgba(255,138,91,.10)}
.immersive3d-storydrive .immersive3d-hero-copy{order:2;transform:translateZ(170px)}
.immersive3d-storydrive .immersive3d-hero-media{order:1;height:92%;border-radius:52% 48% 18px 18px/22% 22% 8px 8px;transform:translateZ(120px) rotateY(4deg);box-shadow:0 50px 150px rgba(0,0,0,.60),0 0 80px rgba(255,138,91,.08)}
.immersive3d-storydrive .home-services .site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1040px;margin-inline:auto}
.immersive3d-storydrive .home-services .card{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);align-items:center;gap:24px;min-height:220px;padding:18px 28px 18px 18px;background:linear-gradient(120deg,rgba(38,18,11,.82),rgba(9,5,3,.74));border:1px solid rgba(255,138,91,.16);border-radius:34px 8px 34px 8px;box-shadow:0 38px 110px rgba(0,0,0,.46);transform:translateZ(55px)}
.immersive3d-storydrive .machina-service-media{grid-row:1/span 4;aspect-ratio:4/5;margin:0;border-radius:26px 6px 26px 6px;overflow:hidden}
.immersive3d-storydrive .home-gallery-grid{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:clamp(30px,5vw,76px)}
.immersive3d-storydrive .home-gallery-grid>*{flex:0 0 min(66vw,760px);height:min(58svh,620px);scroll-snap-align:center;border-radius:48px 8px 48px 8px;box-shadow:0 46px 130px rgba(0,0,0,.54)}
.immersive3d-storydrive .home-about{padding:clamp(42px,6vw,92px)!important;background:radial-gradient(circle at 18% 12%,rgba(255,138,91,.12),transparent 34%),linear-gradient(135deg,rgba(38,17,10,.60),rgba(8,4,2,.20));border-radius:64px 12px 64px 12px!important;border:1px solid rgba(255,138,91,.14)}
.immersive3d-storydrive .home-about .about-media{border-radius:50% 50% 16px 16px;box-shadow:0 48px 140px rgba(0,0,0,.52),0 0 0 1px rgba(255,138,91,.15)}

.immersive3d-contact-card{border-radius:34px;background:linear-gradient(120deg,rgba(4,8,13,.54),rgba(4,6,10,.16));border:1px solid var(--site-line);box-shadow:0 36px 130px rgba(0,0,0,.34);backdrop-filter:blur(8px)}
.immersive3d-contact-card h2{font-size:clamp(64px,8vw,126px);max-width:8ch}

/* Traveler = spatial pointer/avatar; it never changes site data. */
.machina-traveler{width:38px;height:38px}
.machina-traveler .traveler-core{width:10px;height:18px;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,#fff 0 26%,var(--site-accent) 27% 100%);box-shadow:0 0 22px var(--site-accent)}
.machina-traveler .traveler-core:before{width:9px;height:9px;left:.5px;top:-7px;background:#fff}
.machina-traveler .traveler-core:after{content:"";position:absolute;left:50%;bottom:-7px;width:18px;height:8px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--site-accent) 72%,transparent),transparent 72%);filter:blur(2px)}
.machina-traveler .traveler-ring{inset:-3px;border-style:dashed;opacity:.78}
.machina-traveler .traveler-beam{width:58px;opacity:.32}
.immersive3d-stage.is-traveling .machina-traveler{filter:drop-shadow(0 0 30px var(--site-accent));transform-origin:center}

@media(max-width:1100px){
  .immersive3d-zone,.immersive3d-inside .immersive3d-zone,.immersive3d-showroom .immersive3d-zone,.immersive3d-odyssey .immersive3d-zone,.immersive3d-gallerywalk .immersive3d-zone,.immersive3d-storydrive .immersive3d-zone{width:min(940px,calc(100vw - 58px));height:min(75svh,735px)}
  .immersive3d-inside .home-services .site-grid,.immersive3d-showroom .site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .immersive3d-inside .home-services .card:nth-child(even),.immersive3d-showroom .site-grid>.card:nth-child(2),.immersive3d-showroom .site-grid>.card:nth-child(4){transform:translateZ(40px)}
}

@media(max-width:760px){
  body.customer-template-26,body.customer-template-27,body.customer-template-28{--immersive-nav-h:58px}
  body.customer-template-26 .customer-site-nav,body.customer-template-27 .customer-site-nav,body.customer-template-28 .customer-site-nav{min-height:58px;height:58px;padding-block:0;display:flex;align-items:center}
  body.customer-template-26 .customer-site-links,body.customer-template-27 .customer-site-links,body.customer-template-28 .customer-site-links{display:none}
  body.customer-template-26 .customer-site-brand,body.customer-template-27 .customer-site-brand,body.customer-template-28 .customer-site-brand{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82vw}
  .immersive3d-stage{height:calc(100svh - 58px);min-height:560px;perspective:4400px}
  .immersive3d-zone,.immersive3d-inside .immersive3d-zone,.immersive3d-showroom .immersive3d-zone,.immersive3d-odyssey .immersive3d-zone,.immersive3d-gallerywalk .immersive3d-zone,.immersive3d-storydrive .immersive3d-zone{width:calc(100vw - 20px);height:calc(100svh - 138px);top:calc(50% - 25px);border-radius:22px!important}
  .immersive3d-zone[data-active="true"]:not(.immersive3d-zone-home){background:linear-gradient(135deg,rgba(4,7,11,.50),rgba(4,6,9,.23));backdrop-filter:blur(4px)}
  .immersive3d-hero{grid-template-columns:1fr!important;align-content:center;padding:18px 18px 68px;gap:14px;border-radius:22px;min-height:100%;background:linear-gradient(180deg,rgba(2,5,8,.10),rgba(2,5,8,.42))}
  .immersive3d-hero-media{order:1!important;height:30svh!important;min-height:210px!important;max-height:320px!important;border-radius:18px 54px 18px 18px!important;transform:translateZ(34px)!important}
  .immersive3d-showroom .immersive3d-hero-media{border-radius:120px 120px 18px 18px!important}
  .immersive3d-odyssey .immersive3d-hero-media{border-radius:50%!important;width:min(72vw,320px);justify-self:center}
  .immersive3d-hero-copy{order:2!important;transform:translateZ(52px)!important}
  .immersive3d-hero h1,.immersive3d-odyssey .immersive3d-hero h1{font-size:clamp(42px,12.5vw,68px);line-height:.82;max-width:9ch;margin:.08em 0 .16em}
  .immersive3d-hero .hero-kicker{font-size:10px}
  .immersive3d-hero .lead{font-size:15px;line-height:1.45;-webkit-line-clamp:2}
  .immersive3d-hero .hero-actions{margin-top:14px;display:flex;gap:8px}.immersive3d-hero .text-action{display:none}.immersive3d-hero .btn{width:100%;justify-content:center;padding:12px 16px}
  .immersive3d-zone>.section,.immersive3d-zone>div>.section{padding:24px 18px 82px}
  .immersive3d-zone .section-heading{margin-bottom:22px}.immersive3d-zone .section-heading h2,.immersive3d-zone .home-about h2,.immersive3d-contact-card h2{font-size:clamp(38px,11vw,58px)}
  .immersive3d-inside .home-services .site-grid,.immersive3d-showroom .site-grid,.immersive3d-odyssey .site-grid{grid-template-columns:1fr;gap:12px}
  .immersive3d-inside .home-services .card,.immersive3d-showroom .site-grid>.card,.immersive3d-odyssey .site-grid>.card{grid-column:1/-1!important;min-height:0;padding:22px 18px;border-radius:20px!important;transform:none!important}
  .immersive3d-zone .home-about{grid-template-columns:1fr!important;gap:16px;padding:24px 18px 82px!important;border-radius:22px!important}.immersive3d-zone .home-about .about-media{min-height:220px;max-height:30svh;border-radius:18px!important}
  .immersive3d-inside .home-gallery-grid,.immersive3d-showroom .home-gallery-grid,.immersive3d-odyssey .home-gallery-grid{display:flex;overflow-x:auto;gap:10px;padding:0 18px 82px}.immersive3d-inside .home-gallery-grid>*,.immersive3d-showroom .home-gallery-grid>*,.immersive3d-odyssey .home-gallery-grid>*{flex:0 0 76vw;height:42svh;min-height:250px;transform:none;border-radius:20px!important}
  .immersive3d-dock{left:10px;right:10px;bottom:8px;max-width:none;transform:none;border-radius:16px;padding:5px;gap:2px;justify-content:stretch;overflow:hidden;background:rgba(2,5,8,.74)}
  .immersive3d-dock button{flex:1;justify-content:center;min-width:0;padding:10px 5px;font-size:10px;gap:0}.immersive3d-dock button span{display:none}
  .immersive3d-hint{display:none}
  .machina-traveler{display:none!important}
  .immersive3d-contact-card{padding:28px 22px 82px;border-radius:22px;align-content:center}.immersive3d-contact-card h2{font-size:clamp(54px,16vw,82px)}
  .immersive3d-geometry{opacity:.18}
}

@media(prefers-reduced-motion:reduce){
  .immersive3d-canvas{filter:saturate(.92)}
}


/* V121 spatial progressive enhancement — predictable small-screen text flow. */
@media(max-width:759px){
  body.customer-template-26 .immersive3d-hero h1,
  body.customer-template-27 .immersive3d-hero h1,
  body.customer-template-28 .immersive3d-hero h1{font-size:clamp(38px,10vw,53px);line-height:1.07;letter-spacing:-.035em;text-wrap:balance}
  body.customer-template-26 .immersive3d-hero .lead,
  body.customer-template-27 .immersive3d-hero .lead,
  body.customer-template-28 .immersive3d-hero .lead{font-size:clamp(17px,4.3vw,20px);line-height:1.5}
  body.customer-template-26 .immersive3d-hero .hero-copy,
  body.customer-template-27 .immersive3d-hero .hero-copy,
  body.customer-template-28 .immersive3d-hero .hero-copy{min-width:0;max-width:100%}
}

/* V121 final immersive QA — active home zone grows with real customer copy.
   The stage remains the same spatial runtime; only content clipping is removed. */
.immersive3d-zone-home .immersive3d-hero{overflow:visible}
@media(max-width:759px){
  body.customer-template-26 .immersive3d-zone-home .immersive3d-hero .lead,
  body.customer-template-27 .immersive3d-zone-home .immersive3d-hero .lead,
  body.customer-template-28 .immersive3d-zone-home .immersive3d-hero .lead{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible}
}

/* V121 final immersive copy scale: real business names/headlines may be long.
   Preserve the spatial runtime while giving copy enough measure to remain fully readable. */
@media(min-width:1101px){
  body.customer-template-26 .immersive3d-hero h1,
  body.customer-template-27 .immersive3d-hero h1,
  body.customer-template-28 .immersive3d-hero h1,
  body.customer-template-28 .immersive3d-odyssey .immersive3d-hero h1{font-size:clamp(52px,4.4vw,76px);line-height:.9;max-width:13ch;letter-spacing:-.045em}
}
@media(min-width:761px) and (max-width:1100px){
  body.customer-template-26 .immersive3d-inside .immersive3d-hero,
  body.customer-template-27 .immersive3d-showroom .immersive3d-hero,
  body.customer-template-28 .immersive3d-odyssey .immersive3d-hero{grid-template-columns:1fr;align-content:start;gap:20px;padding:28px 30px}
  body.customer-template-26 .immersive3d-hero-media,
  body.customer-template-27 .immersive3d-hero-media,
  body.customer-template-28 .immersive3d-hero-media{order:1!important;width:100%;height:min(32svh,300px)!important;min-height:220px;transform:translateZ(45px)!important}
  body.customer-template-26 .immersive3d-hero-copy,
  body.customer-template-27 .immersive3d-hero-copy,
  body.customer-template-28 .immersive3d-hero-copy{order:2!important;transform:translateZ(65px)!important}
  body.customer-template-26 .immersive3d-hero h1,
  body.customer-template-27 .immersive3d-hero h1,
  body.customer-template-28 .immersive3d-hero h1,
  body.customer-template-28 .immersive3d-odyssey .immersive3d-hero h1{font-size:clamp(44px,6.2vw,64px);line-height:.94;max-width:none;letter-spacing:-.045em}
}
@media(min-width:761px) and (max-width:1100px){
  body.customer-template-26 .immersive3d-inside .immersive3d-hero,
  body.customer-template-27 .immersive3d-showroom .immersive3d-hero,
  body.customer-template-28 .immersive3d-odyssey .immersive3d-hero{padding-inline:36px}
}

/* 74-75 long-copy hardening: immersive must remain cinematic without sacrificing readable copy. */
.immersive3d-gallerywalk .immersive3d-hero h1,
.immersive3d-storydrive .immersive3d-hero h1{font-size:clamp(48px,5.2vw,88px);line-height:.94;max-width:11ch;overflow-wrap:normal;word-break:normal}
@media(max-width:1100px){
  .immersive3d-gallerywalk .immersive3d-hero,.immersive3d-storydrive .immersive3d-hero{grid-template-columns:1fr;align-content:start;overflow:auto}
  .immersive3d-gallerywalk .immersive3d-hero-media,.immersive3d-storydrive .immersive3d-hero-media{order:2;height:min(38svh,380px);min-height:250px;transform:none;border-radius:18px}
  .immersive3d-gallerywalk .immersive3d-hero-copy,.immersive3d-storydrive .immersive3d-hero-copy{order:1;transform:none}
  .immersive3d-gallerywalk .immersive3d-hero h1,.immersive3d-storydrive .immersive3d-hero h1{font-size:clamp(46px,7.4vw,72px);max-width:14ch}
}
@media(max-width:760px){
  .immersive3d-gallerywalk .immersive3d-hero h1,.immersive3d-storydrive .immersive3d-hero h1{font-size:clamp(42px,10.5vw,60px);line-height:1.02;max-width:none}
}
[dir="rtl"] .immersive3d-gallerywalk .immersive3d-hero h1,
[dir="rtl"] .immersive3d-storydrive .immersive3d-hero h1{font-size:clamp(44px,4vw,70px);line-height:1.06;max-width:none;letter-spacing:normal}