@keyframes sf-hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sf-hero__eyebrow{animation:sf-hero-in .52s cubic-bezier(.22,1,.36,1) both;animation-delay:40ms}.sf-hero__heading{animation:sf-hero-in .56s cubic-bezier(.22,1,.36,1) both;animation-delay:.12s}.sf-hero__subheading{animation:sf-hero-in .56s cubic-bezier(.22,1,.36,1) both;animation-delay:.21s}.sf-hero__strip{animation:sf-hero-in .52s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s}.sf-hero__ctas{animation:sf-hero-in .52s cubic-bezier(.22,1,.36,1) both;animation-delay:.38s}.sf-hero__note{animation:sf-hero-in .48s cubic-bezier(.22,1,.36,1) both;animation-delay:.47s}.sf-hero__strip{display:none}.sf-hero{background:linear-gradient(180deg,#e3ebf5,#e8eef7 58%,#f7f7f5);padding:64px 0 76px}.sf-hero__inner{max-width:1320px;margin:0 auto}.sf-hero__grid{display:block;position:relative}@media(min-width:1101px){.sf-hero__grid{min-height:460px}.sf-hero__copy{max-width:54%}.sf-hero__art{position:absolute;right:0;top:50%;transform:translateY(-50%);width:43%;display:flex;justify-content:flex-end}}.sf-hero__copy{max-width:680px}.sf-hero__eyebrow{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;margin-bottom:18px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#ffffff9e;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#0000008c}.sf-hero__heading{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(3.4rem,6.6vw,5.6rem);line-height:.95;letter-spacing:-.045em;color:#000000f5;max-width:11ch}.sf-hero__subheading{margin:22px 0 0;max-width:38ch;font-size:17px;line-height:1.72;color:#000000a1}.sf-hero__ctas{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.sf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;text-decoration:none;font-family:Inter,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;box-sizing:border-box;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.sf-btn--primary{background:#111;color:#fff;border:1px solid #111111;box-shadow:0 10px 22px #0000001f}.sf-btn--secondary{background:transparent;color:#000000d1;border:1.5px solid rgba(0,0,0,.2)}@media(hover:hover){.sf-btn:hover{transform:translateY(-1px)}.sf-btn--primary:hover{box-shadow:0 14px 28px #0000002e}.sf-btn--secondary:hover{background:#ffffffb8;border-color:#00000024;box-shadow:0 8px 20px #0000000f}}.sf-hero__note{margin-top:18px}.sf-hero__note-items{display:flex;flex-wrap:wrap;gap:10px}.sf-hero__note-item{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffad;border:1px solid rgba(0,0,0,.08);color:#000000ad;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;will-change:transform}@media(hover:hover){.sf-hero__note-item:hover{transform:translateY(-3px);border-color:#00000024;background:#fff;box-shadow:#00000012 0 6px 16px,#00000008 0 1px 4px}}.sf-hero__note-item:active{transform:translateY(-1px)}.sf-hero__note-item:before{content:"\2713";color:#000000d9;font-weight:700;font-size:12px}.sf-hero__art{display:flex;justify-content:flex-end}.sf-hero__visual{position:relative;width:min(100%,560px);min-height:420px}.sf-hero__visual-card{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0,0,0,.06);border-radius:28px;box-shadow:0 18px 50px #00000014}.sf-hero__visual-card--large{top:10px;right:0;width:62%;height:270px}.sf-hero__visual-card--watch{top:0;left:20px;width:34%;height:148px}.sf-hero__visual-card--iphone{bottom:36px;left:0;width:40%;height:190px}.sf-hero__visual-card--ipad{right:30px;bottom:0;width:44%;height:168px}.sf-hero__visual-card--blue{background:#dfe9f8}.sf-hero__visual-card--sand{background:#ece5dd}.sf-hero__visual-card--sand-soft{background:#f0ebe5}.sf-hero__visual-card--white{background:#ffffffdb}.sf-hero__visual-image{width:76%;height:76%;object-fit:contain;display:block}.sf-hero__visual-image--macbook{width:86%;height:86%}.sf-hero__visual-image--watch{width:80%;height:80%}.sf-hero__visual-image--iphone{width:94%;height:100%}.sf-hero__visual-image--ipad{width:100%;height:100%;transform:translateY(-7%) scale(1.25)}@media(max-width:1100px){.sf-hero__copy{max-width:none}}@media(max-width:989px){.sf-hero{padding:46px 0 60px}.sf-hero__heading{max-width:11ch}.sf-hero__visual{min-height:360px;max-width:520px}}@media(max-width:749px){.sf-hero{padding:24px 0 36px;overflow-x:clip}.sf-hero__copy{min-width:0;display:flex;flex-direction:column}.sf-hero__eyebrow{order:0;align-self:flex-start}.sf-hero__heading{order:1}.sf-hero__subheading{order:2}.sf-hero__ctas{order:3}.sf-hero__art{order:4;margin-top:24px}.sf-hero__note{order:5}.sf-hero__heading{font-size:clamp(2.4rem,10vw,3.6rem);max-width:14ch}.sf-hero__subheading{margin-top:12px;font-size:14px}.sf-hero__ctas{gap:10px;margin-top:20px}.sf-btn{width:100%}.sf-hero__strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-top:22px;padding-bottom:4px}.sf-hero__strip::-webkit-scrollbar{display:none}.sf-hero__strip-item{flex:0 0 82px;display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:inherit}.sf-hero__strip-img{width:82px;height:82px;border-radius:20px;background:#ffffffc2;border:1px solid rgba(0,0,0,.07);box-shadow:0 6px 18px #00000012;overflow:hidden;display:flex;align-items:center;justify-content:center}.sf-hero__strip-img img{width:74%;height:74%;object-fit:contain;mix-blend-mode:multiply}.sf-hero__strip-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;color:#0009;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.sf-hero__note{overflow:hidden;max-width:100%;position:relative}.sf-hero__note:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,var(--sf-hero-bg, #eef0f7));pointer-events:none}.sf-hero__note-items{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;padding-right:40px}.sf-hero__note-items::-webkit-scrollbar{display:none}.sf-hero__visual{min-height:220px}.sf-hero__visual-card--large{width:56%;height:160px}.sf-hero__visual-card--watch{width:30%;height:94px;left:8px}.sf-hero__visual-card--iphone{width:38%;height:120px}.sf-hero__visual-card--ipad{width:40%;height:108px;right:12px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sf-hero.css.map */