.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sa-quartr-hero-wrapper{width:100%;position:relative;overflow-x:clip;padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,6rem)}.sa-quartr-hero-inner{max-width:calc(1280px + 3rem);margin:0 auto;padding-left:clamp(1rem,3vw,2.5rem);padding-right:clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem)}.sa-quartr-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:1.5rem;row-gap:1.5rem;align-items:end}.sa-quartr-title-col{grid-column:span 4}.sa-quartr-h1{margin:0;font-family:inherit;font-weight:600;line-height:.98;letter-spacing:-.035em;color:var(--color-foreground, #0f172a);perspective:1000px}.sa-quartr-h1.sa-size-medium{font-size:clamp(2.25rem,4vw,3.25rem)}.sa-quartr-h1.sa-size-large{font-size:clamp(2.75rem,5vw,4.25rem)}.sa-quartr-h1.sa-size-xlarge{font-size:clamp(3.25rem,5.5vw,4.75rem)}.sa-words-target{display:inline}.sa-q-word{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(12px) rotateX(-18deg);transform-origin:left bottom;will-change:transform,opacity,filter;animation:saWordReveal .85s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--word-delay, .1s)}@keyframes saWordReveal{0%{opacity:0;filter:blur(8px);transform:translateY(12px) rotateX(-18deg)}to{opacity:1;filter:blur(0px);transform:translateY(0) rotateX(0)}}.sa-quartr-desc-col{grid-column:5 / span 3}.sa-quartr-description{margin:0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.55;color:var(--color-foreground-secondary, #64748b);opacity:0;filter:blur(6px);transform:translateY(10px) rotateX(15deg);transform-origin:left bottom;will-change:transform,opacity,filter;animation:saDescReveal .85s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--desc-delay, .5s)}@keyframes saDescReveal{0%{opacity:0;filter:blur(6px);transform:translateY(10px) rotateX(15deg)}to{opacity:1;filter:blur(0px);transform:translateY(0) rotateX(0)}}.sa-quartr-cta-col{grid-column:8 / span 1;display:flex;justify-content:flex-end;padding-bottom:.25rem}.sa-quartr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.45rem;background-color:var(--color-foreground, #09090b);color:var(--color-background, #ffffff);border-radius:9999px;font-size:.95rem;font-weight:500;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px #0000001a;opacity:0;filter:blur(4px);transform:translateY(8px);will-change:transform,opacity,filter;animation:saCtaReveal .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--cta-delay, .6s);transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}@keyframes saCtaReveal{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}.sa-quartr-btn:hover{background-color:#27272a;box-shadow:0 6px 20px #00000029;transform:translateY(-1px)}.sa-btn-icon{width:15px;height:15px;transition:transform .2s ease}.sa-quartr-btn:hover .sa-btn-icon{transform:translate(3px)}.sa-quartr-card-outer{width:100%;position:relative;opacity:0;filter:blur(10px);transform:translateY(18px) scale(.985);transform-origin:center top;will-change:transform,opacity,filter;animation:saCardReveal 1s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--card-delay, .55s)}@keyframes saCardReveal{0%{opacity:0;filter:blur(10px);transform:translateY(18px) scale(.985)}to{opacity:1;filter:blur(0px);transform:translateY(0) scale(1)}}.sa-quartr-card-inner{position:relative;width:100%;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 20px 40px -15px #00000014,0 0 0 1px #0000000a}.sa-quartr-card-inner.aspect-16-9{aspect-ratio:16 / 9}.sa-quartr-card-inner.aspect-16-10{aspect-ratio:16 / 10}.sa-quartr-card-inner.aspect-auto{aspect-ratio:auto;min-height:480px}.sa-card-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.sa-card-bg-img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}.sa-luxury-mesh-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f5f2eb,#ebe5d8,#f0ece1);overflow:hidden}.sa-mesh-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.65}.sa-mesh-orb.orb-1{width:450px;height:450px;background:radial-gradient(circle,#fef3c7e6,#f5e6ca00 70%);top:-15%;right:10%}.sa-mesh-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,#e0d8c9e6,#d7ccb900 70%);bottom:-20%;left:5%}.sa-mesh-orb.orb-3{width:350px;height:350px;background:radial-gradient(circle,#fffc,#fff0 70%);top:30%;left:35%}.sa-card-ui-wrapper{position:relative;z-index:2;width:var(--mockup-max-width, 88%);max-width:100%}.sa-card-ui-container{border-radius:10px;overflow:hidden;box-shadow:0 30px 70px -15px #0f172a40,0 10px 25px -5px #0f172a1a,0 0 0 1px #fff3 inset,0 0 0 1px #0000001f;background:#0f172a;transform:translateY(0);transition:transform .4s ease,box-shadow .4s ease}.sa-card-ui-container:hover{transform:translateY(-2px);box-shadow:0 35px 80px -15px #0f172a4d,0 12px 30px -5px #0f172a1f,0 0 0 1px #ffffff40 inset,0 0 0 1px #00000026}.sa-card-mockup-img{display:block;width:100%;height:auto;object-fit:cover}.sa-mockup-placeholder{padding:4rem 2rem;text-align:center;color:#94a3b8;font-size:.95rem}.sa-quartr-hero-wrapper[data-enable-anim=false] .sa-q-word,.sa-quartr-hero-wrapper[data-enable-anim=false] .sa-quartr-description,.sa-quartr-hero-wrapper[data-enable-anim=false] .sa-quartr-btn,.sa-quartr-hero-wrapper[data-enable-anim=false] .sa-quartr-card-outer{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){.sa-q-word,.sa-quartr-description,.sa-quartr-btn,.sa-quartr-card-outer{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}@media(max-width:1024px){.sa-quartr-grid{grid-template-columns:1fr;gap:1.25rem}.sa-quartr-title-col,.sa-quartr-desc-col,.sa-quartr-cta-col{grid-column:1 / -1}.sa-quartr-cta-col{justify-content:flex-start}.sa-quartr-card-inner{padding:1.25rem;aspect-ratio:auto;min-height:380px}.sa-card-ui-wrapper{width:100%!important}}@media(max-width:640px){.sa-quartr-card-inner{padding:.75rem;min-height:280px;border-radius:10px}.sa-card-ui-container{border-radius:6px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-sa-quartr-hero.css.map */