:host{display:block;color:#030303}
*{box-sizing:border-box}
.motion-scroll{position:relative;height:460svh;background:#fff}
.motion-stage{position:sticky;top:0;width:100%;height:100svh;min-height:38rem;overflow:hidden;background:#fff;color:#030303;touch-action:pan-y}
canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.motion-copy{position:relative;width:100%;height:100%;padding:5rem 2.5rem 1.35rem;pointer-events:none}
.motion-title{position:absolute;z-index:1;left:0;top:clamp(5.25rem,8vh,6.5rem);width:100%;overflow:visible;white-space:nowrap;font-family:var(--font-title)}
.motion-title h2{position:relative;width:max-content;margin:0;color:#030303;font:400 7.875vw/.8 var(--font-title);letter-spacing:-.08em;text-transform:uppercase;will-change:transform}
.motion-title .top{align-self:flex-start}
.motion-title .bottom{margin-left:auto}
.motion-title-inner{display:flex;flex-direction:column;width:100%}
.motion-kicker{margin:.75rem auto;text-align:center;color:#030303;font:400 clamp(.72rem,.887vw,1.05rem)/1 var(--font-body);letter-spacing:-.02em;text-transform:uppercase}
.motion-proposal{position:absolute!important;z-index:4;left:50%;bottom:clamp(.25rem,1.1vh,.75rem);opacity:0;pointer-events:none;will-change:transform,opacity}
.motion-proposal__rocket{position:relative;width:18px;height:20px;flex:0 0 18px;overflow:visible;font-style:normal;line-height:1}
.motion-proposal__rocket::before{content:"";position:absolute;top:50%;left:50%;display:block;width:clamp(20px,calc(var(--button-height) - 26px),24px);height:clamp(19px,calc(var(--button-height) - 27px),23px);background:url("../site-navigation/rocket-animated.svg?v=3") center/contain no-repeat;transform:translate(-50%,-50%)}
.motion-stage.is-card-hovered{cursor:zoom-in}
.motion-lightbox{position:fixed;z-index:2147483000;inset:0;display:block;overflow:hidden;background:rgba(3,3,3,.97);opacity:0;visibility:hidden;transition:opacity 220ms ease,visibility 220ms ease}
.motion-lightbox[hidden]{display:none}
.motion-lightbox.is-open{opacity:1;visibility:visible}
.motion-lightbox figure{position:fixed;inset:0;display:grid;place-items:center;margin:0;padding:0;pointer-events:auto}
.motion-lightbox__media{position:relative;display:grid;place-items:center;width:max-content;max-width:100%;height:max-content;max-height:100%}
.motion-lightbox img{display:block;width:auto;height:auto;max-width:min(76vw,72rem);max-height:min(72svh,calc(100svh - 10rem));object-fit:contain;border-radius:clamp(.35rem,.7vw,.75rem);box-shadow:0 1.5rem 5rem rgba(0,0,0,.45);user-select:none;-webkit-user-drag:none;touch-action:pan-y}
.motion-lightbox figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-lightbox__close{position:fixed;z-index:4;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;background:rgba(3,3,3,.6);cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease}
.motion-lightbox__close:is(:hover,:focus-visible){border-color:#fff;background:#0b99ff;outline:none}
.motion-lightbox__close svg,.motion-lightbox__nav svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.motion-lightbox__nav{position:fixed;z-index:3;top:50%;display:grid;place-items:center;width:3.5rem;height:3.5rem;padding:0;border:0;border-radius:50%;color:#030303;background:#fff;box-shadow:0 .75rem 2rem rgba(0,0,0,.32);cursor:pointer;transform:translateY(-50%);transition:transform 160ms ease,background-color 160ms ease}
.motion-lightbox__nav--previous{left:max(1.5rem,env(safe-area-inset-left))}
.motion-lightbox__nav--next{right:max(1.5rem,env(safe-area-inset-right))}
.motion-lightbox__nav:is(:hover,:focus-visible){background:#0b99ff;outline:none;transform:translateY(-50%) scale(1.06)}
.motion-lightbox__counter{position:fixed;z-index:4;top:max(1.35rem,env(safe-area-inset-top));left:50%;color:#fff;font:600 .75rem/1 var(--font-body);letter-spacing:.12em;transform:translateX(-50%)}
.motion-lightbox__swipe{display:none}
.motion-lightbox__proposal.global-button.global-button{--button-background:#fff;--button-foreground:#030303;--button-border:#fff;--button-sheen-color:#d7d7d7;--button-sheen-opacity:.72;position:absolute;z-index:3;top:calc(100% + .8rem);left:50%;bottom:auto;transform:translateX(-50%)}
.motion-lightbox__proposal .motion-proposal__rocket::before{background-image:url("../site-navigation/rocket-animated-dark.svg?v=1");filter:none}
.motion-scrub-preview{display:none}
.shutters{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;pointer-events:none}
.shutters i{flex:1;background:#030303;box-shadow:0 1px 0 #030303,0 -1px 0 #030303;transform:scaleY(0);transform-origin:bottom;will-change:transform}
@media(min-width:768px){
  .motion-title h2{font-size:clamp(4.75rem,6.6vw,7.25rem)}
}
@media(max-width:767px){
  .motion-scroll{height:350svh}
  .motion-stage{min-height:34rem}
  .motion-copy{padding:4.5rem 1.25rem 1.5rem}
  .motion-title{top:.5rem}
  .motion-title h2{font-size:11.625vw;letter-spacing:-.085em}
  .motion-kicker{margin:.65rem auto;font-size:.68rem;line-height:1.05}
  .motion-lightbox img{max-width:88vw;max-height:60svh}
  .motion-lightbox__counter{top:max(1.15rem,env(safe-area-inset-top));font-size:.7rem}
  .motion-lightbox__swipe{position:absolute;left:50%;bottom:calc(100% + .7rem);display:block;width:max-content;margin:0;color:rgba(255,255,255,.76);font:600 .65rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;transform:translateX(-50%)}
  .motion-lightbox__nav{width:2.25rem;height:2.25rem;border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(3,3,3,.28);box-shadow:0 .35rem 1rem rgba(0,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .motion-lightbox__nav svg{width:1rem;height:1rem}
  .motion-lightbox__nav--previous{left:max(.35rem,env(safe-area-inset-left))}
  .motion-lightbox__nav--next{right:max(.35rem,env(safe-area-inset-right))}
  .motion-lightbox__nav:is(:hover,:focus-visible){background:rgba(11,153,255,.72)}
  .motion-scrub-preview{position:fixed;z-index:2147482900;inset:0;display:grid;place-content:center;place-items:center;gap:.75rem;padding:4.5rem 1rem 2rem;background:rgba(3,3,3,.88);opacity:0;visibility:hidden;transition:opacity 160ms ease,visibility 160ms ease;pointer-events:none}
  .motion-scrub-preview[hidden]{display:none}
  .motion-scrub-preview.is-open{opacity:1;visibility:visible}
  .motion-scrub-preview p{margin:0;color:rgba(255,255,255,.78);font:600 .64rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
  .motion-scrub-preview p span{color:#4ff3ad}
  .motion-scrub-preview img{width:auto;height:auto;max-width:84vw;max-height:65svh;border-radius:.65rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.46);object-fit:contain;transform:scale(.92);transition:transform 180ms cubic-bezier(.22,1,.36,1);will-change:transform,opacity}
  .motion-scrub-preview.is-open img{transform:scale(1)}
  .motion-scrub-preview strong{color:#fff;font:600 .68rem/1 var(--font-body);letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){.motion-scroll{height:100svh}.motion-stage{position:relative}}