.exp{--exp-bg: #000000;--exp-dim: linear-gradient(180deg, rgba(3, 5, 10, .58) 0%, rgba(3, 5, 10, .72) 100%);--exp-scrim: linear-gradient(180deg, rgba(4, 6, 12, 0) 34%, rgba(4, 6, 12, .58) 68%, rgba(4, 6, 12, .9) 100%);--exp-title: #ffffff;--exp-body-color: rgba(255, 255, 255, .86);--exp-number: #ffffff;--exp-number-dim: rgba(255, 255, 255, .72);--exp-icon-color: rgba(255, 255, 255, .92);--exp-ratio: 1.4925;--exp-card-w: 53.6cqw;--exp-pad: 2.4cqw;--exp-icon-size: 2.8cqw;--exp-corner: 2.4cqw;--exp-nudge: .9cqw;--exp-speed: .72s;--exp-ease: ease;--exp-zoom: 1.12;--exp-parallax: .4;--exp-caption-delay: .22s;--exp-num-size: clamp(11px, 2.2cqw, 16px);--exp-body-size: clamp(12px, 2.45cqw, 17px);--exp-title-size: clamp(11px, 2.35cqw, 16px);container-type:inline-size;width:100%;background:var(--exp-bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}.exp-rail{position:relative;width:100%;aspect-ratio:var(--exp-ratio)}.exp-card{position:absolute;top:0;left:0;height:100%;width:var(--exp-card-w);transform:translate3d(var(--x),0,0);clip-path:inset(0 calc(var(--exp-card-w) - var(--vis)) 0 0 round var(--exp-corner));display:block;color:inherit;text-decoration:none;cursor:pointer;contain:layout paint style;will-change:transform,clip-path;transition-property:transform,clip-path;transition-duration:var(--exp-speed);transition-timing-function:var(--exp-ease)}.exp-card:focus-visible{outline:2px solid var(--exp-number);outline-offset:-4px}.exp-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transform:translate(calc((var(--vis) - var(--exp-card-w)) * var(--exp-parallax) * .5)) scale(var(--exp-media-zoom, var(--exp-zoom)));transform-origin:50% 50%;will-change:transform;transition:transform var(--exp-speed) var(--exp-ease)}.exp-card.is-open .exp-media{--exp-media-zoom: 1}.exp-scrim,.exp-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity var(--exp-speed) var(--exp-ease)}.exp-scrim{background:var(--exp-scrim);opacity:.4}.exp-card.is-open .exp-scrim{opacity:1}.exp-veil{background:var(--exp-dim);opacity:1}.exp-card.is-open .exp-veil{opacity:0}.exp-num,.exp-mark{transform:translate(var(--exp-nudge));transition:transform var(--exp-speed) var(--exp-ease)}.exp-card.is-open .exp-num,.exp-card.is-open .exp-mark{transform:translate(0)}.exp-num{position:absolute;top:var(--exp-pad);left:var(--exp-pad);font-size:var(--exp-num-size);font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--exp-number-dim);transition-property:transform,color;transition-duration:var(--exp-speed);transition-timing-function:var(--exp-ease)}.exp-card.is-open .exp-num{color:var(--exp-number)}.exp-caption{position:absolute;left:var(--exp-pad);right:var(--exp-pad);bottom:var(--exp-pad);display:flex;flex-direction:column;gap:calc(var(--exp-pad) * .95);pointer-events:none}.exp-body,.exp-title{opacity:0;transition-property:opacity,transform;transition-duration:calc(var(--exp-speed) * .26);transition-timing-function:ease;transition-delay:0s}.exp-card.is-open .exp-body,.exp-card.is-open .exp-title{opacity:1;transform:none;transition-duration:calc(var(--exp-speed) * .72);transition-timing-function:var(--exp-ease);transition-delay:var(--exp-caption-delay)}.exp-body{font-size:var(--exp-body-size);line-height:1.55;letter-spacing:-.005em;color:var(--exp-body-color);transform:translateY(24%)}.exp-foot{display:flex;align-items:center;gap:calc(var(--exp-pad) * .62)}.exp-mark{flex:0 0 auto;width:var(--exp-icon-size);height:var(--exp-icon-size);color:var(--exp-icon-color)}.exp-mark svg{display:block;width:100%;height:100%}.exp-title{font-size:var(--exp-title-size);font-weight:600;letter-spacing:-.005em;color:var(--exp-title);white-space:nowrap;transform:translate(-14%)}.exp-card.is-open .exp-title{transition-delay:calc(var(--exp-caption-delay) * 1.45)}@media(prefers-reduced-motion:reduce){.exp{--exp-speed: 1ms;--exp-caption-delay: 0s;--exp-zoom: 1;--exp-parallax: 0}}.page{min-height:100vh;padding:clamp(32px,7vw,96px) clamp(20px,5vw,64px);background:#000;color:#f5f6f8}.page__head{max-width:1120px;margin:0 auto clamp(28px,5vw,56px)}.page__head h1{margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em}.page__head p{margin:8px 0 0;color:#9aa2ad;font-size:15px}.section{max-width:1120px;margin:0 auto clamp(40px,6vw,80px)}.section__title{margin:0 0 clamp(16px,2vw,24px);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8f99}.stage{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5vw,56px);padding:clamp(48px,8vw,104px) clamp(20px,4vw,48px);border-radius:28px;background:#000;text-align:center}.stage--expanded{padding:clamp(20px,3.4vw,44px);overflow:hidden;background:#000}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
