:root{--lime:#02ce79;--purple:#a51eff;--ink:#0a0a0a;--paper:#fff;--grey:hsla(0,0%,4%,.38);--line:hsla(0,0%,4%,.1);--font-display:"Louize";--font-sans:"Hanken Grotesk";--t-hero:clamp(64px,8.4vw,154px);--t-h2:clamp(46px,5.8vw,100px);--t-h3:clamp(30px,3.4vw,52px);--t-quote:clamp(22px,2.4vw,30px);--sp-section:clamp(110px,13vw,200px);--sp-inner:clamp(44px,5vw,72px);--gutter:6vw;--gutter-media:6vw;--r-card:12px;--r-media:20px}@font-face{font-family:Louize;src:url(/fonts/205TF-Louize-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Louize;src:url(/fonts/205TF-Louize-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Louize;src:url(/fonts/205TF-Louize-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Louize;src:url(/fonts/205TF-Louize-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Louize;src:url(/fonts/205TF-Louize-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Louize;src:url(/fonts/205TF-Louize-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans),"Lexend",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display),"Source Serif 4",Georgia,serif;font-weight:400;letter-spacing:-.028em;font-optical-sizing:auto}.statement{font-weight:400;font-size:clamp(44px,6.6vw,120px);line-height:.96;letter-spacing:-.04em}.lede,.statement{font-family:var(--font-display),"Source Serif 4",Georgia,serif}.lede{font-size:clamp(18px,1.7vw,24px);line-height:1.32;letter-spacing:-.012em;color:hsla(0,0%,4%,.52)}.eyebrow{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:999px;font-size:15px;font-weight:600;transition:transform .5s cubic-bezier(.19,1,.22,1)}.btn:hover{transform:translateY(-1px)}.btn-purple{background:var(--purple);color:#fff}.btn-ink{background:var(--ink);color:#fff}.wf span{color:var(--grey);transition:color .3s ease}.wf span.on{color:var(--ink)}.wfLight .wf span{color:hsla(0,0%,100%,.3)}.wfLight .wf span.on{color:#fff}.aiBreath{background:radial-gradient(120% 140% at 20% 0,#2a1150 0,#150a26 45%,#0b0514 100%)}.aiBreath:before{content:"";position:absolute;inset:-35%;pointer-events:none;background:radial-gradient(38% 46% at 30% 30%,rgba(165,30,255,.45),transparent 65%),radial-gradient(34% 40% at 72% 68%,rgba(2,206,121,.22),transparent 65%),radial-gradient(30% 36% at 62% 20%,rgba(120,40,220,.38),transparent 60%);filter:blur(46px);animation:breathe 16s ease-in-out infinite}@keyframes breathe{0%,to{transform:translate(-2%,-3%) scale(1);opacity:.75}38%{transform:translate(3%,2%) scale(1.12);opacity:1}70%{transform:translate(-3%,4%) scale(1.05);opacity:.82}}.coin{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 18px 34px rgba(0,0,0,.5));animation:coinFloat 9s ease-in-out infinite}@keyframes coinFloat{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-16px) rotate(calc(var(--rot, 0deg) + 5deg))}}.bleed{margin:0 20px;border-radius:var(--r-media);overflow:hidden;position:relative}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.navProgress{position:absolute;left:20px;right:20px;bottom:0;height:2px;background:hsla(0,0%,4%,.07);border-radius:2px;overflow:hidden}.navProgress i{display:block;height:100%;width:100%;background:var(--purple);transform-origin:0 50%;transform:scaleX(0)}.menuRow{transition:opacity .25s ease,transform .25s ease}.menuRow:hover{transform:translateX(6px)}.menuList:hover .menuRow:not(:hover){opacity:.38}@keyframes twinkle{0%,to{opacity:.08;transform:scale(.75)}50%{opacity:1;transform:scale(1.45)}}@keyframes spotpulse{0%,to{opacity:.1}50%{opacity:.55}}.tw{background:radial-gradient(circle,#fff 0,hsla(0,0%,100%,.6) 45%,transparent 72%);box-shadow:0 0 14px 4px hsla(0,0%,100%,.55);animation:twinkle var(--twd,3s) ease-in-out infinite;animation-delay:var(--twdel,0s);will-change:opacity,transform}.spot,.tw{position:absolute;border-radius:50%;mix-blend-mode:screen}.spot{background:radial-gradient(circle,hsla(0,0%,100%,.65) 0,transparent 65%);filter:blur(8px);animation:spotpulse var(--twd,5s) ease-in-out infinite;animation-delay:var(--twdel,0s)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marq{display:flex;gap:16px;width:max-content;animation:marquee 46s linear infinite}.marq.rev{animation-duration:58s;animation-direction:reverse}.marq.pausable:hover{animation-play-state:paused}[data-card]{will-change:transform;transition:box-shadow .3s ease;box-shadow:0 18px 50px hsla(0,0%,4%,.13)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.wf span{color:var(--ink)}}.foleyPeek{overflow:hidden;pointer-events:none;opacity:1!important;transform:none!important}.foleyPeek img{display:block;width:100%;transform:translateY(103%);transition:transform .9s cubic-bezier(.19,1,.22,1) .25s}.foleyPeek.in img{transform:translateY(0)}.grain:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:url(/brand/grain.webp);background-repeat:repeat;background-size:160px 160px;opacity:.055;mix-blend-mode:overlay}.brandField{background:radial-gradient(90% 70% at 18% 0,rgba(165,30,255,.3),transparent 62%),radial-gradient(70% 60% at 92% 12%,rgba(120,40,220,.22),transparent 60%),radial-gradient(80% 70% at 70% 108%,rgba(2,206,121,.13),transparent 62%),linear-gradient(168deg,#1b0f30,#140a24 45%,#0a0a0a)}.xTile:after{content:"";inset:0;z-index:1;background-image:url(/brand/pattern-x.jpg);background-size:300px auto;background-repeat:repeat;opacity:.03;mix-blend-mode:screen}.orb,.xTile:after{position:absolute;pointer-events:none}.orb{border-radius:50%;z-index:0;filter:blur(40px);animation:orbBreathe 17s ease-in-out infinite}.orbA{width:46vw;height:46vw;right:-6vw;top:-12vw;background:radial-gradient(circle,rgba(165,30,255,.3),rgba(165,30,255,.06) 55%,transparent 72%)}.orbB{width:42vw;height:42vw;right:-4vw;top:-8vw;background:radial-gradient(circle,rgba(165,30,255,.32),rgba(120,40,220,.08) 55%,transparent 72%)}.orbC{width:44vw;height:44vw;right:-5vw;top:-10vw;background:radial-gradient(circle,rgba(2,206,121,.3),rgba(2,206,121,.07) 55%,transparent 72%)}@keyframes orbBreathe{0%,to{transform:translate(0) scale(1);opacity:.85}40%{transform:translate(-3%,4%) scale(1.12);opacity:1}70%{transform:translate(2%,-3%) scale(1.05);opacity:.9}}.fluted{background-image:repeating-linear-gradient(90deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.03) 2px,hsla(0,0%,4%,.055) 5px,hsla(0,0%,100%,.11) 8px)}.fluted,.flutedLight{position:absolute;inset:0;pointer-events:none;z-index:1}.flutedLight{background-image:repeating-linear-gradient(90deg,hsla(0,0%,100%,.55),hsla(0,0%,100%,.15) 2px,hsla(0,0%,4%,.045) 5px,hsla(0,0%,100%,.55) 8px)}.glassX{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:url(/brand/pattern-x.jpg);background-size:260px auto;background-repeat:repeat;opacity:.045;mix-blend-mode:multiply}@media (prefers-reduced-motion:reduce){.orb{animation:none}}.liveField{position:relative;background:#08060f;overflow:hidden}.liveField:after,.liveField:before{content:"";position:absolute;inset:-35%;pointer-events:none;z-index:0}.liveField:before{background:radial-gradient(40% 44% at 20% 26%,rgba(2,206,121,.62),transparent 62%),radial-gradient(46% 50% at 76% 38%,rgba(165,30,255,.72),transparent 64%);filter:blur(46px);animation:drift1 19s ease-in-out infinite}.liveField:after{background:radial-gradient(40% 46% at 64% 80%,rgba(239,29,106,.52),transparent 62%),radial-gradient(26% 30% at 12% 84%,rgba(254,128,43,.3),transparent 60%);filter:blur(58px);animation:drift2 27s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(-3%,-2%) scale(1)}33%{transform:translate(4%,3%) scale(1.14)}66%{transform:translate(-2%,5%) scale(1.05)}}@keyframes drift2{0%,to{transform:translate(2%,3%) scale(1.06)}40%{transform:translate(-5%,-3%) scale(1)}75%{transform:translate(3%,-5%) scale(1.12)}}.brandField2{background:radial-gradient(50% 55% at 16% 18%,rgba(2,206,121,.34),transparent 62%),radial-gradient(55% 60% at 82% 30%,rgba(165,30,255,.55),transparent 64%),radial-gradient(50% 55% at 60% 104%,rgba(239,29,106,.34),transparent 62%),radial-gradient(24% 26% at 6% 92%,rgba(254,128,43,.2),transparent 60%),#08060f}.grainLight,.grainStrong{position:absolute;inset:0;pointer-events:none;z-index:3;background-image:url(/brand/grain.webp);background-repeat:repeat;background-size:150px 150px}.grainStrong{opacity:.17;mix-blend-mode:overlay}.grainLight{opacity:.1;mix-blend-mode:multiply}.glassPane{position:absolute;inset:0;z-index:2;pointer-events:none;backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);background:linear-gradient(128deg,hsla(0,0%,100%,.46),hsla(0,0%,100%,.08) 38%,hsla(0,0%,100%,.04) 62%,hsla(0,0%,100%,.34));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 hsla(0,0%,100%,.45)}.orbClip{overflow:hidden;z-index:0}.glassPaneDeep,.orbClip{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent),linear-gradient(90deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent),linear-gradient(90deg,transparent 0,#000 90px,#000 calc(100% - 90px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.glassPaneDeep{z-index:2;backdrop-filter:blur(54px) saturate(1.5);-webkit-backdrop-filter:blur(54px) saturate(1.5);background:linear-gradient(128deg,hsla(0,0%,100%,.58),hsla(0,0%,100%,.14) 40%,hsla(0,0%,100%,.06) 64%,hsla(0,0%,100%,.44))}.glassCardLight{background:linear-gradient(135deg,hsla(0,0%,100%,.55),hsla(0,0%,100%,.22) 55%,hsla(0,0%,100%,.38));-webkit-backdrop-filter:blur(18px) saturate(1.9);backdrop-filter:blur(18px) saturate(1.9);border:1px solid hsla(0,0%,100%,.78);box-shadow:0 8px 32px rgba(31,30,60,.14),inset 0 1px 0 hsla(0,0%,100%,.85);border-radius:14px}.glassRibs{position:absolute;inset:0;z-index:3;pointer-events:none;background-image:repeating-linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.1) 3px,hsla(0,0%,4%,.05) 7px,hsla(0,0%,100%,.5) 11px)}.waabiGrammar{--gutter:11.4%;--gutter-media:1.5%;--sp-section:clamp(72px,7.5vw,120px);--sp-section-lg:clamp(96px,11.25vw,180px);--t-h1:clamp(54px,8.1vw,130px);--t-h2:clamp(38px,5vw,80px)}.waabiGrammar .display{letter-spacing:-.04em}.waabiGrammar .statement{line-height:.9;letter-spacing:-.053em}.waabiGrammar .eyebrow{letter-spacing:.02em}.waabiGrammar .lede{line-height:1.25}.waabiGrammar .ordinal{font-family:var(--font-display),"Source Serif 4",Georgia,serif;font-weight:400;font-size:clamp(28px,2.5vw,40px);line-height:1.1;letter-spacing:-.03em}@view-transition{navigation:auto}:root{--view-transition-duration:.8s;view-transition-name:root}::view-transition-old(root){animation:cxc-page-out .8s ease both}::view-transition-new(root){animation:cxc-page-in .8s ease both}@keyframes cxc-page-out{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(1.1)}}@keyframes cxc-page-in{0%{-webkit-clip-path:inset(50% round 12px);clip-path:inset(50% round 12px);transform:scale(1.1)}90%{-webkit-clip-path:inset(0 round 12px);clip-path:inset(0 round 12px);transform:scale(1)}to{-webkit-clip-path:inset(0);clip-path:inset(0);transform:scale(1)}}.vtLogo{view-transition-name:cxc-logo}.vtAuth{view-transition-name:cxc-auth}.vtNav{view-transition-name:cxc-nav}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation:none}}.xGreen{filter:hue-rotate(235deg) saturate(1.5) brightness(1.15)}@keyframes foleyFlyIn{0%{opacity:0;transform:translate3d(-230%,34%,0) rotate(-17deg)}55%{opacity:1;transform:translate3d(7%,-9%,0) rotate(5deg)}78%{transform:translate3d(-3%,3%,0) rotate(-2deg)}to{opacity:1;transform:translateZ(0) rotate(0deg)}}.foleyFly{animation:foleyFlyIn 1.15s cubic-bezier(.22,.9,.24,1) .9s both}@media (prefers-reduced-motion:reduce){.foleyFly{animation:none;opacity:1}}.orbitWrap{position:relative;aspect-ratio:1;width:100%;margin-inline:auto}.orbitRing{animation:orbitSpin 46s linear infinite}
/* !! THE STROKE LIVES ON ::before, NOT ON .orbitRing ITSELF.
   A `mask` applies to an element AND ALL ITS CHILDREN. Masking the ring directly
   clipped all 18 faces down to the 1.5px hairline — rings drew fine, heads vanished.
   (The Jul 15 mockup dodged this with a padding-box/border-box gradient, but that
   needs an OPAQUE fill and would stamp a black disc over the section media.)
   Keeping the mask on a pseudo-element gives a hollow ring AND intact avatars. */.orbitRing,.orbitRing:before{position:absolute;inset:0;border-radius:50%}.orbitRing:before{content:"";background:linear-gradient(180deg,rgba(2,206,121,0),rgba(2,206,121,.55) 45%,rgba(165,30,255,0));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px))}.orbitRing.r2{inset:11%;animation-duration:38s;animation-direction:reverse}.orbitRing.r3{inset:24%;animation-duration:30s}.orbitAv{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7));animation:orbitCounter 46s linear infinite}.r2 .orbitAv{animation-duration:38s;animation-direction:reverse}.r3 .orbitAv{animation-duration:30s}@keyframes orbitSpin{to{transform:rotate(1turn)}}@keyframes orbitCounter{to{transform:rotate(-1turn)}}@media (prefers-reduced-motion:reduce){.orbitAv,.orbitRing{animation:none}}.emberField{position:relative;background:radial-gradient(76% 42% at 2% 106%,#f54e04 0,rgba(236,72,6,.62) 28%,rgba(228,68,8,0) 64%),radial-gradient(72% 40% at 98% 104%,#ff9e18 0,rgba(251,124,14,.64) 28%,rgba(247,118,14,0) 64%),radial-gradient(155% 42% at 50% 118%,rgba(200,66,10,.66) 0,rgba(200,66,10,0) 78%),#000}.emberField:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 34% at 62% 118%,rgba(255,146,30,.34) 0,rgba(255,146,30,0) 68%);animation:emberDrift 23s ease-in-out infinite}@keyframes emberDrift{0%,to{transform:translate3d(-3%,0,0) scale(1);opacity:.85}50%{transform:translate3d(4%,-1.5%,0) scale(1.09);opacity:1}}@media (prefers-reduced-motion:reduce){.emberField:after{animation:none}}.featCell .featNum{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display),"Source Serif 4",Georgia,serif;font-size:34px;line-height:1;letter-spacing:-.03em;color:var(--ink);background:rgba(2,206,121,.13);transition:background .5s cubic-bezier(.19,1,.22,1),color .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1)}.featCell:hover .featNum{background:var(--lime);color:#04120c;transform:scale(1.07)}@media (prefers-reduced-motion:reduce){.featCell .featNum{transition:none}}.featGrid{grid-template-columns:repeat(3,1fr)}@media (max-width:1060px){.featGrid{grid-template-columns:repeat(2,1fr)}.featGrid .featCell:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:700px){.featGrid{grid-template-columns:repeat(2,1fr)}.featSection{padding-left:14px!important;padding-right:14px!important}.featGrid .featCell{padding:20px 14px 26px!important}}.featGrid.reveal{opacity:1;transform:none}
/* !! THE DISC IS DELIBERATELY EXCLUDED FROM THE REVEAL'S TRANSFORM (:not(.featNum)), and this is the
   whole reason the hover still works. `transform` on .featNum belongs to the HOVER (scale 1.07).
   A reveal rule at `.featGrid.in .featCell > *` is (0,4,0) and OUT-SPECIFIES `.featCell:hover
   .featNum` (0,3,0), so it silently pins the disc to `transform: none` and the hover scale never
   lands — computed styles read clean, the pixels just do not move. Patching the hover selector's
   specificity works too, but leaves the next declaration to hit the same wall. Not overlapping the
   property at all is the fix that stays fixed. The disc fades without rising; on a 64px circle the
   24px rise was not visible anyway. */.featGrid .featCell>*{opacity:0;transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}.featGrid .featCell>:not(.featNum){transform:translateY(24px)}.featGrid.in .featCell>*{opacity:1}.featGrid.in .featCell>:not(.featNum){transform:none}.featGrid.in .featCell .featNum{transition-delay:var(--d,0ms)}.featGrid.in .featCell h4{transition-delay:calc(var(--d, 0ms) + 80ms)}.featGrid.in .featCell p{transition-delay:calc(var(--d, 0ms) + .13s)}.featGrid.in .featCell:hover .featNum{transition-delay:0s}@media (max-width:700px){.featGrid .featCell>*{transition-delay:0s!important}}@media (prefers-reduced-motion:reduce){.featGrid .featCell>*{opacity:1;transition:none}.featGrid .featCell>:not(.featNum){transform:none}}.armWrap{position:relative;display:inline-flex}.armWrap>.btn{position:relative;z-index:1}.armSweep{position:absolute;left:0;top:50%;width:0;height:0;font-size:var(--bh,48px);pointer-events:none;z-index:0;opacity:0;transform:translate(.362em,.178em);transition:opacity .26s cubic-bezier(.19,1,.22,1),transform .3s cubic-bezier(.19,1,.22,1)}.armWrap:focus-within .armSweep,.armWrap:hover .armSweep{animation:sweepIn .42s linear forwards,armZ .42s steps(1) forwards}@keyframes sweepIn{0%{opacity:0;transform:translate(.362em,.178em)}8%{opacity:1}10%{transform:translate(.5em,.212em)}20%{transform:translate(.631em,.235em)}30%{transform:translate(.751em,.243em)}40%{transform:translate(.858em,.226em)}50%{transform:translate(.932em,.167em)}60%{transform:translate(.943em,.084em)}70%{transform:translate(.927em,.015em)}80%{transform:translate(.906em,-.037em)}90%{transform:translate(.889em,-.072em)}to{opacity:1;transform:translate(.881em,-.087em)}}@keyframes armZ{0%,38.9%{z-index:0}39%,to{z-index:2}}.armSweep img{position:absolute;right:0;top:calc(var(--ty) * var(--h) * -1);height:var(--h);width:auto;max-width:none;opacity:0}.armSweep img:first-child{--h:0.843em;--ty:0.437}.armSweep img:nth-child(2){--h:0.71em;--ty:0.665}.armSweep img:nth-child(3){--h:0.68em;--ty:0.295}.armWrap:hover .armSweep img:first-child{animation:armF1 .42s linear forwards}.armWrap:hover .armSweep img:nth-child(2){animation:armF2 .42s linear forwards}.armWrap:hover .armSweep img:nth-child(3){animation:armF3 .42s linear forwards}@keyframes armF1{0%,35%{opacity:1}43%,to{opacity:0}}@keyframes armF2{0%,35%{opacity:0}43%,74%{opacity:1}82%,to{opacity:0}}@keyframes armF3{0%,74%{opacity:0}82%,to{opacity:1}}.armWave{position:absolute;left:100%;top:50%;width:0;height:0;font-size:var(--bh,48px);pointer-events:none;z-index:0;transform:translate(-1.07em);transition:transform .34s cubic-bezier(.19,1,.22,1)}.armWrap:focus-within .armWave,.armWrap:hover .armWave{transform:translate(-.33em,-.31em)}.armWave img{position:absolute;left:-.1476em;top:0;height:.646em;width:auto;max-width:none;transform-origin:0 50%;transform:rotate(-35.5deg)}.armWrap:hover .armWave img{animation:armWaveRock 1.05s ease-in-out .24s infinite}@keyframes armWaveRock{0%,to{transform:rotate(-35.5deg)}25%{transform:rotate(-21deg)}75%{transform:rotate(-50deg)}}@media (prefers-reduced-motion:reduce){.armSweep,.armWave{transition:none}.armWrap:hover .armSweep,.armWrap:hover .armSweep img,.armWrap:hover .armWave img{animation:none}.armWrap:hover .armSweep{opacity:1;transform:translate(.881em,-.087em);z-index:2}.armWrap:hover .armSweep img:nth-child(3){opacity:1}}@media (hover:none){.armSweep,.armWave{display:none}}@media (max-width:600px){.foleyHero{left:auto!important;right:3vw!important;bottom:26px!important;width:26vw!important}.foleyHero img{transform:scaleX(-1)}}.creatorsH1{font-size:var(--t-h1)}@media (max-width:520px){.creatorsH1{font-size:clamp(30px,10.2vw,54px)}}main [id]{scroll-margin-top:150px}.stepGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.stepGrid>*{padding:clamp(26px,2.6vw,40px) clamp(20px,2vw,34px) clamp(34px,3.4vw,52px);border-right:1px solid var(--line)}.stepGrid>:nth-child(4n+1){padding-left:0}.stepGrid>:last-child,.stepGrid>:nth-child(4n){border-right:none}@media (max-width:1080px){.stepGrid{grid-template-columns:repeat(2,1fr)}.stepGrid>*{border-right:1px solid var(--line);padding-left:clamp(20px,2vw,34px)}.stepGrid>:nth-child(odd){padding-left:0}.stepGrid>:nth-child(2n){border-right:none}.stepGrid>:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:620px){.stepGrid{grid-template-columns:1fr}.stepGrid>*{border-right:none;padding-left:0}.stepGrid>:nth-child(n+2){border-top:1px solid var(--line)}}.stepGrid3{grid-template-columns:repeat(3,1fr)}.stepGrid3>:nth-child(4n+1){padding-left:clamp(20px,2vw,34px)}.stepGrid3>:nth-child(4n){border-right:1px solid var(--line)}.stepGrid3>:nth-child(3n+1){padding-left:0}.stepGrid3>:nth-child(3n){border-right:none}@media (max-width:1080px){.stepGrid3{grid-template-columns:repeat(2,1fr)}.stepGrid3>:nth-child(3n+1){padding-left:clamp(20px,2vw,34px)}.stepGrid3>:nth-child(3n){border-right:1px solid var(--line)}.stepGrid3>:nth-child(odd){padding-left:0}.stepGrid3>:nth-child(2n){border-right:none}.stepGrid3>:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:620px){.stepGrid3{grid-template-columns:1fr}.stepGrid3>*{border-right:none;padding-left:0}.stepGrid3>:nth-child(n+2){border-top:1px solid var(--line)}}.quoteCard{position:relative}.quoteCard:before{content:"";position:absolute;inset:-70px;z-index:0;pointer-events:none;border-radius:calc(var(--r-media) + 70px);background:radial-gradient(46% 40% at 10% 8%,rgba(255,138,28,.42),transparent 60%),radial-gradient(42% 46% at 92% 15%,rgba(255,104,14,.38),transparent 60%),radial-gradient(52% 44% at 86% 96%,rgba(248,86,8,.46),transparent 62%),radial-gradient(48% 44% at 13% 93%,rgba(255,116,24,.42),transparent 62%),radial-gradient(64% 52% at 50% 50%,rgba(254,120,30,.16),transparent 66%);filter:blur(42px);animation:quoteGlowDrift 22s ease-in-out infinite}.quoteGlowCard{position:relative;z-index:1;box-shadow:0 0 0 1.5px rgba(255,138,36,.62),0 0 16px rgba(255,116,20,.78),0 0 46px 2px rgba(252,104,16,.42),0 0 100px 17px rgba(250,96,14,.22)}@keyframes quoteGlowDrift{0%,to{transform:translate3d(-1.5%,0,0) scale(1);opacity:.9}50%{transform:translate3d(2%,-1%,0) scale(1.05);opacity:1}}@media (prefers-reduced-motion:reduce){.quoteCard:before{animation:none}}@keyframes cueBob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.scrollCueArrow{animation:cueBob 1.9s cubic-bezier(.45,0,.55,1) infinite}.glassCard{background:linear-gradient(135deg,rgba(26,24,34,.68),rgba(12,11,18,.52) 55%,rgba(24,22,32,.62));-webkit-backdrop-filter:blur(18px) saturate(1.9);backdrop-filter:blur(18px) saturate(1.9);border:1px solid hsla(0,0%,100%,.22);box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.28);border-radius:14px}.bloomPurpleBottom{z-index:0;background:radial-gradient(76% 42% at 2% 106%,rgba(122,31,218,.95) 0,rgba(122,31,218,.55) 28%,rgba(122,31,218,0) 64%),radial-gradient(72% 40% at 98% 104%,rgba(196,92,255,.95) 0,rgba(165,30,255,.58) 28%,rgba(165,30,255,0) 64%),radial-gradient(155% 42% at 50% 118%,rgba(120,40,200,.55) 0,rgba(120,40,200,0) 78%)}.bloomPurpleBottom,.bloomPurpleBottom:after{position:absolute;inset:0;pointer-events:none}.bloomPurpleBottom:after{content:"";background:radial-gradient(70% 34% at 62% 118%,rgba(196,92,255,.3) 0,rgba(196,92,255,0) 68%);animation:emberDrift 23s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.bloomPurpleBottom:after{animation:none}}.bloomGreenBottom{z-index:0;background:radial-gradient(76% 42% at 2% 106%,rgba(3,138,84,.95) 0,rgba(3,138,84,.55) 28%,rgba(3,138,84,0) 64%),radial-gradient(72% 40% at 98% 104%,rgba(60,235,150,.95) 0,rgba(2,206,121,.58) 28%,rgba(2,206,121,0) 64%),radial-gradient(155% 42% at 50% 118%,rgba(10,120,72,.55) 0,rgba(10,120,72,0) 78%)}.bloomGreenBottom,.bloomGreenBottom:after{position:absolute;inset:0;pointer-events:none}.bloomGreenBottom:after{content:"";background:radial-gradient(70% 34% at 62% 118%,rgba(60,235,150,.3) 0,rgba(60,235,150,0) 68%);animation:emberDrift 23s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.bloomGreenBottom:after{animation:none}}.uiGlowPurple{position:absolute;inset:-12% -14%;z-index:0;pointer-events:none;background:radial-gradient(78% 74% at 50% 50%,rgba(196,92,255,.55) 0,rgba(165,30,255,.38) 45%,rgba(165,30,255,0) 74%),radial-gradient(60% 55% at 26% 30%,rgba(165,30,255,.55) 0,rgba(165,30,255,0) 70%),radial-gradient(55% 50% at 78% 74%,rgba(122,31,218,.5) 0,rgba(122,31,218,0) 70%);filter:blur(30px);animation:emberDrift 23s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.uiGlowPurple{animation:none}}.reveal.fromRight{transform:translateX(90px)}.reveal.fromRight.in{transform:none}.cardAuraLime{position:absolute;inset:-10% -14%;z-index:0;pointer-events:none;background:radial-gradient(70% 64% at 50% 50%,rgba(2,206,121,.5) 0,rgba(2,206,121,.24) 48%,rgba(2,206,121,0) 75%),radial-gradient(50% 45% at 22% 72%,rgba(2,206,121,.4) 0,rgba(2,206,121,0) 70%),radial-gradient(48% 44% at 80% 26%,rgba(120,235,170,.38) 0,rgba(120,235,170,0) 70%);filter:blur(38px)}.featCell.featPurple .featNum,.featPurple .featCell .featNum{background:rgba(165,30,255,.13)}.featCell.featPurple:hover .featNum,.featPurple .featCell:hover .featNum{background:var(--purple);color:#fff}.caseCard{transition:transform .5s cubic-bezier(.19,1,.22,1)}.caseCard:hover{transform:translateY(-6px)}.caseCard .caseImg{transition:transform .8s cubic-bezier(.19,1,.22,1),filter .5s cubic-bezier(.19,1,.22,1);filter:brightness(.92)}.caseCard:hover .caseImg{filter:brightness(1.04)}.logoFade{-webkit-mask-image:linear-gradient(90deg,transparent,#000 90px,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(90deg,transparent,#000 90px,#000 calc(100% - 90px),transparent)}.foleyHearts{display:none}@media (min-width:1180px){.foleyHearts{display:block}}.foleyPop.reveal{overflow:hidden}.foleyFly.reveal,.foleyPop.reveal{opacity:1;transform:none;transition:none}.foleyFly.reveal.in{animation:foleyFlight 3.4s cubic-bezier(.19,1,.22,1) forwards}@keyframes foleyFlight{0%{transform:translate(0) rotate(0deg)}18%{transform:translate(4px,-140px) rotate(-5deg)}42%{transform:translate(150px,-200px) rotate(7deg)}58%{transform:translate(190px,-125px) rotate(3deg)}to{transform:translate(265px,-720px) rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.foleyFly.reveal.in{animation:none}}.foleyPop img{display:block;width:100%;height:auto;transform:translateY(108%) scaleX(-1);transition:transform .9s cubic-bezier(.34,1.45,.5,1)}.foleyPop.in img{transform:translateY(0) scaleX(-1)}.btn:active{transform:translateY(0) scale(.97)}.menuRow:active,.vtAuth a:active{transform:scale(.97)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.liftCard{transition:transform .5s cubic-bezier(.19,1,.22,1),box-shadow .5s cubic-bezier(.19,1,.22,1)}.liftCard:hover{transform:translateY(-6px)}.display,.statement{text-wrap:pretty}.menuOpen .menuRow{animation:rowIn .5s cubic-bezier(.19,1,.22,1) backwards;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes rowIn{0%{opacity:0;transform:translateY(12px)}}.caseCard.reveal .caseImg{transform:scale(1.02)}.caseCard.reveal.in .caseImg{transform:none}.caseCard.reveal.in:hover .caseImg{transform:scale(1.035)}.reveal .settle{transform:scale(1.02);transition:transform 1.2s cubic-bezier(.19,1,.22,1)}.reveal.in .settle{transform:none}.drawH{right:0;height:1px;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.19,1,.22,1) .1s}.drawH,.drawV{position:absolute;left:0;background:var(--line)}.drawV{top:0;bottom:0;width:1px;transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.19,1,.22,1) .35s}.reveal.in .drawH,.reveal.in .drawV{transform:none}.postDrift{animation:postFloat 7s ease-in-out infinite alternate}@keyframes postFloat{0%{transform:translateY(3px)}to{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.marq,.menuOpen .menuRow,.postDrift{animation:none}.marq{width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.marq::-webkit-scrollbar{display:none}.marq>*{scroll-snap-align:start}.coin,.liveField:after,.liveField:before,.spot,.tw{animation:none}.caseCard.reveal .caseImg,.drawH,.drawV,.foleyPeek img,.foleyPop img,.reveal .settle{transform:none;transition:none}}.btn:active,.menuRow:active,.vtAuth a:active{transition-duration:.12s}@media (hover:none),(pointer:coarse){.btn:hover,.caseCard.reveal.in:hover .caseImg,.caseCard:hover,.featCell:hover .featNum,.liftCard:hover,.menuRow:hover{transform:none}.armWrap:hover .armSweep{opacity:0}.marq.pausable:hover{animation-play-state:running}}.vtNav{width:min(250px,calc(100vw - 32px))}.navBarLogo,.stepHeadM{display:none}@media (max-width:700px){.vtAuth,.vtLogo{display:none!important}.navBarLogo{display:block;margin-right:2px}.vtNav{left:14px!important;right:14px!important;transform:none!important;top:14px!important;width:auto!important}.vtNav.navWide{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100vh!important}.vtNav.navWide>div{border-radius:0!important;height:100vh!important;box-shadow:none!important}.vtNav.navWide .menuOpen{max-height:none!important}.navCTA{display:none!important}.menuThumb{width:78px!important;height:52px!important;border-radius:10px!important}.menuRow .display{font-size:34px!important}.menuRow{padding:8px 0!important}.menuLabel{margin-top:4px}}.tabScroll{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabScroll::-webkit-scrollbar{display:none}.tabScroll>*{flex-shrink:0;white-space:nowrap}.authRowM{display:none}@media (max-width:700px){.authRowM{display:flex;gap:10px;margin-top:4px;margin-bottom:6px}.authRowM .btn{white-space:nowrap}}@media (max-width:760px){.mStack{grid-template-columns:1fr!important;gap:clamp(22px,6vw,34px)!important}.mStack>*{min-width:0!important}.mStack2{grid-template-columns:1fr 1fr!important}.mWrap{flex-wrap:wrap!important}.mStatRow{grid-template-columns:1fr 1fr!important}.mStatRow .drawV{display:none}.fixedPinGrid{grid-template-columns:1fr!important;align-content:center!important;gap:5vw!important;padding:24px!important}.fixedPinGrid>div:last-child{height:34vh!important}.footGrid{grid-template-columns:1fr 1fr!important;row-gap:30px!important;column-gap:18px!important}.footGrid>div:first-child{grid-column:1/-1!important}.footGrid a{white-space:normal}.footSign{flex-direction:column!important;align-items:flex-start!important}.footSign p{max-width:none!important}.footSign img{align-self:flex-end;width:78vw!important}.mStatRow>div{border-left:none!important}.machinePin{grid-template-columns:1fr!important;align-content:center!important;gap:6vw!important}.machinePin>div:last-child>div{margin-bottom:20px!important}.clipZone{flex-direction:column!important;align-items:stretch!important;min-height:0!important}.clipZone>div:first-child{max-width:100%!important}.clipDock{position:relative!important;height:auto!important;aspect-ratio:9/8!important;margin-top:10px}.clipEarn{left:4px!important}.mHide{display:none!important}.menuTgl{padding:14px 16px!important;margin:-14px -16px -14px auto!important}.nlBtn{padding:11px 14px!important;margin:-11px -14px!important}.footLinks{gap:2px!important}.footLinks a{padding:6px 0}.legalRow a{padding:14px 4px;margin:-14px -4px}.vtLogo{padding:10px!important;margin:-10px!important}input[type=range]{height:38px}.tapPad{position:relative}.tapPad:after{content:"";position:absolute;inset:-10px -8px}.tabPane{display:flex;flex-direction:column;min-height:0!important}.tabPane .tabCopy{order:1;width:100%!important;padding:26px 24px 22px!important}.tabPane .tabPhoto{order:2;position:relative!important;inset:auto!important;width:100%!important}.tabPane .tabPhoto,.tabPane .tabScrim{height:46vh!important;border-radius:0!important}.tabPane .tabScrim{display:block!important;position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;background:linear-gradient(180deg,rgba(9,5,18,.44),rgba(9,5,18,.6) 52%,rgba(9,5,18,.86))!important;z-index:2;pointer-events:none}.tabPane .tabCard{left:calc(50% - 102px)!important;right:auto!important;bottom:-36px!important;z-index:4}.tabFooter{padding-top:52px!important}.cdpRailGrid{grid-template-columns:1fr!important;align-content:center!important;gap:6vw!important;padding-left:0!important}.cdpRailGrid>div:first-child{padding:0 var(--gutter)!important}.stepPin{grid-template-columns:clamp(40px,4vw,64px) 1fr!important;align-content:center!important;row-gap:18px!important}.stepPin .stepHeadM{grid-column:1/-1;margin-bottom:2px}.stepPin>div:last-child{grid-column:1/-1}.stepHead{display:none}.compareRow>*{flex:1 1 100%!important}.guarSection{flex-direction:column!important;align-items:stretch!important;min-height:0!important}.guarCopy{max-width:100%!important}.guarPanel{position:relative!important;inset:auto!important;width:100%!important;margin-top:28px}.trustStats{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:30px 16px!important;gap:30px 16px!important}.trustStats>:nth-child(3){grid-column:1/-1}.cdpStorySticky{position:static!important;top:auto!important}.crTabCard{padding:20px!important}.crTabCard .mStack>*{min-width:0!important}.heroTwinkle{display:none!important}.postVid{width:120px!important}.mStatRow .display{font-size:clamp(30px,9vw,42px)!important}.mStatRow>div{padding:34px 10px!important}.logoMarq{animation-duration:20s!important;gap:30px!important}.varietyCard{min-height:0!important}.varietyText{width:100%!important;padding-bottom:8px!important}.varietyShot{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;padding:0 20px 22px!important}.fixedPinGrid{align-content:start!important;padding:88px 22px 22px!important}.fixedPinGrid>div:last-child{height:30vh!important}.clipZone{padding-right:0!important}.clipZone>div:first-child{padding-right:var(--gutter);padding-bottom:18px!important}.clipDock{width:100%!important;margin-right:0!important;aspect-ratio:1.679!important;margin-top:46px!important;overflow:visible!important}.clipDock .clipMarket{width:100%!important;height:100%!important;top:0!important;bottom:0!important;right:0!important;object-fit:cover!important;object-position:center!important;border-radius:12px 0 0 12px!important}.clipEarn{display:none!important}.clipFoleyBody{width:56px!important;right:6%!important;top:-42px!important;bottom:auto!important}.clipFoleyHands{width:60px!important;right:5%!important;top:-8px!important;bottom:auto!important}.clipTestimonial{width:260px!important}.enemyCopy{max-width:300px!important}.cardField{min-height:96vh!important}.machineWrap{margin-top:-42vh!important;height:240vh!important}.heroCopy{bottom:16vh!important}.pageHero{min-height:100svh!important}.pageHeroBody{padding-bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important}.scrollCue{width:36px!important;height:36px!important;bottom:20px!important;right:16px!important}.scrollCue .scrollCueArrow{width:10px!important;height:12px!important}.clipMarqCard{width:214px!important;padding:14px!important}.clipMarqCard .lede{font-size:12px!important;line-height:1.5!important;-webkit-line-clamp:4!important;margin-top:9px!important}.statGrid2{grid-template-columns:1fr 1fr!important}.statGrid2>*{padding-left:16px!important;padding-right:16px!important}.statGrid2>:first-child{padding-left:0!important}.statGrid2>:nth-child(2){border-right:none!important}.statGrid2>:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line);padding-left:0!important}.featCell .featNum{width:38px!important;height:38px!important;font-size:19px!important}.featuredQuote .wf{font-size:clamp(19px,5.6vw,25px)!important}.clipCloseGrid{row-gap:40px!important}.stepWrap{height:150vh!important}.stepPin{height:auto!important;min-height:0!important;align-content:start!important;padding-top:76px!important}.stepHeadM{display:block}.clipCalcSection{padding-left:14px!important;padding-right:14px!important}.clipCalc{padding:18px!important}.cdpDoors>div,.socialCard{padding:22px!important}.socialBtns{gap:6px!important;flex-wrap:nowrap!important}.socialBtns .btn{padding:8px 11px!important;font-size:12px!important;white-space:nowrap}.foleyHearts{display:block!important;right:10px!important;top:auto!important;bottom:16px!important;transform:rotate(-7deg)!important;width:92px!important}.careersHeroImg{object-position:30% 30%!important}.careersLede{margin-left:0!important}.cdpCloseImg{object-position:26% center!important}.cdpCloseSection{align-items:flex-end!important;min-height:84vh!important;padding-bottom:44px!important}.showWrap{--ovh:0px!important;padding-bottom:0!important}.showFrame{margin:0!important}.showCard,.showFrame{width:100%!important;transform:none!important}.showCard{position:relative!important;left:auto!important;top:auto!important;height:auto!important;margin-top:16px}.liveField.mStack>div{min-width:0!important}.calcBtn{display:block!important;width:100%!important;box-sizing:border-box;text-align:center;padding:13px 14px!important}}dialog.bookDlg{border:none;padding:0;background:#fff;color:var(--ink);border-radius:var(--r-media);overflow:hidden;
  /* !! CENTRING IS EXPLICIT ON PURPOSE — do not delete `inset: 0` or `margin: auto`.
     A modal <dialog> normally centres itself via the UA rule `margin: auto`, but the global reset at
     the top of this file (`* { margin: 0 }`) wins over the UA stylesheet and flattens it, so the
     modal renders flush to the top-left corner. Restoring margin:auto + inset:0 centres it on both
     axes against the viewport (a top-layer element's containing block IS the viewport).
     Also do NOT add `position: relative`: that breaks the UA's `position: absolute` the centring
     depends on. Absolute is already a containing block, so .bookDlgX anchors fine without it. */inset:0;margin:auto;width:min(1096px,94vw);height:min(801px,88svh);max-width:94vw;max-height:88svh;box-shadow:0 40px 120px rgba(0,0,0,.35)}dialog.bookDlg::-webkit-backdrop{background:hsla(0,0%,4%,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}dialog.bookDlg::backdrop{background:hsla(0,0%,4%,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bookDlgX{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid hsla(0,0%,4%,.14);background:hsla(0,0%,100%,.92);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;font-family:inherit}.bookDlgX:hover{background:#fff;border-color:hsla(0,0%,4%,.3)}.cdpGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,356px));grid-gap:34px 48px;gap:34px 48px;justify-content:start}.cdpCard{transition:transform .5s cubic-bezier(.19,1,.22,1)}.cdpCard:hover{transform:translateY(-6px)}.cdpCard .cdpCardImg{transition:transform .8s cubic-bezier(.19,1,.22,1),filter .5s cubic-bezier(.19,1,.22,1);filter:brightness(.94)}.cdpCard:hover .cdpCardImg{filter:brightness(1.04);transform:scale(1.035)}.cdpCred{border-bottom:1px solid var(--line)}.cdpCredRow{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);grid-gap:24px 72px;gap:24px 72px;align-items:baseline;border-top:1px solid var(--line);padding:clamp(26px,2.8vw,40px) 0}.cdpHead{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);grid-gap:clamp(48px,6vw,96px);gap:clamp(48px,6vw,96px);align-items:start}.cdpPortrait{transition:transform .9s cubic-bezier(.19,1,.22,1)}.cdpPlay{transition:transform .5s cubic-bezier(.19,1,.22,1)}.cdpPlay:hover{transform:translateY(-4px)}.cdpPlay:hover .cdpPortrait{transform:scale(1.03)}.cdpPlayDisc{transition:transform .4s cubic-bezier(.19,1,.22,1)}.cdpPlay:hover .cdpPlayDisc{transform:scale(1.08)}.cdpServices{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:72px;column-gap:72px;border-bottom:1px solid var(--line)}@media (max-width:1000px){.cdpHead{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(32px,4vw,56px)}.cdpCredRow{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px 40px}}@media (max-width:760px){.cdpHead{grid-template-columns:1fr;gap:clamp(28px,7vw,38px)}.cdpHead>:first-child{max-width:300px}.cdpCredRow{gap:10px}.cdpCredRow,.cdpGrid,.cdpServices{grid-template-columns:1fr}.cdpGrid{gap:clamp(30px,8vw,40px)}}@media (prefers-reduced-motion:reduce){.cdpCard,.cdpCard .cdpCardImg,.cdpPlay,.cdpPlayDisc,.cdpPortrait{transition:none}.cdpCard:hover,.cdpCard:hover .cdpCardImg,.cdpPlay:hover,.cdpPlay:hover .cdpPlayDisc,.cdpPlay:hover .cdpPortrait{transform:none}}