/* Continuous DBX sculpture. Hero and service stills stay unchanged. */
.pe-webgl{display:none;position:absolute;inset:0;background:#eeedf1}
.pe-webgl canvas{display:block;width:100%;height:100%;pointer-events:none}
html.p3-on .pe-webgl{display:block}
html.p3-on .pe-images,html.p3-on .pd,html.p3-on .pe-svg{display:none!important}
html.p3-on .pe{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(20px,3vw,48px);padding-top:18px;padding-bottom:24px}
html.p3-on .pe-scene{aspect-ratio:1.4;background:#eeedf1;border:0;border-radius:18px;box-shadow:0 16px 70px rgba(0,0,0,.14)}
html.p3-on .pe-text{align-self:center}
html.p3-on .pe-copy h3{font-size:clamp(24px,2.5vw,36px)}
html.p3-on .pe-copy dl{margin-top:18px;padding-top:16px;gap:10px}
html.p3-on .pe-rail-fill{transition:none}
.pe-hint{margin:0 0 0 auto;font-size:12px;color:var(--dim)}
html.p3-on .pe-ctl{gap:12px}
@media(min-width:901px) and (max-height:850px){
  html.p3-on .pe{gap:18px 32px}
  html.p3-on .pe-scene{aspect-ratio:auto;height:clamp(300px,54svh,530px)}
  html.p3-on .pe-copy dl{gap:7px}
  html.p3-on .pe-copy dd{font-size:13px}
}
@media(max-width:900px){
  html.p3-on .pe{grid-template-columns:1fr;gap:16px;top:calc(var(--hd) + 8px)}
  html.p3-on .pe-scene{aspect-ratio:1.35;max-height:42svh;border-radius:12px}
  html.p3-on .pe-copy .lbl{font-size:10px;margin-bottom:10px}
  html.p3-on .pe-copy h3{font-size:23px;margin-bottom:10px}
  html.p3-on .pe-copy p{font-size:14px;line-height:1.6}
  html.p3-on .pe-copy dl{display:none}
  html.p3-on .pe-rail{padding-bottom:9px}
  html.p3-on .pe-tab{padding-top:3px;padding-bottom:10px;font-size:10px}
  .pe-hint{width:100%;margin:0;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.pe-webgl{display:none!important}}