.sw-launch{--sw-launch-fg: rgb(var(--color-foreground));--sw-launch-phone-w: 24rem;overflow:hidden}.sw-launch__inner{display:grid;grid-template-areas:"copy" "stage";gap:4rem;align-items:center}.sw-launch__copy{grid-area:copy;display:grid;gap:1.6rem;align-content:center;max-width:52rem}.sw-launch__eyebrow{margin:0;font-size:1.3rem;font-weight:600;letter-spacing:.18em;line-height:1;text-transform:uppercase;color:#e8692a}.sw-launch__heading{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(3.6rem,4.6vw,5.6rem);line-height:1;letter-spacing:-.035em;color:var(--sw-launch-fg)}.sw-launch__body{font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.82)}.sw-launch__body p{margin:0}.sw-launch__body p+p{margin-top:1rem}.sw-launch__badges{margin-top:.6rem}.sw-launch__actions{margin-top:.4rem}.sw-launch__stage{position:relative;grid-area:stage;display:flex;justify-content:center;padding:2.4rem 0}.sw-launch__glow{position:absolute;top:50%;left:50%;width:calc(var(--sw-launch-phone-w) * 1.9);height:calc(var(--sw-launch-phone-w) * 1.9);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#ebeadc29,#ebeadc00 70%);pointer-events:none}.sw-launch__device{position:relative;width:var(--sw-launch-phone-w);max-width:100%;aspect-ratio:1206 / 2622;padding:calc(var(--sw-launch-phone-w) * .035);border-radius:calc(var(--sw-launch-phone-w) * .165);background:#0f1110;box-shadow:0 0 0 .15rem #ffffff14 inset,0 3rem 6rem #0b2e2059,0 1rem 2rem #0b2e2033}.sw-launch__device:before{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;border-radius:inherit;background:linear-gradient(160deg,#ffffff2e,#fff0 40%,#ffffff0f);z-index:-1}.sw-launch__screen{width:100%;height:100%;overflow:hidden;border-radius:calc(var(--sw-launch-phone-w) * .13);background:#0b2e20}.sw-launch__screen img{display:block;width:100%;height:100%;object-fit:cover}.sw-launch__island{display:none;position:absolute;top:calc(var(--sw-launch-phone-w) * .07);left:50%;width:calc(var(--sw-launch-phone-w) * .29);height:calc(var(--sw-launch-phone-w) * .085);transform:translate(-50%);border-radius:4rem;background:#0f1110}.sw-launch__chip{position:absolute;padding:.9rem 1.3rem;border-radius:4rem;background:#ebeadc;color:#10412e;font-size:1.25rem;font-weight:700;letter-spacing:.01em;line-height:1.2;white-space:nowrap;box-shadow:0 1.2rem 2.8rem #0b2e2040}.sw-launch__chip--1{top:38%;left:calc(50% - var(--sw-launch-phone-w) * .5 - 8rem)}.sw-launch__chip--2{bottom:30%;right:calc(50% - var(--sw-launch-phone-w) * .5 - 7rem)}@keyframes sw-launch-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4rem)}}@keyframes sw-launch-drift-chip{0%,to{transform:translateY(0)}50%{transform:translateY(-.8rem)}}.sw-launch--float .sw-launch__device{animation:sw-launch-drift 7s ease-in-out infinite}.sw-launch--float .sw-launch__chip--1{animation:sw-launch-drift-chip 7s ease-in-out infinite .6s}.sw-launch--float .sw-launch__chip--2{animation:sw-launch-drift-chip 7s ease-in-out infinite 1.4s}@media(prefers-reduced-motion:reduce){.sw-launch--float .sw-launch__device,.sw-launch--float .sw-launch__chip{animation:none}}@media screen and (max-width:749px){.sw-launch__chip{display:none}.sw-launch__stage{padding:1.6rem 0 .8rem}}@media screen and (min-width:750px){.sw-launch{--sw-launch-phone-w: 30rem}.sw-launch__inner{grid-template-areas:"copy stage";grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:6rem}.sw-launch--phone-left .sw-launch__inner{grid-template-areas:"stage copy";grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.sw-launch__stage{padding:4rem 0}.sw-launch__body{font-size:1.7rem}}@media screen and (min-width:990px){.sw-launch{--sw-launch-phone-w: 34rem}.sw-launch__inner{column-gap:8.8rem}.sw-launch__copy{gap:2rem}.sw-launch__body{font-size:1.8rem}}.sw-launch__stage{overflow:hidden;align-items:flex-start;padding:0;margin-bottom:calc(-1 * var(--sw-launch-pb, 0px))}.sw-launch__glow{top:40%}@media screen and (max-width:749px){.sw-launch__stage{max-height:36rem;margin-top:.4rem}}@media screen and (min-width:750px){.sw-launch__inner{align-items:stretch}.sw-launch__copy{align-self:center}.sw-launch__stage{min-height:36rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-sw-launch-phone.css.map */