.cs-hero.cs{background:transparent}.cs-atmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#fff}.cs-atmos__canvas{display:block;width:100%;height:100%}.cs-atmos.is-static{background:radial-gradient(48% 42% at 0% 0%,rgba(47,123,246,.26),transparent 70%),radial-gradient(42% 40% at 100% 6%,rgba(209,244,251,.95),transparent 70%),radial-gradient(50% 46% at 100% 100%,rgba(199,222,255,.95),transparent 70%),radial-gradient(44% 40% at 0% 100%,rgba(209,244,251,.85),transparent 70%),#fff}.cs-atmos.is-static .cs-atmos__canvas{display:none}.cs-hero__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:max(520px,calc(100svh - var(--cs-fit-top, var(--header-height, 72px))));padding:clamp(48px,7vw,96px) var(--cs-pad-x);text-align:center}.cs-hero__mark{width:clamp(52px,4.4vw,64px);aspect-ratio:1;border-radius:28%;overflow:hidden;box-shadow:inset 0 1px #fff9,0 18px 36px -18px #0d090a8c}.cs-hero__mark img{width:100%;height:100%;object-fit:cover}.cs-hero__title{--t-ff: var(--cs-f-head);--t-fs: var(--cs-fs-h1);--t-lh: .94;--t-ls: -.058em;--t-c: var(--cs-ink);margin-top:clamp(24px,2.6vw,36px)!important;display:flex;flex-direction:column;align-items:center}.cs-hero__line{display:block;padding:.04em .06em .24em;margin-bottom:-.24em;overflow:clip}.cs-hero__line>span{display:block}.cs-hero__line--accent{color:#a3a5ac}@media(max-width:749px){.cs-hero__inner{min-height:max(440px,calc(100svh - var(--cs-fit-top, 64px)))}}@media(prefers-reduced-motion:no-preference){.cs-hero__mark{animation:cs-hero-pop 1s var(--cs-ease-spring) .1s both}.cs-hero__line>span{animation:cs-hero-rise 1.15s var(--cs-ease) both}.cs-hero__line:nth-child(1)>span{animation-delay:.32s}.cs-hero__line:nth-child(2)>span{animation-delay:.44s}.cs-atmos{animation:cs-hero-fade 1.6s ease both}}@keyframes cs-hero-pop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}}@keyframes cs-hero-rise{0%{transform:translateY(108%)}}@keyframes cs-hero-fade{0%{opacity:0}}.cs-hero--media{--hero-dim: .45}.cs-hero__media{position:absolute;top:0;right:0;bottom:-32svh;left:0;z-index:0;overflow:hidden;background:#07080c;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%)}.cs-hero__video-wrap,.cs-hero__video-wrap picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cs-hero__poster,.cs-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.cs-hero__video{opacity:0;transition:opacity .8s var(--cs-ease)}.cs-hero__video-wrap.is-playing .cs-hero__video{opacity:1}.cs-hero__video::-webkit-media-controls{display:none!important}.cs-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 52% 42% at 50% 50%,rgba(7,8,12,calc(var(--hero-dim) * .7)),transparent 100%),linear-gradient(180deg,rgba(7,8,12,calc(var(--hero-dim) + .15)),rgba(7,8,12,var(--hero-dim)) 30% 70%,rgba(7,8,12,calc(var(--hero-dim) + .2)))}.cs-hero--media .cs-hero__inner{position:relative;z-index:1}.cs-hero--media .cs-hero__title{--t-c: #fff;text-shadow:0 2px 40px rgba(7,8,12,.35)}.cs-hero.cs-hero--media .cs-hero__line--accent{color:#ffffff9e}.cs-hero--media .cs-hero__mark img{filter:invert(1)}.cs-hero--media .cs-hero__mark{box-shadow:0 18px 40px -16px rgba(var(--cs-blue-rgb),.55)}@media(prefers-reduced-motion:no-preference){.cs-hero__media{animation:cs-hero-fade 1.2s ease both}}@media(max-width:749px){.cs-hero__media{top:0;right:0;bottom:-20svh;left:0}}.cs-hero__text{--t-fs: clamp(17px, 1.45vw, 22px);--t-lh: 1.5;--t-ls: -.01em;--t-c: var(--cs-ink-soft);max-width:30em;margin-top:clamp(20px,2.2vw,30px)!important;text-wrap:balance}@media(prefers-reduced-motion:no-preference){.cs-hero__text{animation:cs-hero-up 1s var(--cs-ease) .62s both}}@keyframes cs-hero-up{0%{opacity:0;transform:translateY(14px)}}.cs-hero__year{display:inline-block;vertical-align:baseline}.cs-hero__line:has(.cs-flip){margin-top:.1em}.cs-flip{display:inline-flex;gap:.05em;vertical-align:baseline;perspective:4em}.cs-flip__card{--flip-ms: .3s;position:relative;display:inline-grid;place-items:center;width:.7em;height:.98em;border-radius:.1em;overflow:hidden;background:linear-gradient(180deg,#ffffff1a 0,#ffffff0a 49.6%,#0000001f 50.4%,#0000),var(--cs-blue);box-shadow:inset 0 1px #ffffff47,0 .04em .12em -.04em #07080c99;color:#fff;-webkit-text-fill-color:#fff;transform:translateY(.02em)}.cs-flip__card:before{content:"";position:absolute;left:0;right:0;top:50%;z-index:2;height:.012em;min-height:1px;background:#07080c73}.cs-flip__card:after{content:"";position:absolute;inset:calc(50% - .035em) -.02em auto;z-index:2;height:.07em;background:radial-gradient(circle at .035em 50%,rgba(7,8,12,.6) .03em,transparent .034em),radial-gradient(circle at calc(100% - .035em) 50%,rgba(7,8,12,.6) .03em,transparent .034em)}.cs-flip__d{display:block;line-height:1;text-box:trim-both cap alphabetic;transform:translateY(var(--flip-y, 0));transform-origin:50% 50%;backface-visibility:hidden}@supports not (text-box: trim-both cap alphabetic){.cs-flip__d{--flip-y: -.045em}}.cs-flip__card.is-flip .cs-flip__d{animation:cs-flip var(--flip-ms) cubic-bezier(.3,.7,.3,1) both}@keyframes cs-flip{0%{transform:translateY(var(--flip-y, 0)) rotateX(88deg);filter:brightness(1.6)}to{transform:translateY(var(--flip-y, 0)) rotateX(0);filter:brightness(1)}}@media(prefers-reduced-motion:no-preference){.cs-flip{animation:cs-hero-up .9s var(--cs-ease) .6s both}}.cs-hero--grid{--hero-dim: .5}.cs-hero__grid{position:absolute;top:0;right:0;bottom:-12svh;left:0;z-index:0;overflow:hidden;background:#07080c;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent 100%)}.cs-hero__tiles{position:absolute;inset:-1% -1% auto;display:grid;grid-template-columns:repeat(var(--hero-cols, 14),minmax(0,1fr));gap:clamp(5px,.55vw,9px)}.cs-hero__tile{aspect-ratio:1;border-radius:clamp(8px,.8vw,12px);overflow:hidden;background:#151821}.cs-hero__tile img{width:100%;height:100%;object-fit:cover}.cs-hero__grid-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 40% 38% at 50% 46%,#07080ce0,#07080c80 70%,#07080c38),linear-gradient(180deg,#07080c73,#07080c0d 26%)}.cs-hero--grid .cs-hero__inner{position:relative;z-index:1}.cs-hero--grid .cs-hero__title{--t-c: #fff;text-shadow:0 2px 40px rgba(7,8,12,.5)}.cs-hero.cs-hero--grid .cs-hero__line--accent{color:#fff9}.cs-hero--grid .cs-hero__text{--t-c: rgba(255, 255, 255, .78)}.cs-hero--grid .cs-hero__mark img{filter:invert(1)}.cs-hero--grid .cs-hero__mark{box-shadow:0 18px 40px -16px rgba(var(--cs-blue-rgb),.55)}@media(prefers-reduced-motion:no-preference){.cs-hero__tile{animation:cs-hero-tile 1s var(--cs-ease) both,cs-hero-pulse 4.8s var(--cs-ease) infinite;animation-delay:calc(.1s + var(--dist, .5) * .7s),calc(1.2s + var(--dist, .5) * 1.1s)}}@keyframes cs-hero-tile{0%{opacity:0;transform:scale(.85)}}@media(prefers-reduced-motion:no-preference){.cs-hero__grid.is-cursor .cs-hero__tile{animation:cs-hero-tile 1s var(--cs-ease) both;animation-delay:calc(.1s + var(--dist, .5) * .7s)}}@keyframes cs-hero-pulse{0%,22%,to{transform:translateY(0) scale(1);filter:brightness(1)}7%{transform:translateY(-10px) scale(1.06);filter:brightness(1.35)}14%{transform:translateY(3px) scale(.99)}}@media(max-width:989px){.cs-hero--grid{--hero-cols: 10}}@media(max-width:749px){.cs-hero--grid{--hero-cols: 7}.cs-hero__grid-scrim{background:radial-gradient(ellipse 72% 34% at 50% 46%,#07080ce6,#07080c80 80%,#07080c40),linear-gradient(180deg,#07080c66,#07080c14 26%)}}.cp-hero-reel .cs-hero__scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h128v128H0z'/%3E%3C/svg%3E");background-repeat:repeat}
/*# sourceMappingURL=/cdn/shop/t/78/assets/cs-hero.css.map */
