.cp{position:relative;min-height:max(100svh,760px);overflow:hidden;color:var(--mist);isolation:isolate;background:var(--aubergine)}.cp-bg{inset:0;z-index:-1;background:radial-gradient(60% 55% at 50% 78%,rgba(255,255,255,.22),transparent 70%),radial-gradient(90% 80% at 50% 70%,var(--violet-hi) 0,var(--violet) 38%,var(--royal) 72%,var(--aubergine) 100%)}.cp-bg,.cp-word{position:absolute}.cp-word{left:0;right:0;top:clamp(120px,17svh,190px);z-index:1;margin:0;padding-inline:var(--gutter);font-size:clamp(64px,11.6vw,260px);color:var(--mist);white-space:nowrap;pointer-events:none;transition:opacity .6s var(--ease-soft)}.cp-word .line-mask:last-child{text-align:right}.cp-stage-wrap{position:absolute;left:0;right:0;bottom:0;z-index:10;transform-origin:50% 100%;padding-bottom:56px}.cp-scroller{width:min(100%,calc((100svh - 250px) * 2.571),calc(62svh * 2.571));margin:0 auto}.cp-stage-in{transform-origin:50% 80%}.cp-stage{position:relative;width:100%}.cp-floor{position:absolute;left:6%;right:6%;bottom:-4%;height:26%;background:radial-gradient(50% 60% at 50% 70%,rgba(18,9,31,.55),transparent 75%);filter:blur(6px)}.cp-person{position:absolute;display:block;pointer-events:none}.cp-person img{width:100%;height:auto;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 10px rgba(18,9,31,.28));-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 30%);mask-image:linear-gradient(0deg,transparent 0,#000 30%);transition:transform .45s var(--ease-out);transform-origin:50% 100%}.cp{position:sticky;top:0}.cp-dim{z-index:2400;background:var(--night)}.cp-dim,.cp-flash{position:absolute;inset:0;opacity:0;pointer-events:none}.cp-flash{z-index:3000;background:#fff}@keyframes cp-fade-in{0%{opacity:0}}@keyframes cp-up{0%{transform:translateY(100%)}}@media (max-width:899px){.cp{min-height:0;display:flex;flex-direction:column}.cp-word{position:relative;top:auto;padding-top:104px;font-size:12.4vw;white-space:normal}.cp-word .line-mask:last-child{text-align:left}.cp-stage-wrap{position:relative;margin-top:-8vw;padding-bottom:52px}.cp-scroller{width:100%;overflow:hidden}.cp-stage{width:190vw;margin-left:-45vw}.cp-person{pointer-events:none}}html.intro .cp-person{opacity:0}html.intro .cp-word .line-mask>span{transform:translateY(105%)}html.intro .cp-nav-in{opacity:0}