@font-face{font-family:SF Pro Display;src:url(fonts/sf-pro-display.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--font-size-xxs: clamp(.694rem, 1vw, .833rem);--font-size-xs: clamp(.833rem, 1.2vw, 1rem);--font-size-sm: clamp(1rem, 1.4vw, 1.2rem);--font-size-base: clamp(1.2rem, 1.6vw, 1.44rem);--font-size-md: clamp(1.44rem, 2vw, 1.728rem);--font-size-lg: clamp(1.728rem, 2.5vw, 2.074rem);--font-size-xl: clamp(2.074rem, 3vw, 2.488rem);--font-size-xxl: clamp(2.488rem, 4vw, 2.986rem);--font-size-xxxl: clamp(2.986rem, 5vw, 3.583rem);--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--letter-spacing-tight: -.03em;--letter-spacing-normal: -.015em;--letter-spacing-wide: .02em;--letter-spacing-wider: .08em;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--line-height-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-11: 6rem;--space-12: 8rem;--color-pure-black: #000000;--color-rich-black: #1d1d1f;--color-dark-gray: #424245;--color-medium-gray: #86868b;--color-light-gray: #d2d2d7;--color-off-white: #f5f5f7;--color-pure-white: #ffffff;--color-nude-100: #fef5f1;--color-nude-200: #fce4d6;--color-nude-300: #f9d0b8;--color-nude-400: #f5b897;--color-nude-500: #ef9d75;--color-nude-600: #e67d4b;--color-blush-100: #ffe4e6;--color-blush-200: #ffc7cc;--color-blush-300: #ffa6b0;--color-blush-400: #ff8092;--color-blush-500: #ff5773;--color-blush-600: #ff2d55;--color-gold-100: #fef9e7;--color-gold-200: #fdf0c4;--color-gold-300: #fbe59e;--color-gold-400: #f9d878;--color-gold-500: #f6c851;--color-gold-600: #f2b52a;--gradient-premium: linear-gradient(135deg, var(--color-nude-400) 0%, var(--color-blush-500) 100%);--gradient-subtle: linear-gradient(180deg, var(--color-off-white) 0%, var(--color-pure-white) 100%);--gradient-dark: linear-gradient(135deg, var(--color-rich-black) 0%, var(--color-dark-gray) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .1);--shadow-2xl: 0 30px 60px rgba(0, 0, 0, .2), 0 12px 24px rgba(0, 0, 0, .15);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-expo: cubic-bezier(.7, 0, .84, 0);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.43, .195, .02, 1.37);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--duration-slowest: 1.2s;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--z-below: -1;--z-base: 0;--z-above: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-rich-black);background-color:var(--color-pure-white);margin:0;padding:0}.display-1{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.display-2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.heading-1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug)}.heading-2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug)}.heading-3{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal)}.body-large{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed)}.body-regular{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.body-small{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.caption{font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:#fff3;transform:translate(-50%,-50%);transition:width var(--duration-slow) var(--ease-out-expo),height var(--duration-slow) var(--ease-out-expo)}.button:hover:before{width:300%;height:300%}.button--primary{background:var(--color-rich-black);color:var(--color-pure-white)}.button--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button--secondary{background:var(--color-pure-white);color:var(--color-rich-black);border:1px solid var(--color-light-gray)}.button--secondary:hover{background:var(--color-off-white);border-color:var(--color-medium-gray)}.button--ghost{background:transparent;color:var(--color-rich-black);padding:var(--space-2) var(--space-4)}.button--ghost:hover{background:#0000000d}.input{width:100%;padding:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1;color:var(--color-rich-black);background:var(--color-pure-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out-expo)}.input:focus{outline:none;border-color:var(--color-rich-black);box-shadow:0 0 0 4px #0000001a}.input::placeholder{color:var(--color-medium-gray)}.card{background:var(--color-pure-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card--interactive{cursor:pointer}.card--glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.reveal{opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out-expo)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal--scale{transform:scale(.95)}.reveal--scale.revealed{transform:scale(1)}.skeleton{background:linear-gradient(90deg,var(--color-light-gray) 25%,var(--color-off-white) 50%,var(--color-light-gray) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-pure-white);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-in-out-expo)}.page-transition.active{opacity:1;pointer-events:all}.hover-lift{transition:transform var(--duration-normal) var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-4px)}.hover-grow{transition:transform var(--duration-normal) var(--ease-out-expo)}.hover-grow:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out-expo)}.hover-glow:hover{box-shadow:0 0 30px #0000001a}.magnetic-button{position:relative;transition:transform var(--duration-fast) var(--ease-out-expo)}.underline-hover{position:relative;text-decoration:none}.underline-hover:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width var(--duration-normal) var(--ease-out-expo)}.underline-hover:hover:after{width:100%}*:focus-visible{outline:2px solid var(--color-rich-black);outline-offset:4px}.color-transition{transition:color var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-off-white)}::-webkit-scrollbar-thumb{background:var(--color-light-gray);border-radius:var(--radius-full);transition:background var(--duration-fast) ease}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-gray)}@media (max-width: 768px){:root{--font-size-base: 1rem}}@media print{body{font-size:12pt;line-height:1.5;color:#000;background:#fff}.no-print{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/apple-tier-design-system.css.map */