.motion-reel{position:relative;isolation:isolate;width:calc(100% - 48px);max-width:1600px;margin:48px auto 0;height:min(70vw,720px);min-height:430px;border-radius:24px;overflow:hidden;background:#252921;color:#fff;text-align:left;box-shadow:0 24px 70px #21180d24}
.motion-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.motion-slide.is-active{opacity:1;z-index:1}.motion-video{display:block;width:100%;height:100%;object-fit:cover}.motion-slide:after,.motion-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#09120dbb);pointer-events:none}.motion-slide figcaption{position:absolute;left:5%;bottom:150px;z-index:2;display:grid;gap:12px}.motion-slide figcaption span{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.motion-slide figcaption strong{font-family:'Source Serif 4',serif;font-weight:500;font-style:italic;font-size:clamp(36px,5vw,76px);line-height:1.1}.motion-reel-controls{position:absolute;z-index:3;bottom:48px;left:5%;right:5%;display:flex;gap:32px;align-items:end}.motion-tabs{display:flex;flex:1;gap:24px}.motion-tabs button{position:relative;background:none;border:0;border-bottom:1px solid #ffffff60;color:#fffc;text-align:left;padding:12px 0 18px;flex:1;cursor:pointer;font:inherit;font-size:12px;display:grid;gap:8px}.motion-tabs button[aria-pressed=true]{color:#fff}.motion-tabs i{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}.motion-tabs [aria-pressed=true] i{transform:scaleX(var(--film-progress,0));}.motion-toggle{background:#172018aa;color:#fff;border:1px solid #fff8;border-radius:30px;padding:12px 18px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.motion-scroll{position:absolute;z-index:3;right:5%;top:32px;font-size:10px;letter-spacing:.16em}.motion-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end;margin-bottom:46px}.motion-intro h2{font-size:clamp(30px,4vw,52px);line-height:1.15;margin:20px 0 0}.motion-intro em{font-family:'Source Serif 4',serif;font-weight:500;color:var(--hero-primary)}.motion-kicker{font-size:11px;letter-spacing:.2em;color:var(--hero-primary)}.motion-intro p{font-size:16px;line-height:1.8}.motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.motion-tile{position:relative;isolation:isolate;aspect-ratio:4/3;overflow:hidden;border-radius:20px;margin:0;background:#222;color:#fff}.motion-tile:nth-child(5n+1){grid-column:1/-1;aspect-ratio:2.1}.motion-tile figcaption{position:absolute;z-index:2;bottom:30px;left:30px;right:30px}.motion-tile h3{font-size:clamp(24px,3vw,38px);margin:8px 0 14px;color:#fff}.motion-tile small{font-size:11px;letter-spacing:.08em}.motion-tile a{font-size:13px;color:#fff;text-underline-offset:5px}.motion-number{position:absolute;top:24px;left:30px;z-index:2;font-size:12px;border:1px solid #fff8;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.motion-tile video{transition:transform 1.5s cubic-bezier(.2,.65,.3,1)}.motion-tile:hover video{transform:scale(1.035)}.motion-paused .motion-tile video{transform:none}.motion-reveal{animation:motion-enter .9s cubic-bezier(.2,.65,.3,1) both}@keyframes motion-enter{from{opacity:.25;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media(min-width:901px){.hero:has(.motion-reel){padding-bottom:32px}.hero:has(.motion-reel) .hero-inner{animation:motion-enter 1s both}}@media(max-width:700px){.motion-reel{width:calc(100% - 24px);height:580px;min-height:0;margin-top:30px;border-radius:18px}.motion-slide figcaption{bottom:210px;left:24px;right:24px}.motion-reel-controls{left:24px;right:24px;bottom:25px;display:grid;gap:20px}.motion-tabs{gap:14px}.motion-tabs button{font-size:10px}.motion-toggle{justify-self:start}.motion-scroll{right:24px;font-size:9px}.motion-intro{grid-template-columns:1fr;gap:12px}.motion-grid{gap:18px;grid-template-columns:1fr}.motion-tile,.motion-tile:nth-child(5n+1){aspect-ratio:4/3;grid-column:auto}.motion-tile figcaption{left:22px;bottom:22px}.motion-tile h3{font-size:26px}.motion-number{top:20px;left:22px}}
.motion-slide:not(.is-active) figcaption{visibility:hidden}
.motion-gallery-tools{position:sticky;top:66px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;margin-bottom:24px;border-radius:12px;background:var(--pt-surface-1);border:1px solid var(--pt-border);box-shadow:0 5px 25px #0000000d}.motion-gallery-tools a{font-size:12px;color:var(--hero-primary)}.motion-gallery-tools .motion-toggle{background:var(--pt-text);color:var(--pt-surface-0)}.motion-paused .motion-reveal{animation-play-state:paused}@media(max-width:700px){.motion-gallery-tools{top:105px}.motion-gallery-tools a{max-width:125px}}
@media(prefers-reduced-motion:reduce){.motion-reveal,.hero .hero-inner{animation:none!important}.motion-slide,.motion-tile video{transition:none!important}.motion-tile:hover video{transform:none}}
