/* Visual assets for existing sections; no layout reconstruction. */
.concept-caption{position:absolute;bottom:12px;left:16px;z-index:3;font-size:10px;line-height:1.3;color:#555;background:rgba(255,255,255,.82);padding:4px 7px;border-radius:3px}
.design-media.has-media img,.purchase-media.has-media img,.app-media.has-media img,.record-media.has-media img,#angle-media.has-media img{object-fit:contain}
.design-media.has-media,.purchase-media.has-media,.app-media.has-media,.record-media.has-media,#angle-media.has-media{background:#fff}
.notification-media.has-media{display:grid;place-items:center;background:#f5f5f5;min-height:260px}
.motion-notice{display:flex;align-items:center;gap:18px;padding:25px 22px;border-radius:22px;background:rgba(255,255,255,.65);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);max-width:95%}
.notice-symbol{color:#a31c1b;font-size:26px}.motion-notice small{font-size:9px;color:#777;letter-spacing:.1em}.motion-notice p{font-size:clamp(18px,2vw,28px);margin-top:6px}
.media.has-media img{transition:transform .6s ease,opacity .4s ease}
@media(max-width:760px){.concept-caption{font-size:9px;bottom:8px;left:8px}.app-media.has-media,.record-media.has-media{min-height:300px}.experience .environment.has-media img{object-position:70% center}}
.design-media.has-media,.purchase-media.has-media,.app-media.has-media,.record-media.has-media,#angle-media.has-media{mix-blend-mode:multiply;background:transparent}