:root {
  --xm-pad: clamp(24px, 5.5vw, 106px);
  --xm-max: 1480px;
  --xm-radius: clamp(18px, 1.65vw, 32px);
  --xm-black: #050505;
  --xm-offwhite: #f5f5f5;
  --xm-muted: #9a9a9f;
}

html { scroll-behavior: smooth; }
.product-page { overflow-x: clip; background: var(--xm-black); color: #111; }
[data-product-kind="ai-paddle"] { --s1-light-surface:#ededed; }
.product-page .site-header {
  top: 0;
  padding-right:clamp(12px,1.25vw,24px);
  color:#111;
  transition: transform .15s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
.product-page .site-header .desktop-nav a { color:#111; }
.product-page .mobile-menu { color:#111; }
.product-page.is-product-nav-visible .site-header { transform: translateY(-100%); pointer-events: none; }
.product-page.menu-open .site-header { transform: translateY(0); pointer-events: auto; }
.product-page main { overflow: clip; }
[data-product-kind="ai-paddle"] main.xm-main { overflow:visible; }
.product-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 101;
  height: var(--header-h);
  color: #111; background: rgba(255,255,255,.91); border-bottom: 1px solid rgba(0,0,0,.08);
  -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px);
  transform: translateY(-100%); pointer-events: none;
  transition: transform .15s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
.product-page.is-product-nav-visible:not(.menu-open) .product-nav { transform: translateY(0); pointer-events: auto; }
[data-product-kind="ai-paddle"] .product-nav {
  background:var(--s1-light-surface);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.product-nav-inner { width: 100%; height: 100%; padding: 0 clamp(12px,1.25vw,24px) 0 var(--gutter); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.product-nav-identity { min-width: 0; height: 100%; display: flex; align-items: center; gap: 18px; }
.product-nav-brand { width: 112px; flex: 0 0 112px; display: grid; align-items: center; }
.product-nav-brand img { width: 112px; height: auto; display: block; }
.product-nav-divider { width: 1px; height: 26px; flex: 0 0 1px; background: rgba(17,17,17,.16); }
.product-nav-name { display: flex; align-items: baseline; gap: 7px; white-space: nowrap; font-size: 15px; font-weight: 600; letter-spacing: 0; }
.product-nav-name span { color: #5f6064; font-size: 12px; font-weight: 700; letter-spacing: .09em; }
.product-nav-name strong { color: #111; font-size: 15px; font-weight: 700; }
.product-nav-variant { position: relative; min-width: 0; flex: 0 0 auto; }
.product-nav-variant::after { content:"⌄"; position:absolute; top:50%; right:13px; color:#6c6c70; font-size:13px; transform:translateY(-57%); pointer-events:none; }
.product-nav-variant select { height: 40px; min-width: 116px; max-width:100%; padding: 0 34px 0 14px; overflow:hidden; border: 1px solid rgba(17,17,17,.16); border-radius: 999px; color: transparent; background: rgba(255,255,255,.72); font-size: 13px; font-weight: 600; white-space:nowrap; text-overflow:ellipsis; -webkit-appearance:none; appearance: none; cursor: pointer; outline: none; }
.product-nav-variant select option { color:#252529; }
.product-nav-variant-display { position:absolute; z-index:1; top:50%; right:34px; left:14px; overflow:hidden; color:#252529; font-size:13px; font-weight:600; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; transform:translateY(-50%); pointer-events:none; }
.product-nav-variant select:focus-visible { border-color:#111; box-shadow:0 0 0 2px rgba(17,17,17,.1); }
.product-nav-links { height: 100%; display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; }
.product-nav-anchor-list { height: 100%; display: flex; align-items: center; gap: clamp(24px, 2.2vw, 40px); }
.product-nav-anchor-list a { position: relative; height: 100%; display: flex; align-items: center; color: #5b5b5f; transition: color .1s linear; }
.product-nav-anchor-list a::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:transparent; transition:background-color .1s linear; }
.product-nav-anchor-list a:hover,.product-nav-anchor-list a.is-active { color: #000; }
.product-nav-anchor-list a.is-active::after { background: var(--lime); }
.product-nav-links .product-nav-reserve { flex: 0 0 auto; }
.header-language {
  flex:0 0 auto;
  width:112px;
  min-width:112px;
  height:40px;
  padding:0 34px 0 14px;
  border:1px solid rgba(17,17,17,.18);
  border-radius:999px;
  color:#28282b;
  background-color:rgba(255,255,255,.52);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='m1.5 1.5 4.5 4 4.5-4' stroke='%23585A5D' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:10px auto;
  font-size:14px;
  font-weight:750;
  line-height:normal;
  cursor:pointer;
  outline:none;
  -webkit-appearance:none;
  appearance:none;
}
.header-language:hover { border-color:rgba(17,17,17,.34); }
.header-language:focus-visible { border-color:#111; box-shadow:0 0 0 2px rgba(17,17,17,.1); }
.product-nav-language { margin-left:12px; }
.product-nav-mobile-actions,.product-nav-mobile-panel { display: none; }
#overview,#product-details,#features,#experience,#colours,#sensing,#styles,#specs {
  scroll-margin-top: calc(var(--header-h) + 16px);
}
#materials { scroll-margin-top:var(--header-h); }

.xm-eyebrow { margin: 0 0 18px; font-size: 12px; line-height: 1.25; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.xm-hero {
  position: relative; min-height: 680px; height: clamp(680px, 50.703vw, 920px); overflow: hidden;
  color: #fff; background: #050505;
}
.xm-hero-image, .xm-chapter > img, .xm-design > img, .xm-metrics-media img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.xm-hero-image { transform: scale(1.002); }
.xm-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.71) 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,.02) 72%); }
.xm-hero[data-variant="light"] { color: #111; }
.xm-hero[data-variant="light"] .xm-hero-shade { background: linear-gradient(90deg, rgba(248,248,247,.94) 0%, rgba(248,248,247,.5) 42%, rgba(248,248,247,0) 68%); }
.xm-hero-copy {
  position: absolute; z-index: 2; left: var(--xm-pad); top: 50%; width: min(560px, calc(100vw - (var(--xm-pad) * 2))); transform: translateY(-50%);
}
.xm-hero h1 { margin: 0; font-size: min(clamp(64.8px, 6.48vw, 124.2px), var(--site-title-cap)); line-height: .8; font-weight: 760; letter-spacing: -.075em; }
.xm-hero-line { max-width: 640px; margin: 32px 0 12px; font-size: clamp(26px, 2.35vw, 46px); line-height: 1.03; font-weight: 660; letter-spacing: -.052em; }
.xm-hero-detail { max-width: 570px; margin: 0; color: rgba(255,255,255,.69); font-size: 15px; line-height: 1.6; }
.xm-hero[data-variant="light"] .xm-hero-detail { color: rgba(0,0,0,.58); }
.xm-scroll { position: absolute; z-index: 3; left: 50%; bottom: 20px; transform: translateX(-50%); display: grid; justify-items: center; gap: 7px; color: currentColor; font-size: 10px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.xm-scroll i { width: 1px; height: 30px; background: currentColor; opacity: .55; }
.xm-hero--masked::after { content:""; position:absolute; z-index:1; left:0; right:0; bottom:-1px; height:clamp(150px,16vw,300px); pointer-events:none; background:linear-gradient(180deg,rgba(2,2,3,0) 0%,rgba(2,2,3,.18) 28%,rgba(2,2,3,.68) 68%,#020203 100%); }

/* Pickleballs category hero — matches the home-page flagship carousel. */
[data-product-route="pickleballs"] .pickleball-hero__media { width:100%; height:100%; display:block; }
[data-product-route="pickleballs"] .pickleball-hero__image--pro { object-position:center; }
[data-product-route="pickleballs"] .pickleball-hero__image--b1 { object-position:center; }
[data-product-route="pickleballs"] .pickleball-hero .hero-content { z-index:2; }
[data-product-route="pickleballs"] .pickleball-hero .hero-controls { z-index:3; }

@media (max-width:900px) {
  [data-product-route="pickleballs"] .pickleball-hero__image--pro { object-position:center; }
  [data-product-route="pickleballs"] .pickleball-hero__image--b1 { object-position:64% center; }
}

.xm-intro { min-height: clamp(720px, 47.734vw, 920px); padding: 100px var(--xm-pad); display: grid; place-items: center; color: #fff; background: #050505; text-align: center; }
.xm-intro-inner { max-width: 1280px; }
.xm-intro h2 { margin: 0; font-size: min(clamp(52.2px, 6.98vw, 133.2px), var(--site-title-cap)); line-height: .93; letter-spacing: -.067em; background: linear-gradient(110deg,#fff 5%,#9f9fa7 46%,#fff 86%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
.xm-intro-inner > [data-intro-copy] { max-width: 720px; margin: 44px auto 0; color: #8f8f95; font-size: clamp(17px, 1.35vw, 24px); line-height: 1.58; }
.xm-intro-visual,.xm-intro-shade,.xm-intro-lines { display: none; }
.xm-intro--xiaomi { position: relative; min-height: clamp(720px,47.734vw,920px); padding: 0; display: block; overflow: hidden; color: #898989; background: #000; }
.xm-intro--xiaomi .xm-intro-visual { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; }
.xm-intro--xiaomi .xm-intro-shade { position: absolute; inset: 0; display: block; background: linear-gradient(180deg,rgba(2,2,3,.16) 0%,rgba(2,2,3,.1) 40%,rgba(2,2,3,.02) 68%,rgba(2,2,3,0) 82%); }
.xm-intro--xiaomi .xm-intro-inner { position: relative; z-index: 1; width: 100%; max-width: none; padding-top: clamp(108px,6.5vw,126px); }
.xm-intro--xiaomi .xm-intro-lines { width: 100%; display: flex; flex-direction: column; align-items: center; gap: clamp(6px,.39vw,7.5px); }
.xm-intro--xiaomi .xm-intro-lines span { width: min(1050px,calc(100vw - 48px)); display: block; margin: 0 auto; color: transparent; background: linear-gradient(140deg,#fff,#616369); -webkit-background-clip: text; background-clip: text; font-family: var(--xm-font); font-size: clamp(20px,1.5234vw,29.25px); font-weight: 700; line-height: 1.2; letter-spacing: 0; text-align: center; }
.xm-intro--xiaomi .xm-intro-lines span:nth-child(5) { margin-top: 0; line-height: 1.3; }

.xm-ksp { position: relative; height: 100svh; min-height: 720px; color: #fff; background: #050505; }
.xm-ksp-stage { position: relative; width: 100%; height: 100%; overflow: hidden; }
.xm-ksp-track { position: absolute; top: 50%; left: 0; display: flex; gap: clamp(16px, 1.6vw, 30px); transform: translate(37%, -50%); will-change: transform; }
.xm-ksp-card { position: relative; flex: 0 0 min(38vw, 610px); height: min(68vh, 700px); min-height: 500px; overflow: hidden; border-radius: var(--xm-radius); background: #171719; }
.xm-ksp-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.8) 100%); }
.xm-ksp-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.xm-ksp-card:hover img { transform: scale(1.025); }
.xm-ksp-card-copy { position: absolute; z-index: 2; left: clamp(24px, 2.4vw, 44px); right: clamp(24px, 2.4vw, 44px); bottom: clamp(26px, 2.7vw, 50px); }
.xm-ksp-card span { display: block; margin-bottom: 12px; color: rgba(255,255,255,.6); font-size: 11px; font-weight: 720; letter-spacing: .14em; text-transform: uppercase; }
.xm-ksp-card h3 { margin: 0; font-size: min(clamp(27px, 2.7vw, 46.8px), var(--site-title-cap)); line-height: .98; letter-spacing: -.055em; }
.xm-ksp-card p { max-width: 430px; margin: 18px 0 0; color: rgba(255,255,255,.7); line-height: 1.55; }

.xm-film { position: relative; height: 100svh; min-height: 700px; overflow: hidden; color: #fff; background: #080808; }
.xm-film-media, .xm-film-media video, .xm-film-media img { width: 100%; height: 100%; }
.xm-film-media video, .xm-film-media img { object-fit: cover; }
.xm-film-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.74), rgba(0,0,0,.04) 67%), linear-gradient(0deg, rgba(0,0,0,.25), transparent 40%); }
.xm-film-copy, .xm-design-copy { position: absolute; z-index: 2; left: clamp(30px, 8.2vw, 158px); top: 50%; width: min(590px, 43vw); transform: translateY(-50%); }
.xm-film-copy h2, .xm-design-copy h2 { margin: 0 0 26px; font-size: min(clamp(50.4px, 5.85vw, 111.6px), var(--site-title-cap)); line-height: .91; letter-spacing: -.068em; }
.xm-film-copy > p:last-child, .xm-design-copy > p:last-child { max-width: 500px; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.62; }

.xm-chapter { position: relative; height: clamp(850px, 73.828vw, 1320px); overflow: hidden; color: #fff; background: #050505; }
.xm-chapter-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.22) 52%,rgba(0,0,0,.7)); }
.xm-chapter-copy { position: absolute; z-index: 2; left: var(--xm-pad); right: var(--xm-pad); bottom: clamp(70px, 8vw, 150px); }
.xm-chapter-copy h2 { max-width: 1280px; margin: 0; font-size: min(clamp(59.4px, 8.28vw, 158.4px), var(--site-title-cap)); line-height: .87; letter-spacing: -.072em; background: linear-gradient(112deg,#fff 7%,#a0a0a8 43%,#fff 82%); background-size: 180% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }

.xm-design { position: relative; height: clamp(820px, 72.656vw, 1280px); overflow: hidden; color: #fff; background: #050505; }
.xm-design-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.06) 66%); }

.xm-color { padding: clamp(110px, 12vw, 210px) var(--xm-pad); color: #fff; background: #050505; }
.xm-section-head { max-width: var(--xm-max); margin: 0 auto clamp(52px, 6vw, 100px); }
.xm-section-head h2 { max-width: 1100px; margin: 0; font-size: min(clamp(54px, 7.02vw, 133.2px), var(--site-title-cap)); line-height: .9; letter-spacing: -.07em; }
.xm-section-head > p:last-child:not(.xm-eyebrow) { max-width: 680px; margin: 30px 0 0; color: #8f8f95; font-size: 18px; line-height: 1.6; }
.xm-color-view { position: relative; max-width: var(--xm-max); height: min(66vw, 780px); min-height: 520px; margin: auto; overflow: hidden; border-radius: var(--xm-radius); background: #111; }
.xm-color-slide { position: absolute; inset: 0; opacity: 0; transition: opacity .75s ease; }
.xm-color-slide.is-active { opacity: 1; }
.xm-color-slide img { width: 100%; height: 100%; object-fit: cover; }
.xm-color-slide.contain img { object-fit: contain; padding: clamp(24px, 5vw, 90px); }
.xm-color-slide figcaption { position: absolute; left: 28px; bottom: 24px; padding: 9px 14px; border-radius: 999px; color: #fff; background: rgba(0,0,0,.45); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); font-size: 12px; }
.xm-color-tabs { max-width: var(--xm-max); margin: 28px auto 0; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.xm-color-tabs button { min-height: 42px; padding: 0 18px; border: 1px solid #39393d; border-radius: 999px; color: #aaa; background: transparent; cursor: pointer; transition: .25s ease; }
.xm-color-tabs button[aria-selected="true"] { color: #111; background: #fff; border-color: #fff; }

.xm-mosaic { min-height: clamp(800px, 53.9vw, 1040px); padding: clamp(90px, 9vw, 170px) var(--xm-pad); color: #fff; background: #050505; }
.xm-mosaic-copy { max-width: var(--xm-max); margin: 0 auto 50px; }
.xm-mosaic-copy h2 { max-width: 920px; margin: 0; font-size: min(clamp(50.4px, 5.4vw, 102.6px), var(--site-title-cap)); line-height: .9; letter-spacing: -.065em; }
.xm-mosaic-grid { max-width: var(--xm-max); height: min(48vw, 700px); min-height: 520px; margin: auto; display: grid; grid-template-columns: 1.4fr .8fr; grid-template-rows: 1fr 1fr; gap: 16px; }
.xm-mosaic-item { position: relative; overflow: hidden; border-radius: var(--xm-radius); background: #171719; }
.xm-mosaic-item:first-child { grid-row: 1 / 3; }
.xm-mosaic-item img { width: 100%; height: 100%; object-fit: cover; }
.xm-mosaic-item figcaption { position: absolute; left: 24px; bottom: 22px; right: 24px; color: #fff; font-size: clamp(18px, 1.6vw, 28px); font-weight: 650; letter-spacing: -.03em; text-shadow: 0 2px 18px rgba(0,0,0,.7); }

.xm-layers { position: relative; height: 100svh; min-height: 720px; color: #fff; background: #050505; }
.xm-layers-stage { position: relative; width: 100%; height: 100%; overflow: hidden; }
.xm-layers-stage::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.03) 67%); }
.xm-layers-copy { position: absolute; z-index: 4; left: var(--xm-pad); top: 50%; width: min(510px, 38vw); transform: translateY(-50%); }
.xm-layers-copy h2 { margin: 0; font-size: min(clamp(52.2px, 5.67vw, 108px), var(--site-title-cap)); line-height: .9; letter-spacing: -.068em; }
.xm-layer-frames, .xm-layer-frame, .xm-layer-frame img { position: absolute; inset: 0; width: 100%; height: 100%; }
.xm-layer-frame { opacity: 0; }
.xm-layer-frame:first-child { opacity: 1; }
.xm-layer-frame img { object-fit: cover; }
.xm-layer-frame-copy { position: absolute; z-index: 3; right: var(--xm-pad); bottom: clamp(42px, 7vw, 130px); width: min(480px, 37vw); text-align: right; opacity: 0; transform: translateY(12px); transition: opacity .22s ease,transform .22s ease; }
.xm-layer-frame.is-copy-active .xm-layer-frame-copy { opacity: 1; transform: none; }
.xm-layer-frame-copy strong { display: block; font-size: clamp(32px, 3.5vw, 66px); line-height: .95; letter-spacing: -.055em; }
.xm-layer-frame-copy p { margin: 18px 0 0; color: rgba(255,255,255,.7); line-height: 1.55; }
.xm-layer-dots { position: absolute; z-index: 5; right: 28px; top: 50%; display: grid; gap: 10px; transform: translateY(-50%); }
.xm-layer-dots i { width: 5px; height: 5px; border-radius: 50%; background: #666; transition: transform .25s, background .25s; }
.xm-layer-dots i.is-active { transform: scale(1.8); background: #fff; }

.xm-metrics { position: relative; min-height: 100svh; padding: 130px var(--xm-pad); display: grid; align-items: end; overflow: hidden; color: #fff; background: #050505; }
.xm-metrics-media { position: absolute; inset: 0; }
.xm-metrics-shade { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.04) 75%),linear-gradient(90deg,rgba(0,0,0,.5),transparent 55%); }
.xm-metrics-inner { position: relative; z-index: 2; width: 100%; max-width: var(--xm-max); margin: 0 auto; }
.xm-metrics h2 { max-width: 850px; margin: 0; font-size: min(clamp(54px, 6.66vw, 127.8px), var(--site-title-cap)); line-height: .88; letter-spacing: -.07em; }
.xm-metric-grid { margin-top: clamp(45px, 6vw, 90px); display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.3); }
.xm-metric { min-height: 170px; padding: 30px 28px 10px 0; border-right: 1px solid rgba(255,255,255,.3); }
.xm-metric + .xm-metric { padding-left: 28px; }
.xm-metric:last-child { border-right: 0; }
.xm-metric strong { display: block; font-size: clamp(42px, 5vw, 88px); line-height: .9; letter-spacing: -.065em; }
.xm-metric span { display: block; max-width: 250px; margin-top: 18px; color: rgba(255,255,255,.66); line-height: 1.45; }

.xm-gallery { position: relative; height: 100svh; min-height: 720px; color: #fff; background: #050505; }
.xm-gallery-stage { position: relative; width: 100%; height: 100%; overflow: hidden; }
.xm-gallery-track { position: absolute; left: 0; top: 50%; display: flex; gap: clamp(16px, 1.6vw, 30px); transform: translate(33%, -50%); will-change: transform; }
.xm-gallery-card { position: relative; flex: 0 0 min(60vw, 980px); height: min(68vh, 700px); overflow: hidden; border-radius: var(--xm-radius); background: #171719; }
.xm-gallery-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%); }
.xm-gallery-card img { width: 100%; height: 100%; object-fit: cover; }
.xm-gallery-card-copy { position: absolute; z-index: 2; left: clamp(26px,3vw,56px); right: clamp(26px,3vw,56px); bottom: clamp(28px,3.2vw,60px); }
.xm-gallery-card small { color: rgba(255,255,255,.6); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.xm-gallery-card h3 { margin: 12px 0 0; max-width: 740px; font-size: min(clamp(36px,4.5vw,79.2px), var(--site-title-cap)); line-height: .93; letter-spacing: -.064em; }
.xm-gallery-card p { max-width: 520px; margin: 18px 0 0; color: rgba(255,255,255,.7); line-height: 1.55; }

.xm-app { padding: clamp(80px, 8vw, 148px) var(--xm-pad); color: #fff; background: radial-gradient(circle at 76% 8%,rgba(194,255,55,.12),transparent 26%),#050505; overflow: hidden; }
.xm-app > div { max-width: var(--xm-max); margin: auto; }
.xm-app-hero { min-height: min(860px,78vw); display: grid; grid-template-columns: minmax(0,.92fr) minmax(480px,1.08fr); align-items: center; gap: clamp(40px,7vw,130px); }
.xm-app-copy { position: relative; z-index: 2; }
.xm-app-icon { width: 66px; height: 66px; margin-bottom: clamp(40px,5vw,78px); object-fit: contain; }
.xm-app-copy h2 { max-width: 780px; margin: 0; font-size: min(clamp(55.8px,6.03vw,113.4px), var(--site-title-cap)); line-height: .88; letter-spacing: -.07em; }
.xm-app-copy > p:last-child { max-width: 650px; margin: 30px 0 0; color: #9c9ca3; font-size: clamp(16px,1.2vw,21px); line-height: 1.65; }
.xm-phone-pair { position: relative; min-height: min(760px,65vw); }
.xm-phone { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: clamp(24px,2.2vw,40px); background: #090909; box-shadow: 0 35px 90px rgba(0,0,0,.55); }
.xm-phone img { display: block; width: 100%; height: auto; }
.xm-phone-pair .xm-phone { position: absolute; width: min(43%,350px); }
.xm-phone-pair .xm-phone--rear { left: 4%; top: 10%; transform: rotate(-6deg); opacity: .72; }
.xm-phone-pair .xm-phone--front { right: 5%; top: 2%; z-index: 2; transform: rotate(3deg); }
.xm-app-lifestyle { position: relative; min-height: min(760px,65vw); margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: clamp(28px,2.6vw,48px); background: #090b0c; box-shadow: 0 42px 110px rgba(0,0,0,.58); }
.xm-app-lifestyle::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%,rgba(0,0,0,.08)); }
.xm-app-lifestyle img { display:block; width:100%; height:min(760px,65vw); object-fit:cover; object-position:center; }
.xm-app-hero--s1 { position:relative; width:100vw; max-width:none; height:clamp(760px,56.25vw,1080px); min-height:0; margin-left:calc(50% - 50vw); display:block; overflow:hidden; isolation:isolate; }
.xm-app-hero--s1 .xm-app-copy { position:absolute; z-index:2; top:0; bottom:0; left:var(--xm-pad); width:min(650px,42vw); display:flex; flex-direction:column; justify-content:center; transform:none !important; }
.xm-app-hero--s1 .xm-app-lifestyle { position:absolute; z-index:0; inset:0; min-height:0; border:0; border-radius:0; box-shadow:none; }
.xm-app-hero--s1 .xm-app-lifestyle picture { display:block; width:100%; height:100%; }
.xm-app-hero--s1 .xm-app-lifestyle::after { background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 21%,rgba(0,0,0,.25) 43%,transparent 62%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 32%,rgba(0,0,0,.12)); }
.xm-app-hero--s1 .xm-app-lifestyle img { width:100%; height:100%; object-fit:cover; object-position:center; }
.xm-phone-callout { position: absolute; z-index: 4; right: 2%; bottom: 8%; padding: 13px 18px; border-radius: 999px; color: #111; background: var(--lime); font-size: 12px; font-weight: 760; box-shadow: 0 15px 40px rgba(0,0,0,.38); }
.xm-nfc-guide { margin-top: clamp(30px,5vw,80px); padding: clamp(38px,5vw,78px); border: 1px solid rgba(255,255,255,.13); border-radius: var(--xm-radius); background: rgba(255,255,255,.045); }
.xm-nfc-guide header { max-width: 880px; }
.xm-nfc-guide h3,.xm-app-journey h3,.xm-power-guide h3 { margin: 0; font-size: min(clamp(41.4px,4.77vw,86.4px), var(--site-title-cap)); line-height: .91; letter-spacing: -.065em; }
.xm-nfc-guide ol { margin: clamp(45px,6vw,90px) 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.22); }
.xm-nfc-guide li { min-height: 250px; padding: 28px 26px 24px 0; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.15); }
.xm-nfc-guide li + li { padding-left: 26px; }
.xm-nfc-guide li:last-child { border-right: 0; }
.xm-nfc-guide b,.xm-app-steps article > span { color: var(--lime); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.xm-nfc-guide strong { margin-top: auto; font-size: clamp(22px,2vw,34px); line-height: 1; letter-spacing: -.04em; }
.xm-nfc-guide li span { margin-top: 14px; color: #929298; font-size: 14px; line-height: 1.55; }
.xm-app-note { margin: 30px 0 0; color: #74747b; font-size: 12px; line-height: 1.6; }
.xm-app-journey { width:100vw; max-width:none; margin:clamp(110px,12vw,210px) 0 0 calc(50% - 50vw); color:#fff; background:#000; }
.xm-app-journey > header { max-width:980px; margin:0 auto; padding:clamp(100px,9vw,170px) 32px clamp(72px,7vw,118px); text-align:center; }
.xm-app-journey > header h3 { font-size:min(clamp(52.2px,5.49vw,104.4px), var(--site-title-cap)); }
.xm-app-journey-keep { white-space:nowrap; }
.xm-app-journey-intro { margin:32px auto 0; color:#94949a; font-size:clamp(16px,1.2vw,19px); line-height:1.65; }
.xm-daywith { position:relative; display:grid; grid-template-columns:50% 50%; background:#000; }
.xm-daywith-visual { position:sticky; top:var(--header-h); align-self:start; height:calc(100svh - var(--header-h)); overflow:visible; background:#07090a; }
.xm-daywith-scenes,.xm-daywith-scene,.xm-daywith-scene::after { position:absolute; inset:0; }
.xm-daywith-scenes { overflow:hidden; }
.xm-daywith-scene { margin:0; opacity:0; transition:opacity .5s ease; }
.xm-daywith-scene.is-active { opacity:1; }
.xm-daywith-scene::after { content:""; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.05),transparent 68%,rgba(0,0,0,.54)),linear-gradient(0deg,rgba(0,0,0,.34),transparent 34%); }
.xm-daywith-scene img,.xm-daywith-scene video { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.xm-daywith-scene--product { background:radial-gradient(circle at 50% 42%,#202225 0,#0b0c0e 52%,#050506 100%); }
.xm-daywith-scene .xm-daywith-product-visual { object-fit:contain; padding:clamp(42px,5vw,88px); }
.xm-daywith-device { position:absolute; z-index:3; top:50%; right:0; width:clamp(220px,16vw,304px); aspect-ratio:304/620; overflow:hidden; border:8px solid #090a0b; border-radius:clamp(34px,3vw,50px); background:#050608; box-shadow:0 34px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.18); transform:translate(50%,-50%); }
.xm-daywith-device::before { content:""; position:absolute; z-index:6; top:7px; left:50%; width:34%; height:15px; border-radius:999px; background:#050506; transform:translateX(-50%); }
.xm-daywith-screen { position:absolute; inset:0; opacity:0; transform:translateX(20%); transition:opacity .28s ease,transform .35s ease; }
.xm-daywith-screen.is-active { z-index:2; opacity:1; transform:none; }
.xm-daywith-screen img { width:100%; height:100%; display:block; object-fit:cover; object-position:top center; }
.xm-daywith-steps { grid-column:2; min-width:0; }
.xm-daywith-steps article { min-height:calc(100svh - var(--header-h)); padding:clamp(80px,8vw,150px) clamp(50px,6vw,118px) clamp(80px,8vw,150px) clamp(180px,15vw,300px); display:flex; flex-direction:column; justify-content:center; color:rgba(255,255,255,.3); transition:color .3s ease; }
.xm-daywith-steps article.is-active { color:#fff; }
.xm-daywith-steps article > span { color:var(--lime); font-size:12px; font-weight:760; letter-spacing:.14em; text-transform:uppercase; }
.xm-daywith-steps h4 { max-width:590px; margin:18px 0 0; font-size:min(clamp(41.4px,4.14vw,73.8px), var(--site-title-cap)); line-height:.93; letter-spacing:-.06em; }
.xm-daywith-steps h5 { margin:32px 0 0; color:var(--lime); font-size:14px; font-weight:760; letter-spacing:.12em; text-transform:uppercase; }
.xm-daywith-steps article > p { max-width:590px; margin:18px 0 0; color:rgba(255,255,255,.5); font-size:clamp(16px,1.15vw,19px); line-height:1.67; transition:color .3s ease; }
.xm-daywith-steps article.is-active > p { color:rgba(255,255,255,.68); }
.xm-daywith-mobile-media { display:none; }
.xm-power-guide { width:100vw; max-width:none; margin:clamp(110px,12vw,210px) 0 0 calc(50% - 50vw); padding:clamp(88px,7vw,132px) 0 clamp(96px,8vw,150px); overflow:hidden; color:#fff; background:#000; }
.xm-power-guide header { width:auto; max-width:var(--xm-max); margin:0 max(var(--xm-pad),calc((100vw - var(--xm-max))/2)); padding-left:0; }
.xm-power-guide header h3 { margin:0; max-width:1100px; font-size:min(clamp(52.2px,5.49vw,104.4px), var(--site-title-cap)); line-height:.91; letter-spacing:-.065em; }
.xm-power-guide header h3 span { display:block; color:#fff; -webkit-text-fill-color:transparent; background:linear-gradient(110deg,#6de1dc 0%,#b7f23a 35%,#7ccfd4 70%,#4d7c86 100%) 0 0/160% 160% no-repeat; -webkit-background-clip:text; background-clip:text; }
.xm-power-grid { --xm-power-h:clamp(544px,34.64vw,665px); width:min(1704px,calc(100% - 48px)); height:var(--xm-power-h); margin:clamp(58px,4.2vw,80px) auto 0; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(2,minmax(0,1fr)); gap:16px; }
.xm-power-card { position:relative; min-width:0; min-height:0; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.28); border-radius:28px; background:#070809; isolation:isolate; }
.xm-power-card--control { grid-row:1 / span 2; }
.xm-power-card > img { position:absolute; z-index:0; inset:0; width:100%; height:100%; display:block; object-fit:cover; }
.xm-power-card::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; }
.xm-power-card--control::after { background:linear-gradient(145deg,rgba(0,0,0,.24),transparent 52%); }
.xm-power-card--battery::after { background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 48%); }
.xm-power-card--charge::after { background:linear-gradient(270deg,rgba(0,0,0,.58),transparent 47%); }
.xm-power-card-copy { position:absolute; z-index:2; top:clamp(34px,3.8vw,72px); left:clamp(34px,3.8vw,72px); max-width:min(390px,46%); }
.xm-power-card-copy p { margin:0; color:rgba(255,255,255,.68); font-size:clamp(16px,1.05vw,20px); line-height:1.42; }
.xm-power-card-copy strong { display:block; margin-top:10px; font-size:clamp(25px,1.55vw,30px); line-height:1.14; letter-spacing:-.035em; }
.xm-power-card--battery .xm-power-card-copy { top:50%; transform:translateY(-50%); }
.xm-power-card--charge .xm-power-card-copy { top:50%; right:clamp(34px,3.4vw,66px); left:auto; width:clamp(230px,16vw,308px); max-width:38%; transform:translateY(-50%); }
.xm-app-note--final { margin-top: 38px; }
[data-product-kind="ai-paddle"] .xm-app { padding-top:0; overflow:visible; background:#000; }
[data-product-kind="ball"] .xm-ksp-track { gap: clamp(18px,2vw,36px); }
[data-product-kind="ball"] .xm-ksp-card { flex-basis: min(44vw,690px); }

.s1-story { color: #fff; background: #050505; }
.s1-story[hidden] { display: none; }
.s1-kvs { padding: 112.5px 0 157.5px; overflow: hidden; background: #000; }
.s1-kvs__track { display: flex; gap: 45px; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-inline: contain; will-change: transform; }
.s1-kvs__track::-webkit-scrollbar { display: none; }
.s1-kvs__track::before { content:""; flex: 0 0 max(0px,calc((100vw - 1540px)/2)); }
.s1-kvs__card { position: relative; flex: 0 0 550px; height: 711px; overflow: hidden; border-radius: 27px; scroll-snap-align: start; background: #101115; }
.s1-kvs__card:last-child { margin-right: max(45px,calc((100vw - 1450px)/2)); }
.s1-kvs__card > img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.s1-kvs__card--sensor > img { object-position: 67% center; transform: scale(1.045); }
.s1-kvs__card--carbon > img { object-position: 69% center; transform: scale(1.04); }
.s1-kvs__card--ai > img { object-position: center; }
.s1-kvs__shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(8,9,12,.97) 0%,rgba(8,9,12,.86) 24%,rgba(8,9,12,.24) 47%,rgba(8,9,12,0) 69%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 32%); }
.s1-kvs__copy { position: absolute; z-index: 2; top: 72px; left: 78px; right: 46px; color: #fff; }
.s1-kvs__copy p { margin: 0 0 18px; font-size: 17px; line-height: 24px; font-weight: 520; letter-spacing: .01em; }
.s1-kvs__copy h2 { margin: 0; font-family: var(--xm-font); font-size: 48px !important; line-height: .96; font-weight: 720; letter-spacing: -.055em; }

@media (max-width: 900px) {
  .s1-kvs__copy h2 { font-size: 40px !important; }
}

@media (max-width: 600px) {
  .s1-kvs__copy h2 { font-size: 34px !important; }
}
.s1-beat { position: relative; min-height: 100svh; overflow: hidden; background: #050505; }
.s1-beat--action { min-height: 0; padding-top: clamp(48px,3.3vw,64px); display: flex; flex-direction: column; align-items: center; background: #000; }
.s1-beat-player { position: relative; width: min(100%,1920px); aspect-ratio: 32 / 15; overflow: hidden; background: #060606; }
.s1-beat-player video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.s1-beat-play { position: absolute; z-index: 2; right: clamp(28px,3.125vw,60px); bottom: clamp(28px,3.125vw,60px); width: clamp(70px,4.7266vw,91px); aspect-ratio: 1; padding: 0; border: 4px solid #fff; border-radius: 30%; color: #fff; background: rgba(0,0,0,.08); box-shadow: 0 2px 18px rgba(0,0,0,.16); cursor: pointer; transition: opacity .25s ease,transform .25s ease,background-color .25s ease; }
.s1-beat-play:hover { transform: scale(1.045); background: rgba(0,0,0,.22); }
.s1-beat-play:focus-visible { outline: 3px solid #aaff12; outline-offset: 6px; }
.s1-beat-play span { position: absolute; top: 50%; left: 52%; width: 0; height: 0; transform: translate(-42%,-50%); border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 18px solid currentColor; }
.s1-beat-player.is-playing .s1-beat-play { opacity: 0; }
.s1-beat-player.is-playing:hover .s1-beat-play,.s1-beat-player.is-playing .s1-beat-play:focus-visible { opacity: 1; }
.s1-beat-player.is-playing .s1-beat-play span { left: 50%; width: 17px; height: 24px; transform: translate(-50%,-50%); border: 0; border-right: 5px solid currentColor; border-left: 5px solid currentColor; }
.s1-design-classic { position:relative; height:auto; padding:clamp(62px,4vw,78px) 0 clamp(42px,4vw,76px); display:flex; flex-direction:column; align-items:center; overflow:hidden; color:#fff; background:#000; }
.s1-design-classic__media { position:relative; order:2; width:min(94%,1760px); height:auto; margin-top:clamp(4px,.6vw,12px); display:block; object-fit:contain; pointer-events:none; }
.s1-design-classic__copy { position:relative; z-index:2; order:1; width:100%; text-align:center; }
.s1-design-classic__copy p { margin:0; color:#fff; font-size:clamp(20px,1.4063vw,27px); font-weight:760; line-height:2.15; }
.s1-design-classic__copy h2 { margin:0; color:transparent; background:linear-gradient(90deg,#fff,#616369); -webkit-background-clip:text; background-clip:text; font-size:min(clamp(64.8px,5.63vw,108px), var(--site-title-cap)); font-weight:700; line-height:1.0625; letter-spacing:-.055em; }
.s1-feature-copy h2,.s1-ai-copy h2,.s1-bridge h2,.s1-value h2 { margin: 0; font-size: min(clamp(52.2px,6.12vw,117px), var(--site-title-cap)); line-height: .89; letter-spacing: -.07em; }
.s1-feature-copy > p:not(.xm-eyebrow),.s1-ai-copy > p:not(.xm-eyebrow),.s1-bridge > p:last-child { max-width: 620px; margin: 28px 0 0; color: rgba(255,255,255,.67); font-size: clamp(16px,1.25vw,21px); line-height: 1.62; }
.s1-feature { max-width: 1920px; min-height: min(980px,74vw); margin: auto; padding: clamp(90px,9vw,170px) var(--xm-pad); display: grid; grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); align-items: center; gap: clamp(45px,8vw,145px); background: #050505; }
.s1-feature-media { margin: 0; overflow: hidden; border-radius: var(--xm-radius); background: #111; }
.s1-feature-media img,.s1-feature-media video { display: block; width: 100%; height: min(48vw,760px); object-fit: cover; }
.s1-feature--sensor { grid-template-areas:"copy media" "stats stats"; }
.s1-feature--sensor { row-gap: 70px; }
.s1-feature--sensor .s1-feature-copy { grid-area: copy; }
.s1-feature--sensor .s1-feature-media { grid-area: media; }
.s1-feature--sensor .s1-feature-media img,.s1-feature--sensor .s1-feature-media video { height: min(36vw,620px); }
.s1-stat-strip { grid-area: stats; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.25); }
.s1-stat-strip article { min-width: 0; min-height: 190px; padding: 32px 34px 10px 0; overflow: hidden; border-right: 1px solid rgba(255,255,255,.18); }
.s1-stat-strip article + article { padding-left: 28px; }
.s1-stat-strip article:last-child { border-right: 0; }
.s1-stat-strip strong { display: flex; align-items: baseline; gap: clamp(7px,.6vw,12px); max-width: 100%; white-space: nowrap; font-size: clamp(44px,4.7vw,86px); line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums lining-nums; }
.s1-stat-strip strong [data-stat-value] { min-width: 0; margin: 0; color: inherit; line-height: inherit; }
.s1-stat-strip strong.is-counting [data-stat-value] { animation: s1-stat-rise 1.45s cubic-bezier(.2,.8,.2,1) both; }
.s1-stat-strip small { flex: none; font-size: .34em; letter-spacing: -.02em; }
.s1-stat-strip article > span { display: block; margin-top: 18px; color: #85858c; }
@keyframes s1-stat-rise { 0% { opacity:.2; transform:translateY(.28em); filter:blur(7px); } 45% { opacity:1; filter:blur(0); } 100% { opacity:1; transform:translateY(0); filter:blur(0); } }
.s1-feature--charge { max-width: none; color: #111; background: #f1f2ef; }
.s1-feature--charge .s1-feature-copy > p:not(.xm-eyebrow) { color: #5b5b58; }
.s1-feature--charge .s1-feature-media { background: #050505; }
.s1-feature--charge .s1-feature-media img { object-position: 76% center; }
.s1-inline-metrics { margin-top:45px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.s1-inline-metrics span { min-width:0; padding:clamp(16px,1.25vw,22px) clamp(12px,1.35vw,24px); border:1px solid currentColor; border-radius:18px; color:inherit; font-size:clamp(10px,.78vw,13px); overflow-wrap:anywhere; }
.s1-inline-metrics b { display: block; margin-bottom: 6px; font-size: clamp(34px,3.4vw,58px); line-height: .9; letter-spacing: -.055em; }
.s1-ai { position: relative; min-height: 100svh; padding: clamp(90px,9vw,170px) var(--xm-pad); display: grid; align-items: center; overflow: hidden; color: #111; background: #f7f8f5; }
.s1-ai > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.s1-ai::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(247,248,245,.98) 0%,rgba(247,248,245,.88) 35%,rgba(247,248,245,.04) 74%); }
.s1-ai-copy { position: relative; z-index: 2; width: min(780px,49vw); }
.s1-ai-copy > p:not(.xm-eyebrow) { color: #555853; }
.s1-ai-stats { margin-top: 50px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(0,0,0,.25); }
.s1-ai-stats > span { padding: 24px 18px 0 0; color: #5b5e58; font-size: 13px; }
.s1-ai-stats b { margin-bottom: 9px; display:flex; align-items:baseline; color:#111; font-size:clamp(34px,3vw,54px); line-height:.92; letter-spacing:-.05em; font-variant-numeric:tabular-nums lining-nums; }
.s1-ai-stats b small { font-size:.72em; letter-spacing:-.03em; }
.s1-ai-stats b.is-counting [data-stat-value] { animation:s1-stat-rise 1.45s cubic-bezier(.2,.8,.2,1) both; }
@media (min-width:721px) {
  .s1-ai > img { transform:translateX(clamp(160px,17vw,330px)) scale(1.08); transform-origin:center; }
}
.s1-bridge { padding: clamp(130px,15vw,280px) var(--xm-pad); text-align: center; background: #000; }
.s1-bridge h2 { max-width: 1350px; margin-left: auto; margin-right: auto; }
.s1-bridge > p:last-child { margin-left: auto; margin-right: auto; }
.s1-feature--carbon,.s1-feature--foam,.s1-feature--thermo { max-width: none; }
.s1-feature--carbon { background:#000; }
@media (min-width: 721px) {
  .s1-feature--carbon {
    min-height:min(1100px,calc(100svh - var(--header-h)));
    padding-top:clamp(56px,6svh,84px);
    padding-bottom:clamp(56px,6svh,84px);
  }
  .s1-feature--carbon .s1-feature-media img {
    height:min(48vw,760px,calc(100svh - var(--header-h) - 112px));
  }
}

@media (min-width:901px) and (max-width:1200px) {
  .s1-feature--carbon {
    grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr);
    gap:clamp(28px,4vw,48px);
    padding-inline:clamp(28px,5vw,60px);
  }
}
@media (min-width:721px) and (max-width:900px) {
  .s1-feature--carbon {
    grid-template-columns:1fr;
    gap:38px;
    padding-inline:clamp(24px,6vw,50px);
  }
  .s1-feature--carbon .s1-feature-media img { height:min(72vw,620px); }
}
.s1-feature--foam { grid-template-columns: minmax(480px,1fr) minmax(0,1fr); background: #000; }
@media (min-width:721px) {
  .s1-feature--sensor {
    grid-template-columns:minmax(0,1fr) minmax(480px,1fr);
  }
}
.s1-feature--thermo { color: #111; background: #ecece8; }
.s1-feature--thermo .s1-feature-copy > p:not(.xm-eyebrow) { color:#595955; }
.s1-feature--thermo-process { min-height:auto; padding-top:clamp(18px,2vw,36px); padding-bottom:clamp(64px,6vw,110px); row-gap:clamp(38px,4vw,62px); color:#fff; background:#080808; }
.s1-feature--thermo-process .s1-feature-copy > p:not(.xm-eyebrow) { color:rgba(255,255,255,.67); }
.s1-feature--thermo-process .s1-stat-strip { border-top-color:rgba(255,255,255,.25); }
.s1-feature--thermo-process .s1-stat-strip article { border-right-color:rgba(255,255,255,.18); }
.s1-feature--thermo-process .s1-stat-strip article > span { color:#85858c; }
.s1-feature--thermo-process .s1-feature-media img { object-position:center; }
.s1-feature--carbon .s1-feature-media img { object-position:65% center; }
.s1-feature--thermo .s1-feature-media img { object-position:66% center; }
.s1-proof-grid { margin-top: 45px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.22); }
.s1-proof-grid article { min-width:0; padding:24px 18px 0 0; }
.s1-proof-grid b { display:block; font-size:clamp(32px,3vw,54px); line-height:.9; letter-spacing:-.05em; }
.s1-proof-grid span { display:block; margin-top:12px; color:#898990; font-size:13px; line-height:1.45; }
:is(.s1-stat-strip strong,.s1-ai-stats b,.s1-inline-metrics b,.s1-proof-grid b,.xm-metric strong) {
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:keep-all;
}
@media (min-width:721px) and (max-width:1440px) {
  :is(.s1-ai-stats b,.s1-inline-metrics b,.s1-proof-grid b,.xm-metric strong) {
    font-size:clamp(30px,3.25vw,46px);
  }
  .s1-stat-strip strong {
    font-size:clamp(34px,4vw,58px);
  }
}
.s1-find-ones { --s1-story-surface:var(--s1-light-surface,#ededed); padding:12px; color:#fff; background:var(--s1-story-surface); }
.s1-find-ones__stage { position:relative; min-height:980px; padding-bottom:28px; overflow:hidden; border-radius:14px; background:#111715; }
.s1-find-ones__backdrop { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.s1-find-ones__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,9,9,.38) 0%,rgba(4,9,9,.08) 48%,rgba(4,9,9,.03) 78%),linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 42%,rgba(0,0,0,.18) 100%); }
.s1-find-ones__header { position:relative; z-index:2; padding:clamp(46px,4vw,76px) clamp(42px,3vw,62px) 0; }
.s1-find-ones__header h2 { margin:0; max-width:100%; font-size:min(clamp(77.4px,7.74vw,147.6px), var(--site-title-cap)); font-weight:560; line-height:.9; letter-spacing:-.075em; }
.s1-find-ones__intro { width:min(460px,34vw); margin-top:clamp(28px,2.4vw,44px); }
.s1-find-ones__intro span { display:block; margin-bottom:clamp(10px,.8vw,14px); font-size:11px; line-height:1.35; letter-spacing:.14em; }
.s1-find-ones__intro p { margin:0; font-size:clamp(17px,1.15vw,22px); line-height:1.5; letter-spacing:-.02em; }
.s1-find-ones__slider { position:relative; z-index:3; margin-top:clamp(52px,5vw,82px); padding:0 12px; }
.s1-find-ones__track { display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-inline:contain; }
.s1-find-ones__track::-webkit-scrollbar { display:none; }
.s1-find-card { position:relative; flex:0 0 calc((100% - 36px)/4); height:clamp(440px,25vw,500px); min-width:0; display:flex; flex-direction:column; overflow:hidden; scroll-snap-align:start; border-radius:12px; color:#191a1a; background:var(--s1-story-surface); cursor:pointer; }
.s1-find-card:focus-visible { outline:3px solid var(--lime); outline-offset:5px; }
.s1-find-card > header { position:relative; z-index:2; flex:none; min-height:82px; padding:22px 24px 10px; }
.s1-find-card h3 { margin:0; font-size:min(clamp(19px,1.25vw,24px), var(--site-title-cap)); font-weight:520; line-height:1.05; letter-spacing:-.04em; }
.s1-find-card header p { margin:12px 0 0; color:#738c68; font-size:9px; line-height:1; letter-spacing:.12em; }
.s1-find-card > img { width:100%; min-height:0; flex:1; display:block; box-sizing:border-box; object-fit:contain; object-position:center; background:var(--s1-story-surface); }
.s1-find-card__actions { flex:none; height:61px; padding:8px; display:grid; grid-template-columns:1fr 1fr; gap:8px; border-top:1px solid #dedfd9; background:var(--s1-story-surface); }
.s1-find-card__actions a { min-width:0; display:flex; align-items:center; justify-content:center; border:0; color:#191a1a; background:#efeee8; font:inherit; font-size:15px; text-decoration:none; cursor:pointer; transition:color .2s ease,background-color .2s ease; }
.s1-find-card__actions a.is-primary { color:#fff; background:#505250; }
.s1-find-card__actions a.is-primary:hover { color:#fff; background:#303230; }
.s1-find-card__actions a span { margin-right:9px; }
@media (min-width:721px) {
  [data-product-route="pickleballs"] .s1-find-ones__track {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    overflow:visible;
  }
  [data-product-route="pickleballs"] .s1-find-card {
    width:100%;
    height:clamp(440px,31vw,540px);
  }
}
@media (min-width:721px) and (max-width:1440px) {
  .s1-find-ones__stage {
    min-height:0;
    padding-bottom:16px;
  }
}
.s1-value { padding: clamp(120px,13vw,240px) var(--xm-pad); background:#050505; }
.s1-value header { max-width:1250px; margin:0 auto 80px; text-align:center; }
.s1-value-grid { max-width:1200px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.s1-value-grid article { padding:clamp(34px,4vw,68px); border-radius:var(--xm-radius); background:#18181a; }
.s1-value-grid article.is-s1 { color:#111; background:linear-gradient(140deg,#efffbd,#b5ff43 60%,#73e6dc); }
.s1-value-grid article > span { color:#98989e; font-size:12px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.s1-value-grid .is-s1 > span { color:#3e4c27; }
.s1-value-grid strong { display:block; margin:22px 0 40px; font-size:clamp(54px,6vw,100px); line-height:.9; letter-spacing:-.065em; }
.s1-value-grid ul { margin:0; padding:0; list-style:none; }
.s1-value-grid li { padding:18px 0; border-top:1px solid rgba(255,255,255,.16); }
.s1-value-grid .is-s1 li { border-color:rgba(0,0,0,.16); }
.s1-value-grid li::before { content:"✓"; margin-right:12px; color:var(--lime); }
.s1-value-grid .is-s1 li::before { color:#111; }
.s1-value-grid li.muted { color:#666; }
.s1-value-grid li.muted::before { content:"—"; color:#666; }
.s1-value-note { max-width:1200px; margin:30px auto 0; color:#666; font-size:12px; line-height:1.6; }

.pd-specs { padding: clamp(110px, 12vw, 210px) var(--xm-pad); background: #fff; }
.pd-specs .xm-section-head h2 { color: #111; }
.pd-spec-list { max-width: var(--xm-max); margin: auto; }
.pd-spec-row { padding: 27px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; border-top: 1px solid #ccc; }
.pd-spec-row dt { font-weight: 720; }
.pd-spec-row dd { margin: 0; color: #555; }
.pd-disclaimer { max-width: var(--xm-max); margin: 42px auto 0; color: #777; font-size: 12px; line-height: 1.65; }
.pd-family { padding: clamp(95px, 12vw, 180px) var(--xm-pad); color: #fff; background: #0a0a0a; }
.pd-family > h2 { max-width: var(--xm-max); margin: 0 auto 60px; font-size: min(clamp(52.2px, 7.2vw, 113.4px), var(--site-title-cap)); line-height: .88; letter-spacing: -.07em; }
.pd-family > .xm-eyebrow { max-width: var(--xm-max); margin-left: auto; margin-right: auto; }
.pd-family-grid { max-width: var(--xm-max); margin: auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.pd-family-card { min-height: 240px; padding: 28px; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 22px; background: #181818; transition: transform .35s var(--ease),background .35s; }
.pd-family-card:hover { transform: translateY(-7px); background: #242424; }
.pd-family-card span { color: #888; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.pd-family-card strong { margin-top: 9px; font-size: 30px; letter-spacing: -.04em; }
.pd-family-card b { margin-top: 22px; color: var(--lime); font-size: 13px; }

.pd-dialog { width: min(580px,calc(100% - 32px)); padding: clamp(30px,5vw,60px); border: 0; border-radius: 24px; background: #fff; }
.pd-dialog::backdrop { background: rgba(0,0,0,.68); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.pd-dialog h2 { margin: 0; font-size: min(45px, var(--site-title-cap)); line-height: .94; letter-spacing: -.06em; }
.pd-dialog > p:not(.xm-eyebrow) { color: #666; line-height: 1.6; }
.pd-dialog-close { position: absolute; right: 18px; top: 14px; border: 0; background: none; font-size: 32px; cursor: pointer; }
.pd-dialog form { display: grid; gap: 18px; margin-top: 30px; }
.pd-dialog label { display: grid; gap: 8px; font-size: 12px; font-weight: 700; }
.pd-dialog input,.pd-dialog select { height: 50px; padding: 0 14px; border: 1px solid #bbb; border-radius: 8px; background: #fff; }
.pd-dialog form button { height: 52px; border: 0; border-radius: 999px; background: #111; color: #fff; font-weight: 750; cursor: pointer; }
.pd-dialog small { min-height: 18px; color: #507500; }
[data-reveal] { opacity: 0; transform: translateY(34px); transition: opacity .9s var(--ease),transform .9s var(--ease); }
[data-reveal].is-visible { opacity: 1; transform: none; }

@media (min-width: 721px) {
  .s1-kvs__track { overflow: visible; }
  .native-scroll .s1-kvs { height: 400svh; padding: 0; }
  .native-scroll .s1-kvs__track { position: sticky; top: max(0px,calc((100svh - 711px)/2)); }
  [data-product-kind="ai-paddle"] .xm-hero-image { object-fit: contain; object-position: right center; background: #000; }
  [data-product-kind="ai-paddle"] .xm-hero-image--video { object-fit: cover; object-position: center; }
  .native-scroll .xm-ksp { height: 400svh; }
  .native-scroll .xm-gallery { height: 300svh; }
  .native-scroll .xm-layers { height: 520svh; }
  .native-scroll .xm-ksp-stage,
  .native-scroll .xm-gallery-stage,
  .native-scroll .xm-layers-stage { position: sticky; top: 0; height: 100svh; }
}

@media (max-width: 1023px) {
  .xm-hero-copy { width: min(560px,calc(100vw - (var(--xm-pad) * 2))); left: var(--xm-pad); }
  .xm-ksp-card { flex-basis: 58vw; }
  .xm-mosaic-grid { grid-template-columns: 1.15fr .85fr; }
  .xm-app-hero { grid-template-columns: minmax(0,.9fr) minmax(380px,1.1fr); }
  .xm-app-steps { grid-template-columns: repeat(2,1fr); }
  .xm-app-steps article { min-height: 800px; }
  .pd-family-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 720px) {
  :root { --xm-pad: 20px; }
  .s1-kvs { padding: 68px 0 82px; }
  .s1-kvs__track { gap: 14px; scroll-snap-type: x mandatory; scroll-padding-left: 20px; }
  .s1-kvs__track::before { flex-basis: 6px; }
  .s1-kvs__card { flex-basis: min(84vw,360px); height: min(116vw,520px); min-height: 470px; border-radius: 20px; }
  .s1-kvs__card:last-child { margin-right: 20px; }
  .s1-kvs__copy { top: 38px; left: 30px; right: 24px; }
  .s1-kvs__copy p { margin-bottom: 12px; font-size: 12.5px; line-height: 18px; }
  .s1-kvs__copy h2 { font-size: min(34px, var(--site-title-cap)); line-height: .98; }
  .product-page .announcement { padding: 0 12px; gap: 8px; font-size: 11px; }
  .product-page .announcement .text-button { font-size: 11px; }
  .product-nav { height: var(--header-h); overflow: visible; }
  .product-nav-inner { padding: 0 16px; gap: 8px; }
  .product-nav-identity { gap: 6px; }
  .product-nav-brand { width: 60px; flex-basis: 60px; }
  .product-nav-brand img { width: 60px; }
  .product-nav-divider,.product-nav-name span { display: none; }
  .product-nav-name { gap: 0; }
  .product-nav-name strong { font-size: 14px; }
  .product-nav-variant select { width: 76px; min-width: 76px; height: 34px; padding: 0 24px 0 9px; font-size: 10px; }
  .product-nav-variant::after { right: 9px; font-size: 11px; }
  .product-nav-links { display: none; }
  .product-nav-mobile-actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }
  .header-language { width:92px; min-width:92px; height:34px; padding:0 28px 0 11px; background-position:right 10px center; background-size:9px auto; font-size:11px; font-weight:720; }
  .header-language--compact { width:92px; min-width:92px; }
  .product-nav-sections,.product-nav-mobile-reserve { height: 34px; padding: 0 10px; border-radius: 999px; font-size: 11px; font-weight: 720; cursor: pointer; }
  .product-nav-sections { border: 1px solid rgba(0,0,0,.18); color: #222; background: rgba(255,255,255,.75); }
  .product-nav-mobile-reserve { min-width: 92px; border: 0; color: #0a0a0a; background: var(--lime); }
  .product-nav-mobile-panel { position: absolute; top: 100%; left: 0; right: 0; padding: 10px 20px 18px; display: block; background: rgba(255,255,255,.97); border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 18px 34px rgba(0,0,0,.1); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .15s ease,transform .15s cubic-bezier(.4,0,.2,1),visibility .15s; }
  .product-nav-mobile-panel.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .product-nav-mobile-panel > div { display: grid; }
  .product-nav-mobile-panel a { padding: 13px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,.1); color: #555; font-size: 14px; font-weight: 680; }
  .product-nav-mobile-panel a::after { content:"↘︎"; color:#999; font-family:Arial,Helvetica,sans-serif; font-variant-emoji:text; }
  .product-nav-mobile-panel a.is-active { color:#111; }
  #overview,#features,#experience,#colours,#sensing,#materials,#specs { scroll-margin-top: 68px; }
  .xm-hero { height: calc(100svh - var(--announcement-h) - var(--header-h)); min-height: 650px; }
  .xm-hero-image { object-position: 58% center; }
  [data-product-kind="ai-paddle"] .xm-hero-image--video { object-position: 42% center; }
  .xm-hero-shade { background: linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.04) 74%); }
  .xm-hero[data-variant="light"] .xm-hero-shade { background: linear-gradient(0deg,rgba(248,248,247,.95),rgba(248,248,247,.03) 72%); }
  .xm-hero-copy { left: var(--xm-pad); right: var(--xm-pad); top: auto; bottom: 48px; width: auto; transform: none; }
  .xm-hero h1 { font-size: min(clamp(55.8px,18vw,86.4px), var(--site-title-cap)); }
  .xm-hero-line { margin-top: 22px; font-size: 26px; }
  .xm-scroll { display: none; }
  .xm-hero--masked::after { height:clamp(180px,42vw,260px); background:linear-gradient(180deg,rgba(2,2,3,0) 0%,rgba(2,2,3,.24) 24%,rgba(2,2,3,.78) 70%,#020203 100%); }
  .xm-intro { min-height: 690px; padding-top: 110px; padding-bottom: 110px; }
  .xm-intro h2 { font-size: min(clamp(43.2px,12.6vw,64.8px), var(--site-title-cap)); }
  .xm-intro-inner > [data-intro-copy] { margin-top: 30px; font-size: 16px; }
  .xm-intro--xiaomi { min-height: 720px; padding: 0; }
  .xm-intro--xiaomi .xm-intro-visual { inset: auto -40vw 0 auto; width: 180vw; max-width: none; height: auto; object-fit: contain; object-position: center bottom; }
  .xm-intro--xiaomi .xm-intro-shade { background: linear-gradient(180deg,#020203 0%,rgba(2,2,3,.98) 51%,rgba(2,2,3,.52) 72%,rgba(2,2,3,.04) 100%); }
  .xm-intro--xiaomi .xm-intro-inner { padding: 82px 18px 0; }
  .xm-intro--xiaomi .xm-intro-lines { gap: 7px; }
  .xm-intro--xiaomi .xm-intro-lines span { width: 100%; font-size: clamp(16px,4.45vw,20px); line-height: 1.22; }
  .xm-ksp,.xm-gallery { height: auto; min-height: 0; padding: 70px 0 90px; }
  .xm-ksp-stage,.xm-gallery-stage { height: auto; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .xm-ksp-stage::-webkit-scrollbar,.xm-gallery-stage::-webkit-scrollbar { display:none; }
  .xm-ksp-track,.xm-gallery-track { position: relative; top: auto; left: auto; width: max-content; transform: none !important; padding: 0 20px; }
  .xm-ksp-card { flex-basis: 82vw; height: 68vh; min-height: 530px; scroll-snap-align: center; }
  .xm-film { min-height: 720px; }
  .xm-film-media img,.xm-film-media video { object-position: 62% center; }
  .xm-film-shade,.xm-design-shade { background: linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.02) 74%); }
  .xm-film-copy,.xm-design-copy { left: 22px; right: 22px; top: auto; bottom: 48px; width: auto; transform: none; }
  .xm-film-copy h2,.xm-design-copy h2 { font-size: min(46.8px, var(--site-title-cap)); }
  .xm-chapter { height: 980px; }
  .xm-chapter > img { object-position: 67% center; }
  .xm-chapter-copy { left: 20px; right: 20px; bottom: 60px; }
  .xm-chapter-copy h2 { font-size: min(55.8px, var(--site-title-cap)); }
  .xm-design { height: 820px; }
  .xm-design > img { object-position: 65% center; }
  .xm-color { padding-top: 100px; padding-bottom: 100px; }
  .xm-section-head h2 { font-size: min(52.2px, var(--site-title-cap)); }
  .xm-color-view { min-height: 440px; height: 116vw; }
  .xm-color-slide.contain img { padding: 20px; }
  .xm-mosaic { min-height: 0; }
  .xm-mosaic-copy h2 { font-size: min(48.6px, var(--site-title-cap)); }
  .xm-mosaic-grid { height: auto; min-height: 0; grid-template-columns: 1fr; grid-template-rows: none; }
  .xm-mosaic-item,.xm-mosaic-item:first-child { grid-row: auto; min-height: 320px; }
  .xm-mosaic-item:first-child { min-height: 520px; }
  .xm-layers { height: 100svh; min-height: 720px; }
  .xm-layers-stage::after { background: linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.05) 80%); }
  .xm-layers-copy { left: 20px; right: 44px; top: auto; bottom: 178px; width: auto; transform: none; }
  .xm-layers-copy h2 { font-size: min(48.6px, var(--site-title-cap)); }
  .xm-layer-frame img { object-position: 67% center; }
  .xm-layer-frame-copy { left: 20px; right: 44px; bottom: 44px; width: auto; text-align: left; }
  .xm-layer-frame-copy strong { font-size: 30px; }
  .xm-layer-frame-copy p { margin-top: 8px; font-size: 13px; }
  .xm-layer-dots { right: 17px; }
  .xm-metrics { min-height: 920px; padding: 110px 20px 60px; }
  .xm-metrics-media img { object-position: 64% center; }
  .xm-metrics h2 { font-size: min(54px, var(--site-title-cap)); }
  .xm-metric-grid { grid-template-columns: 1fr; }
  .xm-metric { min-height: 125px; padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.25); }
  .xm-metric + .xm-metric { padding-left: 0; }
  .xm-gallery-card { flex-basis: 86vw; height: 69vh; min-height: 540px; scroll-snap-align: center; }
  .xm-gallery-card h3 { font-size: min(41.4px, var(--site-title-cap)); }
  .xm-app { padding-top: 76px; padding-bottom: 90px; }
  .xm-app-hero { min-height: 0; grid-template-columns: 1fr; gap: 45px; }
  .xm-app-icon { width: 56px; height: 56px; margin-bottom: 38px; }
  .xm-app-copy h2 { font-size: min(clamp(46.8px,12.96vw,63px), var(--site-title-cap)); }
  .xm-app-copy > p:last-child { margin-top: 24px; font-size: 15px; }
  .xm-phone-pair { min-height: 530px; margin: 0 -8px; }
  .xm-phone-pair .xm-phone { width: 58%; max-width: 280px; }
  .xm-phone-pair .xm-phone--rear { left: 0; top: 32px; }
  .xm-phone-pair .xm-phone--front { right: 0; top: 0; }
  .xm-app-lifestyle { min-height:0; border-radius:26px; }
  .xm-app-lifestyle img { height:min(112vw,560px); }
  .xm-app-hero--s1 { width:auto; height:auto; min-height:0; margin-left:0; display:grid; grid-template-columns:1fr; gap:45px; overflow:visible; }
  .xm-app-hero--s1 .xm-app-copy { position:relative; top:auto; bottom:auto; left:auto; width:auto; display:block; transform:none !important; }
  .xm-app-hero--s1 .xm-app-lifestyle { position:relative; inset:auto; min-height:0; border-radius:26px; }
  .xm-app-hero--s1 .xm-app-lifestyle picture { height:auto; }
  .xm-app-hero--s1 .xm-app-lifestyle img { height:min(112vw,560px); object-position:center; }
  [data-product-slug="s1"] .xm-app-hero--s1 .xm-app-lifestyle {
    aspect-ratio: 1;
  }
  [data-product-slug="s1"] .xm-app-hero--s1 .xm-app-lifestyle picture {
    height: 100%;
  }
  [data-product-slug="s1"] .xm-app-hero--s1 .xm-app-lifestyle img {
    height: 100%;
    object-fit: cover;
  }
  .xm-phone-callout { right: 0; bottom: 12px; padding: 11px 14px; }
  .xm-nfc-guide { margin-top: 35px; padding: 30px 22px; }
  .xm-nfc-guide h3,.xm-app-journey h3,.xm-power-guide h3 { font-size: min(43.2px, var(--site-title-cap)); }
  .xm-nfc-guide ol { grid-template-columns: 1fr; }
  .xm-nfc-guide li { min-height: 170px; padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .xm-nfc-guide li + li { padding-left: 0; }
  .xm-nfc-guide strong { margin-top: 28px; }
  .xm-app-journey { width:auto; margin:110px 0 0; }
  .xm-app-journey > header { padding:0 0 56px; text-align:left; }
  .xm-app-journey > header h3 { font-size:min(43.2px, var(--site-title-cap)); }
  .xm-app-journey-intro { margin-top:24px; font-size:15px; }
  .xm-daywith { display:block; }
  .xm-daywith-visual { display:none; }
  .xm-daywith-steps article { min-height:0; padding:0 0 88px; display:block; color:#fff; }
  .xm-daywith-mobile-media { position:relative; height:min(132vw,590px); margin-bottom:32px; display:block; overflow:hidden; border-radius:26px; background:#0b0c0d; }
  [data-product-slug="s1"] .xm-daywith-mobile-media {
    height: auto;
    aspect-ratio: 2 / 3;
  }
  .xm-daywith-mobile-media > img:first-child,.xm-daywith-mobile-media > video:first-child { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
  .xm-daywith-mobile-media--product { background:radial-gradient(circle at 50% 40%,#202225 0,#0b0c0e 54%,#050506 100%); }
  .xm-daywith-mobile-media > .xm-daywith-product-visual:first-child { object-fit:contain; padding:28px 42px 34px; }
  .xm-daywith-mobile-phone { position:absolute; right:16px; bottom:16px; width:34%; max-height:68%; object-fit:cover; object-position:top; border:5px solid #08090a; border-radius:20px; box-shadow:0 18px 45px rgba(0,0,0,.65); }
  .xm-daywith-steps h4 { margin-top:15px; font-size:min(43.2px, var(--site-title-cap)); }
  .xm-daywith-steps h5 { margin-top:24px; }
  .xm-daywith-steps article > p,.xm-daywith-steps article.is-active > p { margin-top:14px; color:#929298; font-size:15px; }
  .xm-power-guide { width:auto; margin:110px -20px 0; padding:74px 20px 86px; }
  .xm-power-guide header { width:auto; margin:0; padding-left:0; }
  .xm-power-guide header h3 { font-size:min(43.2px, var(--site-title-cap)); line-height:.91; }
  .xm-power-grid { width:auto; height:auto; margin-top:46px; display:block; }
  .xm-power-card { width:100%; border-radius:22px; }
  .xm-power-card + .xm-power-card { margin-top:10px; }
  .xm-power-card--control { height:auto; aspect-ratio:1.265; }
  .xm-power-card--battery,.xm-power-card--charge { height:auto; aspect-ratio:2.05; }
  .xm-power-card-copy { top:28px; left:26px; max-width:70%; }
  .xm-power-card-copy p { font-size:13px; }
  .xm-power-card-copy strong { margin-top:7px; font-size:24px; }
  .xm-power-card--battery .xm-power-card-copy { top:28px; transform:none; }
  .xm-power-card--charge .xm-power-card-copy { top:50%; right:24px; width:46%; max-width:none; transform:translateY(-50%); }
  [data-product-kind="ball"] .xm-ksp-card { flex-basis: 84vw; }
  .s1-beat--action { min-height:0; padding-top:32px; }
  .s1-beat-player { width:100%; aspect-ratio:4 / 5; }
  .s1-beat-player video { object-position:center; }
  .s1-beat-play { right:20px; bottom:20px; width:68px; border-width:3px; }
  .s1-design-classic { height:auto; padding:54px 0 34px; }
  .s1-design-classic__copy { padding:0 20px; }
  .s1-design-classic__copy p { font-size:15px; line-height:2; }
  .s1-design-classic__copy h2 { font-size:min(clamp(43.2px,12.6vw,55.8px), var(--site-title-cap)); line-height:.98; }
  .s1-design-classic__media { width:100%; max-width:none; margin-top:24px; }
  .s1-feature-copy h2,.s1-ai-copy h2,.s1-bridge h2,.s1-value h2 { font-size:min(clamp(45px,12.6vw,59.4px), var(--site-title-cap)); }
  .s1-feature-copy > p:not(.xm-eyebrow),.s1-ai-copy > p:not(.xm-eyebrow),.s1-bridge > p:last-child { font-size:15px; }
  .s1-feature { min-height:0; padding:100px 20px; grid-template-columns:1fr; gap:42px; }
  .s1-feature--sensor { grid-template-areas:"copy" "media" "stats"; }
  .s1-feature-media img,.s1-feature-media video { height:72vw; min-height:310px; }
  .s1-feature--sensor .s1-feature-media img,.s1-feature--sensor .s1-feature-media video { object-position:65% center; }
  .s1-stat-strip { grid-template-columns:1fr; }
  .s1-stat-strip article { min-height:140px; padding:24px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }
  .s1-stat-strip article + article { padding-left:0; }
  .s1-feature--charge .s1-feature-media { order:2; }
  .s1-feature--charge .s1-feature-copy { order:1; }
  .s1-inline-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .s1-inline-metrics span { min-width:0; padding:14px 10px; border-radius:14px; font-size:10px; }
  .s1-ai { min-height:860px; padding:100px 20px 56px; align-items:end; }
  .s1-ai > img { object-position:72% center; }
  .s1-ai::after { background:linear-gradient(0deg,rgba(247,248,245,.98) 0%,rgba(247,248,245,.86) 52%,rgba(247,248,245,.04) 84%); }
  .s1-ai-copy { width:auto; }
  .s1-ai-stats { grid-template-columns:1fr 1fr 1fr; }
  .s1-ai-stats > span { font-size:10px; }
  .s1-ai-stats b { font-size:28px; }
  .s1-bridge { padding:130px 20px; }
  .s1-feature--foam { grid-template-columns:1fr; }
  .s1-feature--foam .s1-feature-media { order:2; }
  .s1-feature--foam .s1-feature-copy { order:1; }
  .s1-proof-grid { grid-template-columns:1fr; }
  .s1-proof-grid article { padding:22px 0; border-bottom:1px solid rgba(255,255,255,.15); }
  .s1-feature--thermo .s1-feature-media { order:2; }
  .s1-feature--thermo .s1-feature-copy { order:1; }
  .s1-find-ones { padding:8px; }
  .s1-find-ones__stage { min-height:0; padding-bottom:14px; border-radius:10px; }
  .s1-find-ones__backdrop { height:340px; object-position:60% center; }
  .s1-find-ones__shade { height:340px; bottom:auto; background:linear-gradient(90deg,rgba(4,9,9,.5),rgba(4,9,9,.04) 82%),linear-gradient(180deg,rgba(0,0,0,.06),transparent 55%,rgba(0,0,0,.7)); }
  .s1-find-ones__header { padding:28px 16px 0; }
  .s1-find-ones__header h2 { font-size:min(clamp(55.8px,17.1vw,70.2px), var(--site-title-cap)); line-height:.88; }
  .s1-find-ones__intro { width:min(340px,100%); margin-top:16px; }
  .s1-find-ones__intro span { margin-bottom:8px; }
  .s1-find-ones__intro p { font-size:15px; line-height:1.42; }
  .s1-find-ones__slider { margin-top:clamp(32px,7svh,56px); padding:0 10px; }
  .s1-find-ones__track { gap:10px; }
  .s1-find-card { flex-basis:82vw; height:clamp(300px,calc(100svh - 355px),450px); }
  .s1-find-card > header { min-height:68px; padding:17px 18px 8px; }
  .s1-find-card h3 { font-size:min(21px, var(--site-title-cap)); }
  .s1-find-card__actions { height:54px; }
  .s1-value { padding:110px 20px; }
  .s1-value header { margin-bottom:50px; text-align:left; }
  .s1-value-grid { grid-template-columns:1fr; }
  .s1-value-grid article { padding:30px 24px; }
  .pd-specs { padding-left: 20px; padding-right: 20px; }
  .pd-spec-row { grid-template-columns: 1fr; gap: 8px; }
  .pd-family { padding-left: 16px; padding-right: 16px; }
  .pd-family-grid { grid-template-columns: 1fr 1fr; }
  .pd-family-card { min-height: 190px; padding: 20px; }
  .pd-family-card strong { font-size: 24px; }
}

/* A1 Pro and B1 Pro use the same content grid and type scale as the S1 story. */
:is([data-product-slug="a1-pro"],[data-product-slug="b1-pro"]) :is(.xm-film-copy,.xm-design-copy) {
  left:var(--xm-pad);
  width:min(620px,calc(100vw - (var(--xm-pad) * 2)));
}
:is([data-product-slug="a1-pro"],[data-product-slug="b1-pro"]) :is(
  .xm-film-copy h2,
  .xm-chapter-copy h2,
  .xm-design-copy h2,
  .xm-mosaic-copy h2,
  .xm-layers-copy h2,
  .xm-metrics h2,
  .pd-specs .xm-section-head h2
) {
  font-size:min(clamp(52.2px,6.12vw,117px), var(--site-title-cap));
  line-height:.89;
  letter-spacing:-.07em;
}
:is([data-product-slug="a1-pro"],[data-product-slug="b1-pro"]) .xm-color .xm-section-head h2 {
  font-size:min(clamp(57.6px,6.48vw,124.2px), var(--site-title-cap));
  line-height:.82;
  letter-spacing:-.07em;
}
:is([data-product-slug="a1-pro"],[data-product-slug="b1-pro"]) :is(
  .xm-film-copy > p:last-child,
  .xm-design-copy > p:last-child,
  .xm-layer-frame-copy p,
  .xm-section-head > p:last-child:not(.xm-eyebrow)
) {
  font-size:clamp(16px,1.25vw,21px);
  line-height:1.62;
}
:is([data-product-slug="a1-pro"],[data-product-slug="b1-pro"]) :is(
  .xm-section-head,
  .xm-mosaic-copy,
  .xm-mosaic-grid,
  .xm-color-view,
  .xm-color-tabs,
  .xm-metrics-inner,
  .pd-spec-list,
  .pd-disclaimer
) {
  width:100%;
  max-width:var(--xm-max);
  margin-right:auto;
  margin-left:auto;
}

/* A1 Pro follows the S1 story system while retaining A1 Pro photography. */
[data-product-slug="a1-pro"] { --s1-light-surface:#ededed; }
[data-product-slug="a1-pro"] main.xm-main { overflow:visible; }
[data-product-slug="a1-pro"] .product-kvs__card--5 > img { object-position:81% center; }
[data-product-slug="a1-pro"] .xm-app { padding-top:0; overflow:visible; background:#000; }
[data-product-slug="a1-pro"] .xm-intro--a1-pro .xm-intro-visual { object-position:center; filter:saturate(.9) contrast(1.08); }
[data-product-slug="a1-pro"] .xm-intro--a1-pro .xm-intro-shade { background:linear-gradient(180deg,rgba(2,2,3,.42),rgba(2,2,3,.12) 48%,rgba(2,2,3,.38)); }
[data-product-slug="a1-pro"] .a1-pro-architecture > img { object-position:center; transform:scale(1.04); transform-origin:center; }
[data-product-slug="a1-pro"] .a1-pro-feature--core .s1-feature-media { background:#08090a; }
[data-product-slug="a1-pro"] .a1-pro-feature--core .s1-feature-media img { object-fit:contain; object-position:center; padding:clamp(40px,7vw,120px); }
[data-product-slug="a1-pro"] .a1-pro-feature--carbon .s1-feature-media { background:#08090a; }
[data-product-slug="a1-pro"] .a1-pro-feature--carbon .s1-feature-media img { object-fit:contain; object-position:center; }
[data-product-slug="a1-pro"] .a1-pro-feature--foam .s1-feature-media img { object-position:center; }
[data-product-slug="a1-pro"] .a1-pro-app-hero .xm-app-lifestyle img { object-position:center; }
@media (min-width:721px) {
  [data-product-slug="a1-pro"] .a1-pro-app-hero .xm-app-lifestyle img {
    object-fit:contain;
    transform:translateX(7%) scale(.86);
    transform-origin:center;
  }
  [data-product-slug="a1-pro"] :is(.xm-daywith-scene[data-day-scene="1"],.xm-daywith-scene[data-day-scene="2"]) img {
    object-position:right center;
  }
}
[data-product-slug="a1-pro"] .a1-pro-colour-gallery::before { content:"A1 PRO"; font-size:min(28vw,30rem); white-space:nowrap; }
[data-product-slug="a1-pro"] .a1-pro-colour-gallery .s1-colour-gallery__grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media (max-width:900px) {
  [data-product-slug="a1-pro"] .a1-pro-colour-gallery .s1-colour-gallery__grid { grid-template-columns:none; }
}
[data-product-slug="a1-pro"] .a1-pro-balance-system { min-height:auto; grid-template-columns:minmax(0,1fr) minmax(420px,1fr); gap:clamp(44px,6vw,112px); color:#fff; background:#050505; }
[data-product-slug="a1-pro"] .a1-pro-balance-system > img { position:relative; inset:auto; width:100%; height:auto; aspect-ratio:1672 / 941; border-radius:var(--xm-radius); object-fit:cover; object-position:center; transform:none; filter:none; }
[data-product-slug="a1-pro"] .a1-pro-balance-system::after { display:none; }
[data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-copy { width:auto; }
[data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-copy h2 { font-size:min(clamp(48.6px,4.86vw,93.6px), var(--site-title-cap)); }
[data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-copy > p:not(.xm-eyebrow),
[data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-stats > span { color:rgba(255,255,255,.67); }
[data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-stats { border-color:rgba(255,255,255,.3); }
[data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-stats b { color:#fff; }
@media (min-width:721px) and (max-width:900px) {
  [data-product-slug="a1-pro"] .a1-pro-balance-system { grid-template-columns:1fr; gap:48px; }
  [data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-copy { width:100%; }
}

@media (max-width:720px) {
  .s1-feature--thermo-process .s1-stat-strip article { border-bottom-color:rgba(255,255,255,.18); }
  [data-product-slug="a1-pro"] .a1-pro-architecture > img {
    object-position:86% center;
    transform:scale(1.06);
    transform-origin:86% center;
  }
  [data-product-slug="a1-pro"] .a1-pro-thermo-process .s1-feature-media {
    overflow:hidden;
    background:#080808;
  }
  [data-product-slug="a1-pro"] .a1-pro-thermo-process .s1-feature-media img {
    object-position:right center;
    transform:translateX(-8%) scale(1.12);
    transform-origin:right center;
  }
  [data-product-slug="a1-pro"] .a1-pro-app-hero .xm-app-lifestyle img {
    object-fit:cover;
    object-position:right center;
    transform:translateX(-5%) scale(.9);
    transform-origin:center;
  }
  [data-product-slug="a1-pro"] .xm-daywith-steps article:is([data-day-step="0"],[data-day-step="1"],[data-day-step="2"]) .xm-daywith-mobile-media > img:first-child {
    transform:translateX(-6%) scale(.88);
    transform-origin:center;
  }
  [data-product-slug="a1-pro"] .xm-daywith-steps article[data-day-step="0"] .xm-daywith-mobile-media > img:first-child {
    object-position:70% center;
  }
  [data-product-slug="a1-pro"] .xm-daywith-steps article:is([data-day-step="1"],[data-day-step="2"]) .xm-daywith-mobile-media > img:first-child {
    object-position:right center;
  }
  [data-product-slug="a1-pro"] .a1-pro-feature--core .s1-feature-media img { padding:48px; }
  [data-product-slug="a1-pro"] .a1-pro-balance-system { min-height:0; padding:80px 20px; grid-template-columns:1fr; gap:42px; align-items:start; }
  [data-product-slug="a1-pro"] .a1-pro-balance-system > img { height:auto; min-height:0; }
  [data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-copy { width:100%; }
  [data-product-slug="a1-pro"] .a1-pro-balance-system .s1-ai-copy h2 { font-size:min(clamp(43.2px,11.7vw,57.6px), var(--site-title-cap)); }
}

@media (max-width: 360px) {
  .product-nav-sections { display: none; }
}

@media (max-width: 480px) {
  /* Keep navigation, language and reservation controls readable on compact
     screens; the full variant selector remains available above this breakpoint. */
  .product-nav-variant { display:none; }
  .product-nav-inner { padding-inline:12px; }
  .s1-inline-metrics { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  .xm-ksp-track,.xm-gallery-track { transform: none !important; }
}

/* Depth material study — source-faithful standalone extraction */
@font-face {
  font-family: "Depth Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/ones/product-detail/depth-lab/InterVariable.woff2") format("woff2");
}

.depth-material-lab {
  --depth-gutter: clamp(1.25rem, 4vw, 4rem);
  --depth-edge: max(var(--depth-gutter), calc((100vw - 180rem) / 2 + var(--depth-gutter)));
  --depth-panel-width: clamp(20rem, 29vw, 32rem);
  --depth-title-size: clamp(1.6rem, 3.1vw, 3.4rem);
  --depth-copy-gap: clamp(1.25rem, 2.4svh, 2rem);
  --depth-hud-width: clamp(6.5rem, 9vw, 9rem);
  color: #f4f4f4;
  background: #000;
  width: 100%;
  height: 100svh;
  min-height: 680px;
  isolation: isolate;
  position: relative;
  overflow: hidden;
  font-family: "Depth Inter", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

.depth-material-lab__canvas,
.depth-material-lab__grain {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.depth-material-lab__canvas { z-index: 1; opacity: 0; transition: opacity .55s ease; }
.depth-material-lab.is-ready .depth-material-lab__canvas { opacity: 1; }
.depth-material-lab__canvas canvas { width: 100%; height: 100%; display: block; }
.depth-material-lab__grain {
  z-index: 2;
  opacity: .055;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");
  background-size: 9rem;
}

.depth-material-lab__feature-layer {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.depth-material-lab__feature-svg { width: 100%; height: 100%; position: absolute; inset: 0; overflow: visible; }
.depth-material-lab__feature-svg path { fill: none; stroke: rgba(198,244,239,.78); stroke-width: 1; stroke-linecap: square; stroke-linejoin: miter; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; filter: drop-shadow(0 0 .35rem rgba(101,229,222,.38)); transition: stroke-dashoffset .58s cubic-bezier(.22,1,.36,1),opacity .18s ease; }
.depth-material-lab__feature-svg circle { fill: #d9fff9; stroke: rgba(101,229,222,.42); stroke-width: 7; vector-effect: non-scaling-stroke; opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.4); transition: opacity .18s ease,transform .4s cubic-bezier(.22,1,.36,1); }
.depth-material-lab__feature-card { width: clamp(13rem,12vw,14rem); color: #eef5f4; text-align: left; background: linear-gradient(135deg,rgba(16,19,21,.92),rgba(4,5,6,.72)); border-top: 1px solid rgba(198,244,239,.7); box-shadow: 0 1.2rem 4rem rgba(0,0,0,.34); backdrop-filter: blur(12px); padding: .9rem 1rem 1rem; opacity: 0; transform: translateY(.7rem); transition: opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1); position: absolute; }
.depth-material-lab__feature-layer.is-visible .depth-material-lab__feature-svg path { stroke-dashoffset: 0; opacity: 1; }
.depth-material-lab__feature-layer.is-visible .depth-material-lab__feature-svg circle { opacity: 1; transform: scale(1); }
.depth-material-lab__feature-layer.is-visible .depth-material-lab__feature-card { opacity: 1; transform: none; }
.depth-material-lab__feature-kicker { color: rgba(198,244,239,.66); letter-spacing: .15em; text-transform: uppercase; margin: 0 0 .48rem; font-size: .56rem; font-weight: 540; line-height: 1.3; }
.depth-material-lab__feature-card h3 { color: rgba(255,255,255,.94); margin: 0; font-size: min(clamp(.98rem,1.25vw,1.28rem), var(--site-title-cap)); font-weight: 430; line-height: 1.2; letter-spacing: .01em; }
.depth-material-lab__feature-copy { color: rgba(236,243,242,.62); margin: .55rem 0 .75rem; font-size: clamp(.66rem,.76vw,.78rem); font-weight: 300; line-height: 1.48; }
.depth-material-lab__feature-metric { color: #fff; align-items: baseline; gap: .08em; font-variant-numeric: tabular-nums; letter-spacing: -.035em; display: flex; }
.depth-material-lab__feature-metric strong { color: #d8fff9; font-size: clamp(1.65rem,2.1vw,2.3rem); font-weight: 360; line-height: 1; text-shadow: 0 0 1.3rem rgba(101,229,222,.24); }
.depth-material-lab__feature-metric span { color: rgba(216,255,249,.84); font-size: clamp(.72rem,.9vw,.92rem); font-weight: 430; }
.depth-material-lab__feature-detail { color: rgba(255,255,255,.44); letter-spacing: .04em; margin: .4rem 0 0; font-size: .58rem; line-height: 1.4; }

.depth-material-lab__copy {
  z-index: 7;
  top: max(5.25rem, 7.5svh);
  left: var(--depth-edge);
  width: min(58vw, 52rem);
  position: absolute;
  font-family: Inter, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.depth-material-lab__copy h2 {
  color: rgba(244,245,248,.88);
  max-width: none;
  margin: 0;
  font-size: min(var(--depth-title-size), var(--site-title-cap));
  font-weight: 700;
  line-height: .89;
  letter-spacing: -.07em;
  text-align: left;
  text-wrap: balance;
  text-shadow: 0 .5rem 2.5rem #000;
}

.depth-material-lab__copy p {
  color: rgba(244,245,248,.72);
  width: min(26rem, 24vw);
  margin: var(--depth-copy-gap) 0 0;
  font-size: clamp(.95rem, 1.12vw, 1.3rem);
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: 0;
  text-wrap: balance;
  text-shadow: 0 .35rem 1.75rem rgba(0,0,0,.9);
}

.depth-material-lab__feature-nav {
  z-index: 9;
  top: 52%;
  left: var(--depth-edge);
  width: clamp(13rem, 16vw, 16.5rem);
  border-left: 1px solid rgba(255,255,255,.16);
  display: grid;
  position: absolute;
  transform: translateY(-50%);
}

.depth-material-lab__feature-nav button {
  min-height: clamp(2.75rem, 5.3svh, 3.65rem);
  color: rgba(255,255,255,.42);
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 0;
  grid-template-columns: 2.45rem 1fr;
  align-items: center;
  gap: .45rem;
  padding: .25rem .75rem .25rem 1.15rem;
  font: inherit;
  transition: color .25s ease, background-color .25s ease, padding-left .35s cubic-bezier(.22,1,.36,1);
  display: grid;
  position: relative;
}

.depth-material-lab__feature-nav button::before {
  content: "";
  width: 2px;
  height: 0;
  background: #d9fff9;
  box-shadow: 0 0 .85rem rgba(101,229,222,.68);
  transition: height .35s cubic-bezier(.22,1,.36,1);
  position: absolute;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
}

.depth-material-lab__feature-nav button span {
  color: rgba(198,244,239,.38);
  font-variant-numeric: tabular-nums;
  letter-spacing: .13em;
  font-size: .58rem;
  transition: color .25s ease;
}

.depth-material-lab__feature-nav button strong {
  letter-spacing: .055em;
  font-size: clamp(.76rem,.88vw,.92rem);
  font-weight: 420;
  line-height: 1.2;
}

.depth-material-lab__feature-nav button:hover,
.depth-material-lab__feature-nav button:focus-visible {
  color: rgba(255,255,255,.72);
  background: linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,0));
  outline: none;
}

.depth-material-lab__feature-nav button:focus-visible { box-shadow: inset 0 0 0 1px rgba(198,244,239,.24); }

.depth-material-lab__feature-nav button.is-active {
  color: rgba(255,255,255,.95);
  background: linear-gradient(90deg,rgba(101,229,222,.1),rgba(101,229,222,0));
  padding-left: 1.45rem;
}

.depth-material-lab__feature-nav button:hover span,
.depth-material-lab__feature-nav button:focus-visible span { color: rgba(198,244,239,.62); }
.depth-material-lab__feature-nav button.is-active span { color: rgba(198,244,239,.88); }
.depth-material-lab__feature-nav button.is-active::before { height: 64%; }

.depth-material-lab__rail {
  --depth-row-height: clamp(3.5rem, calc((100svh - 22rem) / 5), 4.8rem);
  --depth-preview-size: clamp(2.65rem, calc(var(--depth-row-height) - .9rem), 3.8rem);
  z-index: 8;
  top: 50%;
  right: max(0px, env(safe-area-inset-right));
  width: var(--depth-panel-width);
  border-left: 1px solid rgba(255,255,255,.15);
  flex-direction: column;
  height: auto;
  display: flex;
  position: absolute;
  transform: translateY(-50%);
}

.depth-material-lab__tile {
  grid-template-columns: var(--depth-preview-size) 2.25rem minmax(0,1fr);
  width: 100%;
  height: var(--depth-row-height);
  color: #fff;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: transparent;
  border: 0;
  align-items: center;
  gap: clamp(.75rem,1vw,1rem);
  min-width: 0;
  padding: .6rem .65rem .6rem 1.25rem;
  transition: background-color .18s, opacity .18s, transform .1s;
  display: grid;
  position: relative;
  font: inherit;
}

.depth-material-lab__tile::before { content: ""; background: #fff; width: 1px; height: 0; transition: height .24s cubic-bezier(.22,1,.36,1); position: absolute; top: 50%; left: -1px; transform: translateY(-50%); box-shadow: 0 0 .8rem rgba(255,255,255,.7); }
.depth-material-lab__tile:hover,.depth-material-lab__tile:focus-visible { background: rgba(255,255,255,.04); outline: none; }
.depth-material-lab__tile[aria-checked="true"]::before { height: 72%; }
.depth-material-lab__tile img { width: var(--depth-preview-size); aspect-ratio: 1; object-fit: cover; filter: brightness(.78) saturate(.88); background: #151619; border: 1px solid rgba(255,255,255,.22); border-radius: .22rem; grid-column: 1; transition: border-color .2s, filter .2s, transform .1s; display: block; }
.depth-material-lab__tile[aria-checked="true"] img,.depth-material-lab__tile:hover img,.depth-material-lab__tile:focus-visible img { filter: brightness(1) saturate(1); border-color: rgba(255,255,255,.62); }
.depth-material-lab__colour { width: var(--depth-preview-size); aspect-ratio: 1; background: var(--s1-colour); border: 1px solid rgba(255,255,255,.24); border-radius: .22rem; grid-column: 1; box-shadow: inset 0 0 0 1px rgba(0,0,0,.16), inset 0 0 1.2rem rgba(255,255,255,.09); transition: border-color .2s, filter .2s, transform .2s; display: block; position: relative; overflow: hidden; }
.depth-material-lab__colour::after { content: ""; background: linear-gradient(135deg,rgba(255,255,255,.34),transparent 38%,rgba(0,0,0,.22)); position: absolute; inset: 0; }
.depth-material-lab__tile[aria-checked="true"] .depth-material-lab__colour,.depth-material-lab__tile:hover .depth-material-lab__colour,.depth-material-lab__tile:focus-visible .depth-material-lab__colour { filter: brightness(1.08) saturate(1.06); border-color: rgba(255,255,255,.72); transform: scale(1.025); }
.depth-material-lab__tile > span { color: rgba(255,255,255,.45); font-variant-numeric: tabular-nums; letter-spacing: .12em; grid-column: 2; font-size: .72rem; }
.depth-material-lab__tile > strong { color: rgba(255,255,255,.74); font-size: clamp(.78rem,1vw,1rem); letter-spacing: .025em; grid-column: 3; font-weight: 420; line-height: 1.25; }
.depth-material-lab__tile:active { transform: scale(.985); }

.depth-material-lab__specs {
  z-index: 8;
  right: max(0px, env(safe-area-inset-right));
  bottom: max(2.5rem,6svh);
  width: var(--depth-panel-width);
  color: rgba(255,255,255,.48);
  font-variant-numeric: tabular-nums;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-top: 1px solid rgba(255,255,255,.14);
  grid-template-columns: repeat(2,minmax(0,1fr));
  margin: 0;
  padding-top: 1.25rem;
  font-size: .62rem;
  display: grid;
  position: absolute;
}
.depth-material-lab__specs > div { gap: .45rem; display: grid; }
.depth-material-lab__specs dt,.depth-material-lab__specs dd { margin: 0; }
.depth-material-lab__specs dd { color: rgba(255,255,255,.82); font-size: .74rem; }
.depth-material-lab__spec-name { grid-column: 1/-1; margin-bottom: 1.2rem; }
.depth-material-lab__spec-name dd { letter-spacing: .08em; font-size: .9rem; }

.depth-material-lab__drag-zone { z-index: 6; cursor: grab; pointer-events: auto; touch-action: pan-y; -webkit-tap-highlight-color: transparent; outline: none; position: absolute; inset: 19% min(27rem,28vw) 10% 0; }
.depth-material-lab__drag-zone.is-dragging { cursor: grabbing; }
.depth-material-lab__drag-zone:focus-visible .depth-material-lab__drag-hint svg { outline: 2px solid rgba(255,255,255,.72); outline-offset: .2rem; border-radius: 50%; }
.depth-material-lab__drag-hint { bottom: 0; left: var(--depth-edge); color: rgba(255,255,255,.45); letter-spacing: .14em; text-transform: uppercase; pointer-events: none; align-items: center; gap: .7rem; min-width: 44px; min-height: 44px; font-size: .58rem; transition: color .18s; display: inline-flex; position: absolute; }
.depth-material-lab__drag-zone:hover .depth-material-lab__drag-hint,.depth-material-lab__drag-zone.is-dragging .depth-material-lab__drag-hint { color: rgba(255,255,255,.78); }
.depth-material-lab__drag-hint svg { flex: 0 0 3.5rem; width: 3.5rem; height: 3.5rem; overflow: visible; }
.depth-material-lab__loading { z-index: 4; color: rgba(255,255,255,.46); letter-spacing: .14em; text-transform: uppercase; margin: 0; font-size: .58rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: opacity .3s; }
.depth-material-lab.is-ready .depth-material-lab__loading { opacity: 0; }
.depth-material-lab.is-error .depth-material-lab__loading { color: rgba(255,255,255,.64); }

@media (max-width: 832px) {
  .depth-material-lab { --depth-gutter: max(1rem, env(safe-area-inset-left)); --depth-title-size: clamp(2rem,9vw,3.1rem); --depth-panel-width: auto; min-height: 760px; }
  .depth-material-lab__copy { top: max(5.5rem, calc(64px + env(safe-area-inset-top))); right: var(--depth-gutter); left: var(--depth-gutter); width: auto; }
  .depth-material-lab__copy p { width: min(92%,31rem); font-size: clamp(.82rem,3.4vw,1rem); }
  .depth-material-lab__feature-nav { top: 15rem; right: var(--depth-gutter); left: var(--depth-gutter); width: auto; border-top: 1px solid rgba(255,255,255,.14); border-left: 0; grid-auto-flow: column; grid-auto-columns: minmax(6.8rem,1fr); overflow-x: auto; transform: none; scrollbar-width: none; }
  .depth-material-lab__feature-nav::-webkit-scrollbar { display: none; }
  .depth-material-lab__feature-nav button { min-height: 3rem; grid-template-columns: auto; gap: .18rem; padding: .45rem .7rem; }
  .depth-material-lab__feature-nav button::before { width: 0; height: 2px; inset: -1px auto auto 50%; transform: translateX(-50%); }
  .depth-material-lab__feature-nav button.is-active::before { width: 68%; height: 2px; }
  .depth-material-lab__feature-nav button.is-active { padding-left: .7rem; }
  .depth-material-lab__feature-nav button span { font-size: .5rem; }
  .depth-material-lab__feature-nav button strong { font-size: .68rem; }
  .depth-material-lab__rail { --depth-row-height: 5rem; --depth-preview-size: 4rem; top: auto; right: 0; bottom: max(.6rem,env(safe-area-inset-bottom)); left: 0; width: 100%; height: var(--depth-row-height); padding: 0 var(--depth-gutter); border-left: 0; flex-direction: row; gap: .55rem; overflow: auto hidden; transform: none; scrollbar-width: none; }
  .depth-material-lab__rail::-webkit-scrollbar { display: none; }
  .depth-material-lab__tile { grid-template-columns: var(--depth-preview-size) 1.45rem minmax(0,1fr); flex: 0 0 clamp(11rem,64vw,15rem); height: var(--depth-row-height); padding: .5rem; gap: .55rem; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.1); }
  .depth-material-lab__tile::before { width: 0; height: 1px; inset: auto 0 -1px; transform: none; }
  .depth-material-lab__tile[aria-checked="true"]::before { width: 100%; height: 1px; }
  .depth-material-lab__specs { right: var(--depth-gutter); bottom: calc(6.6rem + env(safe-area-inset-bottom)); left: var(--depth-gutter); width: auto; grid-template-columns: 1.55fr repeat(2,minmax(0,1fr)); gap: .45rem; padding-top: .75rem; font-size: .52rem; }
  .depth-material-lab__spec-name { grid-column: auto; margin-bottom: 0; }
  .depth-material-lab__spec-name dd,.depth-material-lab__specs dd { font-size: .64rem; }
  .depth-material-lab__drag-zone { top: 21%; right: 0; bottom: 11.5rem; }
  .depth-material-lab__drag-hint { right: var(--depth-gutter); bottom: 0; left: auto; font-size: .5rem; }
  .depth-material-lab__drag-hint svg { flex-basis: 3rem; width: 3rem; height: 3rem; }
  .depth-material-lab__feature-card { width: min(72vw,18rem); padding: .75rem .82rem .82rem; }
  .depth-material-lab__feature-copy { font-size: .66rem; }
}

@media (max-width: 430px) {
  .depth-material-lab__copy h2 { letter-spacing: -.055em; }
  .depth-material-lab__copy p { margin-top: .9rem; }
  .depth-material-lab__specs dt { overflow-wrap: anywhere; }
  .depth-material-lab__drag-hint > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .depth-material-lab__canvas,.depth-material-lab__tile,.depth-material-lab__tile::before,.depth-material-lab__colour,.depth-material-lab__feature-card,.depth-material-lab__feature-svg path,.depth-material-lab__feature-svg circle,.depth-material-lab__feature-nav button,.depth-material-lab__feature-nav button::before { transition: none; }
}

/* S1 four-colour gallery — original product photography, no 3D rendering */
.s1-colour-gallery {
  --gallery-edge: clamp(1.25rem, 4vw, 4.5rem);
  color: #f7f7f4;
  background:
    radial-gradient(circle at 50% 30%, rgba(72,78,84,.18), transparent 42%),
    linear-gradient(180deg, #050506 0%, #090a0b 52%, #030304 100%);
  min-height: 100svh;
  padding: clamp(9rem, 12vw, 12rem) var(--gallery-edge) clamp(3.5rem, 6vw, 6rem);
  scroll-margin-top: 9rem;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.s1-colour-gallery::before {
  content: "S1";
  color: rgba(255,255,255,.017);
  font-size: min(42vw, 42rem);
  font-weight: 800;
  line-height: .75;
  letter-spacing: -.12em;
  pointer-events: none;
  position: absolute;
  top: 8%;
  left: 47%;
  transform: translateX(-50%);
  z-index: -1;
}
.s1-colour-gallery__ambient {
  background:
    radial-gradient(circle at 10% 74%, rgba(255,81,15,.1), transparent 20%),
    radial-gradient(circle at 38% 74%, rgba(240,240,240,.08), transparent 20%),
    radial-gradient(circle at 66% 74%, rgba(67,48,255,.12), transparent 22%),
    radial-gradient(circle at 92% 74%, rgba(40,225,219,.1), transparent 20%);
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.s1-colour-gallery__header {
  max-width: 74rem;
  margin: 0 auto clamp(3rem, 5vw, 5.5rem);
  text-align: center;
}
.s1-colour-gallery__header .xm-eyebrow {
  color: rgba(255,255,255,.48);
  margin: 0 0 1.35rem;
  letter-spacing: .22em;
}
.s1-colour-gallery__header h2 {
  color: #f6f6f3;
  margin: 0;
  font-size: min(clamp(2.7rem, 6.48vw, 7.2rem), var(--site-title-cap));
  font-weight: 640;
  line-height: .82;
  letter-spacing: -.075em;
  text-wrap: balance;
}
.s1-colour-gallery__header > p:last-child {
  color: rgba(255,255,255,.58);
  width: min(42rem, 88vw);
  margin: clamp(1.7rem, 3vw, 2.8rem) auto 0;
  font-size: clamp(.94rem, 1.25vw, 1.18rem);
  line-height: 1.62;
  text-wrap: balance;
}
.s1-colour-gallery__grid {
  max-width: 112rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: clamp(.65rem, 1vw, 1.15rem);
}
.s1-colour-card {
  --card-accent: 255,255,255;
  min-width: 0;
  background: #090a0b;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: clamp(.35rem, .7vw, .75rem);
  box-shadow: 0 2rem 6rem rgba(0,0,0,.28);
  overflow: hidden;
  position: relative;
  transition: transform .7s cubic-bezier(.2,.8,.2,1), border-color .45s ease, box-shadow .55s ease;
}
.s1-colour-card--orange { --card-accent: 255,83,14; }
.s1-colour-card--silver { --card-accent: 228,232,235; }
.s1-colour-card--violet { --card-accent: 88,69,255; }
.s1-colour-card--aqua { --card-accent: 41,216,215; }
.s1-colour-card--cyan-lime { --card-accent: 151,232,49; }
.s1-colour-card::before {
  content: "";
  background: linear-gradient(90deg, transparent, rgba(var(--card-accent),.75), transparent);
  height: 1px;
  opacity: .38;
  position: absolute;
  top: 0;
  right: 10%;
  left: 10%;
  z-index: 2;
}
.s1-colour-card figure {
  aspect-ratio: .58;
  margin: 0;
  background: #08090a;
  overflow: hidden;
  position: relative;
}
.s1-colour-card figure::after {
  content: "";
  background: linear-gradient(180deg, transparent 66%, rgba(3,3,4,.86));
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.s1-colour-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: saturate(.94) contrast(1.03);
  transition: transform 1.1s cubic-bezier(.2,.8,.2,1), filter .6s ease;
  display: block;
}
.s1-colour-card--orange img { transform: scale(1.025); }
.s1-colour-card--silver img { transform: scale(.985); }
.s1-colour-card--violet img { transform: scale(1.065); }
.s1-colour-card--aqua img { transform: scale(1.025); }
.s1-colour-card--cyan-lime img { transform: scale(1.025); }
.s1-colour-card footer {
  min-height: 6.5rem;
  background: linear-gradient(180deg, rgba(14,15,17,.94), #08090a);
  border-top: 1px solid rgba(255,255,255,.1);
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 1.05rem;
  padding: 1.35rem 1.3rem 1.25rem;
  display: grid;
}
.s1-colour-card footer > span {
  color: rgba(var(--card-accent),.9);
  font-size: .66rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: .15em;
  padding-top: .25rem;
}
.s1-colour-card h3 {
  color: rgba(255,255,255,.94);
  margin: 0;
  font-size: min(clamp(1rem, 1.2vw, 1.25rem), var(--site-title-cap));
  font-weight: 480;
  line-height: 1.15;
  letter-spacing: -.015em;
}
.s1-colour-card footer p {
  color: rgba(255,255,255,.4);
  margin: .45rem 0 0;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.s1-colour-gallery__note {
  color: rgba(255,255,255,.32);
  max-width: 112rem;
  border-top: 1px solid rgba(255,255,255,.12);
  margin: clamp(2rem, 3vw, 3.5rem) auto 0;
  padding-top: 1rem;
  font-size: .67rem;
  letter-spacing: .16em;
  text-align: right;
  text-transform: uppercase;
}
@media (hover:hover) and (pointer:fine) {
  .s1-colour-gallery__grid:hover .s1-colour-card:not(:hover) { opacity: .72; transform: scale(.985); }
  .s1-colour-card:hover {
    border-color: rgba(var(--card-accent),.52);
    box-shadow: 0 2.5rem 8rem rgba(0,0,0,.46), 0 0 3.5rem rgba(var(--card-accent),.1);
    transform: translateY(-.8rem);
    z-index: 2;
  }
  .s1-colour-card:hover img { filter: saturate(1.04) contrast(1.03); }
  .s1-colour-card--orange:hover img { transform: scale(1.04); }
  .s1-colour-card--silver:hover img { transform: scale(1); }
  .s1-colour-card--violet:hover img { transform: scale(1.08); }
  .s1-colour-card--aqua:hover img { transform: scale(1.04); }
  .s1-colour-card--cyan-lime:hover img { transform: scale(1.04); }
}
@media (max-width: 900px) {
  .s1-colour-gallery { min-height: 0; padding-right: 0; padding-left: 0; }
  .s1-colour-gallery__header { padding: 0 var(--gallery-edge); }
  .s1-colour-gallery__grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(17rem, 72vw);
    grid-template-columns: none;
    gap: .8rem;
    padding: 0 var(--gallery-edge) 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-left: var(--gallery-edge);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .s1-colour-gallery__grid::-webkit-scrollbar { display: none; }
  .s1-colour-card {
    align-self: start;
    scroll-snap-align: start;
    -webkit-user-select: none;
    user-select: none;
  }
  .s1-colour-card[data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .s1-colour-card img {
    pointer-events: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .s1-colour-card figure { aspect-ratio: .58; }
  .s1-colour-gallery__note { margin-right: var(--gallery-edge); margin-left: var(--gallery-edge); }
}
@media (max-width: 520px) {
  .s1-colour-gallery { padding-top: 8rem; scroll-margin-top: 6.5rem; }
  .s1-colour-gallery__header { text-align: left; }
  .s1-colour-gallery__header h2 { font-size: min(clamp(2.48rem, 11.7vw, 3.78rem), var(--site-title-cap)); line-height: .88; }
  .s1-colour-gallery__header > p:last-child { width: auto; margin-left: 0; }
  .s1-colour-gallery__grid { grid-auto-columns: minmax(16rem, 84vw); }
  .s1-colour-gallery__note { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .s1-colour-card,.s1-colour-card img { transition: none; }
}

/* S1 player stories — Seed-inspired editorial carousel */
.s1-player-stories {
  --story-ink:#183817;
  --s1-story-surface:var(--s1-light-surface);
  --story-gutter:24px;
  color:var(--story-ink);
  background:var(--s1-story-surface);
  overflow:hidden;
  padding:clamp(104px,8.2vw,158px) 0 clamp(104px,8vw,148px);
}
.s1-player-stories__header {
  width:min(1480px,calc(100% - 48px));
  margin:0 auto;
  text-align:center;
}
.s1-player-stories__header h2 {
  max-width:1420px;
  margin:0 auto;
  color:#000;
  font-family:var(--xm-font,inherit);
  font-size:min(clamp(52.2px,4.81vw,91.8px), var(--site-title-cap));
  font-weight:700;
  line-height:.89;
  letter-spacing:-.07em;
  text-wrap:balance;
}
.s1-player-stories__header p {
  margin:clamp(24px,2vw,36px) 0 0;
  color:#000;
  font-family:var(--xm-font,inherit);
  font-size:clamp(16px,1.25vw,21px);
  font-weight:400;
  line-height:1.62;
  letter-spacing:0;
}

.s1-player-stories__viewport {
  width:100%;
  margin-top:clamp(48px,4.3vw,76px);
  overflow:visible;
  cursor:default;
  touch-action:pan-y;
  user-select:none;
}
.s1-player-stories__viewport:active { cursor:default; }
.s1-player-stories__track {
  display:flex;
  align-items:flex-start;
  gap:clamp(24px,2.2vw,42px);
  width:max-content;
  will-change:transform;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.22,1,.36,1);
}
.s1-player-story {
  position:relative;
  flex:0 0 min(64vw,1224px);
  opacity:.72;
  transform:scale(.982);
  transform-origin:center;
  transition:opacity .55s ease,transform .72s cubic-bezier(.22,1,.36,1);
}
.s1-player-story.is-active { opacity:1; transform:scale(1); }
.s1-player-story__media {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  padding:0;
  overflow:hidden;
  color:#fff;
  text-align:left;
  cursor:pointer;
  background:#1b201c;
  border:0;
  border-radius:15px;
  box-shadow:0 18px 46px rgba(34,45,28,.08);
}
.s1-player-story__media > img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .5s ease;
}
.s1-player-story.is-active .s1-player-story__media:hover > img { transform:scale(1.012); }
.s1-player-story__shade {
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,24,14,.18),transparent 36%,rgba(7,15,10,.08)),linear-gradient(180deg,rgba(0,0,0,.03),transparent 65%,rgba(0,0,0,.12));
}
.s1-player-story__brand,
.s1-player-story__title {
  position:absolute;
  z-index:2;
  top:50%;
  color:#fff;
  font-size:clamp(23px,1.95vw,38px);
  font-weight:390;
  line-height:1;
  letter-spacing:-.045em;
  text-shadow:0 2px 22px rgba(0,0,0,.24);
  transform:translateY(-50%);
  pointer-events:none;
}
.s1-player-story__brand { left:7%; }
.s1-player-story__brand span { margin-left:.07em; }
.s1-player-story__title { right:7%; }
.s1-player-story iframe {
  position:absolute;
  z-index:6;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:#000;
}
.s1-player-story__controls {
  position:absolute;
  z-index:8;
  bottom:-39px;
  left:50%;
  display:flex;
  align-items:center;
  min-height:62px;
  padding:7px 8px 7px 7px;
  color:var(--story-ink);
  border-radius:999px;
  background:var(--s1-story-surface);
  box-shadow:0 9px 28px rgba(36,52,30,.09);
  transform:translateX(-50%);
}
.s1-player-story__sound,
.s1-player-story__play {
  height:48px;
  color:inherit;
  cursor:pointer;
  border:0;
  font:inherit;
}
.s1-player-story__sound {
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  padding:0;
  color:#fff;
  font-size:12px;
  letter-spacing:-.1em;
  border-radius:50%;
  background:#173d16;
}
.s1-player-story__avatar {
  position:relative;
  z-index:2;
  width:43px;
  height:43px;
  margin-left:-5px;
  overflow:hidden;
  border:3px solid var(--s1-story-surface);
  border-radius:50%;
  background:#ddd;
}
.s1-player-story__avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.s1-player-story:first-child .s1-player-story__avatar img { object-position:28% 30%; }
.s1-player-story:last-child .s1-player-story__avatar img { object-position:72% 25%; }
.s1-player-story__play {
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 15px 0 11px;
  font-size:14px;
  border-radius:999px;
  background:transparent;
}
.s1-player-story__play span { font-size:10px; }
.s1-player-stories__hint {
  margin:68px 0 0;
  color:rgba(24,56,23,.46);
  font-size:10px;
  line-height:1;
  letter-spacing:.16em;
  text-align:center;
  text-transform:uppercase;
}
.s1-player-stories__hint span:last-child { display:none; }

@media (min-width: 721px) {
  .s1-player-stories {
    padding-bottom:0;
    overflow:visible;
  }
  .s1-player-stories__scroll-stage {
    position:relative;
    height:240svh;
    margin-top:clamp(36px,3vw,56px);
    background:var(--s1-story-surface);
  }
  .s1-player-stories__viewport {
    z-index:4;
    position:sticky;
    top:var(--header-h);
    height:calc(100svh - var(--header-h));
    min-height:760px;
    margin-top:0;
    padding-top:clamp(70px,8svh,96px);
    box-sizing:border-box;
    overflow:hidden;
    background:var(--s1-story-surface);
  }
  .s1-player-stories__hint { display:none; }
}

@media (max-width: 900px) {
  .s1-player-stories { padding:84px 0 96px; }
  .s1-player-stories__header { width:calc(100% - 36px); }
  .s1-player-stories__header h2 { font-size:min(clamp(41.4px,7.92vw,64.8px), var(--site-title-cap)); }
  .s1-player-story { flex-basis:82vw; }
}

@media (max-width: 620px) {
  .s1-player-stories { --story-gutter:18px; padding:72px 0 88px; }
  .s1-player-stories__header { width:calc(100% - 28px); }
  .s1-player-stories__header h2 { font-size:min(clamp(37.8px,11.34vw,52.2px), var(--site-title-cap)); line-height:.96; letter-spacing:-.058em; }
  .s1-player-stories__header p { width:min(310px,88vw); margin:20px auto 0; font-size:15px; }
  .s1-player-stories__viewport { margin-top:38px; }
  .s1-player-stories__scroll-stage { height:auto; }
  .s1-player-stories__track { gap:14px; }
  .s1-player-story { flex-basis:88vw; }
  .s1-player-story__media { border-radius:11px; }
  .s1-player-story__brand,.s1-player-story__title { top:auto; bottom:21px; font-size:18px; transform:none; }
  .s1-player-story__brand { left:18px; }
  .s1-player-story__title { right:18px; }
  .s1-player-stories__viewport,.s1-player-stories__viewport:active { cursor:grab; }
  .s1-player-story__controls { bottom:-31px; min-height:52px; padding:5px 6px 5px 5px; }
  .s1-player-story__sound,.s1-player-story__play { height:42px; }
  .s1-player-story__sound { flex-basis:42px; width:42px; }
  .s1-player-story__avatar { width:38px; height:38px; }
  .s1-player-story__play { gap:7px; padding:0 10px 0 8px; font-size:13px; }
  .s1-player-stories__hint { margin-top:54px; }
  .s1-player-stories__hint span:first-child { display:none; }
  .s1-player-stories__hint span:last-child { display:inline; }
}

@media (prefers-reduced-motion: reduce) {
  .s1-player-stories__track,.s1-player-story,.s1-player-story__media > img { transition:none; }
}

/* A1 light campaign — intentionally isolated from every other product route. */
[data-product-slug="a1"] {
  --a1-ink:#101412;
  --a1-muted:#626964;
  --a1-paper:#f6f8f5;
  --a1-paper-deep:#edf1ed;
  --a1-line:rgba(16,20,18,.12);
  --a1-aqua:#57d9d3;
  --a1-lime:#b8f13b;
  --s1-light-surface:#f2f5f1;
  color:var(--a1-ink);
  background:var(--a1-paper);
}
[data-product-slug="a1"] main.xm-main { overflow:visible; background:var(--a1-paper); }
[data-product-slug="a1"] .xm-eyebrow { color:#4f7f70; }

[data-product-slug="a1"] .xm-hero--a1 {
  color:var(--a1-ink);
  background:#eef2ef;
  isolation:isolate;
}
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-image { object-position:center; }
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-shade {
  background:linear-gradient(90deg,rgba(248,250,247,.98) 0%,rgba(248,250,247,.9) 25%,rgba(248,250,247,.36) 48%,transparent 67%),linear-gradient(180deg,transparent 58%,rgba(244,247,243,.2));
}
[data-product-slug="a1"] .xm-hero--a1::before {
  content:"";
  position:absolute;
  z-index:1;
  left:-12vw;
  bottom:-22vw;
  width:52vw;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,217,211,.2),rgba(184,241,59,.08) 38%,transparent 70%);
  filter:blur(18px);
  pointer-events:none;
  animation:a1-ambient-drift 10s ease-in-out infinite alternate;
}
[data-product-slug="a1"] .xm-hero--masked::after {
  z-index:1;
  height:clamp(90px,10vw,190px);
  background:linear-gradient(180deg,transparent,var(--a1-paper) 96%);
}
[data-product-slug="a1"] .xm-hero-copy { z-index:3; width:min(580px,40vw); }
[data-product-slug="a1"] .xm-hero-line { max-width:520px; }
[data-product-slug="a1"] .xm-hero-detail {
  max-width:520px;
  padding-left:18px;
  color:rgba(16,20,18,.62);
  border-left:2px solid transparent;
  border-image:linear-gradient(180deg,var(--a1-aqua),var(--a1-lime)) 1;
}
@keyframes a1-ambient-drift { from { transform:translate3d(-2%,2%,0) scale(.96); } to { transform:translate3d(8%,-6%,0) scale(1.08); } }

[data-product-slug="a1"] .xm-intro--a1 {
  color:var(--a1-ink);
  background:var(--a1-paper);
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual { object-position:center; }
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade {
  background:linear-gradient(180deg,rgba(246,248,245,.98) 0%,rgba(246,248,245,.75) 22%,rgba(246,248,245,.08) 58%,rgba(246,248,245,.28) 100%),linear-gradient(90deg,rgba(246,248,245,.5),transparent 50%);
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-lines span {
  background:linear-gradient(110deg,#0c110f 10%,#69716c 52%,#161b18 90%);
  -webkit-background-clip:text;
  background-clip:text;
}

[data-product-slug="a1"] .s1-story { color:var(--a1-ink); background:var(--a1-paper); }
[data-product-slug="a1"] .a1-kvs {
  background:linear-gradient(180deg,var(--a1-paper),var(--a1-paper-deep));
}
[data-product-slug="a1"] .a1-kvs .s1-kvs__card {
  background:#fff;
  border:1px solid rgba(255,255,255,.92);
  border-radius:32px;
  box-shadow:0 28px 70px rgba(45,58,50,.1),0 2px 8px rgba(45,58,50,.05);
  transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s ease;
}
[data-product-slug="a1"] .a1-kvs .s1-kvs__card > img { object-position:68% center; }
[data-product-slug="a1"] .a1-kvs .a1-kvs__card--carbon > img { object-position:66% center; }
[data-product-slug="a1"] .a1-kvs .a1-kvs__card--foam > img { object-position:76% center; transform:scale(1.07); }
[data-product-slug="a1"] .a1-kvs .s1-kvs__shade {
  background:linear-gradient(180deg,rgba(252,253,251,.98) 0%,rgba(252,253,251,.88) 25%,rgba(252,253,251,.28) 50%,transparent 72%);
}
[data-product-slug="a1"] .a1-kvs .s1-kvs__copy { color:var(--a1-ink); }
[data-product-slug="a1"] .a1-kvs__card--nfc .s1-kvs__copy { left:54px; right:28px; }
[data-product-slug="a1"] .a1-kvs__card--nfc .s1-kvs__copy h2 { white-space:nowrap; font-size:min(clamp(34.2px,2.12vw,40.5px), var(--site-title-cap)); }
@media (max-width:600px) {
  html[lang="ja"] [data-product-slug="a1"] .a1-kvs__card--nfc .s1-kvs__copy h2 { white-space:normal; }
}
[data-product-slug="a1"] .a1-kvs__card--nfc > img { object-position:70% center; }
[data-product-slug="a1"] .a1-kvs-phone-preview {
  position:absolute;
  z-index:1;
  right:24px;
  bottom:-32px;
  width:43%;
  height:64%;
  overflow:hidden;
  border:6px solid #101311;
  border-radius:27px 27px 0 0;
  background:#080b0b;
  box-shadow:0 26px 65px rgba(31,45,37,.28);
  transform:rotate(3deg);
}
[data-product-slug="a1"] .a1-kvs-phone-preview img { width:100%; height:100%; display:block; object-fit:cover; object-position:top; }
@media (hover:hover) and (pointer:fine) {
  [data-product-slug="a1"] .a1-kvs .s1-kvs__card:hover { transform:translateY(-12px); box-shadow:0 40px 90px rgba(45,58,50,.16),0 3px 10px rgba(45,58,50,.06); }
}

[data-product-slug="a1"] .a1-product-beat {
  min-height:0;
  padding:clamp(48px,5vw,96px) clamp(18px,3vw,58px);
  display:flex;
  justify-content:center;
  background:var(--a1-paper-deep);
}
[data-product-slug="a1"] .a1-product-beat__media {
  width:min(100%,1810px);
  aspect-ratio:32 / 15;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9);
  border-radius:clamp(24px,2.3vw,44px);
  background:#fff;
  box-shadow:0 32px 100px rgba(43,58,49,.13);
}
[data-product-slug="a1"] .a1-product-beat__media img { width:100%; height:100%; display:block; object-fit:cover; }

[data-product-slug="a1"] .a1-design-classic {
  padding-top:clamp(100px,8vw,150px);
  color:var(--a1-ink);
  background:#fff;
}
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__copy p { color:#5a7f73; }
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__copy h2 {
  background:linear-gradient(90deg,#0e1310,#77807a);
  -webkit-background-clip:text;
  background-clip:text;
}
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__media {
  width:min(calc(100% - 48px),1810px);
  margin-top:24px;
  border-radius:clamp(22px,2vw,38px);
  box-shadow:0 30px 90px rgba(43,58,49,.09);
}

[data-product-slug="a1"] .s1-feature {
  color:var(--a1-ink);
  background:#fff;
}
[data-product-slug="a1"] .s1-feature:nth-of-type(even) { background:var(--a1-paper-deep); }
[data-product-slug="a1"] .s1-feature-copy > p:not(.xm-eyebrow) { color:var(--a1-muted); }
[data-product-slug="a1"] .s1-feature-media {
  border:1px solid rgba(16,20,18,.08);
  background:#fff;
  box-shadow:0 24px 80px rgba(43,58,49,.09);
}
[data-product-slug="a1"] .a1-feature--thermo .s1-feature-media img { object-position:68% center; }
[data-product-slug="a1"] .a1-feature--carbon .s1-feature-media img { object-position:69% center; transform:scale(1.035); }
[data-product-slug="a1"] .a1-feature--core .s1-feature-media img { object-position:70% center; }
[data-product-slug="a1"] .a1-feature--foam .s1-feature-media img { object-position:78% center; transform:scale(1.06); }

[data-product-slug="a1"] .a1-colour-gallery {
  min-height:0;
  padding-bottom:clamp(100px,10vw,190px);
  color:var(--a1-ink);
  background:radial-gradient(circle at 50% 34%,rgba(87,217,211,.09),transparent 34%),linear-gradient(180deg,#f8faf7,#edf1ed);
}
[data-product-slug="a1"] .a1-colour-gallery::before { content:"A1"; color:rgba(16,20,18,.022); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__ambient {
  background:radial-gradient(circle at 12% 72%,rgba(97,235,207,.16),transparent 21%),radial-gradient(circle at 35% 72%,rgba(255,74,22,.1),transparent 21%),radial-gradient(circle at 60% 72%,rgba(220,215,200,.19),transparent 21%),radial-gradient(circle at 82% 72%,rgba(255,44,151,.08),transparent 21%);
}
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header .xm-eyebrow { color:#5d746a; }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header h2 { color:var(--a1-ink); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header > p:last-child { color:var(--a1-muted); }
[data-product-slug="a1"] .a1-colour-gallery__grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
[data-product-slug="a1"] .a1-colour-card {
  background:rgba(255,255,255,.78);
  border-color:rgba(16,20,18,.09);
  box-shadow:0 24px 70px rgba(43,58,49,.08);
}
[data-product-slug="a1"] .a1-colour-card figure { background:linear-gradient(180deg,#f8faf8,#e9eeea); }
[data-product-slug="a1"] .a1-colour-card figure::after { background:linear-gradient(180deg,transparent 72%,rgba(230,236,230,.82)); }
[data-product-slug="a1"] .a1-colour-card footer { background:rgba(255,255,255,.9); border-color:var(--a1-line); }
[data-product-slug="a1"] .a1-colour-card h3 { color:var(--a1-ink); }
[data-product-slug="a1"] .a1-colour-card footer p { color:rgba(16,20,18,.47); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__note { color:rgba(16,20,18,.42); border-color:var(--a1-line); }
.a1-colour-card--cyan-lime { --card-accent:97,235,207; }
.a1-colour-card--orange { --card-accent:255,74,22; }
.a1-colour-card--pearl { --card-accent:199,193,178; }
.a1-colour-card--magenta { --card-accent:255,44,151; }
.a1-colour-card--aqua { --card-accent:66,219,218; }
.a1-colour-card img { transform:scale(1.015); }
@media (hover:hover) and (pointer:fine) { .a1-colour-card:hover img { transform:scale(1.04); } }

[data-product-slug="a1"] .xm-app {
  color:var(--a1-ink);
  background:radial-gradient(circle at 78% 10%,rgba(87,217,211,.14),transparent 27%),var(--a1-paper);
}
[data-product-slug="a1"] .xm-app-copy > p:last-child { color:var(--a1-muted); }
[data-product-slug="a1"] .xm-app-icon { border-radius:16px; box-shadow:0 18px 40px rgba(43,58,49,.14); }
[data-product-slug="a1"] .xm-app-hero--a1 .xm-app-lifestyle::after {
  background:linear-gradient(90deg,rgba(248,250,247,.99) 0%,rgba(248,250,247,.91) 23%,rgba(248,250,247,.28) 48%,transparent 70%);
}
[data-product-slug="a1"] .xm-app-hero--a1 .xm-app-lifestyle img { object-position:center; }
[data-product-slug="a1"] .a1-nfc-proof__phone {
  position:absolute;
  z-index:2;
  top:7%;
  right:6%;
  width:min(23vw,390px);
  height:86%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.74);
  border-radius:clamp(22px,2vw,36px);
  background:#090909;
  box-shadow:0 34px 80px rgba(36,50,42,.25);
  transform:rotate(1.2deg);
}
[data-product-slug="a1"] .xm-app-hero--a1 .a1-nfc-proof__phone img { width:100%; height:100%; display:block; object-fit:cover; object-position:center top; }
[data-product-slug="a1"] .xm-nfc-guide--dark {
  color:var(--a1-ink);
  background:rgba(255,255,255,.72);
  border-color:rgba(16,20,18,.1);
  box-shadow:0 24px 70px rgba(43,58,49,.06);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
[data-product-slug="a1"] .xm-nfc-guide--dark ol { border-color:rgba(16,20,18,.15); }
[data-product-slug="a1"] .xm-nfc-guide--dark li { border-color:rgba(16,20,18,.13); }
[data-product-slug="a1"] .xm-nfc-guide--dark li span,[data-product-slug="a1"] .xm-nfc-guide--dark .xm-app-note { color:var(--a1-muted); }
[data-product-slug="a1"] .xm-nfc-guide--dark b { color:#4d8c7b; }

[data-product-slug="a1"] .a1-find-ones { color:var(--a1-ink); background:var(--a1-paper-deep); }
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__stage { background:#fff; box-shadow:0 24px 80px rgba(43,58,49,.08); }
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__backdrop { object-position:center; filter:none; }
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__shade {
  background:linear-gradient(90deg,rgba(249,251,248,.97),rgba(249,251,248,.34) 50%,transparent 74%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 42%,rgba(241,245,241,.34));
}
[data-product-slug="a1"] .a1-find-ones .s1-find-card {
  border:1px solid rgba(16,20,18,.08);
  background:rgba(247,249,246,.96);
  box-shadow:0 18px 54px rgba(43,58,49,.08);
}
[data-product-slug="a1"] .a1-find-ones .s1-find-card > img,[data-product-slug="a1"] .a1-find-ones .s1-find-card__actions { background:#f5f7f4; }

@media (max-width:720px) {
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-image { object-position:68% center; }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-shade { background:linear-gradient(180deg,rgba(248,250,247,.03) 0%,rgba(248,250,247,.05) 42%,rgba(248,250,247,.8) 72%,#f8faf7 100%); }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy { bottom:38px; color:var(--a1-ink); text-shadow:none; }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy h1,[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy p { color:var(--a1-ink); }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-detail { color:rgba(16,20,18,.64); }
  [data-product-slug="a1"] .xm-hero-copy { width:auto; }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual { inset:auto -28vw 0 auto; width:160vw; }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade { background:linear-gradient(180deg,#f6f8f5 0%,rgba(246,248,245,.98) 45%,rgba(246,248,245,.55) 70%,rgba(246,248,245,.04) 100%); }
  [data-product-slug="a1"] .a1-kvs .s1-kvs__card { border-radius:24px; }
  [data-product-slug="a1"] .a1-product-beat { padding-inline:10px; }
  [data-product-slug="a1"] .a1-product-beat__media { aspect-ratio:4 / 5; border-radius:24px; }
  [data-product-slug="a1"] .a1-product-beat__media img { object-position:66% center; }
  [data-product-slug="a1"] .a1-design-classic .s1-design-classic__media { width:145%; max-width:none; transform:translateX(-7%); border-radius:0; box-shadow:none; }
  [data-product-slug="a1"] .s1-feature { padding-top:92px; padding-bottom:92px; }
  [data-product-slug="a1"] .xm-app-hero--a1 .a1-nfc-proof__backdrop { object-position:66% center; }
  [data-product-slug="a1"] .xm-app-hero--a1 .xm-app-lifestyle::after { background:linear-gradient(180deg,rgba(248,250,247,.96) 0%,rgba(248,250,247,.66) 38%,rgba(248,250,247,.05) 72%); }
  [data-product-slug="a1"] .a1-nfc-proof__phone { top:auto; right:7%; bottom:5%; width:42vw; height:55%; border-radius:20px; }
  [data-product-slug="a1"] .a1-colour-gallery__grid { grid-template-columns:none; }
  [data-product-slug="a1"] .a1-colour-gallery { padding-top:110px; }
  [data-product-slug="a1"] .a1-find-ones .s1-find-ones__backdrop { height:650px; object-position:66% center; }
  [data-product-slug="a1"] .a1-find-ones .s1-find-ones__shade { height:650px; background:linear-gradient(180deg,rgba(249,251,248,.94),rgba(249,251,248,.35) 48%,rgba(249,251,248,.18)); }
}

@media (prefers-reduced-motion:reduce) {
  [data-product-slug="a1"] .xm-hero--a1::before { animation:none; }
}

/* A1 S1-style narrative refresh — route-scoped to preserve every other product page. */
[data-product-slug="a1"] { --a1-night:#030404; --a1-soft:#f2f3ef; background:var(--a1-night); }
[data-product-slug="a1"] .s1-story { color:#fff; background:var(--a1-night); }

[data-product-slug="a1"] .xm-hero--a1 { color:#fff; background:#020303; }
[data-product-slug="a1"] .xm-hero--a1::before { opacity:.22; }
[data-product-slug="a1"] .xm-hero--a1::after { background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.45)); }
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-image { filter:saturate(.9) contrast(1.04); object-position:center; }
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-shade { background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.34) 43%,rgba(0,0,0,.04) 72%),linear-gradient(0deg,rgba(0,0,0,.46),transparent 43%); }
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy,[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy h1,[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy p { color:#fff; text-shadow:0 2px 28px rgba(0,0,0,.4); }
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-detail { color:rgba(255,255,255,.66); }

[data-product-slug="a1"] .xm-intro--a1 { color:#fff; background:#050606; }
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade { background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.84) 38%,rgba(5,6,6,.08) 74%); }
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-copy h2 { color:transparent; background:linear-gradient(100deg,#fff 0%,#f5f7f6 58%,#d9dddb 100%); -webkit-background-clip:text; background-clip:text; }
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-copy p { color:rgba(255,255,255,.84); text-shadow:0 2px 22px rgba(0,0,0,.38); }
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-lines span {
  color:#fff;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.72),0 1px 3px rgba(0,0,0,.9);
}

[data-product-slug="a1"] .a1-kvs { color:#fff; background:#000; }
[data-product-slug="a1"] .a1-kvs .s1-kvs__card { border:1px solid rgba(255,255,255,.09); background:#101115; box-shadow:0 30px 90px rgba(0,0,0,.38); }
[data-product-slug="a1"] .a1-kvs .s1-kvs__card > img { filter:saturate(.88) contrast(1.06); }
[data-product-slug="a1"] .a1-kvs .s1-kvs__shade { background:linear-gradient(180deg,rgba(5,7,8,.95),rgba(5,7,8,.73) 25%,rgba(5,7,8,.08) 66%,rgba(0,0,0,.2)); }
[data-product-slug="a1"] .a1-kvs .s1-kvs__copy { color:#fff; }
[data-product-slug="a1"] .a1-kvs-phone-preview { border-color:rgba(255,255,255,.62); background:#050505; box-shadow:0 24px 70px rgba(0,0,0,.45); }

[data-product-slug="a1"] .a1-action-story { padding:0; background:#000; }
[data-product-slug="a1"] .a1-action-story__media { width:100%; aspect-ratio:32 / 15; }
[data-product-slug="a1"] .a1-action-story__media > img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center 43%; filter:saturate(.88) contrast(1.06); }
[data-product-slug="a1"] .a1-action-story__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.13) 57%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.36),transparent 45%); }
[data-product-slug="a1"] .a1-action-story__copy { position:absolute; z-index:2; left:var(--xm-pad); bottom:clamp(54px,7vw,132px); width:min(780px,58vw); color:#fff; }
[data-product-slug="a1"] .a1-action-story__copy p { margin:0 0 18px; font-size:12px; font-weight:760; letter-spacing:.18em; }
[data-product-slug="a1"] .a1-action-story__copy h2 { margin:0; font-size:min(clamp(52.2px,5.58vw,106.2px), var(--site-title-cap)); font-weight:660; line-height:.86; letter-spacing:-.07em; }

[data-product-slug="a1"] .s1-feature { color:#fff; background:#050505; }
[data-product-slug="a1"] .s1-feature-copy h2 { color:#fff; }
[data-product-slug="a1"] .s1-feature-copy > p:not(.xm-eyebrow) { color:rgba(255,255,255,.67); }
[data-product-slug="a1"] .s1-feature-media { border:1px solid rgba(255,255,255,.08); background:#111; box-shadow:0 35px 90px rgba(0,0,0,.24); }
[data-product-slug="a1"] .a1-feature--thermo-system .s1-feature-media img { object-position:center; }
[data-product-slug="a1"] .a1-construction-stats strong { font-size:clamp(42px,4vw,76px); }
[data-product-slug="a1"] .a1-feature--carbon .s1-feature-media img { object-position:center; }
[data-product-slug="a1"] .a1-feature--foam .s1-feature-media img { object-position:center; }

[data-product-slug="a1"] .a1-balance-system { min-height:auto; grid-template-columns:minmax(0,1fr) minmax(420px,1fr); gap:clamp(44px,6vw,112px); color:#111; background:var(--a1-soft); }
[data-product-slug="a1"] .a1-balance-system > img { position:relative; inset:auto; width:100%; height:auto; aspect-ratio:1586 / 992; border-radius:var(--xm-radius); object-fit:cover; object-position:center; transform:scaleX(-1); filter:saturate(.78) contrast(1.02); }
[data-product-slug="a1"] .a1-balance-system::after { display:none; }
[data-product-slug="a1"] .a1-balance-system .s1-ai-copy { width:auto; }
[data-product-slug="a1"] .a1-balance-system .s1-ai-copy h2 { font-size:min(clamp(48.6px,4.86vw,93.6px), var(--site-title-cap)); }
[data-product-slug="a1"] .a1-balance-system .s1-ai-copy > p:not(.xm-eyebrow) { color:#555853; }
@media (min-width:721px) and (max-width:900px) {
  [data-product-slug="a1"] .a1-balance-system { grid-template-columns:1fr; gap:48px; }
  [data-product-slug="a1"] .a1-balance-system > img { height:auto; }
  [data-product-slug="a1"] .a1-balance-system .s1-ai-copy { width:100%; }
}

[data-product-slug="a1"] .xm-app { color:#fff; background:#000; }
[data-product-slug="a1"] .xm-app-copy > p:last-child { color:rgba(255,255,255,.62); }
[data-product-slug="a1"] .xm-app-hero--a1 .xm-app-lifestyle::after { background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.76) 31%,rgba(0,0,0,.08) 68%); }
[data-product-slug="a1"] .xm-nfc-guide--dark { color:#fff; background:#0f1111; border-color:rgba(255,255,255,.12); box-shadow:0 25px 80px rgba(0,0,0,.25); }
[data-product-slug="a1"] .xm-nfc-guide--dark ol,[data-product-slug="a1"] .xm-nfc-guide--dark li { border-color:rgba(255,255,255,.13); }
[data-product-slug="a1"] .xm-nfc-guide--dark li span,[data-product-slug="a1"] .xm-nfc-guide--dark .xm-app-note { color:rgba(255,255,255,.56); }
[data-product-slug="a1"] .xm-nfc-guide--dark b { color:#b8ff49; }

[data-product-slug="a1"] .a1-design-classic { color:#fff; background:#000; }
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__media { width:min(96%,1840px); filter:saturate(.82) contrast(1.04); }
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__copy p { color:#fff; }
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__copy h2 { color:transparent; background:linear-gradient(90deg,#fff,#616369); -webkit-background-clip:text; background-clip:text; }

[data-product-slug="a1"] .a1-colour-gallery { color:#f7f7f4; background:radial-gradient(circle at 50% 30%,rgba(72,78,84,.18),transparent 42%),linear-gradient(180deg,#050506,#090a0b 52%,#030304); }
[data-product-slug="a1"] .a1-colour-gallery::before { content:"A1"; color:rgba(255,255,255,.018); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__ambient { background:radial-gradient(circle at 8% 72%,rgba(170,255,18,.1),transparent 18%),radial-gradient(circle at 29% 72%,rgba(255,91,15,.1),transparent 18%),radial-gradient(circle at 50% 72%,rgba(235,239,240,.08),transparent 18%),radial-gradient(circle at 72% 72%,rgba(234,34,150,.1),transparent 18%),radial-gradient(circle at 93% 72%,rgba(40,225,219,.1),transparent 18%); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header .xm-eyebrow { color:rgba(255,255,255,.48); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header h2 { color:#f6f6f3; }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header > p:last-child { color:rgba(255,255,255,.58); }
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card { border-color:rgba(255,255,255,.12); background:#090a0b; box-shadow:0 2rem 6rem rgba(0,0,0,.28); }
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card figure,[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card > img { background:#08090a; }
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card footer { color:#fff; border-color:rgba(255,255,255,.1); background:linear-gradient(180deg,rgba(14,15,17,.94),#08090a); }
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card h3 { color:rgba(255,255,255,.94); }
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card footer p { color:rgba(255,255,255,.4); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__note { color:rgba(255,255,255,.32); border-color:rgba(255,255,255,.12); }
[data-product-slug="a1"] .a1-colour-gallery__grid { grid-template-columns:repeat(5,minmax(0,1fr)); }

[data-product-slug="a1"] .a1-find-ones { color:#fff; background:var(--s1-light-surface); }
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__stage { background:#111715; box-shadow:none; }
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__backdrop { filter:saturate(.84) contrast(1.04); object-position:center; }
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__shade { background:linear-gradient(90deg,rgba(4,9,9,.52),rgba(4,9,9,.05) 65%),linear-gradient(180deg,rgba(0,0,0,.1),transparent 42%,rgba(0,0,0,.22)); }
[data-product-slug="a1"] .a1-find-ones .s1-find-card { border:0; background:var(--s1-light-surface); box-shadow:none; }
[data-product-slug="a1"] .a1-find-ones .s1-find-card > img,[data-product-slug="a1"] .a1-find-ones .s1-find-card__actions { background:var(--s1-light-surface); }

@media (max-width:720px) {
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-image { object-position:62% center; }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-shade { background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.82) 78%,#020303 100%); }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy { bottom:38px; color:#fff; }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy h1,[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy p { color:#fff; }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-detail { color:rgba(255,255,255,.62); }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual { inset:0; width:100%; }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade { background:linear-gradient(180deg,#050606 0%,rgba(5,6,6,.92) 42%,rgba(5,6,6,.12) 80%); }
  [data-product-slug="a1"] .a1-action-story__media { aspect-ratio:4 / 5; }
  [data-product-slug="a1"] .a1-action-story__media > img { object-position:58% center; }
  [data-product-slug="a1"] .a1-action-story__copy { left:24px; right:24px; bottom:42px; width:auto; }
  [data-product-slug="a1"] .a1-action-story__copy h2 { font-size:min(clamp(43.2px,12.6vw,64.8px), var(--site-title-cap)); }
  [data-product-slug="a1"] .a1-balance-system { min-height:0; padding:80px 20px; grid-template-columns:1fr; gap:42px; align-items:start; }
  [data-product-slug="a1"] .a1-balance-system > img { height:auto; min-height:0; object-position:center; }
  [data-product-slug="a1"] .a1-balance-system .s1-ai-copy { width:100%; }
  [data-product-slug="a1"] .a1-balance-system .s1-ai-copy h2 { font-size:min(clamp(43.2px,11.7vw,57.6px), var(--site-title-cap)); }
  [data-product-slug="a1"] .xm-app-hero--a1 .xm-app-lifestyle::after { background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.61) 45%,rgba(0,0,0,.06) 78%); }
  [data-product-slug="a1"] .a1-colour-gallery__grid { grid-template-columns:none; }
  [data-product-slug="a1"] .a1-find-ones .s1-find-ones__backdrop { height:650px; object-position:58% center; }
  [data-product-slug="a1"] .a1-find-ones .s1-find-ones__shade { height:650px; background:linear-gradient(180deg,rgba(3,6,6,.68),rgba(3,6,6,.08) 60%,rgba(3,6,6,.22)); }
}

/* A1 0817 supplied-material art direction. */
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-image {
  object-position:center 4%;
  filter:saturate(.94) contrast(1.035);
}
[data-product-slug="a1"] .xm-intro--a1 {
  color:#111512;
  background:#e9eae7;
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual {
  object-fit:contain;
  object-position:center bottom;
  background:#e9eae7;
  filter:none;
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade {
  background:linear-gradient(180deg,rgba(238,239,236,.98) 0%,rgba(238,239,236,.74) 25%,rgba(238,239,236,.04) 58%,rgba(238,239,236,.08) 100%);
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-lines span {
  color:#111512;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:#111512;
  text-shadow:0 1px 0 rgba(255,255,255,.44);
}
[data-product-slug="a1"] .a1-kvs__card--thermo > img,
[data-product-slug="a1"] .a1-kvs__card--foam > img { object-position:center; }
[data-product-slug="a1"] .a1-kvs__card--carbon > img { object-position:center 38%; }
[data-product-slug="a1"] .a1-kvs__card--nfc > img { object-position:center 52%; }
[data-product-slug="a1"] .a1-action-story__media > img { object-position:center 46%; }
[data-product-slug="a1"] .a1-feature--carbon .s1-feature-media img { object-position:center 38%; transform:none; }

@media (max-width:720px) {
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-image { object-position:56% center; }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual {
    inset:0;
    width:100%;
    object-fit:cover;
    object-position:54% center;
  }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade {
    background:linear-gradient(180deg,rgba(238,239,236,.98) 0%,rgba(238,239,236,.9) 34%,rgba(238,239,236,.08) 72%);
  }
  [data-product-slug="a1"] .a1-action-story__media > img { object-position:44% center; }
}

/* A1 uses the S1 visual system from hero through the final family section.
   A1-specific selectors below only preserve content/media composition. */
[data-product-slug="a1"] {
  --s1-light-surface:#ededed;
  color:#111;
  background:var(--xm-black);
}
[data-product-slug="a1"] main.xm-main {
  overflow:visible;
  background:var(--xm-black);
}
[data-product-slug="a1"] .product-nav {
  background:var(--s1-light-surface);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
[data-product-slug="a1"] .xm-eyebrow { color:inherit; }

[data-product-slug="a1"] .xm-hero--a1 {
  color:#fff;
  background:#050505;
  isolation:auto;
}
[data-product-slug="a1"] .xm-hero--a1::before { content:none; }
[data-product-slug="a1"] .xm-hero--a1::after {
  height:clamp(150px,16vw,300px);
  background:linear-gradient(180deg,rgba(2,2,3,0) 0%,rgba(2,2,3,.18) 28%,rgba(2,2,3,.68) 68%,#020203 100%);
}
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-image {
  object-fit:cover;
  object-position:center;
  background:#000;
  filter:none;
}
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-shade {
  background:linear-gradient(90deg,rgba(0,0,0,.71) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.02) 72%);
}
[data-product-slug="a1"] .xm-hero-copy {
  z-index:2;
  width:min(560px,41vw);
}
[data-product-slug="a1"] .xm-hero-line { max-width:640px; }
[data-product-slug="a1"] .xm-hero-detail {
  max-width:570px;
  padding-left:0;
  color:rgba(255,255,255,.69);
  border-left:0;
  border-image:none;
}
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy,
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy h1,
[data-product-slug="a1"] .xm-hero--a1 .xm-hero-copy p {
  color:#fff;
  text-shadow:none;
}

[data-product-slug="a1"] .xm-intro--a1 {
  color:#898989;
  background:#000;
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual {
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  background:#000;
  filter:brightness(.56) saturate(.9);
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade {
  background:linear-gradient(180deg,rgba(2,2,3,.16) 0%,rgba(2,2,3,.1) 40%,rgba(2,2,3,.02) 68%,rgba(2,2,3,0) 82%);
}
[data-product-slug="a1"] .xm-intro--a1 .xm-intro-lines span {
  color:transparent;
  background:linear-gradient(140deg,#fff,#616369);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}

[data-product-slug="a1"] .s1-story {
  color:#fff;
  background:#050505;
}
[data-product-slug="a1"] .a1-kvs {
  color:#fff;
  background:#000;
}
[data-product-slug="a1"] .a1-kvs .s1-kvs__card {
  border:0;
  border-radius:27px;
  background:#101115;
  box-shadow:none;
  transition:none;
}
[data-product-slug="a1"] .a1-kvs .s1-kvs__card > img { filter:none; }
[data-product-slug="a1"] .a1-kvs .s1-kvs__shade {
  background:linear-gradient(180deg,rgba(8,9,12,.97) 0%,rgba(8,9,12,.86) 24%,rgba(8,9,12,.24) 47%,rgba(8,9,12,0) 69%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 32%);
}
[data-product-slug="a1"] .a1-kvs .s1-kvs__copy { color:#fff; }
@media (hover:hover) and (pointer:fine) {
  [data-product-slug="a1"] .a1-kvs .s1-kvs__card:hover {
    transform:none;
    box-shadow:none;
  }
}

[data-product-slug="a1"] .a1-action-story {
  min-height:0;
  padding:clamp(48px,3.3vw,64px) 0 0;
  background:#000;
}
[data-product-slug="a1"] .a1-action-story__media {
  width:min(100%,1920px);
  aspect-ratio:32 / 15;
}
[data-product-slug="a1"] .a1-action-story__media > img { filter:none; }
[data-product-slug="a1"] .a1-action-story__copy p {
  margin:0 0 18px;
  font-size:12px;
  line-height:1.25;
  font-weight:750;
  letter-spacing:.15em;
}
[data-product-slug="a1"] .a1-action-story__copy h2 {
  margin:0;
  font-size:min(clamp(52.2px,6.12vw,117px), var(--site-title-cap));
  font-weight:700;
  line-height:.89;
  letter-spacing:-.07em;
}

[data-product-slug="a1"] .s1-feature,
[data-product-slug="a1"] .s1-feature:nth-of-type(even) {
  color:#fff;
  background:#050505;
}
[data-product-slug="a1"] .s1-feature--carbon,
[data-product-slug="a1"] .s1-feature--foam { background:#000; }
[data-product-slug="a1"] .s1-feature.s1-feature--carbon { background:#000; }
[data-product-slug="a1"] .s1-feature.s1-feature--foam { background:#000; }
[data-product-slug="a1"] .s1-feature-copy h2 { color:#fff; }
[data-product-slug="a1"] .s1-feature-copy > p:not(.xm-eyebrow) { color:rgba(255,255,255,.67); }
[data-product-slug="a1"] .s1-feature-media {
  border:0;
  background:#111;
  box-shadow:none;
}
[data-product-slug="a1"] .a1-feature--thermo-system .s1-feature-media img { object-position:65% center; }
[data-product-slug="a1"] .a1-feature--carbon .s1-feature-media img { object-position:65% center; transform:none; }
[data-product-slug="a1"] .a1-feature--foam .s1-feature-media img { object-position:center; transform:none; }
[data-product-slug="a1"] .a1-construction-stats strong {
  font-size:clamp(44px,4.7vw,86px);
}

[data-product-slug="a1"] .a1-balance-system {
  color:#fff;
  background:#050505;
}
[data-product-slug="a1"] .a1-balance-system > img {
  object-position:center;
  filter:none;
}
[data-product-slug="a1"] .a1-balance-system::after {
  background:none;
}
[data-product-slug="a1"] .a1-balance-system .s1-ai-copy > p:not(.xm-eyebrow),
[data-product-slug="a1"] .a1-balance-system .s1-ai-stats > span,
[data-product-slug="a1"] .a1-balance-system .s1-ai-stats b { color:#fff; }
[data-product-slug="a1"] .a1-balance-system .s1-ai-stats { border-color:rgba(255,255,255,.3); }

[data-product-slug="a1"] .xm-app {
  padding-top:0;
  overflow:visible;
  color:#fff;
  background:#000;
}
[data-product-slug="a1"] .xm-app-hero--s1 .a1-nfc-proof__backdrop {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
[data-product-slug="a1"] .xm-app-hero--s1 .a1-nfc-proof__phone img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}
[data-product-slug="a1"] .xm-app-copy > p:last-child { color:#9c9ca3; }
[data-product-slug="a1"] .xm-app-journey { margin-top:clamp(64px,7vw,112px); }
[data-product-slug="a1"] .xm-app-icon {
  border-radius:0;
  box-shadow:none;
}
[data-product-slug="a1"] .xm-app-hero--a1 .xm-app-lifestyle::after {
  background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 21%,rgba(0,0,0,.25) 43%,transparent 62%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 32%,rgba(0,0,0,.12));
}
[data-product-slug="a1"] .xm-nfc-guide--dark {
  color:#fff;
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.13);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
[data-product-slug="a1"] .xm-nfc-guide--dark ol { border-color:rgba(255,255,255,.22); }
[data-product-slug="a1"] .xm-nfc-guide--dark li { border-color:rgba(255,255,255,.15); }
[data-product-slug="a1"] .xm-nfc-guide--dark li span { color:#929298; }
[data-product-slug="a1"] .xm-nfc-guide--dark .xm-app-note { color:#74747b; }
[data-product-slug="a1"] .xm-nfc-guide--dark b { color:var(--lime); }

[data-product-slug="a1"] .a1-design-classic {
  padding:clamp(62px,4vw,78px) 0 clamp(42px,4vw,76px);
  color:#fff;
  background:#000;
}
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__media {
  width:min(94%,1760px);
  margin-top:clamp(4px,.6vw,12px);
  border-radius:0;
  box-shadow:none;
  filter:none;
}
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__copy p { color:#fff; }
[data-product-slug="a1"] .a1-design-classic .s1-design-classic__copy h2 {
  color:transparent;
  background:linear-gradient(90deg,#fff,#616369);
  -webkit-background-clip:text;
  background-clip:text;
}

[data-product-slug="a1"] .a1-colour-gallery {
  min-height:100svh;
  padding:clamp(9rem,12vw,12rem) var(--gallery-edge) clamp(3.5rem,6vw,6rem);
  color:#f7f7f4;
  background:radial-gradient(circle at 50% 30%,rgba(72,78,84,.18),transparent 42%),linear-gradient(180deg,#050506 0%,#090a0b 52%,#030304 100%);
}
[data-product-slug="a1"] .a1-colour-gallery::before { color:rgba(255,255,255,.017); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__ambient {
  background:radial-gradient(circle at 10% 74%,rgba(255,81,15,.1),transparent 20%),radial-gradient(circle at 38% 74%,rgba(240,240,240,.08),transparent 20%),radial-gradient(circle at 66% 74%,rgba(67,48,255,.12),transparent 22%),radial-gradient(circle at 92% 74%,rgba(40,225,219,.1),transparent 20%);
}
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header .xm-eyebrow { color:rgba(255,255,255,.48); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header h2 { color:#f6f6f3; }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__header > p:last-child { color:rgba(255,255,255,.58); }
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card {
  border-color:rgba(255,255,255,.12);
  background:#090a0b;
  box-shadow:0 2rem 6rem rgba(0,0,0,.28);
}
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card figure {
  background:#08090a;
}
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card figure::after {
  background:linear-gradient(180deg,transparent 66%,rgba(3,3,4,.86));
}
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card img {
  filter:saturate(.94) contrast(1.03);
  transform:none;
}
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card footer {
  color:inherit;
  border-color:rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(14,15,17,.94),#08090a);
}
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card h3 { color:rgba(255,255,255,.94); }
[data-product-slug="a1"] .a1-colour-gallery .a1-colour-card footer p { color:rgba(255,255,255,.4); }
[data-product-slug="a1"] .a1-colour-gallery .s1-colour-gallery__note {
  color:rgba(255,255,255,.32);
  border-color:rgba(255,255,255,.12);
}

[data-product-slug="a1"] .a1-find-ones {
  color:#fff;
  background:var(--s1-light-surface);
}
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__stage {
  background:#111715;
  box-shadow:none;
}
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__backdrop {
  object-position:center;
  filter:none;
}
[data-product-slug="a1"] .a1-find-ones .s1-find-ones__shade {
  background:linear-gradient(90deg,rgba(4,9,9,.38) 0%,rgba(4,9,9,.08) 48%,rgba(4,9,9,.03) 78%),linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 42%,rgba(0,0,0,.18) 100%);
}
[data-product-slug="a1"] .a1-find-ones .s1-find-card {
  border:0;
  background:var(--s1-light-surface);
  box-shadow:none;
}
[data-product-slug="a1"] .a1-find-ones .s1-find-card > img,
[data-product-slug="a1"] .a1-find-ones .s1-find-card__actions { background:var(--s1-light-surface); }

@media (max-width:720px) {
  [data-product-slug="a1"] .xm-hero--a1::after {
    height:clamp(180px,42vw,260px);
    background:linear-gradient(180deg,rgba(2,2,3,0) 0%,rgba(2,2,3,.24) 24%,rgba(2,2,3,.78) 70%,#020203 100%);
  }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-shade {
    background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.04) 74%);
  }
  [data-product-slug="a1"] .xm-hero-copy { width:auto; }
  [data-product-slug="a1"] .xm-hero--a1 .xm-hero-detail { color:rgba(255,255,255,.69); }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual {
    inset:auto -40vw 0 auto;
    width:180vw;
    max-width:none;
    height:auto;
    object-fit:contain;
    object-position:center bottom;
  }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade {
    background:linear-gradient(180deg,#020203 0%,rgba(2,2,3,.98) 51%,rgba(2,2,3,.52) 72%,rgba(2,2,3,.04) 100%);
  }
  [data-product-slug="a1"] .a1-kvs .s1-kvs__card { border-radius:20px; }
  [data-product-slug="a1"] .a1-action-story { padding-top:32px; }
  [data-product-slug="a1"] .xm-app-hero--s1 .a1-nfc-proof__backdrop { height:min(112vw,560px); }
  [data-product-slug="a1"] .xm-app-journey { margin-top:72px; }
  [data-product-slug="a1"] .a1-action-story__media { aspect-ratio:4 / 5; }
  [data-product-slug="a1"] .a1-action-story__copy h2 {
    font-size:min(clamp(45px,12.6vw,59.4px), var(--site-title-cap));
    line-height:.89;
  }
  [data-product-slug="a1"] .s1-feature { padding:100px 20px; }
  [data-product-slug="a1"] .a1-balance-system > img { object-position:center; }
  [data-product-slug="a1"] .a1-balance-system::after {
    background:none;
  }
  [data-product-slug="a1"] .xm-app-hero--a1 .xm-app-lifestyle::after {
    background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 21%,rgba(0,0,0,.25) 43%,transparent 62%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 32%,rgba(0,0,0,.12));
  }
  [data-product-slug="a1"] .a1-design-classic {
    padding:54px 0 34px;
  }
  [data-product-slug="a1"] .a1-design-classic .s1-design-classic__media {
    width:100%;
    max-width:none;
    margin-top:24px;
    transform:none;
  }
  [data-product-slug="a1"] .a1-colour-gallery {
    min-height:0;
    padding:8rem 0 clamp(3.5rem,6vw,6rem);
  }
  [data-product-slug="a1"] .a1-find-ones .s1-find-ones__backdrop {
    height:650px;
    object-position:60% center;
  }
  [data-product-slug="a1"] .a1-find-ones .s1-find-ones__shade {
    height:650px;
    bottom:auto;
    background:linear-gradient(90deg,rgba(4,9,9,.5),rgba(4,9,9,.04) 82%),linear-gradient(180deg,rgba(0,0,0,.06),transparent 55%,rgba(0,0,0,.7));
  }
}

/* Keep the thermoforming chapter visually close to the preceding material story. */
.s1-feature.s1-feature--thermo-process { padding-top:clamp(18px,2vw,36px); }

/* Use the compact product bar on tablets and landscape phones as well. */
@media (max-width: 900px) {
  html {
    overflow-x: hidden;
  }
  .product-nav {
    height: var(--header-h);
    overflow: visible;
  }
  .product-nav-inner {
    padding: 0 16px;
    gap: 8px;
  }
  .product-nav-identity {
    gap: 6px;
  }
  .product-nav-brand {
    width: 60px;
    flex-basis: 60px;
    min-height: 44px;
  }
  .product-nav-brand img {
    width: 60px;
  }
  .product-nav-divider,
  .product-nav-name span {
    display: none;
  }
  .product-nav-name {
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    gap: 0;
  }
  .product-nav-name strong {
    font-size: 14px;
  }
  .product-nav-variant select {
    height: 44px;
    min-width: 104px;
    font-size: 16px;
  }
  .product-nav-links {
    display: none;
  }
  .product-nav-mobile-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .header-language--compact {
    width: 92px;
    min-width: 92px;
    height: 44px;
    font-size: 16px;
  }
  .product-nav-sections,
  .product-nav-mobile-reserve {
    height: 44px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 720;
    cursor: pointer;
  }
  .product-nav-sections {
    border: 1px solid rgba(0,0,0,.18);
    color: #222;
    background: rgba(255,255,255,.75);
  }
  .product-nav-mobile-reserve {
    min-width: 92px;
    border: 0;
    color: #0a0a0a;
    background: var(--lime);
  }
  .product-nav-mobile-panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    max-height: calc(100svh - var(--header-h));
    padding: 10px 20px 18px;
    display: block;
    overflow-y: auto;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: rgba(255,255,255,.97);
    box-shadow: 0 18px 34px rgba(0,0,0,.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .15s ease,transform .15s cubic-bezier(.4,0,.2,1),visibility .15s;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .product-nav-mobile-panel.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .product-nav-mobile-panel > div {
    display: grid;
  }
  .product-nav-mobile-panel a {
    min-height: 52px;
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #555;
    font-size: 14px;
    font-weight: 680;
  }
  .product-nav-mobile-panel a::after {
    content: "↘︎";
    color: #999;
    font-family:Arial,Helvetica,sans-serif;
    font-variant-emoji:text;
  }
  .product-nav-mobile-panel a.is-active {
    color: #111;
  }
}

/* Product-page mobile ergonomics. Keep the fixed reserve bar fully usable,
   including the colour selector, on narrow phones. */
@media (max-width: 720px) {
  .product-nav-brand,
  .product-nav-name {
    min-height: 44px;
  }
  .product-nav-name {
    min-width: 44px;
    align-items: center;
  }
  .product-nav-variant select {
    height: 44px;
    min-width: 104px;
    font-size: 16px;
  }
  .header-language,
  .header-language--compact {
    height: 44px;
    font-size: 16px;
  }
  .site-header .header-language {
    width: 112px;
    min-width: 112px;
    padding: 0 34px 0 14px;
    background-position: right 14px center;
    background-size: 10px auto;
  }
  .product-nav-sections,
  .product-nav-mobile-reserve {
    height: 44px;
    font-size: 13px;
  }
  .product-nav-mobile-panel {
    max-height: calc(100svh - var(--header-h));
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .product-nav-mobile-panel a {
    min-height: 52px;
  }
  .xm-color-tabs button {
    min-height: 44px;
  }
  .s1-find-card__actions {
    height: 64px;
  }
  .s1-find-card__actions a {
    min-height: 44px;
  }
  .pd-dialog-close {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
  }
  :is(
    .s1-kvs__track,
    .xm-ksp-stage,
    .xm-gallery-stage,
    .s1-find-ones__track,
    .s1-colour-gallery__grid,
    .a1-colour-gallery__grid
  ) {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }
  :is(.s1-kvs__card, .xm-ksp-card, .xm-gallery-card, .s1-find-card, .s1-colour-card, .a1-colour-card) {
    scroll-snap-stop: always;
  }
}

@media (max-width: 620px) {
  [data-product-slug="s1"] .xm-intro--xiaomi {
    min-height: clamp(420px, 112vw, 500px);
  }
  [data-product-slug="s1"] .xm-intro--xiaomi .xm-intro-visual {
    inset: auto -10vw 0;
    width: 120vw;
    height: clamp(160px, 48vw, 200px);
    object-fit: cover;
    object-position: center bottom;
  }
  .product-nav {
    height: 64px;
    box-shadow: 0 10px 28px rgba(0,0,0,.1);
  }
  .product-nav-inner {
    min-height: 64px;
    height: 64px;
    padding: 8px 10px;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .product-nav-identity {
    width: auto;
    height: 44px;
    flex: 1 1 auto;
    gap: 6px;
    overflow: hidden;
  }
  .product-nav-brand {
    display: none;
  }
  .product-nav-name {
    min-width: 0;
    flex: 0 1 auto;
  }
  .product-nav-name strong {
    max-width: 64px;
    display: block;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
  }
  .product-nav-variant-display {
    right:28px;
    left:12px;
    font-size:13px;
  }
  .product-nav-variant {
    display: block;
    min-width: 0;
    margin-left: 0;
    flex: 0 1 auto;
  }
  .product-nav-variant select {
    width: clamp(102px, 28vw, 118px);
    min-width: 0;
    padding-right: 28px;
    padding-left: 12px;
    font-size: 13px;
    text-overflow: ellipsis;
  }
  .product-nav-mobile-actions {
    width: auto;
    height: 44px;
    margin-left: 0;
    flex: 0 0 auto;
  }
  .product-nav-sections {
    display: inline-block;
    min-width: 72px;
    padding-right: 12px;
    padding-left: 12px;
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .header-language--compact {
    display: none;
  }
  .product-nav-mobile-reserve {
    min-width: 82px;
    padding-right: 14px;
    padding-left: 14px;
  }
  .product-nav-mobile-panel {
    max-height: calc(100svh - 64px);
    background: #f5f5f2;
  }
  #overview,
  #features,
  #experience,
  #colours,
  #sensing,
  #materials,
  #styles,
  #specs {
    scroll-margin-top: 72px;
  }
}

/* Shared mobile treatment for the third, swipeable product-highlight chapter. */
@media (max-width: 720px) {
  .s1-kvs,
  .xm-ksp {
    height: auto;
    min-height: 0;
    padding: 56px 0 16px;
    overflow: hidden;
    overscroll-behavior-x: none;
  }
  .s1-kvs__track,
  .xm-ksp-stage {
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: 20px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    overscroll-behavior-inline: contain;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
  }
  .s1-kvs__track {
    gap: 12px;
    padding: 0 20px;
  }
  .s1-kvs__track::before {
    display: none;
  }
  .s1-kvs__track::-webkit-scrollbar,
  .xm-ksp-stage::-webkit-scrollbar {
    display: none;
  }
  .s1-kvs__card,
  .xm-ksp-card {
    flex: 0 0 calc(100vw - 48px);
    width: calc(100vw - 48px);
    height: clamp(440px, 122vw, 520px);
    min-height: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  [data-product-kind="ball"] .xm-ksp-card {
    flex-basis: calc(100vw - 48px);
    width: calc(100vw - 48px);
  }
  .s1-kvs__card:last-child {
    margin-right: 0;
  }
  .s1-kvs__copy {
    top: clamp(28px, 8vw, 38px);
    left: 24px;
    right: 20px;
  }
  .s1-kvs__copy p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.4;
  }
  .s1-kvs__copy h2 {
    font-size: min(clamp(28px, 9vw, 34px), var(--site-title-cap)) !important;
    line-height: 1.02;
    overflow-wrap: anywhere;
  }
  [data-product-slug="a1"] .a1-kvs__card--nfc .s1-kvs__copy {
    left: 24px;
    right: 20px;
  }
  .xm-ksp-track {
    gap: 12px;
    padding: 0 20px;
  }
  .xm-ksp-card-copy {
    left: 24px;
    right: 20px;
    bottom: 24px;
  }
  .xm-ksp-card h3 {
    font-size: min(clamp(28px, 9vw, 34px), var(--site-title-cap));
    line-height: 1.04;
    overflow-wrap: anywhere;
  }
  .xm-ksp-card p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 360px) {
  .product-nav-inner {
    padding-right: 8px;
    padding-left: 8px;
    gap: 6px;
  }
  .product-nav-name strong {
    max-width: 48px;
  }
  .product-nav-variant select {
    width: 102px;
  }
  .product-nav-sections {
    width: 44px;
    min-width: 44px;
    padding: 0;
    font-size: 0;
  }
  .product-nav-sections::before {
    content: "☰";
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
  }
  .product-nav-mobile-reserve {
    min-width: 76px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
  }
}

/* Keep mobile metric/counter groups in a predictable two-column grid. */
@media (max-width: 720px) {
  .s1-feature-copy,
  .s1-ai-copy,
  .s1-bridge,
  .xm-metrics-inner {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
  :is(
    .s1-stat-strip,
    .s1-ai-stats,
    .s1-inline-metrics,
    .s1-proof-grid,
    .xm-metric-grid
  ) {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    overflow: visible;
    padding-bottom: 0;
  }
  :is(
    .s1-stat-strip > article,
    .s1-ai-stats > span,
    .s1-inline-metrics > span,
    .s1-proof-grid > article,
    .xm-metric-grid > .xm-metric
  ) {
    width: auto;
    min-width: 0;
    flex: none;
  }
  .s1-stat-strip {
    border-top: 0;
  }
  .s1-stat-strip > article {
    min-height: 118px;
    padding: 18px 10px 12px 0;
    border-top: 1px solid rgba(255,255,255,.25);
    border-right: 0;
    border-bottom: 0;
  }
  .s1-stat-strip > article + article {
    padding-left: 0;
  }
  .s1-stat-strip strong { font-size: clamp(30px, 9vw, 38px); }
  .s1-stat-strip article > span {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.4;
  }
  .s1-ai-stats {
    border-top: 0;
  }
  .s1-ai-stats > span {
    padding: 18px 10px 6px 0;
    border-top: 1px solid currentColor;
  }
  .s1-inline-metrics > span {
    padding: 16px 12px;
  }
  .s1-proof-grid {
    border-top: 0;
  }
  .s1-proof-grid > article {
    padding: 18px 10px 6px 0;
    border-top: 1px solid rgba(255,255,255,.22);
    border-bottom: 0;
  }
  .xm-metric-grid {
    border-top: 0;
  }
  .xm-metric-grid > .xm-metric {
    min-height: 126px;
    padding: 20px 14px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 14px;
    background: rgba(0,0,0,.18);
  }
  .xm-metric-grid > .xm-metric + .xm-metric {
    padding-left: 14px;
  }
  :is(
    .s1-stat-strip strong,
    .s1-ai-stats b,
    .s1-inline-metrics b,
    .s1-proof-grid b,
    .xm-metric strong
  ) {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: .9;
    letter-spacing: -.06em;
  }
}

/* Shared compact vertical rhythm for product pages on phones. */
@media (max-width: 720px) {
  .product-page .xm-intro:not(.xm-intro--xiaomi) {
    min-height: 0;
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .product-page :is(.s1-kvs, .xm-ksp) {
    padding-top: 44px;
    padding-bottom: 12px;
  }
  .product-page .s1-beat--action {
    padding-top: 20px;
  }
  .product-page .s1-feature:not(.s1-feature--thermo-process) {
    padding: 72px 20px;
    gap: 32px;
  }
  .product-page .s1-feature--thermo-process {
    padding-bottom: 72px;
    gap: 32px;
  }
  .product-page .s1-ai {
    padding: 72px 20px 48px;
  }
  [data-product-slug="s1"] #ai-coach {
    min-height: 760px;
  }
  [data-product-slug="s1"] #ai-coach > img {
    top: -48%;
    bottom: auto;
    height: 148%;
    object-position: 72% center;
  }
  .product-page .s1-bridge {
    padding: 88px 20px;
  }
  .product-page .xm-app {
    padding-bottom: 68px;
  }
  .product-page .xm-app-hero,
  .product-page .xm-app-hero--s1 {
    gap: 32px;
  }
  .product-page .xm-app-journey {
    margin-top: 72px;
  }
  .product-page .xm-app-journey > header {
    padding-bottom: 44px;
  }
  .product-page .xm-daywith-steps article {
    padding-bottom: 64px;
  }
  .product-page .xm-daywith-mobile-media {
    margin-bottom: 24px;
  }
  .product-page .xm-power-guide {
    margin-top: 72px;
    padding-top: 58px;
    padding-bottom: 66px;
  }
  .product-page .xm-power-grid {
    margin-top: 36px;
  }
  .product-page .s1-design-classic {
    padding-top: 42px;
    padding-bottom: 28px;
  }
  .product-page .s1-design-classic__media {
    margin-top: 18px;
  }
  .product-page .s1-colour-gallery {
    padding-top: 88px;
    padding-bottom: 44px;
  }
  .product-page .s1-value {
    padding: 76px 20px;
  }
  .product-page .xm-color {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .product-page .xm-mosaic {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .product-page .xm-metrics {
    min-height: 820px;
    padding: 84px 20px 52px;
  }
}

@media (max-width: 900px) and (max-height: 560px) and (orientation: landscape) {
  .xm-hero {
    height: 520px;
    min-height: 520px;
  }
  .xm-hero-copy {
    bottom: 34px;
  }
  .xm-ksp-card,
  .xm-gallery-card {
    min-height: 440px;
  }
}

/* Keep every product colour/variant gallery within one viewport. */
@media (min-width: 901px) {
  .product-page .s1-colour-gallery {
    min-height: 0;
    height: min(900px, 100svh);
    padding: clamp(32px, 5svh, 54px) var(--gallery-edge) clamp(18px, 3svh, 30px);
    display: flex;
    flex-direction: column;
  }
  .product-page .s1-colour-gallery__header {
    width: min(980px, 100%);
    max-width: 980px;
    flex: none;
    margin: 0 auto clamp(18px, 3svh, 30px);
  }
  .product-page .s1-colour-gallery__header .xm-eyebrow {
    margin-bottom: 10px;
  }
  .product-page .s1-colour-gallery__header > p:last-child {
    width: 100%;
    max-width: none;
    margin-top: 14px;
  }
  .product-page .s1-colour-gallery__grid {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    align-items: stretch;
  }
  .product-page .s1-colour-card {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .product-page .s1-colour-card figure {
    min-height: 0;
    flex: 1 1 auto;
    aspect-ratio: auto;
  }
  .product-page .s1-colour-card footer {
    min-height: 76px;
    flex: none;
    padding: 15px 18px 14px;
  }
  .product-page .s1-colour-gallery__note {
    flex: none;
    margin-top: clamp(14px, 2svh, 22px);
    padding-top: 10px;
  }
  .product-page .xm-color {
    min-height: 0;
    height: min(900px, 100svh);
    padding: clamp(32px, 5svh, 54px) var(--xm-pad) clamp(18px, 3svh, 30px);
    display: flex;
    flex-direction: column;
  }
  .product-page .xm-color .xm-section-head {
    width: min(980px, 100%);
    max-width: 980px;
    flex: none;
    margin-bottom: clamp(18px, 3svh, 30px);
  }
  .product-page .xm-color-view {
    width: 100%;
    min-height: 0;
    height: auto;
    flex: 1 1 auto;
  }
  .product-page .xm-color-tabs {
    width: 100%;
    flex: none;
    margin-top: 18px;
  }
}

/* Keep the shared product-family section inside one desktop viewport. */
@media (min-width: 721px) {
  .product-page .s1-find-ones {
    height: 110svh;
  }
  [data-product-route="pickleballs"] .s1-find-ones {
    height: 100svh;
  }
  .product-page .s1-find-ones__stage {
    height: 100%;
    min-height: 0;
    padding-bottom: clamp(24px, 4svh, 44px);
    display: flex;
    flex-direction: column;
  }
  [data-product-route="pickleballs"] .s1-find-ones__stage {
    padding-bottom: clamp(12px, 2svh, 20px);
  }
  .product-page .s1-find-ones__header {
    flex: none;
    padding-top: clamp(30px, 5svh, 54px);
  }
  .product-page .s1-find-ones__intro {
    margin-top: clamp(14px, 2.6svh, 28px);
  }
  .product-page .s1-find-ones__slider {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    margin-top: clamp(28px, 4.5svh, 48px);
  }
  .product-page .s1-find-card {
    height: clamp(340px, calc(100svh - 300px), 540px);
  }
}

@media (max-width: 900px) {
  .product-page .s1-colour-gallery {
    min-height: 0;
    height: min(760px, 100svh);
    padding-top: 24px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
  }
  .product-page .s1-colour-gallery__header {
    flex: none;
    margin-bottom: 12px;
  }
  .product-page .s1-colour-gallery__header .xm-eyebrow {
    margin-bottom: 8px;
  }
  .product-page .s1-colour-gallery__header > p:last-child {
    margin-top: 10px;
    line-height: 1.45;
  }
  .product-page .s1-colour-gallery__grid {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    align-self: stretch;
    align-items: stretch;
    padding-bottom: 0;
    overflow-y: hidden;
  }
  .product-page .s1-colour-card {
    height: auto;
    min-height: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
  .product-page .s1-colour-card figure {
    min-height: 0;
    flex: 1 1 auto;
    aspect-ratio: auto;
  }
  .product-page .s1-colour-card footer {
    min-height: 68px;
    flex: none;
    padding: 12px 14px 11px;
  }
  .product-page .s1-colour-gallery__note {
    display: none;
  }
  .product-page .xm-color {
    min-height: 0;
    height: min(760px, 100svh);
    padding: 24px 20px 16px;
    display: flex;
    flex-direction: column;
  }
  .product-page .xm-color .xm-section-head {
    flex: none;
    margin-bottom: 12px;
  }
  .product-page .xm-color-view {
    width: 100%;
    min-height: 0;
    height: auto;
    flex: 1 1 auto;
  }
  .product-page .xm-color-tabs {
    width: 100%;
    flex: none;
    margin-top: 12px;
    gap: 8px;
  }
}

/* A1 intro: recompose the supplied landscape action image for portrait screens. */
@media (max-width: 720px) {
  [data-product-slug="a1-pro"] .xm-app {
    padding-top: 32px;
  }
  [data-product-slug="a1"] .xm-intro--a1 {
    min-height: 0;
    height: min(720px, 100svh);
  }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-visual {
    inset: clamp(210px, 28svh, 235px) 0 0;
    width: 100%;
    max-width: none;
    height: calc(100% - clamp(210px, 28svh, 235px));
    object-fit: cover;
    object-position: 70% center;
    filter: brightness(.82) saturate(.96);
  }
  [data-product-slug="a1"] .xm-intro--a1 .xm-intro-shade {
    background: linear-gradient(180deg,rgba(2,2,3,.68) 0%,rgba(2,2,3,.56) 32%,rgba(2,2,3,.24) 62%,rgba(2,2,3,.05) 88%,rgba(2,2,3,0) 100%);
  }
  [data-product-slug="a1"] .a1-balance-system > img {
    order: 2;
    width: 100%;
    height: clamp(300px, 92vw, 380px);
    min-height: 0;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: 82% center;
    transform: none;
  }
  [data-product-slug="a1"] .a1-balance-system .s1-ai-copy {
    order: 1;
  }
  [data-product-slug="a1"] .s1-feature--thermo-process {
    grid-template-areas: "copy" "stats" "media";
  }
}

/* Pickleball category: clearly separate B1 from B1 Pro. */
[data-product-route="pickleballs"] .product-nav-variant { min-width:clamp(112px,10vw,156px); }
[data-product-route="pickleballs"] .product-nav-variant select { width:100%; min-width:100%; box-sizing:border-box; }
[data-product-route="pickleballs"] .product-nav-variant-display { font-weight:760; }
.pickleball-lineup { color:#fff; background:#050607; padding:clamp(92px,10vw,168px) clamp(20px,4.4vw,84px) clamp(108px,12vw,190px); }
.pickleball-lineup__header { max-width:920px; margin:0 auto clamp(52px,6vw,92px); text-align:center; }
.pickleball-lineup__header h2 { margin:14px 0 0; font-size:min(clamp(48px,6.2vw,112px),var(--site-title-cap)); line-height:.9; letter-spacing:-.065em; }
.pickleball-lineup__header > p:last-child { max-width:700px; margin:30px auto 0; color:rgba(255,255,255,.62); font-size:clamp(15px,1.2vw,19px); line-height:1.65; }
.pickleball-lineup__grid { max-width:1720px; margin:0 auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,1.6vw,28px); }
.pickleball-lineup__card { min-height:clamp(650px,56vw,920px); scroll-margin-top:calc(var(--header-h) + 24px); position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:clamp(18px,1.8vw,32px); background:#0a0b0c; isolation:isolate; }
.pickleball-lineup__card > img,.pickleball-lineup__card > picture,.pickleball-lineup__card > picture img { width:100%; height:100%; position:absolute; inset:0; display:block; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.8,.2,1); }
.pickleball-lineup__shade { z-index:1; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.88) 82%,#050607 100%),linear-gradient(90deg,rgba(0,0,0,.36),transparent 58%); }
.pickleball-lineup__copy { z-index:2; position:absolute; right:clamp(24px,3vw,52px); bottom:clamp(28px,3.6vw,62px); left:clamp(24px,3vw,52px); }
.pickleball-lineup__copy > span { color:var(--lime); font-size:11px; font-weight:760; letter-spacing:.14em; text-transform:uppercase; }
.pickleball-lineup__copy h3 { margin:13px 0 0; font-size:min(clamp(56px,6vw,108px),var(--site-title-cap)); line-height:.84; letter-spacing:-.07em; }
.pickleball-lineup__copy > p { max-width:600px; margin:22px 0 0; color:rgba(255,255,255,.78); font-size:clamp(15px,1.15vw,18px); line-height:1.55; }
.pickleball-lineup__copy ul { width:min(100%,600px); margin:26px 0 0; padding:0; display:grid; grid-template-columns:1fr; justify-items:start; gap:8px; list-style:none; }
.pickleball-lineup__copy li { min-height:40px; max-width:100%; padding:10px 14px; display:flex; align-items:center; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:rgba(255,255,255,.94); background:rgba(255,255,255,.1); font-size:clamp(14px,.94vw,17px); font-weight:620; line-height:1.2; letter-spacing:0; }
.pickleball-lineup__actions { margin-top:28px; display:flex; flex-wrap:wrap; gap:10px; }
.pickleball-lineup__actions :is(a,button) { min-height:46px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.72); border-radius:999px; color:#0a0a0a; background:#fff; font:inherit; font-size:12px; font-weight:760; text-decoration:none; cursor:pointer; }
.pickleball-lineup__actions button { color:#111; border-color:var(--lime); background:var(--lime); }
@media (hover:hover) and (pointer:fine) {
  .pickleball-lineup__card:hover > img,.pickleball-lineup__card:hover > picture img { transform:scale(1.035); }
  .pickleball-lineup__actions button:hover { color:#fff; border-color:rgba(255,255,255,.72); background:transparent; }
}
@media (max-width:900px) {
  .pickleball-lineup { padding:76px 18px 100px; }
  .pickleball-lineup__grid { grid-template-columns:1fr; }
  .pickleball-lineup__card { min-height:min(820px,128svh); }
  .pickleball-lineup__card--b1-pro > picture img { object-position:72% center; }
  .pickleball-lineup__copy { right:14px; left:14px; }
  .pickleball-lineup__copy ul { margin-top:22px; padding:0; }
  .pickleball-lineup__copy li { min-height:38px; padding:9px 11px; font-size:13px; white-space:nowrap; }
  .pickleball-lineup__copy h3 { font-size:min(70px,var(--site-title-cap)); }
}

/* B1 Pro imagegen campaign: keep each generated composition aligned to its real viewport. */
[data-product-slug="b1-pro"] .xm-intro--b1-pro {
  height: min(900px, 100svh);
  min-height: 720px;
}
[data-product-slug="b1-pro"] .xm-intro--b1-pro .xm-intro-visual {
  object-position: center;
  filter: saturate(.96) contrast(1.05);
}
[data-product-slug="b1-pro"] .xm-intro--b1-pro .xm-intro-shade {
  background: linear-gradient(180deg, rgba(2,2,3,.46) 0%, rgba(2,2,3,.14) 42%, rgba(2,2,3,.08) 70%, rgba(2,2,3,.42) 100%);
}
[data-product-slug="b1-pro"] .xm-intro--b1-pro .xm-intro-lines span:last-child {
  width: min(900px, calc(100vw - 48px));
  font-weight: 620;
}
[data-product-slug="b1-pro"] .xm-mosaic-item {
  margin: 0;
}
@media (min-width: 721px) {
  [data-product-slug="b1-pro"] .xm-chapter-shade {
    background:
      linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.14) 48%, rgba(0,0,0,.76)),
      linear-gradient(90deg, rgba(0,0,0,.22), transparent 58%);
  }
  [data-product-slug="b1-pro"] .xm-chapter-copy h2 {
    background: linear-gradient(112deg, #fff 4%, #c9c9ce 48%, #fff 88%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  [data-product-slug="b1-pro"] :is(.xm-chapter, .xm-design) {
    height: min(900px, 100svh);
    min-height: 720px;
  }
  [data-product-slug="b1-pro"] .xm-mosaic {
    min-height: 0;
    padding-top: 90px;
    padding-bottom: 90px;
  }
  [data-product-slug="b1-pro"] .xm-mosaic-copy {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 32px;
  }
  [data-product-slug="b1-pro"] .xm-mosaic-grid {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    height: min(42vw, 620px);
    min-height: 520px;
  }
}

@media (max-width: 720px) {
  [data-product-slug="b1-pro"] .xm-intro--b1-pro {
    height: min(720px, 100svh);
    min-height: 640px;
  }
  [data-product-slug="b1-pro"] .xm-intro--b1-pro .xm-intro-inner {
    padding: 64px 22px 0;
  }
  [data-product-slug="b1-pro"] .xm-intro--b1-pro .xm-intro-visual {
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: none;
  }
  [data-product-slug="b1-pro"] .xm-intro--b1-pro .xm-intro-lines span:last-child {
    width: 100%;
    font-size: 15px;
    line-height: 1.4;
  }
  [data-product-slug="b1-pro"] :is(.xm-film, .xm-chapter, .xm-design) {
    height: min(740px, 100svh);
    min-height: 640px;
  }
  [data-product-slug="b1-pro"] .product-kvs--b1-pro {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  [data-product-slug="b1-pro"] .xm-design-copy {
    top: 64px;
    bottom: auto;
  }
  [data-product-slug="b1-pro"] .xm-design > img {
    object-position: 58% center;
  }
  [data-product-slug="b1-pro"] .xm-mosaic {
    min-height: 0;
    padding: 52px 0;
    overflow: hidden;
  }
  [data-product-slug="b1-pro"] .xm-mosaic-copy {
    margin: 0 0 24px;
    padding: 0 22px;
  }
  [data-product-slug="b1-pro"] .pd-specs {
    padding: 72px 20px;
  }
  [data-product-slug="b1-pro"] .xm-mosaic-grid {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 22px;
    display: grid;
    grid-template-columns: none;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    grid-auto-columns: calc(100% - 28px);
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: 22px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  [data-product-slug="b1-pro"] .xm-mosaic-grid::-webkit-scrollbar {
    display: none;
  }
  [data-product-slug="b1-pro"] .xm-mosaic-item,
  [data-product-slug="b1-pro"] .xm-mosaic-item:first-child {
    grid-row: auto;
    margin: 0;
    width: 100%;
    min-height: 0;
    height: clamp(400px, 108vw, 460px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}