/* Scene films and room-to-equipment exploration. All content remains visible without motion. */
.motion-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s;pointer-events:none}.motion-video.is-ready{opacity:1}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #ffffff5c;border-radius:100px;background:#15151575;backdrop-filter:blur(14px);color:#fff;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer;position:relative;z-index:4}.motion-toggle:hover{background:#151515cc}.motion-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}.motion-toggle-symbol{display:grid;place-items:center;width:15px;height:15px;font-size:11px;letter-spacing:1px}.studio-ui .motion-toggle-hero{position:absolute;left:4vw;top:31px;z-index:4;min-height:44px}.studio-ui.motion-enabled .v9-hero-grid:has(.motion-video.is-ready) .v9-space-hotspots>button[aria-pressed=true]{animation:motion-beacon 3s ease-in-out infinite}.studio-ui .v9-space-panel figure{overflow:hidden}.studio-ui .v9-space-panel:has(.motion-video.is-ready) .v9-space-caption{border-color:#fff}.studio-ui .v9-hero-copy h1{max-width:680px}
.motion-collection{background:#fff;scroll-margin-top:100px}.motion-collection .studio-heading{align-items:end;margin-bottom:40px}.motion-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:25px}.motion-chapters>button{position:relative;display:flex;align-items:center;gap:15px;min-height:64px;padding:15px 0 21px;background:none;border:0;border-bottom:1px solid #d5d5d5;text-align:left;color:#777;font-family:inherit;font-size:17px;font-weight:500;line-height:1.4;cursor:pointer}.motion-chapters>button>span:first-child{font-size:11px;color:#999}.motion-chapters>button[aria-selected=true]{color:#111}.motion-chapters>button[aria-selected=true]>span:first-child{color:#111}.motion-chapter-line{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .35s}.motion-chapters>button[aria-selected=true] .motion-chapter-line{transform:scaleX(1)}.motion-chapters>button:focus-visible{outline:2px solid #111;outline-offset:5px;border-radius:3px}
.motion-stage{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);border:1px solid #e1e1e1;border-radius:17px;overflow:hidden;min-width:0;background:#f6f6f6}.motion-screen{position:relative;isolation:isolate;min-height:510px;overflow:hidden;background:#28241e;color:#fff}.motion-screen>figure{position:absolute;inset:0;margin:0;z-index:-2}.motion-screen img{display:block;width:100%;height:100%;object-fit:cover}.motion-screen-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0004 0,transparent 40%,#000b 100%);pointer-events:none}.motion-screen-meta{position:absolute;inset:27px 28px auto;display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.07em;color:#f1f1f1}.motion-screen-meta>span:first-child{border-right:1px solid #ffffff60;padding-right:18px}.motion-screen-copy{position:absolute;bottom:36px;left:32px;right:32px;max-width:630px}.studio-ui .motion-screen-copy h3{font-size:clamp(26px,2.6vw,40px);line-height:1.2;color:#fff;margin:0 0 15px;font-weight:500;letter-spacing:-.035em}.motion-screen-copy>p{font-size:14px;line-height:1.85;max-width:520px;color:#e8e8e8;margin:0}.motion-screen>.motion-toggle{position:absolute;top:17px;right:18px}.motion-scrub{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff35;overflow:hidden}.motion-scrub>span{display:block;width:100%;height:100%;background:white;transform:scaleX(var(--film-progress,0));transform-origin:left;transition:transform .2s linear}.motion-equipment{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:35px 32px;min-width:0}.motion-equipment .eyebrow{color:#6d6d6d;font-size:11px;letter-spacing:.04em;margin:0 0 26px}.motion-functions{position:relative;display:grid}.motion-functions:before{content:'';position:absolute;left:18px;top:28px;bottom:28px;border-left:1px dashed #b5b5b5;pointer-events:none}.motion-functions>a{display:flex;align-items:center;gap:15px;position:relative;padding-block:12px;color:#222;text-decoration:none;font-size:15px}.motion-functions>a>span:last-child{margin-left:auto;font-size:17px;color:#888;transition:transform .2s}.motion-system-node{display:grid;place-items:center;border:1px solid #bdbdbd;border-radius:50%;width:37px;height:37px;background:#f6f6f6;flex-shrink:0;font-size:10px;transition:background .2s,color .2s}.motion-functions>a:hover .motion-system-node{background:#161616;color:#fff;border-color:#161616}.motion-functions>a:hover>span:last-child{transform:translate(2px,-2px);color:#161616}.motion-scene-actions{display:grid;gap:22px}.motion-scene-actions>.button{display:flex;justify-content:space-between;gap:15px;width:100%;font-size:13px;padding:16px 18px}.motion-scene-actions>.text-link{font-size:13px;display:flex;justify-content:space-between;gap:15px}.motion-stage.is-entering .motion-screen-copy{animation:motion-copy-in .45s ease both}.studio-ui .project-card:hover .project-artwork svg>path:first-of-type{stroke-dasharray:7 5;animation:motion-system-path 4s linear infinite}.studio-ui .studio-journey figure,.studio-ui .atelier-editorial{isolation:isolate}.studio-ui .studio-journey-link>b{transition:transform .2s}.studio-ui .studio-journey:hover .studio-journey-link>b{transform:translate(3px,-3px)}
@keyframes motion-system-path{to{stroke-dashoffset:-48}}@keyframes motion-copy-in{from{opacity:.1;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes motion-beacon{50%{box-shadow:0 0 0 11px #ffffff28}}
@media(min-width:1600px){.motion-screen{min-height:600px}.motion-screen-copy{bottom:44px;left:40px}.motion-equipment{padding:44px}}
@media(max-width:1100px){.motion-stage{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.motion-screen{min-height:470px}.motion-equipment{padding:28px 24px;gap:25px}.motion-chapters{gap:16px}.motion-chapters>button{font-size:15px;gap:10px}.motion-screen-copy{left:26px;right:26px}}
@media(max-width:760px){.studio-ui .motion-toggle-hero{top:87px;left:22px;min-height:36px;padding:8px 12px;font-size:10px}.motion-toggle-hero .motion-toggle-symbol{font-size:9px}.motion-collection .studio-heading{margin-bottom:24px}.motion-chapters{gap:12px;margin-bottom:18px}.motion-chapters>button{display:block;font-size:13px;min-height:64px;padding:10px 0 16px;line-height:1.55}.motion-chapters>button>span:first-child{display:block;font-size:9px;margin-bottom:3px}.motion-stage{grid-template-columns:minmax(0,1fr);border-radius:12px}.motion-screen{min-height:355px}.motion-screen-meta{inset:22px 19px auto;font-size:9px;gap:10px}.motion-screen-meta>span:first-child{padding-right:10px}.motion-screen>.motion-toggle{top:15px;right:13px;min-height:38px;padding:8px 11px;font-size:10px}.motion-screen-copy{left:20px;right:20px;bottom:27px}.studio-ui .motion-screen-copy h3{font-size:27px;line-height:1.2;margin-bottom:12px}.motion-screen-copy>p{font-size:12px;line-height:1.8}.motion-equipment{padding:25px 21px;gap:24px}.motion-equipment .eyebrow{margin-bottom:16px}.motion-functions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.motion-functions:before{top:18px;left:18px;right:18px;bottom:auto;border-left:0;border-top:1px dashed #bbb}.motion-functions>a{padding:0;flex-direction:column;align-items:start;gap:12px;font-size:12px;line-height:1.4}.motion-functions>a>span:last-child{display:none}.motion-system-node{width:35px;height:35px}.motion-scene-actions{gap:17px}.motion-scene-actions>.button{min-height:47px;font-size:12px}.motion-scene-actions>.text-link{font-size:12px}}
@media(max-width:360px){.motion-screen{min-height:340px}.motion-screen-meta>span:last-child{display:none}.studio-ui .motion-screen-copy h3{font-size:24px}.motion-equipment{padding:22px 18px}.motion-functions>a{font-size:11px}.motion-chapters>button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.motion-video,.motion-chapter-line,.motion-scrub>span,.motion-system-node{transition:none!important}.motion-stage.is-entering .motion-screen-copy,.studio-ui.motion-enabled .v9-hero-grid:has(.motion-video.is-ready) .v9-space-hotspots>button[aria-pressed=true],.studio-ui .project-card:hover .project-artwork svg>path:first-of-type{animation:none!important}}
@media print{.motion-video,.motion-toggle,.motion-scrub{display:none!important}.motion-stage{break-inside:avoid}.motion-screen{min-height:350px}}

.motion-chapters>button{min-width:0;white-space:normal;overflow-wrap:anywhere;hyphens:auto}.motion-functions>a>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
