.scene-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:36px 0 22px}.scene-intro h1{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-1.4px;margin:12px 0 16px}.scene-intro p{color:#526174;margin:0;max-width:650px}.scene-intro>.btn{flex-shrink:0}.scene-catalog{margin-bottom:40px}.scene-help{font-size:14px;color:#526174;margin:0 0 12px}.scene-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#e9edf1}.scene-stage picture,.scene-stage img{display:block;width:100%;height:auto}.scene-zones{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.scene-portrait,.scene-touch-help{display:none}.scene-object{cursor:pointer;outline:none}.scene-object polygon{fill:transparent;stroke:transparent;stroke-width:3;vector-effect:non-scaling-stroke;transition:fill .15s,stroke .15s}.scene-object text{font-family:Arial,sans-serif;font-size:16px;font-weight:700;fill:#19283d;pointer-events:none}.scene-tooltip{opacity:0;pointer-events:none}.scene-tooltip rect{fill:#14283f;stroke:#fff;stroke-width:1}.scene-tooltip text{fill:#fff}.scene-object:hover polygon,.scene-object:focus-visible polygon,.scene-object.active polygon{fill:#245fe930;stroke:#fff}.scene-object:hover circle,.scene-object:focus-visible circle,.scene-object.active circle{fill:#245fe9;stroke:#fff}.scene-object:hover .scene-tooltip,.scene-object:focus-visible .scene-tooltip,.scene-object.active .scene-tooltip{opacity:1}.scene-object:focus-visible polygon{stroke:#ffb64a;stroke-width:5}.scene-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.scene-legend a{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #dbe2ed;border-radius:10px;color:#19283d;background:#fff;font-size:14px;min-height:48px;text-decoration:none}.scene-legend a:hover{border-color:#245fe9;background:#f0f5ff}.scene-legend a:focus-visible{outline:3px solid #245fe9;outline-offset:3px}.scene-legend b{display:grid;place-items:center;background:#eaf0ff;color:#1746ac;border-radius:50%;width:26px;height:26px;flex-shrink:0}.scene-legend a>span:last-child{margin-left:auto}.scene-caption{font-size:12px;color:#617085;margin:12px 0 0}@media(pointer:coarse){.scene-desktop-help{display:none}.scene-touch-help{display:inline}}@media(max-width:640px){.scene-intro{display:block;padding-top:24px}.scene-intro h1{letter-spacing:-.8px}.scene-intro>.btn{margin-top:18px}.scene-wide{display:none}.scene-portrait{display:block}.scene-desktop-help{display:none}.scene-touch-help{display:inline}.scene-legend{grid-template-columns:1fr}.scene-stage{border-radius:12px}.scene-tooltip text{font-size:19px}.scene-tooltip rect{height:43px}}@media(prefers-reduced-motion:reduce){.scene-object polygon{transition:none}}
/* Cinemagraph: only feathered people/fabric regions move; navigation is static. */
.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.scene-controls .scene-help{margin:0}.scene-motion-toggle{flex-shrink:0;background:#fff;border:1px solid #c5cfde;border-radius:8px;min-height:44px;padding:9px 14px;font-size:14px;color:#263a52}.scene-motion-toggle:focus-visible{outline:3px solid #245fe9}.scene-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-living{animation:scene-breathe 6s ease-in-out infinite;transform-box:view-box}.scene-fabric{animation-name:scene-fabric-wave}.scene-paused .scene-living{animation-play-state:paused}.scene-offscreen .scene-living{animation-play-state:paused}@keyframes scene-breathe{0%,100%{transform:rotate(-.18deg) translateY(0)}50%{transform:rotate(.24deg) translateY(-.65px)}}@keyframes scene-fabric-wave{0%,100%{transform:skewX(-.25deg) scaleX(1)}50%{transform:skewX(.3deg) scaleX(1.004)}}@media(max-width:640px){.scene-controls{display:block}.scene-motion-toggle{margin-top:10px}.scene-motion.scene-wide{display:none}.scene-motion.scene-portrait{display:block}}@media(prefers-reduced-motion:reduce){.scene-living{animation:none!important}.scene-motion-toggle{display:none}}

.scene-hidden .scene-living{animation-play-state:paused}
/* Compact scene: fit the whole image and hotspot overlay to the same rectangle. */
.scene-intro{padding-top:24px;padding-bottom:16px}.scene-intro h1{font-size:clamp(28px,3vw,42px);margin:9px 0 12px}.scene-stage{width:100%;margin:0}.scene-legend{margin-top:12px}.scene-legend a{padding:9px 12px}.scene-tooltip{display:none}.scene-hover-label{position:absolute;z-index:2;top:10px;left:10px;right:10px;width:fit-content;max-width:calc(100% - 20px);margin:0;background:#14283f;color:#fff;border:1px solid #fff;border-radius:8px;padding:8px 12px;font-size:14px;line-height:1.4;pointer-events:none}.scene-hover-label[hidden]{display:none}@media(max-width:640px){.scene-stage{width:100%}.scene-hover-label{top:6px;left:6px;right:6px;max-width:calc(100% - 12px);font-size:13px;padding:6px 8px}.scene-legend{grid-template-columns:1fr 1fr;gap:7px}.scene-legend a{font-size:13px;padding:10px;line-height:1.4}}

/* New shallow composition fills the same content width as the other modules. */
.scene-frame{position:relative;width:100%}.scene-viewport{width:100%;overflow-x:auto;overflow-y:hidden;border-radius:18px;background:#e9edf1;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8195b3 #edf2f8}.scene-viewport:focus-visible{outline:3px solid #245fe9;outline-offset:4px}.scene-stage{width:100%;max-width:none;min-width:0;aspect-ratio:3 / 1;border-radius:0}.scene-stage picture,.scene-stage img{width:100%;height:auto;aspect-ratio:3 / 1}.scene-stage .scene-wide{display:block}.scene-hover-label{z-index:3}@media(max-width:640px){.scene-viewport{border-radius:12px}.scene-stage{width:840px;min-width:100%;max-width:none}.scene-stage .scene-wide{display:block}.scene-stage .scene-motion.scene-wide{display:block}}
/* Selectable HTML heading over the sky; opaque light backing ensures contrast. */
.scene-catalog{margin-top:22px}.scene-banner-copy{position:absolute;z-index:2;top:12px;left:16px;right:16px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;padding:12px 20px;background:rgba(255,255,255,.96);border:1px solid #d9e5f2;border-radius:12px;box-shadow:0 3px 16px #14283f12;color:#14283f;user-select:text}.scene-banner-copy h1{font:700 clamp(24px,2.3vw,32px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0}.scene-banner-copy p{font-size:15px;line-height:1.45;color:#243c55;margin:0;max-width:460px}.scene-frame .scene-hover-label{top:auto;bottom:12px;left:12px;right:12px;max-width:calc(100% - 24px)}.scene-custom-link{display:inline-flex;min-height:36px;align-items:center;margin-left:12px;color:#1746ac;text-decoration:underline;text-underline-offset:3px}@media(max-width:1000px){.scene-frame{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#edf5ff}.scene-banner-copy{order:-1;position:relative;inset:auto;grid-template-columns:1fr;gap:10px;padding:20px;width:100%;border:0;border-bottom:1px solid #d9e5f2;border-radius:0;box-shadow:none;background:linear-gradient(#ffffffed,#ffffffed),url('/assets/home-scene-panorama.webp') center top / auto 560px no-repeat}.scene-banner-copy h1{font-size:clamp(24px,3.7vw,30px);line-height:1.15}.scene-banner-copy p{font-size:16px;max-width:680px}.scene-frame .scene-viewport{border-radius:0}.scene-frame .scene-hover-label{position:absolute;bottom:10px}.scene-custom-link{margin-left:0;display:flex}.scene-catalog{margin-top:16px}}