.s4{padding-top:clamp(1rem,.5rem + 2vw,3rem)}.s4 .s2-highlight{display:block}.s4-hl{color:var(--s2-accent)}.s4-tile-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.2rem;font-weight:800;line-height:1.2}.s4-more{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:72rem;margin:1.75rem auto 0;display:flex}.s4-more-label{letter-spacing:.14em;text-transform:uppercase;color:var(--s2-soft);margin-right:.25rem;font-size:.72rem;font-weight:700}.s4-chip{border:1px solid var(--s2-border);color:var(--s2-muted);background:#fff;border-radius:999px;padding:.35em .85em;font-size:.8rem;font-weight:600}.s4-mix-grid{gap:1.25rem;max-width:72rem;margin:0 auto;list-style:none;display:grid}@media (min-width:900px){.s4-mix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.s4-scene-tile{flex-direction:column;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.s4-scene-tile.is-playing{border-color:color-mix(in srgb, var(--s2-accent) 40%, var(--s2-border));box-shadow:0 1px 2px #1a16250a,0 24px 44px -24px #6b4ed459}.s4-scene{aspect-ratio:2;background:linear-gradient(#ece5fb,#f7f4fd);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,#0000 92%);mask-image:linear-gradient(#000 40%,#0000 92%)}.s4-scene-scale{width:512px;transform:translate(var(--s4-x,0), var(--s4-y,0)) scale(var(--s4-scale,1));transform-origin:0 0;position:absolute;top:0;left:0}.s4-scene-text{padding:.75rem 1.5rem 1.75rem;position:relative}.s4-mix .text-gradient{color:var(--s2-accent);-webkit-text-fill-color:currentColor;background:0 0}@media (min-width:900px){.s4-scene-tile-2{flex-direction:row-reverse;grid-column:span 2}.s4-scene-tile-2 .s4-scene{aspect-ratio:auto;flex:0 0 48%;min-height:240px;-webkit-mask-image:linear-gradient(270deg,#000 45%,#0000 95%);mask-image:linear-gradient(270deg,#000 45%,#0000 95%)}.s4-scene-tile-2 .s4-scene-text{flex:1;align-self:center;margin:0;padding:2rem 1rem 2rem 2.25rem}.s4-scene-tile-2 .s4-tile-title{text-wrap:balance;font-size:1.5rem}}@media (prefers-reduced-motion:no-preference){.s4-scene-tile{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;transition-delay:calc(var(--i,0) * 90ms), calc(var(--i,0) * 90ms), 0s, 0s;transform:translateY(14px)}.is-on .s4-scene-tile{opacity:1;transform:none}.s4-scene-scale[data-paused] *,.s4-scene-scale[data-paused] :before,.s4-scene-scale[data-paused] :after{animation-play-state:paused!important}}