:root{--supra-ink: #0A0A0A;--supra-ink-soft: #1A1A1A;--supra-paper: #F6F4EF;--supra-paper-alt: #ECE8DF;--supra-line: #2B2B2B;--supra-muted: #6B6B66;--supra-hairline: rgba(10,10,10,.08);--supra-accent: #1E3AFF;--supra-accent-ink: #0A1FBF;--supra-hot: #FF3B1F;--supra-sage: #3D9970;--supra-coral: #FF6B6B;--supra-gold: #F5A623;--supra-lavender: #8B7EC8;--supra-sky: #4FC3F7;--font-display: "Syne", "Arial Narrow", sans-serif;--font-body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-micro: clamp(10px, .68vw + 7px, 12px);--fs-caption: clamp(12px, .7vw + 9px, 14px);--fs-body: clamp(15px, .4vw + 13px, 17px);--fs-lead: clamp(18px, .9vw + 14px, 22px);--fs-h4: clamp(22px, 1.8vw + 14px, 32px);--fs-h3: clamp(28px, 3vw + 16px, 48px);--fs-h2: clamp(40px, 5vw + 20px, 88px);--fs-h1: clamp(56px, 9vw + 20px, 160px);--ls-tight: -.035em;--ls-normal: -.01em;--ls-wide: .08em;--ls-xwide: .18em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--space-11: 192px;--container-max: 1600px;--gutter: clamp(16px, 3vw, 48px);--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--r-lg: 16px;--r-pill: 999px;--border-hair: 1px solid var(--supra-hairline);--border-ink: 1px solid var(--supra-ink);--shadow-card-rest: 0 1px 2px rgba(10,10,10,.04), 0 2px 4px rgba(10,10,10,.04), 0 8px 24px rgba(10,10,10,.06);--shadow-card-hover: 0 2px 4px rgba(10,10,10,.06), 0 8px 16px rgba(10,10,10,.08), 0 24px 48px rgba(10,10,10,.12);--shadow-float: 0 32px 64px -12px rgba(10,10,10,.25);--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .14s;--t-med: .28s;--t-slow: .52s;--z-base: 1;--z-hover: 10;--z-sticky: 50;--z-header: 80;--z-drawer: 90;--z-modal: 100;--z-toast: 110}[data-theme=dark]{--supra-ink: #F6F4EF;--supra-ink-soft: #ECE8DF;--supra-paper: #0A0A0A;--supra-paper-alt:#1A1A1A;--supra-line: #F6F4EF;--supra-hairline: rgba(246,244,239,.1)}.supra-root,.supra-root *,.supra-root *:before,.supra-root *:after{box-sizing:border-box}.supra-root{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;color:var(--supra-ink);background:var(--supra-paper);font-feature-settings:"ss01","cv11","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.supra-display-xl{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h1);line-height:.88;letter-spacing:var(--ls-tight);text-transform:uppercase;font-stretch:75%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(max-width:600px){.supra-display-xl{font-size:clamp(32px,9vw,48px);line-height:.95}}.supra-display-lg{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h2);line-height:.9;letter-spacing:var(--ls-tight);text-transform:uppercase;overflow-wrap:break-word}@media(max-width:600px){.supra-display-lg{font-size:clamp(26px,7vw,38px)}}.supra-display-md{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);line-height:.95;letter-spacing:var(--ls-tight);text-transform:uppercase}.supra-display-sm{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h4);line-height:1;letter-spacing:var(--ls-normal);text-transform:uppercase}.supra-body{font-size:var(--fs-body);line-height:1.55}.supra-lead{font-size:var(--fs-lead);line-height:1.45;font-weight:500}.supra-caption{font-size:var(--fs-caption);line-height:1.4;color:var(--supra-muted)}.supra-tag{font-family:var(--font-mono);font-size:var(--fs-micro);line-height:1;letter-spacing:var(--ls-xwide);text-transform:uppercase;font-weight:500}.supra-eyebrow{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-xwide);text-transform:uppercase;color:var(--supra-muted);display:inline-flex;align-items:center;gap:var(--space-2)}.supra-eyebrow:before{content:"";width:24px;height:1px;background:currentColor;display:inline-block}.supra-container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.supra-section{padding-top:var(--space-6);padding-bottom:var(--space-6);position:relative}.supra-section+.supra-section{margin-top:0}@media(min-width:1024px){.supra-section{padding-top:var(--space-7);padding-bottom:var(--space-7)}}.supra-section--alt{background:var(--supra-paper-alt)}.supra-section--dark{background:var(--supra-ink);color:var(--supra-paper)}.supra-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);border-bottom:var(--border-hair);padding-bottom:var(--space-3)}.supra-section-head__title{margin:0}.supra-section-head__meta{display:flex;gap:var(--space-5);align-items:center}.supra-divider{height:1px;background:var(--supra-ink);width:100%;border:0}.supra-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:52px;padding:0 var(--space-6);font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:500;letter-spacing:var(--ls-xwide);text-transform:uppercase;text-decoration:none;border:1px solid var(--supra-ink);background:var(--supra-ink);color:var(--supra-paper);cursor:pointer;transition:transform var(--t-fast) var(--ease-out-soft),background var(--t-fast) var(--ease-out-soft),color var(--t-fast) var(--ease-out-soft);position:relative;overflow:hidden}.supra-btn:hover{background:var(--supra-accent);border-color:var(--supra-accent);transform:translateY(-1px)}.supra-btn:active{transform:translateY(0)}.supra-btn--ghost{background:transparent;color:var(--supra-ink)}.supra-btn--ghost:hover{background:var(--supra-ink);color:var(--supra-paper);border-color:var(--supra-ink)}.supra-btn--sm{height:40px;padding:0 var(--space-5)}.supra-btn--lg{height:60px;padding:0 var(--space-7)}.supra-btn--block{width:100%}.supra-btn__icon{width:14px;height:14px;transition:transform var(--t-fast) var(--ease-out-soft)}.supra-btn:hover .supra-btn__icon{transform:translate(3px)}.supra-link{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-xwide);text-transform:uppercase;color:var(--supra-ink);text-decoration:none;position:relative;padding-bottom:2px;display:inline-block}.supra-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--supra-ink);transform:scaleX(1);transform-origin:right;transition:transform var(--t-med) var(--ease-out-soft)}.supra-link:hover:after{transform-origin:left;transform:scaleX(0)}.supra-link:hover{color:var(--supra-accent)}.supra-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:300px}.supra-root :focus-visible{outline:2px solid var(--supra-accent);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){.supra-root *,.supra-root *:before,.supra-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.supra-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.supra-no-scroll{overflow:hidden}.supra-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/76/assets/supra-design-system.css.map */