.oi-c{--k:3.14;flex:0 0 calc((100% - var(--gap) * (var(--k) - .14 - 1)) / var(--k));aspect-ratio:53/71;box-sizing:border-box;border-radius:var(--r);background:var(--bg);color:var(--ink,var(--color-ink));scroll-snap-align:start;isolation:isolate;padding:clamp(26px,2.9vw,44px);position:relative;overflow:hidden}.oi-c h3{z-index:2;letter-spacing:-.022em;text-wrap:balance;max-width:15em;margin:0;font-size:clamp(21px,2.15vw,31px);font-weight:500;line-height:1.2;position:relative}.oi-b{z-index:1;box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink) 6%, transparent), 0 16px 34px -16px color-mix(in srgb, var(--color-ink) 30%, transparent);transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute}.oi-c:hover .oi-b{transform:translateY(-6px)}.oi-c:hover .oi-b:nth-of-type(2n){transform:translateY(-10px)rotate(-2deg)}.oi-b.br:before,.oi-b.br:after{content:"";background:var(--bar,color-mix(in srgb, var(--color-white) 22%, transparent));border-radius:99px;height:clamp(9px,.9vw,13px);position:absolute;left:9%}.oi-b.br:before{width:38%;top:9%}.oi-b.br:after{opacity:.7;width:62%;top:calc(9% + clamp(20px,2vw,28px))}@supports (animation-timeline:view()){.oi-b{animation:linear both oiB;animation-timeline:--oig;animation-range:entry calc(10% + var(--i) * 7%) cover calc(42% + var(--i) * 4%)}.oi-ev{background-size:0 .08em;animation:linear both oiU,linear both oiQ;animation-timeline:--oih,--oih;animation-range:entry 70% cover 42%,cover 36% cover 60%}}@keyframes oiU{to{background-size:100% .08em}}@keyframes oiQ{0%{--q:0}to{--q:7}}@keyframes oiB{0%{opacity:0;translate:0 34%}to{opacity:1;translate:0}}@media (width<=1000px){.oi-c{--k:2.16}}@media (width<=640px){.oi-c{--k:1.18}}.oi-c p{z-index:2;opacity:.72;text-wrap:pretty;max-width:21em;margin:clamp(10px,1vw,14px) 0 0;font-size:clamp(15px,1.12vw,17px);line-height:1.45;position:relative}.oi-c:has(.oi-go){transition:scale .45s cubic-bezier(.2,.8,.2,1)}.oi-c:has(.oi-go):hover{scale:1.02}.oi-c:has(.oi-go:focus-visible){scale:1.02}.oi-c:has(.oi-go) h3{white-space:nowrap;max-width:none;padding-right:clamp(52px,14cqw,64px);font-size:min(31px,9.6cqw - 5px)}.oi-c:has(.oi-go) p{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;padding-right:4cqw;display:-webkit-box;overflow:hidden}.oi-go{z-index:3;border-radius:inherit;color:inherit;outline:none;position:absolute;inset:0}.oi-go span{aspect-ratio:1;background:color-mix(in srgb, var(--color-ink) 8%, transparent);border-radius:50%;place-items:center;width:clamp(38px,3vw,46px);transition:background .25s,color .25s,scale .45s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:clamp(20px,2.4vw,36px);right:clamp(20px,2.4vw,36px)}.oi-go svg{width:45%;height:45%;transition:translate .35s cubic-bezier(.2,.8,.2,1)}.oi-c:hover .oi-go span,.oi-go:focus-visible span{background:var(--color-ink);color:var(--color-paper);scale:1.08}.oi-c:hover .oi-go svg{translate:2px -2px}.oi-c[style*=--ink] .oi-go span{background:color-mix(in srgb, var(--color-paper) 12%, transparent)}.oi-c[style*=--ink]:hover .oi-go span,.oi-c[style*=--ink] .oi-go:focus-visible span{background:var(--color-paper);color:var(--color-ink)}.oi-go:focus-visible{box-shadow:inset 0 0 0 2px}.oi-c:has(.oi-v){aspect-ratio:auto;container-type:inline-size}.oi-c:has(.oi-v):after{content:"";height:72cqw;margin-top:clamp(28px,3.4vw,52px);display:block}.oi-v{z-index:1;position:absolute;overflow:visible}@supports (animation-timeline:view()){.oi-v:not(.oi-ch){animation:linear both oiB;animation-timeline:--oig;animation-range:entry calc(10% + var(--i) * 7%) cover calc(42% + var(--i) * 4%)}}@media (width<=640px){.oi-c p{font-size:15px}}@media (prefers-reduced-motion:reduce){.oi :not(.oi-g),.pv-r{animation:none!important}}@media (width>=641px) and (width<=1024px){.oi-c:has(.oi-go) p{-webkit-line-clamp:3}}@media (width<=640px){.oi-c:has(.oi-go) h3{white-space:normal;font-size:max(18px,min(21px,9.6cqw - 5px))}.oi-c:has(.oi-go) p{-webkit-line-clamp:unset;display:block;overflow:visible}}