.lanyard-wrapper{z-index:0;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;transform:scale(1)}.hero-text{--ink:#0a0a0a;--ghost:#9a9a9a;--stroke:.03em;letter-spacing:-.01em;pointer-events:none;-webkit-user-select:none;user-select:none;width:50vw;font-family:Archivo,sans-serif;font-size:min(5.7vw,13vh);font-weight:900;font-stretch:125%;line-height:1.25;position:fixed;top:50%;right:4vw;transform:translateY(-50%)}.hero-line{white-space:nowrap;opacity:0;transition:opacity .9s ease calc(var(--i) * .16s), transform 1.1s cubic-bezier(.16, 1, .3, 1) calc(var(--i) * .16s);position:relative;transform:translate(.8em)}.hero-text.is-visible .hero-line{opacity:1;transform:none}.hero-word{display:block;position:relative}.hero-word>span{color:#0000;display:block}.hero-word>span+span{position:absolute;inset:0}.hero-word-new{position:absolute;top:0;left:0}.hero-word-new.cursor-target{pointer-events:auto;width:max-content}.hero-word-old,.hero-word-new{transition:opacity .55s,transform .8s cubic-bezier(.16,1,.3,1)}.hero-word-new{opacity:0;transform:translateY(.45em)}.hero-line.is-swapped .hero-word-old{opacity:0;transform:translateY(-.45em)}.hero-line.is-swapped .hero-word-new{opacity:1;transform:none}.hero-stroke{-webkit-text-stroke:calc(var(--stroke) * 1.8) var(--ink);paint-order:stroke fill;text-shadow:0 .04em .05em #0000002e,0 .12em .22em #0000001f;color:#fff!important}.hero-stroke-white{-webkit-text-stroke:calc(var(--stroke) * .9) #6f6f6f;filter:none;-webkit-mask-image:linear-gradient(110deg,#0000 45%,#000 95%);mask-image:linear-gradient(110deg,#0000 45%,#000 95%);color:#0000!important}.hero-shine{opacity:0;background-image:linear-gradient(115deg,#0000 0% 30%,#c6f7008c 38%,#c6f700 44%,#f1ffb8 47%,#c6f700 50%,#c6f7008c 56%,#0000 64% 100%);background-position:120% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;transition:opacity .25s}.hero-line.is-swapped .hero-word-new .hero-shine{opacity:1;animation:hero-shine-auto 4.5s linear calc(1.2s + var(--i) * 1.5s) infinite backwards}@keyframes hero-shine-auto{0%{background-position:120% 0}24%{background-position:-20% 0}to{background-position:-20% 0}}.hero-word-new.cursor-target:hover .hero-shine{opacity:1;animation:1.8s linear infinite hero-shine}@keyframes hero-shine{0%{background-position:120% 0}39%{background-position:-20% 0}to{background-position:-20% 0}}.hero-trail{-webkit-text-stroke:var(--stroke) var(--ghost)}.hero-trail-1{opacity:.3;transform:translate(.07em)}.hero-trail-2{opacity:.12;transform:translate(.15em)}.hero-text.is-visible .hero-trail{animation:trail-settle 1.6s ease-out calc(var(--i) * .16s) both}@keyframes trail-settle{0%{opacity:.6;transform:translate(.5em)}}.hero-reflection{-webkit-text-stroke:var(--stroke) var(--ink);opacity:.15;transform:scaleY(-1)translateY(.02em);-webkit-mask-image:linear-gradient(#0000 45%,#000);mask-image:linear-gradient(#0000 45%,#000);top:100%!important;bottom:auto!important}.hero-caption{letter-spacing:.3em;text-transform:uppercase;color:#6b6b6b;opacity:0;margin:3.6em 0 0;font-family:ui-monospace,Menlo,monospace;font-size:max(12px,.18em);font-weight:400;font-stretch:100%;transition:opacity 1s .7s}.hero-text.is-visible .hero-caption{opacity:1}@media (aspect-ratio<=9/10){.hero-text{text-align:center;width:auto;font-size:min(10.2vw,7vh);inset:auto 5vw 7vh;transform:none}.hero-word-new{left:50%;translate:-50%}}.hero-text.is-leaving .hero-line:not(.is-chosen){opacity:0;transition:opacity .4s ease calc(var(--i) * 50ms), transform .6s cubic-bezier(.7, 0, .3, 1) calc(var(--i) * 50ms);transform:translate(-.6em)}.hero-text.is-leaving .hero-caption{opacity:0;transition:opacity .3s}.hero-line.is-chosen .hero-shine,.hero-line.is-chosen.is-swapped .hero-word-new .hero-shine{opacity:1;background-image:linear-gradient(#c6f700,#c6f700);transition:none;animation:none}.hero-line.is-chosen .hero-word-new{animation:.42s cubic-bezier(.3,0,.3,1) hero-jump}@keyframes hero-jump{40%{transform:translateY(-.18em)scale(1.06)}}.hero-word-new.cursor-target{cursor:pointer}.target-cursor-wrapper{pointer-events:none;z-index:2147483647;width:0;height:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.target-cursor-dot{will-change:transform;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-cursor-corner{will-change:transform;border:3px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-top:none;border-left:none;transform:translate(50%,50%)}.corner-bl{border-top:none;border-right:none;transform:translate(-150%,50%)}.tr{z-index:50;pointer-events:none;--ease-cine:cubic-bezier(.76, 0, .24, 1);width:100%;height:100lvh;position:absolute;left:0;overflow:hidden}.tk-bg{will-change:transform;background:#c6f700;position:absolute;inset:0;transform:translateY(101%)}.tr-kinetic[data-step=cover] .tk-bg{animation:tk-bg-in .68s var(--ease-cine) both}.tr-kinetic[data-step=reveal] .tk-bg{animation:tk-bg-out .7s var(--ease-cine) .72s both}@keyframes tk-bg-in{0%{transform:translateY(101%)}to{transform:none}}@keyframes tk-bg-out{0%{transform:none}to{transform:translateY(-101%)}}.tk-row{width:100%;height:var(--row-h);position:absolute;left:0;overflow:hidden}.tk-track{white-space:nowrap;font-family:Archivo,sans-serif;font-weight:900;font-stretch:125%;font-size:var(--fs);letter-spacing:-.01em;will-change:transform;translate:-50% -50%;transform:translateX(calc(var(--dir) * (50% + var(--half))));line-height:1;position:absolute;top:50%;left:50%}.tk-solid .tk-track{color:#0a0a0a}.tk-outline .tk-track{color:#0000;-webkit-text-stroke:max(.03em, 1.6px) #0a0a0a}.tr-kinetic[data-step=cover] .tk-track{animation:tk-in .85s cubic-bezier(.16, 1, .3, 1) calc(.7s + var(--i) * 80ms) both}.tr-kinetic[data-step=reveal] .tk-track{animation:tk-out .6s cubic-bezier(.7, 0, .84, 0) calc(var(--i) * 50ms) both}@keyframes tk-in{0%{transform:translateX(calc(var(--dir) * (50% + var(--half))))}to{transform:translateX(calc(var(--dir) * var(--hold)))}}@keyframes tk-out{0%{transform:translateX(calc(var(--dir) * var(--hold)))}to{transform:translateX(calc(var(--dir) * -1 * (50% + var(--half))))}}.tk-rows{--half:50vw;position:absolute;inset:0}.tr-vertical .tk-rows{transform-origin:0 0;inset:0 auto auto}.tr-band{width:100%;height:calc(25% + 1px);transition:transform .5s var(--ease-cine) calc(var(--i) * 50ms);will-change:transform;background:#c6f700;position:absolute;left:0;transform:translate(-101%)}.tr-back[data-step=cover] .tr-band{transform:translate(0)}.tr-back[data-step=reveal] .tr-band{transform:translate(101%)}.tr-band{overflow:hidden}.tr-band__view{width:100vw;height:100vh;display:block;position:absolute;left:0}.tr-q-logo{width:auto;height:min(52vh,64vw);position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.tr-q-logo path{fill:#0a0a0a}@media (prefers-reduced-motion:reduce){.tr-band{transition-duration:10ms!important;transition-delay:0s!important}.tk-bg,.tk-track{animation-duration:10ms!important;animation-delay:0s!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--container-5xl:64rem;--font-weight-medium:500;--font-weight-bold:700;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.bottom-0{bottom:0}.left-1\/2{left:50%}.z-\[1\]{z-index:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-\[calc\(var\(--css-card-height\,210px\)\*-0\.5\)\]{margin-top:calc(var(--css-card-height,210px) * -.5)}.ml-\[calc\(var\(--css-card-width\,210px\)\*-0\.5\)\]{margin-left:calc(var(--css-card-width,210px) * -.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-\[1\.586\]{aspect-ratio:1.586}.h-\(--css-card-height\,210px\){height:var(--css-card-height,210px)}.h-\[78vh\]{height:78vh}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-\(--css-card-width\,210px\){width:var(--css-card-width,210px)}.w-\[50vw\]{width:50vw}.w-fit{width:fit-content}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.shrink{flex-shrink:1}.origin-center{transform-origin:50%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-5{gap:calc(var(--spacing) * 5)}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-\(length\:--css-title-size\,clamp\(28px\,3vw\,56px\)\){font-size:var(--css-title-size,clamp(28px, 3vw, 56px))}.text-\[clamp\(18px\,4vw\,30px\)\]{font-size:clamp(18px,4vw,30px)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[transform\,opacity\]{will-change:transform,opacity}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}@media not all and (width>=1025px){.max-\[1025px\]\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.max-\[1025px\]\:block{display:block}.max-\[1025px\]\:hidden{display:none}}@media not all and (width>=48rem){.max-md\:mt-2{margin-top:calc(var(--spacing) * 2)}.max-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-md\:gap-6{gap:calc(var(--spacing) * 6)}.max-md\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-md\:py-8{padding-block:calc(var(--spacing) * 8)}.max-md\:text-\[clamp\(16px\,5vw\,24px\)\]{font-size:clamp(16px,5vw,24px)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}html,body{height:100%;margin:0}body{color:#111;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:has(.home){overflow:hidden}:is(html:has(.xv),body:has(.xv),html:has(.csr-m),body:has(.csr-m)){overscroll-behavior:none;overflow:hidden}.xv,.csr-m{touch-action:none}.home{position:fixed;inset:0}.home.is-leaving{transition:transform .8s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.section-page{background:#fff;min-height:100vh}.projects-bg{z-index:0;pointer-events:none;background:#fff;position:fixed;inset:0}.back-btn{z-index:10;color:#0a0a0a;letter-spacing:.22em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px 10px 10px;font:500 13px/1 ui-monospace,Menlo,monospace;animation:.7s cubic-bezier(.2,.8,.2,1) .15s both back-in;display:inline-flex;position:fixed;top:28px;left:28px}.back-btn span{background:linear-gradient(#c6f700,#c6f700) 0 100%/0% 3px no-repeat;padding-bottom:3px;transition:background-size .35s cubic-bezier(.2,.8,.2,1)}.back-arrow{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.back-btn:hover .back-arrow,.back-btn:focus-visible .back-arrow{transform:translate(-5px)}.back-btn:hover span,.back-btn:focus-visible span{background-size:100% 3px}.back-btn:focus-visible{outline-offset:2px;outline:2px solid #0a0a0a}.section-page.is-leaving .back-arrow{opacity:0;transition:transform .4s,opacity .3s;transform:translate(-14px)}.section-page.is-leaving .back-btn span{opacity:0;transition:opacity .3s}@keyframes back-in{0%{opacity:0;transform:translate(-12px)}}.section-page.is-arrived .back-btn{animation-delay:1.35s}@media (width<=1025px){.section-page>section{padding-top:64px}}.credit-card-wrap{width:100%;height:100%;container-type:inline-size}.credit-card-wrap--hidden{visibility:hidden}.credit-card{box-sizing:border-box;width:100%;height:100%;color:var(--cc-fg);isolation:isolate;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='380'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") center / 100% 100%, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(160deg, var(--cc-m1) 0%, var(--cc-m2) 38%, var(--cc-m3) 72%, var(--cc-m2) 100%);background-blend-mode:soft-light, overlay, normal;border-radius:5.5cqw;flex-direction:column;padding:7cqw 7.5cqw 6.5cqw;font-family:Archivo,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000004d,inset 0 0 0 1px #ffffff12,0 30px 60px #00000038,0 8px 20px #0000001f}.credit-card:before,.credit-card:after{content:"";pointer-events:none;z-index:0;mix-blend-mode:soft-light;position:absolute;inset:0}.credit-card:before{background:linear-gradient(115deg,#0000 30%,#ffffff8c 45%,#ffffff1a 52%,#0000 62%) 85% 0/250% 100%;transition:background-position .9s cubic-bezier(.2,.8,.2,1)}.credit-card:hover:before{background-position:10% 0}.credit-card:after{background:radial-gradient(120% 90% at 0 0,#ffffff73,#0000 45%)}.credit-card>*{z-index:1;position:relative}.credit-card__brand,.credit-card__number,.credit-card__title,.credit-card__sign-name{text-shadow:0 1px 0 var(--cc-emboss), 0 -1px 0 var(--cc-deboss)}.credit-card__top{justify-content:space-between;align-items:center;display:flex}.credit-card__brand{letter-spacing:-.02em;font-size:6.2cqw;font-weight:900;font-stretch:125%}.credit-card__contactless{fill:none;width:7cqw;height:7cqw;stroke:var(--cc-fg);stroke-width:2px;stroke-linecap:round;opacity:.8}.credit-card__chip{background:linear-gradient(135deg, var(--cc-chip1) 0%, var(--cc-chip) 35%, var(--cc-chip2) 70%, var(--cc-chip) 100%);border-radius:2cqw;grid-template-rows:1fr 1fr 1fr;width:13cqw;height:10cqw;margin-top:6cqw;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,inset 0 -1px 1px #00000059,0 1px 1px #00000040}.credit-card__chip i{border-bottom:1px solid var(--cc-chip-line)}.credit-card__chip:after{content:"";border-left:1px solid var(--cc-chip-line);position:absolute;top:0;bottom:0;left:50%}.credit-card__number{letter-spacing:.12em;white-space:nowrap;margin-top:auto;font-family:ui-monospace,Menlo,monospace;font-size:5.1cqw}.credit-card__bottom{justify-content:space-between;align-items:flex-end;gap:4cqw;margin-top:3.5cqw;display:flex}.credit-card__label{letter-spacing:.2em;text-transform:uppercase;color:var(--cc-soft);font-family:ui-monospace,Menlo,monospace;font-size:2.6cqw;display:block}.credit-card__title{text-transform:uppercase;white-space:nowrap;margin-top:1cqw;font-size:5.4cqw;font-weight:900;font-stretch:125%;line-height:1;display:block}.credit-card__tag{letter-spacing:.14em;text-transform:uppercase;color:var(--cc-soft);white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:2.8cqw}.circular-scroll-showcase__left-item,.circular-scroll-showcase__grid-title{text-transform:uppercase;font-family:Archivo,sans-serif;font-stretch:125%;font-weight:900!important}.circular-scroll-showcase__left-item{text-align:left!important}.credit-card--back{padding:0 0 6cqw}.credit-card__stripe{background:linear-gradient(#2a2a2a,#0d0d0d 45%,#1b1b1b);height:13cqw;margin-top:8cqw;box-shadow:inset 0 1px #ffffff1f}.credit-card--black .credit-card__stripe{background:linear-gradient(#3a3a3a,#202020 45%,#2e2e2e)}.credit-card__sign{color:#0a0a0a;background:repeating-linear-gradient(135deg,#f4f4f2 0 1.2cqw,#e9e9e5 1.2cqw 2.4cqw);border-radius:1.2cqw;justify-content:space-between;align-items:center;height:10cqw;margin:6cqw 7.5cqw 0;padding:0 3cqw;display:flex}.credit-card__sign-name{text-transform:uppercase;white-space:nowrap;font-size:4.4cqw;font-weight:900;font-stretch:125%}.credit-card__cvc{font-family:ui-monospace,Menlo,monospace;font-size:3.6cqw;font-style:italic}.credit-card__info{margin:5cqw 7.5cqw 0}.credit-card__desc{margin:1.4cqw 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:3.4cqw;line-height:1.35}.credit-card__back-foot{letter-spacing:.12em;color:var(--cc-soft);justify-content:space-between;align-items:center;margin:auto 7.5cqw 0;font-family:ui-monospace,Menlo,monospace;font-size:2.8cqw;display:flex}.credit-card__back-foot .credit-card__brand{color:var(--cc-fg);font-size:4.6cqw}.card-expand{--backdrop:0;z-index:60;cursor:pointer;background:rgba(255, 255, 255, calc(var(--backdrop) * .9));-webkit-backdrop-filter:blur(calc(var(--backdrop) * 6px));position:fixed;inset:0}.card-expand__box{perspective:1400px;position:fixed}.card-expand__flip{width:100%;height:100%;transform-style:preserve-3d;position:relative}.card-expand__face{backface-visibility:hidden;position:absolute;inset:0}.card-expand__face--back{transform:rotateY(180deg)}