.sygma-intro{position:relative;color:var(--sygma-fg);background:var(--sygma-bg);overflow:clip}.sygma-intro.sygma-surface--ground-deep{background:var(--sygma-ground-deep)}.sygma-intro.sygma-surface--ink{background:var(--sygma-ink)}.sygma-intro.sygma-surface--graphite{background:var(--sygma-graphite)}.sygma-intro__stage{display:grid;gap:var(--sygma-space-xl);padding:var(--sygma-space-3xl) clamp(1.25rem,5vw,4rem);max-inline-size:90rem;margin-inline:auto}.sygma-intro__headline{margin:0;font-family:var(--sygma-font-display);font-weight:var(--sygma-weight-bold, 700);font-size:var(--sygma-text-plate);line-height:.86;letter-spacing:var(--sygma-track-plate);text-transform:uppercase;max-inline-size:12ch}.sygma-intro__word{display:inline-block}.sygma-intro__product{margin:0;position:relative;inline-size:min(78vw,36rem)}.sygma-intro__product img,.sygma-intro__model-media img{display:block;inline-size:100%;block-size:auto;aspect-ratio:1 / 1;object-fit:contain}.sygma-intro__code{margin-block-start:var(--sygma-space-2xs);font-family:var(--sygma-font-display);font-size:var(--sygma-text-xs);letter-spacing:var(--sygma-track-label);text-transform:uppercase;color:var(--sygma-fg-muted)}.sygma-intro__rule{display:flex;align-items:center;gap:var(--sygma-space-sm)}.sygma-intro__rule-line{display:block;block-size:1px;inline-size:100%;max-inline-size:22rem;background:var(--sygma-hairline-strong);transform-origin:left center}.sygma-intro__rule-label{font-family:var(--sygma-font-display);font-size:var(--sygma-text-2xs);letter-spacing:var(--sygma-track-label);text-transform:uppercase;color:var(--sygma-fg-muted);white-space:nowrap}.sygma-intro__specs{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sygma-space-lg) var(--sygma-space-md)}.sygma-intro__spec{display:grid;gap:var(--sygma-space-3xs)}.sygma-intro__spec-value{margin:0;font-family:var(--sygma-font-display);font-weight:var(--sygma-weight-bold, 700);font-size:var(--sygma-text-figure);line-height:.9;letter-spacing:var(--sygma-track-figure);font-variant-numeric:tabular-nums}.sygma-intro__spec-label{font-family:var(--sygma-font-display);font-size:var(--sygma-text-xs);letter-spacing:var(--sygma-track-label);text-transform:uppercase;color:var(--sygma-accent)}.sygma-intro__family{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sygma-space-md)}.sygma-intro__model{display:grid;gap:var(--sygma-space-2xs);justify-items:center;text-align:center}.sygma-intro__model-link{color:inherit;text-decoration:none;display:grid;gap:var(--sygma-space-2xs);justify-items:center}.sygma-intro__model-media{display:block;inline-size:100%}.sygma-intro__model-code{font-family:var(--sygma-font-display);font-size:var(--sygma-text-sm);letter-spacing:var(--sygma-track-label);text-transform:uppercase}.sygma-intro__model-name{font-size:var(--sygma-text-xs);color:var(--sygma-fg-muted);letter-spacing:var(--sygma-track-label);text-transform:uppercase}.sygma-intro__final{display:grid;gap:var(--sygma-space-md);justify-items:start;padding:var(--sygma-space-3xl) clamp(1.25rem,5vw,4rem) calc(var(--sygma-space-3xl) + 2vh);max-inline-size:90rem;margin-inline:auto}.sygma-intro__final-heading{margin:0;font-family:var(--sygma-font-display);font-weight:var(--sygma-weight-bold, 700);font-size:var(--sygma-text-4xl);line-height:.88;letter-spacing:var(--sygma-track-display);text-transform:uppercase}.sygma-intro__final-sub{margin:0;font-size:var(--sygma-text-md);color:var(--sygma-fg-muted);max-inline-size:40ch}.sygma-intro__cta{margin-block-start:var(--sygma-space-xs)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__track{block-size:320svh}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__stage{position:sticky;inset-block-start:0;block-size:100svh;max-inline-size:none;padding:0;display:block;overflow:hidden}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__stage>*{position:absolute}@media(min-width:64rem){:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro]{--gx: clamp(2.5rem, 6vw, 7rem)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__headline{inset-inline-start:var(--gx);inset-block-start:50%;transform:translateY(-50%);inline-size:42vw;max-inline-size:11ch}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__product{inset-inline-end:var(--gx);inset-block-start:50%;inline-size:min(46vw,62svh);transform:translateY(-50%)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__code{position:absolute;inset-block-end:-1.8em;inset-inline-start:0}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__rule{inset-inline-start:var(--gx);inset-block-end:12svh;inline-size:30vw}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__specs{inset-inline-start:var(--gx);inset-block-start:50%;transform:translateY(-50%);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sygma-space-xl) var(--sygma-space-lg);inline-size:min(40vw,34rem)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__spec-value{font-size:var(--sygma-text-3xl)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__family{inset-inline:var(--gx);inset-block-start:50%;transform:translateY(-50%);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sygma-space-xl);align-items:end}}@media(max-width:63.98rem){:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__track{block-size:260svh}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__headline{inset-inline:6vw;inset-block-start:9svh;font-size:var(--sygma-text-4xl);max-inline-size:10ch}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__product{inset-inline-start:50%;inset-block-start:50%;inline-size:min(78vw,46svh);transform:translate(-50%,-46%)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__code{text-align:center}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__rule{inset-inline:6vw;inset-block-start:26svh;inline-size:auto}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__specs{inset-inline:6vw;inset-block-end:8svh;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sygma-space-md) var(--sygma-space-sm)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__spec-value{font-size:var(--sygma-text-2xl)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__family{inset-inline:4vw;inset-block-start:50%;transform:translateY(-50%);gap:var(--sygma-space-sm)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__model-name{display:none}}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] :is(.sygma-intro__word,.sygma-intro__product,.sygma-intro__spec,.sygma-intro__model,.sygma-intro__rule-line,.sygma-intro__rule-label){opacity:0}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro] .sygma-intro__rule-line{transform:scaleX(0)}:root[data-sygma-motion]:not([data-sygma-motion=minimal]) .sygma-intro[data-motion=product-intro]:not([data-motion-ready]) :is(.sygma-intro__word,.sygma-intro__product){opacity:1}@media(prefers-reduced-motion:reduce){.sygma-intro .sygma-intro__track{block-size:auto!important}.sygma-intro .sygma-intro__stage{position:static!important;block-size:auto!important;display:grid!important;padding:var(--sygma-space-3xl) clamp(1.25rem,5vw,4rem)!important}.sygma-intro .sygma-intro__stage>*{position:static!important;transform:none!important;opacity:1!important;inline-size:auto!important}.sygma-intro :is(.sygma-intro__word,.sygma-intro__spec,.sygma-intro__model,.sygma-intro__rule-line,.sygma-intro__rule-label){opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/sygma-product-intro.css.map */