@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(manrope-var.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(inter-var.woff2) format("woff2")}.section-hero-figma{background:#0e0e0e}.hero-figma{--ff-heading: "Manrope", "Arial Black", sans-serif;--ff-body: "Inter", system-ui, sans-serif;--hero-inset: clamp(24px, 9.93vw, 168px);--hero-col: max(calc((100% - var(--page-width)) / 2 + 4rem), 4rem);font-family:var(--ff-body)}div.hero-figma__scrim,div.hero-figma__skeleton{display:block}.hero-figma__frame{position:relative;height:627px;overflow:hidden;background:#0a0a0a}.hero-figma__slider:not(.slick-initialized) .hero-figma__slide:not(:first-child){display:none}.hero-figma__slider,.hero-figma__slider .slick-list,.hero-figma__slider .slick-track{height:100%}.hero-figma__slide{position:relative;height:627px}.hero-figma__media,.hero-figma__media img,.hero-figma__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-figma__media img,.hero-figma__media video{object-fit:cover}.hero-figma__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#000000d1,#00000080 45%,#00000026)}.hero-figma__scrim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000040;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 35%,rgba(0,0,0,0) 65%);mask-image:linear-gradient(90deg,#000,#000000e6 35%,#0000 65%)}.hero-figma__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:calc(var(--hero-col) + var(--hero-inset));padding-right:24px;padding-top:120px;padding-bottom:40px;max-width:calc(var(--hero-col) + var(--hero-inset) + 640px)}.hero-figma__kicker{margin:0 0 14px;font:600 13px/1 var(--ff-body);letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}.hero-figma__title{margin:0;max-width:600px;font-family:var(--ff-heading);font-weight:700;font-size:clamp(40px,4.96vw,84px);line-height:1.05;letter-spacing:-1.4px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}.hero-figma__title--long{font-size:clamp(32px,3.32vw,56px);letter-spacing:-.8px}.hero-figma__subtitle{margin:26px 0 0;max-width:480px;font-size:15px;line-height:1.55;letter-spacing:-.005em;color:#ffffffd9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-figma__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:46px}.hero-figma__btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 23px;border-radius:8px;font-family:var(--ff-body);font-size:14px;font-weight:600;line-height:1;color:#fff;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.hero-figma__btn svg{width:14px;height:14px;flex:0 0 auto;fill:currentColor}.hero-figma__btn--primary{background:#e32937;border:1px solid transparent}.hero-figma__btn--primary:hover{background:#c92230}.hero-figma__btn--ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hero-figma__btn--ghost:hover{background:#ffffff24;border-color:#fffc}.hero-figma__dots{position:absolute;left:calc(var(--hero-col) + var(--hero-inset));bottom:28px;z-index:2;display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.hero-figma__dots li{display:flex}.hero-figma__dots button{width:18px;height:3px;padding:0;border:0;border-radius:999px;font-size:0;background:#fff6;cursor:pointer;transition:width .25s ease,background-color .25s ease}@media(max-width:989px){.hero-figma__dots button{height:4px;padding:10px 0;box-sizing:content-box;background-clip:content-box}}.hero-figma__dots .slick-active button{width:38px;background:#fff}.hero-figma__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#141414}.hero-figma__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 40%,#1e1e1e 50%,transparent 60%);animation:hero-figma-shimmer 1.6s ease-in-out infinite}@keyframes hero-figma-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.hero-figma__skeleton:after{animation:none}.hero-figma__dots button{transition:none}}@media(max-width:989px){.hero-figma__frame,.hero-figma__slide{height:500px}}@media(max-width:749px){.hero-figma{--hero-inset: 20px;--hero-col: 0px}.hero-figma__frame,.hero-figma__slide{height:500px}.hero-figma__content{justify-content:flex-end;padding-bottom:72px;max-width:none;padding-right:var(--hero-inset)}.hero-figma__title{line-height:1}.hero-figma__subtitle{margin-top:16px;-webkit-line-clamp:unset;overflow:visible}.hero-figma__actions{margin-top:24px;width:100%}.hero-figma__btn{flex:1 1 auto;justify-content:center}.hero-figma__scrim{background:linear-gradient(180deg,#00000026,#00000080 55%,#000000d1)}.hero-figma__scrim:before{-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9) 60%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(180deg,#0000 30%,#000000e6 60%,#000)}.hero-figma__dots{bottom:24px}.hero-figma__skeleton{background:#1c1c1c}.hero-figma__skeleton:after{background:linear-gradient(100deg,transparent 40%,#333 50%,transparent 60%)}}.hero-figma__slide--text .hero-figma__media{background:radial-gradient(1100px 620px at 92% 120%,rgba(227,41,55,.55),transparent 64%),radial-gradient(760px 460px at -12% -24%,rgba(227,41,55,.2),transparent 55%),#0b0b0c}.hero-figma__slide--text .hero-figma__crest{position:absolute;top:50%;left:auto;right:clamp(40px,7vw,140px);bottom:auto;transform:translateY(-50%);width:clamp(240px,24vw,380px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 48px rgba(0,0,0,.55))}.hero-figma__slide--text .hero-figma__scrim{display:none}.hero-figma__slide--text .hero-figma__content{max-width:calc(var(--hero-col) + var(--hero-inset) + 780px)}.hero-figma__slide--text .hero-figma__title{max-width:760px;font-size:clamp(30px,3vw,48px);letter-spacing:-.6px}.hero-figma__subtitle--full{display:block;margin:20px 0 0;max-width:720px;font-size:16px;line-height:1.6;color:#ffffffe0;-webkit-line-clamp:unset;overflow:visible}.hero-figma__subtitle-para{margin:0 0 12px}.hero-figma__subtitle-para:last-child{margin-bottom:0}.hero-figma__slide--text .hero-figma__actions{margin-top:30px}@media(max-width:989px){.hero-figma__subtitle--full{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;font-size:15px}.hero-figma__subtitle-para:nth-child(n+3){display:none}.hero-figma__slide--text .hero-figma__crest{top:32px;right:28px;transform:none;width:170px}}@media(max-width:749px){.hero-figma__slide--text .hero-figma__title{font-size:30px}.hero-figma__slide--text .hero-figma__content{padding-bottom:56px}.hero-figma__subtitle--full{-webkit-line-clamp:4;font-size:14px;flex-shrink:0}.hero-figma__subtitle-para:not(:first-child){display:none}.hero-figma__slide--text .hero-figma__actions{margin-top:16px}.hero-figma__slide--text .hero-figma__crest{top:24px;right:20px;transform:none;width:120px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-figma.css.map */