.design-portability{font-family:var(--font, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);background:var(--surface, #EFF4FF);position:relative;overflow:hidden}.design-portability__container{max-width:1400px;margin:0 auto;padding:0 var(--px, 24px)}.design-portability__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:500px}@media (max-width: 900px){.design-portability__grid{grid-template-columns:1fr;gap:40px}}.design-portability__image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.design-portability__image-container{position:relative;transform-style:preserve-3d;transition:transform .6s var(--ease, cubic-bezier(.22,.61,.36,1)),filter .6s var(--ease, cubic-bezier(.22,.61,.36,1));transform:translateY(-10px);opacity:0}.design-portability__image-container--animate{animation:parallaxUp 1s var(--ease, cubic-bezier(.22,.61,.36,1)) forwards}@keyframes parallaxUp{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.design-portability__image-container:hover{transform:translateY(0) rotate(2deg);filter:drop-shadow(0 20px 60px rgba(15,23,42,.25))}.design-portability__emit-blue{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle,var(--blue-glow, rgba(7,129,212,.35)) 0%,transparent 70%);border-radius:50%;opacity:.6;z-index:0;pointer-events:none}.design-portability__image{position:relative;z-index:2;width:100%;max-width:500px;height:auto;filter:drop-shadow(0 10px 40px rgba(15,23,42,.15))}.design-portability__text{display:flex;flex-direction:column;gap:16px;opacity:0;transform:translate(30px)}.design-portability__text--animate{animation:slideRightFade 1s var(--ease, cubic-bezier(.22,.61,.36,1)) forwards;animation-delay:.2s}@keyframes slideRightFade{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.design-portability__heading{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;color:var(--ink, #0F172A);margin:0}.design-portability__subtext{font-size:1rem;font-weight:400;line-height:1.6;color:var(--muted, #475569);margin:0}@media (prefers-reduced-motion: reduce){.design-portability__image-container{animation:none;transform:translateY(0);opacity:1}.design-portability__image-container:hover{transform:none}.design-portability__text{animation:none;opacity:1;transform:none}}@media (max-width: 900px){.design-portability__grid{min-height:0}.design-portability__image-container{margin-bottom:20px}.design-portability__text{order:2}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/design-portability.css.map */