.story3{-webkit-mask-image:linear-gradient(180deg,transparent,#000 6rem,#000 calc(100% - 8rem),transparent);mask-image:linear-gradient(180deg,transparent,#000 6rem,#000 calc(100% - 8rem),transparent)}.story3-glow{position:absolute;pointer-events:none;border-radius:9999px}.story3-glow-sun{right:-14rem;bottom:-16rem;width:48rem;height:48rem;background:radial-gradient(closest-side,rgba(236,146,82,.42),rgba(236,146,82,0) 72%)}.story3-glow-sky{left:-12rem;top:-10rem;width:36rem;height:36rem;background:radial-gradient(closest-side,rgba(77,141,255,.24),rgba(77,141,255,0) 72%)}.story3-shade{inset:0;background:radial-gradient(75% 70% at 28% 52%,rgba(7,10,18,.78),rgba(7,10,18,.32) 60%,rgba(7,10,18,0) 100%)}.story3-ghost,.story3-shade{position:absolute;pointer-events:none}.story3-ghost{right:-.06em;top:-.12em;font-size:clamp(7rem,24vw,26rem);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.11);user-select:none}.story3-words{--n:1}.story3-words span{opacity:clamp(.3,calc(.3 + (var(--p, 0) * var(--n) - var(--i, 0)) * .14),1)}.story3-tilt{transform:perspective(1400px) rotateY(calc(var(--tx, 0) * 7deg)) rotateX(calc(var(--ty, 0) * -5deg));transition:transform .5s cubic-bezier(.2,1,.3,1);transform-style:preserve-3d}.story3-fan{position:relative;aspect-ratio:5/4;perspective:1400px;--fan-x:34%;--fan-r:11deg}.story3-card{position:absolute;left:50%;bottom:0;width:62%;margin-left:-31%;aspect-ratio:4/5;transform-origin:50% 100%;transform:translateX(calc(var(--k) * var(--fan-x) * var(--p, 0))) translateY(calc((1 - var(--p, 0)) * 56px)) rotate(calc(var(--k) * var(--fan-r) * var(--p, 0))) rotateY(calc(var(--k) * -7deg)) scale(calc(.94 + .06 * var(--p, 0)));border-radius:1.25rem;overflow:hidden;border:1px solid hsla(0,0%,100%,.18);background:#0d1220;box-shadow:0 34px 90px -24px rgba(0,0,0,.75),0 0 70px rgba(0,87,217,.18);will-change:transform}.story3-card[data-k="-1"]{--k:-1;z-index:1}.story3-card[data-k="0"]{--k:0;z-index:3}.story3-card[data-k="1"]{--k:1;z-index:2}.story3-card:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(141,179,255,.85),transparent)}.story3-card-body{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,1,.3,1)}@media (hover:hover) and (pointer:fine){.story3-card:hover{z-index:4}.story3-card:hover .story3-card-body{transform:translateY(-14px) scale(1.04)}.story3-card:hover .story3-card-veil{opacity:.75}}.story3-card-img,.story3-card-veil{position:absolute;inset:0}.story3-card-veil{transition:opacity .4s;background:linear-gradient(180deg,rgba(7,10,18,.55),rgba(7,10,18,0) 38%,rgba(7,10,18,.2) 62%,rgba(7,10,18,.92))}.story3-no{left:1.25rem}.story3-card[data-k="1"] .story3-no{left:auto;right:1.25rem}.story3-card[data-k="-1"] .story3-cap{right:calc(100% - var(--fan-x) + .5rem)}.story3-card[data-k="1"] .story3-cap{left:calc(100% - var(--fan-x) + .5rem);align-items:flex-end;text-align:right}.story3-card[data-k="-1"] .story3-cap>span:last-child,.story3-card[data-k="1"] .story3-cap>span:last-child{display:none}@media (max-width:1023px){.story3-fan{--fan-x:46%;--fan-r:9deg}.story3-card{width:52%;margin-left:-26%}.story3-no{left:.9rem;font-size:1.9rem}.story3-card[data-k="1"] .story3-no{right:.9rem}.story3-card[data-k="-1"] .story3-cap>span:first-child,.story3-card[data-k="1"] .story3-cap>span:first-child{font-size:1rem}.story3-card[data-k="0"] .story3-cap>span:last-child{display:none}}