/* The collection is a native-scroll scene on roomy desktop screens. */
.brand-showcase .showcase-motion-meter{display:none}
.brand-showcase.showcase-motion{overflow:clip}
.brand-showcase.showcase-motion .showcase-stage{overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1)!important;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important}
.brand-showcase.showcase-motion .showcase-stage:before{content:'';position:absolute;inset:15% -20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#a4c5f06b,transparent 64%);transform:translateX(var(--showcase-glow-x,0%));filter:blur(24px)}
.brand-showcase.showcase-motion .showcase-stage:after{content:'';position:absolute;z-index:3;left:0;right:0;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#839bb9a8,transparent);opacity:.55;transform:translateY(calc(var(--showcase-scroll,0)*380px))}
.brand-showcase.showcase-motion .showcase-stage img{transform:translate3d(var(--showcase-photo-x,0px),var(--showcase-photo-y,0px),28px) rotate(var(--showcase-photo-turn,0deg)) scale(var(--showcase-photo-scale,1));transform-origin:50% 50%;will-change:transform;transition:transform .1s linear!important}
.brand-showcase.showcase-motion .showcase-number{transform:translateX(var(--showcase-number-x,0px));transition:transform .15s linear!important}
.brand-showcase.showcase-motion .showcase-tabs button{position:relative;transition:color .35s,background .35s,border-color .35s!important}
.brand-showcase.showcase-motion .showcase-tabs button:before{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;transform:scaleX(0);transform-origin:left;background:#a1c6ff;transition:transform .65s cubic-bezier(.16,1,.3,1)!important}
.brand-showcase.showcase-motion .showcase-tabs button[aria-selected=true]:before{transform:scaleX(1)}
@media(min-width:961px) and (min-height:700px){
  .brand-showcase.showcase-pinned{position:relative;height:270svh;min-height:1890px;padding-block:0;overflow:clip}
  .brand-showcase.showcase-pinned .showcase-layout{position:sticky;top:var(--showcase-header,76px);height:calc(100svh - var(--showcase-header,76px));min-height:0;padding-block:34px;align-content:center;gap:clamp(42px,5.5vw,90px)}
  .brand-showcase.showcase-pinned .showcase-copy,.brand-showcase.showcase-pinned .showcase-panel{opacity:1!important;transform:none!important;transition:none!important}
  .brand-showcase.showcase-pinned .showcase-copy>p{max-width:360px;font-size:14px}
  .brand-showcase.showcase-pinned h2{font-size:clamp(36px,3.4vw,55px);margin-block:23px;line-height:1.16}
  .brand-showcase.showcase-pinned .showcase-tabs{margin-top:27px}
  .brand-showcase.showcase-pinned .showcase-tabs button{min-height:58px}
  .brand-showcase.showcase-pinned .showcase-stage{height:clamp(280px,43svh,450px);padding:30px;border-radius:26px}
  .brand-showcase.showcase-pinned .showcase-stage img{height:clamp(190px,28svh,300px);width:74%;max-height:none;min-height:0}
  .brand-showcase.showcase-pinned .showcase-number{font-size:clamp(42px,5.4vw,87px);top:33%;letter-spacing:-3px;color:#c7cedb}
  .brand-showcase.showcase-pinned .showcase-product{margin-top:24px;min-height:115px}
  .brand-showcase.showcase-pinned .showcase-product h3{font-size:clamp(17px,1.6vw,22px)}
  .brand-showcase.showcase-pinned .showcase-motion-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px 25px;margin-top:30px}
  .showcase-motion-hint{font-size:8px;letter-spacing:1.65px;color:#939eaf}
  .showcase-motion-step{font-family:var(--heading);font-size:13px;color:#7d8798;display:flex;gap:10px;align-items:center;font-variant-numeric:tabular-nums}
  .showcase-motion-step b{font-size:24px;font-weight:500;color:#f2f5fb;letter-spacing:-.6px;line-height:1}
  .showcase-motion-step i{font-size:12px;font-style:normal;color:#576273}
  .showcase-motion-track{height:2px;background:#ffffff1c;grid-column:1/-1;overflow:hidden}
  .showcase-motion-track>i{display:block;height:100%;width:100%;transform:scaleX(var(--showcase-scroll,0));transform-origin:left;background:linear-gradient(90deg,#477bcb,#c0dcff);box-shadow:0 0 14px #8bbaff88;transition:transform .1s linear!important}
}
@media(min-width:961px) and (min-height:700px) and (max-height:790px){
  .brand-showcase.showcase-pinned h2{font-size:36px;margin-block:18px}
  .brand-showcase.showcase-pinned .showcase-copy>p{font-size:13px;line-height:1.8}
  .brand-showcase.showcase-pinned .showcase-tabs{margin-top:20px}
  .brand-showcase.showcase-pinned .showcase-tabs button{min-height:51px;padding-block:14px}
  .brand-showcase.showcase-pinned .showcase-motion-meter{margin-top:24px}
  .brand-showcase.showcase-pinned .showcase-layout{padding-block:28px}
}
@media(max-width:960px),(max-height:699px){
  .brand-showcase.showcase-motion .showcase-stage img{transition:transform .65s cubic-bezier(.16,1,.3,1)!important}
  .brand-showcase.showcase-motion[data-showcase-step="1"] .showcase-stage img{transform:translate3d(0,-4px,28px) rotate(-7deg) scale(1.12)}
  .brand-showcase.showcase-motion[data-showcase-step="2"] .showcase-stage img{transform:translate3d(0,0,28px) rotate(6deg) scale(1.05)}
  .brand-showcase.showcase-motion[data-showcase-step="3"] .showcase-stage img{transform:translate3d(0,-8px,28px) rotate(-4deg) scale(1.15)}
  .brand-showcase.showcase-motion .showcase-stage:after{display:none}
}
html.motion-paused .brand-showcase .showcase-stage,html.motion-paused .brand-showcase .showcase-stage img{transform:none!important;transition:none!important}
html.motion-paused .brand-showcase .showcase-number{transform:none!important;transition:none!important}