@property --t { syntax: "<number>"; inherits: false; initial-value: 0; }
@property --tilt { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.product {
  --tilt: 0deg;
  --t: 0;
  position: absolute;
  top: calc(-1 * var(--escape));
  height: calc(100% + 2 * var(--escape));
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 303 / 1003;
  margin: 0;
  container-type: inline-size;
  touch-action: pan-y;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.product:focus-visible { box-shadow: none; outline: 3px solid var(--green); outline-offset: 10px; border-radius: 4px; }
.product__shadow {
  position: absolute; left: -38%; right: -38%; bottom: -1.2%; height: 5%;
  background: radial-gradient(closest-side, rgb(20 28 22 / 0.34), rgb(20 28 22 / 0.12) 55%, transparent);
  transform: translateX(calc(var(--t) * -0.6px)) scaleX(calc(1 + max(var(--t), -1 * var(--t)) * 0.012));
  pointer-events: none;
}
/* Dimensional cabinet: CSS 3D layers. Front = original photo planes; sides = shaded reconstruction
   (geometry and finish generated by tools/onyx_model.py, see onyx-model block at the end of this file). */
.product__stage3d { position: absolute; inset: 0; }
.product__body {
  position: absolute; inset: 0;
  transform-style: preserve-3d;
  transform: translateZ(calc(-1 * var(--pivot))) rotateY(var(--tilt)) translateZ(var(--pivot));
  /* no will-change: lets Chrome re-rasterise crisply when the model comes back to rest at 0° */
}
.product__front { position: absolute; inset: 0; }
.product__side {
  position: absolute;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
  pointer-events: none;
}
.product__side--r { transform-origin: 0 50%; transform: rotateY(90deg); }
.product__side--l { transform-origin: 100% 50%; transform: rotateY(-90deg); }
.product__side--ped.product__side--r { transform: translateZ(calc(-1 * var(--setback))) rotateY(90deg); }
.product__side--ped.product__side--l { transform: translateZ(calc(-1 * var(--setback))) rotateY(-90deg); }
/* Sides are built from flat child layers (matte body, black fascia/cap return, rim highlight, shade). The shade
   layer follows the turn so a side brightens as it faces the viewer. No filter on the 3D element itself:
   Chrome can skip the first frame after un-culling a filtered layer. */
.product__kwall, .product__wall { position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden; pointer-events: none; }
.side__body, .side__cap, .side__rim, .side__shade { position: absolute; inset: 0; }
.side__shade { background: #000; pointer-events: none; }
/* broad, subdued turn shading: a side brightens gently and linearly as it faces the viewer (no sudden jumps) */
.product__side--l .side__shade { opacity: clamp(0.08, calc(0.24 - var(--t) * 0.0055), 0.24); }
.product__side--r .side__shade { opacity: clamp(0.08, calc(0.24 + var(--t) * 0.0055), 0.24); }
/* painted-metal pedestal / safe body in the front photo: slightly darker, matching the sidewalls (plastic untouched) */
.product__front--ped .product__shade { opacity: calc(0.14 + max(var(--t), -1 * var(--t)) * 0.003); }
.product__shade {
  position: absolute; inset: 0; background: #000; pointer-events: none;
  opacity: calc(max(var(--t), -1 * var(--t)) * 0.004);
  -webkit-mask: url("/images/onyx-mask.webp") center / 100% 100% no-repeat;
  mask: url("/images/onyx-mask.webp") center / 100% 100% no-repeat;
}
.product__img { display: block; width: 100%; height: 100%; }
.product__img img { width: 100%; height: 100%; object-fit: contain; }


/* BEGIN onyx-model (generated by tools/onyx_model.py — edit the script, not this block) */
.product { --persp-u: 3000; --eye-row: 300; }
.product__stage3d { --u: calc(100cqw / 303); perspective: calc(var(--u) * 3000.00); perspective-origin: 50% 29.9103%; }
.product__front { transform-origin: 50% 29.9103%; }
.product__body { --pivot: calc(var(--u) * 127.00); }
.product__front--upper-top { clip-path: inset(0.000% 0.000% 69.093% 0.000%); --pk: 0.259358; --phinge: 386; --pz: 26.000; }
.product__front--upper-l { clip-path: inset(30.508% 87.129% 61.416% 0.000%); --pk: 0.259358; --phinge: 386; --pz: 26.000; }
.product__front--upper-r { clip-path: inset(30.508% 0.000% 61.416% 86.469%); --pk: 0.259358; --phinge: 386; --pz: 26.000; }
.product__front--tray-t { clip-path: inset(30.708% 13.201% 67.597% 12.541%); --pk: 0.259358; --phinge: 386; --pz: 20.000; }
.product__front--tray-b { clip-path: inset(36.191% 13.201% 61.515% 12.541%); --pk: 0.259358; --phinge: 386; --pz: 20.000; }
.product__front--tray-l { clip-path: inset(32.303% 65.017% 63.709% 12.541%); --pk: 0.259358; --phinge: 386; --pz: 20.000; }
.product__front--tray-r { clip-path: inset(32.303% 13.201% 63.709% 65.347%); --pk: 0.259358; --phinge: 386; --pz: 20.000; }
.product__front--keypad { clip-path: inset(32.303% 34.323% 63.709% 34.653%); --pk: 1.134358; --phinge: 364; --pz: 14.294; }
.product__front--disp { clip-path: inset(38.385% 0.000% 47.557% 0.000%); --pk: 0.000000; --phinge: 386; --pz: 26.000; }
.product__front--disp-low { clip-path: inset(52.243% 0.000% 40.179% 0.000%); --pk: -0.346667; --phinge: 600; --pz: 0.000; }
.product__front--ped { clip-path: inset(59.621% 0.000% 0.000% 0.000%); --pk: 0.000000; --phinge: 600; --pz: -22.000; }
.product__wall { top: calc(var(--u) * 306.98); height: calc(var(--u) * 79.45); width: calc(var(--u) * 27.97); background: linear-gradient(180deg, #121314, #1d1e20 55%, #2a2b2e); }
.product__wall--l { left: calc(var(--u) * 38.60); transform-origin: 0 50%; transform: translateZ(calc(var(--u) * 26.74)) rotateY(90deg); clip-path: polygon(73.19% 1.26%, 98.21% 1.28%, 26.81% 98.74%, 1.79% 98.52%); }
.product__wall--r { left: calc(var(--u) * 234.43); transform-origin: 100% 50%; transform: translateZ(calc(var(--u) * 26.74)) rotateY(-90deg); clip-path: polygon(26.81% 1.26%, 1.79% 1.28%, 73.19% 98.74%, 98.21% 98.52%); }
.product__kwall { top: calc(var(--u) * 322.97); height: calc(var(--u) * 41.73); width: calc(var(--u) * 47.37); background: linear-gradient(180deg, #0f1012, #1b1c1f); }
.product__kwall--l { left: calc(var(--u) * 105.79); transform-origin: 0 50%; transform: translateZ(calc(var(--u) * 15.29)) rotateY(90deg); clip-path: polygon(22.95% 2.40%, 98.94% 3.07%, 1.06% 97.60%); }
.product__kwall--r { left: calc(var(--u) * 150.84); transform-origin: 100% 50%; transform: translateZ(calc(var(--u) * 15.29)) rotateY(-90deg); clip-path: polygon(77.05% 2.40%, 1.06% 3.07%, 98.94% 97.60%); }
.product__side--head { top: calc(var(--u) * 7.33); height: calc(var(--u) * 594.67); width: calc(var(--u) * 310.00); }
.product__side--head.product__side--r { left: calc(var(--u) * 283.75); transform-origin: 0 50%; transform: translateZ(calc(var(--u) * 28.00)) rotateY(90deg); }
.product__side--head.product__side--l { left: calc(var(--u) * -293.75); transform-origin: 100% 50%; transform: translateZ(calc(var(--u) * 28.00)) rotateY(-90deg); }
.product__side--ped { top: calc(var(--u) * 584.19); height: calc(var(--u) * 412.89); width: calc(var(--u) * 260.00); --setback: calc(var(--u) * 22.00); }
.product__side--ped.product__side--r { left: calc(var(--u) * 283.96); }
.product__side--ped.product__side--l { left: calc(var(--u) * -241.97); }
.product__side--head.product__side--r .side__body { clip-path: polygon(100.00% 13.43%, 96.10% 12.72%, 92.30% 12.00%, 88.59% 11.27%, 84.97% 10.52%, 81.43% 9.77%, 77.99% 9.02%, 74.64% 8.27%, 71.38% 7.52%, 68.20% 6.79%, 65.12% 6.08%, 62.12% 5.39%, 59.20% 4.72%, 56.38% 4.08%, 53.64% 3.47%, 50.99% 2.90%, 48.42% 2.37%, 45.94% 1.89%, 43.54% 1.46%, 41.22% 1.08%, 38.99% 0.77%, 36.84% 0.51%, 34.78% 0.32%, 32.80% 0.21%, 30.90% 0.17%, 30.73% 0.22%, 30.56% 0.39%, 30.41% 0.66%, 30.27% 1.03%, 30.15% 1.49%, 30.06% 2.02%, 29.99% 2.60%, 29.94% 3.22%, 29.93% 3.86%, 30.25% 3.86%, 29.75% 4.92%, 29.25% 5.97%, 28.74% 7.02%, 28.24% 8.07%, 27.74% 9.12%, 27.24% 10.17%, 26.74% 11.21%, 26.23% 12.26%, 25.73% 13.30%, 25.23% 14.35%, 24.73% 15.39%, 24.23% 16.43%, 23.72% 17.47%, 23.22% 18.51%, 22.72% 19.55%, 22.22% 20.59%, 21.72% 21.63%, 21.21% 22.66%, 20.71% 23.70%, 20.21% 24.73%, 19.71% 25.76%, 19.21% 26.79%, 18.70% 27.82%, 18.20% 28.85%, 17.70% 29.88%, 17.20% 30.91%, 16.70% 31.93%, 16.19% 32.96%, 15.69% 33.98%, 15.19% 35.00%, 14.69% 36.03%, 14.19% 37.05%, 13.68% 38.07%, 13.18% 39.09%, 12.68% 40.10%, 12.18% 41.12%, 11.68% 42.14%, 11.17% 43.15%, 10.67% 44.16%, 10.17% 45.18%, 9.67% 46.19%, 9.17% 47.20%, 8.66% 48.21%, 8.16% 49.22%, 7.66% 50.22%, 7.16% 51.23%, 6.66% 52.23%, 6.15% 53.24%, 5.65% 54.24%, 5.15% 55.24%, 4.65% 56.24%, 4.15% 57.24%, 3.64% 58.24%, 3.14% 59.24%, 2.64% 60.24%, 2.14% 61.23%, 1.64% 62.23%, 1.14% 63.22%, 0.97% 63.55%, 0.97% 64.22%, 0.97% 65.22%, 0.97% 66.22%, 0.97% 67.22%, 0.97% 68.22%, 0.97% 69.22%, 0.97% 70.22%, 0.97% 71.22%, 0.97% 72.22%, 0.97% 73.22%, 0.97% 74.22%, 0.97% 75.22%, 0.97% 76.22%, 0.97% 77.22%, 0.97% 78.22%, 0.97% 79.22%, 0.97% 80.22%, 0.97% 81.22%, 0.97% 82.22%, 0.97% 83.22%, 0.97% 84.22%, 0.97% 85.22%, 0.97% 86.22%, 0.97% 86.72%, 1.30% 87.24%, 1.97% 88.27%, 2.65% 89.29%, 3.32% 90.32%, 3.99% 91.36%, 4.66% 92.39%, 5.33% 93.43%, 6.00% 94.46%, 6.67% 95.50%, 7.34% 96.54%, 8.01% 97.58%, 8.68% 98.62%, 9.35% 99.66%, 9.35% 100.00%, 100.00% 100.00%); background:
  linear-gradient(180deg, transparent 63.38%, rgb(0 0 0 / 0.5) 63.38%, rgb(0 0 0 / 0.5) 63.78%, rgb(255 255 255 / 0.08) 63.78%, transparent 64.13%), linear-gradient(90deg, transparent 98.6%, rgb(0 0 0 / .3) 100%), linear-gradient(90deg, rgb(255 255 255 / .05) 0, transparent 35%, rgb(0 0 0 / .10) 100%), linear-gradient(180deg, rgb(86 84 87) 0.1%, rgb(89 87 90) 25.0%, rgb(85 83 86) 66.5%, rgb(78 76 79) 108.0%, rgb(72 70 73) 141.2%, rgb(68 66 69) 166.1%); }
.product__side--head.product__side--l .side__body { clip-path: polygon(0.00% 13.43%, 3.90% 12.72%, 7.70% 12.00%, 11.41% 11.27%, 15.03% 10.52%, 18.57% 9.77%, 22.01% 9.02%, 25.36% 8.27%, 28.62% 7.52%, 31.80% 6.79%, 34.88% 6.08%, 37.88% 5.39%, 40.80% 4.72%, 43.62% 4.08%, 46.36% 3.47%, 49.01% 2.90%, 51.58% 2.37%, 54.06% 1.89%, 56.46% 1.46%, 58.78% 1.08%, 61.01% 0.77%, 63.16% 0.51%, 65.22% 0.32%, 67.20% 0.21%, 69.10% 0.17%, 69.27% 0.22%, 69.44% 0.39%, 69.59% 0.66%, 69.73% 1.03%, 69.85% 1.49%, 69.94% 2.02%, 70.01% 2.60%, 70.06% 3.22%, 70.07% 3.86%, 69.75% 3.86%, 70.25% 4.92%, 70.75% 5.97%, 71.26% 7.02%, 71.76% 8.07%, 72.26% 9.12%, 72.76% 10.17%, 73.26% 11.21%, 73.77% 12.26%, 74.27% 13.30%, 74.77% 14.35%, 75.27% 15.39%, 75.77% 16.43%, 76.28% 17.47%, 76.78% 18.51%, 77.28% 19.55%, 77.78% 20.59%, 78.28% 21.63%, 78.79% 22.66%, 79.29% 23.70%, 79.79% 24.73%, 80.29% 25.76%, 80.79% 26.79%, 81.30% 27.82%, 81.80% 28.85%, 82.30% 29.88%, 82.80% 30.91%, 83.30% 31.93%, 83.81% 32.96%, 84.31% 33.98%, 84.81% 35.00%, 85.31% 36.03%, 85.81% 37.05%, 86.32% 38.07%, 86.82% 39.09%, 87.32% 40.10%, 87.82% 41.12%, 88.32% 42.14%, 88.83% 43.15%, 89.33% 44.16%, 89.83% 45.18%, 90.33% 46.19%, 90.83% 47.20%, 91.34% 48.21%, 91.84% 49.22%, 92.34% 50.22%, 92.84% 51.23%, 93.34% 52.23%, 93.85% 53.24%, 94.35% 54.24%, 94.85% 55.24%, 95.35% 56.24%, 95.85% 57.24%, 96.36% 58.24%, 96.86% 59.24%, 97.36% 60.24%, 97.86% 61.23%, 98.36% 62.23%, 98.86% 63.22%, 99.03% 63.55%, 99.03% 64.22%, 99.03% 65.22%, 99.03% 66.22%, 99.03% 67.22%, 99.03% 68.22%, 99.03% 69.22%, 99.03% 70.22%, 99.03% 71.22%, 99.03% 72.22%, 99.03% 73.22%, 99.03% 74.22%, 99.03% 75.22%, 99.03% 76.22%, 99.03% 77.22%, 99.03% 78.22%, 99.03% 79.22%, 99.03% 80.22%, 99.03% 81.22%, 99.03% 82.22%, 99.03% 83.22%, 99.03% 84.22%, 99.03% 85.22%, 99.03% 86.22%, 99.03% 86.72%, 98.70% 87.24%, 98.03% 88.27%, 97.35% 89.29%, 96.68% 90.32%, 96.01% 91.36%, 95.34% 92.39%, 94.67% 93.43%, 94.00% 94.46%, 93.33% 95.50%, 92.66% 96.54%, 91.99% 97.58%, 91.32% 98.62%, 90.65% 99.66%, 90.65% 100.00%, 0.00% 100.00%); background:
  linear-gradient(180deg, transparent 63.38%, rgb(0 0 0 / 0.5) 63.38%, rgb(0 0 0 / 0.5) 63.78%, rgb(255 255 255 / 0.06) 63.78%, transparent 64.13%), linear-gradient(270deg, transparent 98.6%, rgb(0 0 0 / .3) 100%), linear-gradient(270deg, rgb(255 255 255 / .05) 0, transparent 35%, rgb(0 0 0 / .10) 100%), linear-gradient(180deg, rgb(77 75 78) 0.1%, rgb(80 78 81) 25.0%, rgb(76 74 77) 66.5%, rgb(70 68 71) 108.0%, rgb(65 63 66) 141.2%, rgb(61 59 62) 166.1%); }
.product__side--head.product__side--r .side__shade { clip-path: polygon(100.00% 13.43%, 96.10% 12.72%, 92.30% 12.00%, 88.59% 11.27%, 84.97% 10.52%, 81.43% 9.77%, 77.99% 9.02%, 74.64% 8.27%, 71.38% 7.52%, 68.20% 6.79%, 65.12% 6.08%, 62.12% 5.39%, 59.20% 4.72%, 56.38% 4.08%, 53.64% 3.47%, 50.99% 2.90%, 48.42% 2.37%, 45.94% 1.89%, 43.54% 1.46%, 41.22% 1.08%, 38.99% 0.77%, 36.84% 0.51%, 34.78% 0.32%, 32.80% 0.21%, 30.90% 0.17%, 30.73% 0.22%, 30.56% 0.39%, 30.41% 0.66%, 30.27% 1.03%, 30.15% 1.49%, 30.06% 2.02%, 29.99% 2.60%, 29.94% 3.22%, 29.93% 3.86%, 30.25% 3.86%, 29.75% 4.92%, 29.25% 5.97%, 28.74% 7.02%, 28.24% 8.07%, 27.74% 9.12%, 27.24% 10.17%, 26.74% 11.21%, 26.23% 12.26%, 25.73% 13.30%, 25.23% 14.35%, 24.73% 15.39%, 24.23% 16.43%, 23.72% 17.47%, 23.22% 18.51%, 22.72% 19.55%, 22.22% 20.59%, 21.72% 21.63%, 21.21% 22.66%, 20.71% 23.70%, 20.21% 24.73%, 19.71% 25.76%, 19.21% 26.79%, 18.70% 27.82%, 18.20% 28.85%, 17.70% 29.88%, 17.20% 30.91%, 16.70% 31.93%, 16.19% 32.96%, 15.69% 33.98%, 15.19% 35.00%, 14.69% 36.03%, 14.19% 37.05%, 13.68% 38.07%, 13.18% 39.09%, 12.68% 40.10%, 12.18% 41.12%, 11.68% 42.14%, 11.17% 43.15%, 10.67% 44.16%, 10.17% 45.18%, 9.67% 46.19%, 9.17% 47.20%, 8.66% 48.21%, 8.16% 49.22%, 7.66% 50.22%, 7.16% 51.23%, 6.66% 52.23%, 6.15% 53.24%, 5.65% 54.24%, 5.15% 55.24%, 4.65% 56.24%, 4.15% 57.24%, 3.64% 58.24%, 3.14% 59.24%, 2.64% 60.24%, 2.14% 61.23%, 1.64% 62.23%, 1.14% 63.22%, 0.97% 63.55%, 0.97% 64.22%, 0.97% 65.22%, 0.97% 66.22%, 0.97% 67.22%, 0.97% 68.22%, 0.97% 69.22%, 0.97% 70.22%, 0.97% 71.22%, 0.97% 72.22%, 0.97% 73.22%, 0.97% 74.22%, 0.97% 75.22%, 0.97% 76.22%, 0.97% 77.22%, 0.97% 78.22%, 0.97% 79.22%, 0.97% 80.22%, 0.97% 81.22%, 0.97% 82.22%, 0.97% 83.22%, 0.97% 84.22%, 0.97% 85.22%, 0.97% 86.22%, 0.97% 86.72%, 1.30% 87.24%, 1.97% 88.27%, 2.65% 89.29%, 3.32% 90.32%, 3.99% 91.36%, 4.66% 92.39%, 5.33% 93.43%, 6.00% 94.46%, 6.67% 95.50%, 7.34% 96.54%, 8.01% 97.58%, 8.68% 98.62%, 9.35% 99.66%, 9.35% 100.00%, 100.00% 100.00%); }
.product__side--head.product__side--l .side__shade { clip-path: polygon(0.00% 13.43%, 3.90% 12.72%, 7.70% 12.00%, 11.41% 11.27%, 15.03% 10.52%, 18.57% 9.77%, 22.01% 9.02%, 25.36% 8.27%, 28.62% 7.52%, 31.80% 6.79%, 34.88% 6.08%, 37.88% 5.39%, 40.80% 4.72%, 43.62% 4.08%, 46.36% 3.47%, 49.01% 2.90%, 51.58% 2.37%, 54.06% 1.89%, 56.46% 1.46%, 58.78% 1.08%, 61.01% 0.77%, 63.16% 0.51%, 65.22% 0.32%, 67.20% 0.21%, 69.10% 0.17%, 69.27% 0.22%, 69.44% 0.39%, 69.59% 0.66%, 69.73% 1.03%, 69.85% 1.49%, 69.94% 2.02%, 70.01% 2.60%, 70.06% 3.22%, 70.07% 3.86%, 69.75% 3.86%, 70.25% 4.92%, 70.75% 5.97%, 71.26% 7.02%, 71.76% 8.07%, 72.26% 9.12%, 72.76% 10.17%, 73.26% 11.21%, 73.77% 12.26%, 74.27% 13.30%, 74.77% 14.35%, 75.27% 15.39%, 75.77% 16.43%, 76.28% 17.47%, 76.78% 18.51%, 77.28% 19.55%, 77.78% 20.59%, 78.28% 21.63%, 78.79% 22.66%, 79.29% 23.70%, 79.79% 24.73%, 80.29% 25.76%, 80.79% 26.79%, 81.30% 27.82%, 81.80% 28.85%, 82.30% 29.88%, 82.80% 30.91%, 83.30% 31.93%, 83.81% 32.96%, 84.31% 33.98%, 84.81% 35.00%, 85.31% 36.03%, 85.81% 37.05%, 86.32% 38.07%, 86.82% 39.09%, 87.32% 40.10%, 87.82% 41.12%, 88.32% 42.14%, 88.83% 43.15%, 89.33% 44.16%, 89.83% 45.18%, 90.33% 46.19%, 90.83% 47.20%, 91.34% 48.21%, 91.84% 49.22%, 92.34% 50.22%, 92.84% 51.23%, 93.34% 52.23%, 93.85% 53.24%, 94.35% 54.24%, 94.85% 55.24%, 95.35% 56.24%, 95.85% 57.24%, 96.36% 58.24%, 96.86% 59.24%, 97.36% 60.24%, 97.86% 61.23%, 98.36% 62.23%, 98.86% 63.22%, 99.03% 63.55%, 99.03% 64.22%, 99.03% 65.22%, 99.03% 66.22%, 99.03% 67.22%, 99.03% 68.22%, 99.03% 69.22%, 99.03% 70.22%, 99.03% 71.22%, 99.03% 72.22%, 99.03% 73.22%, 99.03% 74.22%, 99.03% 75.22%, 99.03% 76.22%, 99.03% 77.22%, 99.03% 78.22%, 99.03% 79.22%, 99.03% 80.22%, 99.03% 81.22%, 99.03% 82.22%, 99.03% 83.22%, 99.03% 84.22%, 99.03% 85.22%, 99.03% 86.22%, 99.03% 86.72%, 98.70% 87.24%, 98.03% 88.27%, 97.35% 89.29%, 96.68% 90.32%, 96.01% 91.36%, 95.34% 92.39%, 94.67% 93.43%, 94.00% 94.46%, 93.33% 95.50%, 92.66% 96.54%, 91.99% 97.58%, 91.32% 98.62%, 90.65% 99.66%, 90.65% 100.00%, 0.00% 100.00%); }
.product__side--head.product__side--r .side__cap { background: linear-gradient(180deg, transparent 63.38%, rgb(0 0 0 / 0.85) 63.38%, rgb(0 0 0 / 0.85) 63.78%, rgb(255 255 255 / 0.07) 63.78%, transparent 64.13%), linear-gradient(90deg, rgb(78 81 86 / .38) 0, rgb(58 60 64 / .26) 4.0%, rgb(30 31 34 / .15) 9.7%, transparent 16.1%), linear-gradient(180deg, #4a4c50 0, #2c2e31 4%, #1a1b1e 12%, #141517 60%, #18191b 100%); }
.product__side--head.product__side--l .side__cap { background: linear-gradient(180deg, transparent 63.38%, rgb(0 0 0 / 0.85) 63.38%, rgb(0 0 0 / 0.85) 63.78%, rgb(255 255 255 / 0.07) 63.78%, transparent 64.13%), linear-gradient(270deg, rgb(78 81 86 / .38) 0, rgb(58 60 64 / .26) 4.0%, rgb(30 31 34 / .15) 9.7%, transparent 16.1%), linear-gradient(180deg, #4a4c50 0, #2c2e31 4%, #1a1b1e 12%, #141517 60%, #18191b 100%); }
.product__side--head.product__side--r .side__rim { background: linear-gradient(90deg, #6e7176, #4f5256 45%, #2e3033); }
.product__side--head.product__side--l .side__rim { background: linear-gradient(270deg, #6e7176, #4f5256 45%, #2e3033); }
.product__side--head.product__side--r .side__cap { clip-path: polygon(29.44% 3.86%, 28.94% 4.92%, 28.44% 5.97%, 27.94% 7.02%, 27.44% 8.07%, 26.93% 9.12%, 26.43% 10.17%, 25.93% 11.21%, 25.43% 12.26%, 24.93% 13.30%, 24.42% 14.35%, 23.92% 15.39%, 23.42% 16.43%, 22.92% 17.47%, 22.42% 18.51%, 21.91% 19.55%, 21.41% 20.59%, 20.91% 21.63%, 20.41% 22.66%, 19.91% 23.70%, 19.40% 24.73%, 18.90% 25.76%, 18.40% 26.79%, 17.90% 27.82%, 17.40% 28.85%, 16.89% 29.88%, 16.39% 30.91%, 15.89% 31.93%, 15.39% 32.96%, 14.89% 33.98%, 14.38% 35.00%, 13.88% 36.03%, 13.38% 37.05%, 12.88% 38.07%, 12.38% 39.09%, 11.87% 40.10%, 11.37% 41.12%, 10.87% 42.14%, 10.37% 43.15%, 9.87% 44.16%, 9.36% 45.18%, 8.86% 46.19%, 8.36% 47.20%, 7.86% 48.21%, 7.36% 49.22%, 6.85% 50.22%, 6.35% 51.23%, 5.85% 52.23%, 5.35% 53.24%, 4.85% 54.24%, 4.34% 55.24%, 3.84% 56.24%, 3.34% 57.24%, 2.84% 58.24%, 2.34% 59.24%, 1.83% 60.24%, 1.33% 61.23%, 0.83% 62.23%, 0.33% 63.22%, 0.16% 63.55%, 0.16% 64.22%, 0.16% 65.22%, 0.16% 66.22%, 0.16% 67.22%, 0.16% 68.22%, 0.16% 69.22%, 0.16% 70.22%, 0.16% 71.22%, 0.16% 72.22%, 0.16% 73.22%, 0.16% 74.22%, 0.16% 75.22%, 0.16% 76.22%, 0.16% 77.22%, 0.16% 78.22%, 0.16% 79.22%, 0.16% 80.22%, 0.16% 81.22%, 0.16% 82.22%, 0.16% 83.22%, 0.16% 84.22%, 0.16% 85.22%, 0.16% 86.22%, 0.16% 86.72%, 0.50% 87.24%, 1.17% 88.27%, 1.84% 89.29%, 2.51% 90.32%, 3.18% 91.36%, 3.85% 92.39%, 4.52% 93.43%, 5.19% 94.46%, 5.86% 95.50%, 6.54% 96.54%, 7.21% 97.58%, 7.88% 98.62%, 8.55% 99.66%, 8.55% 100.00%, 16.13% 100.00%, 16.13% 63.68%, 16.21% 63.39%, 16.71% 62.39%, 17.22% 61.40%, 17.72% 60.40%, 18.22% 59.41%, 18.72% 58.41%, 19.22% 57.41%, 19.73% 56.41%, 20.23% 55.41%, 20.73% 54.41%, 21.23% 53.41%, 21.73% 52.40%, 22.24% 51.40%, 22.74% 50.39%, 23.24% 49.38%, 23.74% 48.38%, 24.24% 47.37%, 24.75% 46.36%, 25.25% 45.35%, 25.75% 44.33%, 26.25% 43.32%, 26.75% 42.31%, 27.26% 41.29%, 27.76% 40.27%, 28.26% 39.26%, 28.76% 38.24%, 29.26% 37.22%, 29.77% 36.20%, 30.27% 35.18%, 30.77% 34.15%, 31.27% 33.13%, 31.77% 32.10%, 32.28% 31.08%, 32.78% 30.05%, 33.28% 29.02%, 33.78% 27.99%, 34.28% 26.96%, 34.79% 25.93%, 35.29% 24.90%, 35.79% 23.87%, 36.29% 22.83%, 36.79% 21.80%, 37.30% 20.76%, 37.80% 19.72%, 38.30% 18.69%, 38.80% 17.65%, 39.30% 16.61%, 39.81% 15.56%, 40.31% 14.52%, 40.81% 13.48%, 41.31% 12.43%, 41.81% 11.39%, 42.32% 10.34%, 42.82% 9.29%, 43.32% 8.24%, 43.82% 7.19%, 44.32% 6.14%, 48.42% 2.37%, 45.94% 1.89%, 43.54% 1.46%, 41.22% 1.08%, 38.99% 0.77%, 36.84% 0.51%, 34.78% 0.32%, 32.80% 0.21%, 30.90% 0.17%, 30.73% 0.22%, 30.56% 0.39%, 30.41% 0.66%, 30.27% 1.03%, 30.15% 1.49%, 30.06% 2.02%, 29.99% 2.60%, 29.94% 3.22%, 29.93% 3.86%); }
.product__side--head.product__side--l .side__cap { clip-path: polygon(70.56% 3.86%, 71.06% 4.92%, 71.56% 5.97%, 72.06% 7.02%, 72.56% 8.07%, 73.07% 9.12%, 73.57% 10.17%, 74.07% 11.21%, 74.57% 12.26%, 75.07% 13.30%, 75.58% 14.35%, 76.08% 15.39%, 76.58% 16.43%, 77.08% 17.47%, 77.58% 18.51%, 78.09% 19.55%, 78.59% 20.59%, 79.09% 21.63%, 79.59% 22.66%, 80.09% 23.70%, 80.60% 24.73%, 81.10% 25.76%, 81.60% 26.79%, 82.10% 27.82%, 82.60% 28.85%, 83.11% 29.88%, 83.61% 30.91%, 84.11% 31.93%, 84.61% 32.96%, 85.11% 33.98%, 85.62% 35.00%, 86.12% 36.03%, 86.62% 37.05%, 87.12% 38.07%, 87.62% 39.09%, 88.13% 40.10%, 88.63% 41.12%, 89.13% 42.14%, 89.63% 43.15%, 90.13% 44.16%, 90.64% 45.18%, 91.14% 46.19%, 91.64% 47.20%, 92.14% 48.21%, 92.64% 49.22%, 93.15% 50.22%, 93.65% 51.23%, 94.15% 52.23%, 94.65% 53.24%, 95.15% 54.24%, 95.66% 55.24%, 96.16% 56.24%, 96.66% 57.24%, 97.16% 58.24%, 97.66% 59.24%, 98.17% 60.24%, 98.67% 61.23%, 99.17% 62.23%, 99.67% 63.22%, 99.84% 63.55%, 99.84% 64.22%, 99.84% 65.22%, 99.84% 66.22%, 99.84% 67.22%, 99.84% 68.22%, 99.84% 69.22%, 99.84% 70.22%, 99.84% 71.22%, 99.84% 72.22%, 99.84% 73.22%, 99.84% 74.22%, 99.84% 75.22%, 99.84% 76.22%, 99.84% 77.22%, 99.84% 78.22%, 99.84% 79.22%, 99.84% 80.22%, 99.84% 81.22%, 99.84% 82.22%, 99.84% 83.22%, 99.84% 84.22%, 99.84% 85.22%, 99.84% 86.22%, 99.84% 86.72%, 99.50% 87.24%, 98.83% 88.27%, 98.16% 89.29%, 97.49% 90.32%, 96.82% 91.36%, 96.15% 92.39%, 95.48% 93.43%, 94.81% 94.46%, 94.14% 95.50%, 93.46% 96.54%, 92.79% 97.58%, 92.12% 98.62%, 91.45% 99.66%, 91.45% 100.00%, 83.87% 100.00%, 83.87% 63.68%, 83.79% 63.39%, 83.29% 62.39%, 82.78% 61.40%, 82.28% 60.40%, 81.78% 59.41%, 81.28% 58.41%, 80.78% 57.41%, 80.27% 56.41%, 79.77% 55.41%, 79.27% 54.41%, 78.77% 53.41%, 78.27% 52.40%, 77.76% 51.40%, 77.26% 50.39%, 76.76% 49.38%, 76.26% 48.38%, 75.76% 47.37%, 75.25% 46.36%, 74.75% 45.35%, 74.25% 44.33%, 73.75% 43.32%, 73.25% 42.31%, 72.74% 41.29%, 72.24% 40.27%, 71.74% 39.26%, 71.24% 38.24%, 70.74% 37.22%, 70.23% 36.20%, 69.73% 35.18%, 69.23% 34.15%, 68.73% 33.13%, 68.23% 32.10%, 67.72% 31.08%, 67.22% 30.05%, 66.72% 29.02%, 66.22% 27.99%, 65.72% 26.96%, 65.21% 25.93%, 64.71% 24.90%, 64.21% 23.87%, 63.71% 22.83%, 63.21% 21.80%, 62.70% 20.76%, 62.20% 19.72%, 61.70% 18.69%, 61.20% 17.65%, 60.70% 16.61%, 60.19% 15.56%, 59.69% 14.52%, 59.19% 13.48%, 58.69% 12.43%, 58.19% 11.39%, 57.68% 10.34%, 57.18% 9.29%, 56.68% 8.24%, 56.18% 7.19%, 55.68% 6.14%, 51.58% 2.37%, 54.06% 1.89%, 56.46% 1.46%, 58.78% 1.08%, 61.01% 0.77%, 63.16% 0.51%, 65.22% 0.32%, 67.20% 0.21%, 69.10% 0.17%, 69.27% 0.22%, 69.44% 0.39%, 69.59% 0.66%, 69.73% 1.03%, 69.85% 1.49%, 69.94% 2.02%, 70.01% 2.60%, 70.06% 3.22%, 70.07% 3.86%); }
.product__side--head.product__side--r .side__rim { clip-path: polygon(29.76% 4.21%, 29.26% 5.27%, 28.76% 6.32%, 28.25% 7.37%, 27.75% 8.42%, 27.25% 9.47%, 26.75% 10.52%, 26.25% 11.56%, 25.74% 12.61%, 25.24% 13.65%, 24.74% 14.70%, 24.24% 15.74%, 23.74% 16.78%, 23.23% 17.82%, 22.73% 18.86%, 22.23% 19.90%, 21.73% 20.93%, 21.23% 21.97%, 20.72% 23.01%, 20.22% 24.04%, 19.72% 25.07%, 19.22% 26.11%, 18.72% 27.14%, 18.21% 28.17%, 17.71% 29.19%, 17.21% 30.22%, 16.71% 31.25%, 16.21% 32.27%, 15.70% 33.30%, 15.20% 34.32%, 14.70% 35.35%, 14.20% 36.37%, 13.70% 37.39%, 13.19% 38.41%, 12.69% 39.43%, 12.19% 40.44%, 11.69% 41.46%, 11.19% 42.47%, 10.68% 43.49%, 10.18% 44.50%, 9.68% 45.51%, 9.18% 46.52%, 8.68% 47.53%, 8.17% 48.54%, 7.67% 49.55%, 7.17% 50.56%, 6.67% 51.56%, 6.17% 52.57%, 5.66% 53.57%, 5.16% 54.58%, 4.66% 55.58%, 4.16% 56.58%, 3.66% 57.58%, 3.16% 58.58%, 2.65% 59.57%, 2.15% 60.57%, 1.65% 61.56%, 1.15% 62.56%, 0.65% 63.55%, 0.65% 64.55%, 0.65% 65.55%, 0.65% 66.55%, 0.65% 67.55%, 0.65% 68.55%, 0.65% 69.55%, 0.65% 70.55%, 0.65% 71.55%, 0.65% 72.55%, 0.65% 73.55%, 0.65% 74.55%, 0.65% 75.55%, 0.65% 76.55%, 0.65% 77.56%, 0.65% 78.56%, 0.65% 79.56%, 0.65% 80.56%, 0.65% 81.56%, 0.65% 82.56%, 0.65% 83.56%, 0.65% 84.56%, 0.65% 85.56%, 0.65% 86.56%, 0.65% 86.72%, 1.20% 87.58%, 1.88% 88.61%, 2.55% 89.64%, 3.22% 90.67%, 3.89% 91.70%, 4.56% 92.74%, 5.23% 93.77%, 5.90% 94.81%, 6.57% 95.85%, 7.24% 96.88%, 7.91% 97.93%, 8.58% 98.97%, 9.03% 99.66%, 9.03% 100.00%, 10.16% 100.00%, 10.16% 99.66%, 9.71% 98.97%, 9.04% 97.93%, 8.37% 96.88%, 7.70% 95.85%, 7.03% 94.81%, 6.36% 93.77%, 5.69% 92.74%, 5.02% 91.70%, 4.35% 90.67%, 3.68% 89.64%, 3.00% 88.61%, 2.33% 87.58%, 1.77% 86.72%, 1.77% 86.56%, 1.77% 85.56%, 1.77% 84.56%, 1.77% 83.56%, 1.77% 82.56%, 1.77% 81.56%, 1.77% 80.56%, 1.77% 79.56%, 1.77% 78.56%, 1.77% 77.56%, 1.77% 76.55%, 1.77% 75.55%, 1.77% 74.55%, 1.77% 73.55%, 1.77% 72.55%, 1.77% 71.55%, 1.77% 70.55%, 1.77% 69.55%, 1.77% 68.55%, 1.77% 67.55%, 1.77% 66.55%, 1.77% 65.55%, 1.77% 64.55%, 1.77% 63.55%, 2.28% 62.56%, 2.78% 61.56%, 3.28% 60.57%, 3.78% 59.57%, 4.28% 58.58%, 4.79% 57.58%, 5.29% 56.58%, 5.79% 55.58%, 6.29% 54.58%, 6.79% 53.57%, 7.30% 52.57%, 7.80% 51.56%, 8.30% 50.56%, 8.80% 49.55%, 9.30% 48.54%, 9.81% 47.53%, 10.31% 46.52%, 10.81% 45.51%, 11.31% 44.50%, 11.81% 43.49%, 12.32% 42.47%, 12.82% 41.46%, 13.32% 40.44%, 13.82% 39.43%, 14.32% 38.41%, 14.83% 37.39%, 15.33% 36.37%, 15.83% 35.35%, 16.33% 34.32%, 16.83% 33.30%, 17.34% 32.27%, 17.84% 31.25%, 18.34% 30.22%, 18.84% 29.19%, 19.34% 28.17%, 19.85% 27.14%, 20.35% 26.11%, 20.85% 25.07%, 21.35% 24.04%, 21.85% 23.01%, 22.36% 21.97%, 22.86% 20.93%, 23.36% 19.90%, 23.86% 18.86%, 24.36% 17.82%, 24.87% 16.78%, 25.37% 15.74%, 25.87% 14.70%, 26.37% 13.65%, 26.87% 12.61%, 27.38% 11.56%, 27.88% 10.52%, 28.38% 9.47%, 28.88% 8.42%, 29.38% 7.37%, 29.89% 6.32%, 30.39% 5.27%, 30.89% 4.21%); }
.product__side--head.product__side--l .side__rim { clip-path: polygon(70.24% 4.21%, 70.74% 5.27%, 71.24% 6.32%, 71.75% 7.37%, 72.25% 8.42%, 72.75% 9.47%, 73.25% 10.52%, 73.75% 11.56%, 74.26% 12.61%, 74.76% 13.65%, 75.26% 14.70%, 75.76% 15.74%, 76.26% 16.78%, 76.77% 17.82%, 77.27% 18.86%, 77.77% 19.90%, 78.27% 20.93%, 78.77% 21.97%, 79.28% 23.01%, 79.78% 24.04%, 80.28% 25.07%, 80.78% 26.11%, 81.28% 27.14%, 81.79% 28.17%, 82.29% 29.19%, 82.79% 30.22%, 83.29% 31.25%, 83.79% 32.27%, 84.30% 33.30%, 84.80% 34.32%, 85.30% 35.35%, 85.80% 36.37%, 86.30% 37.39%, 86.81% 38.41%, 87.31% 39.43%, 87.81% 40.44%, 88.31% 41.46%, 88.81% 42.47%, 89.32% 43.49%, 89.82% 44.50%, 90.32% 45.51%, 90.82% 46.52%, 91.32% 47.53%, 91.83% 48.54%, 92.33% 49.55%, 92.83% 50.56%, 93.33% 51.56%, 93.83% 52.57%, 94.34% 53.57%, 94.84% 54.58%, 95.34% 55.58%, 95.84% 56.58%, 96.34% 57.58%, 96.84% 58.58%, 97.35% 59.57%, 97.85% 60.57%, 98.35% 61.56%, 98.85% 62.56%, 99.35% 63.55%, 99.35% 64.55%, 99.35% 65.55%, 99.35% 66.55%, 99.35% 67.55%, 99.35% 68.55%, 99.35% 69.55%, 99.35% 70.55%, 99.35% 71.55%, 99.35% 72.55%, 99.35% 73.55%, 99.35% 74.55%, 99.35% 75.55%, 99.35% 76.55%, 99.35% 77.56%, 99.35% 78.56%, 99.35% 79.56%, 99.35% 80.56%, 99.35% 81.56%, 99.35% 82.56%, 99.35% 83.56%, 99.35% 84.56%, 99.35% 85.56%, 99.35% 86.56%, 99.35% 86.72%, 98.80% 87.58%, 98.12% 88.61%, 97.45% 89.64%, 96.78% 90.67%, 96.11% 91.70%, 95.44% 92.74%, 94.77% 93.77%, 94.10% 94.81%, 93.43% 95.85%, 92.76% 96.88%, 92.09% 97.93%, 91.42% 98.97%, 90.97% 99.66%, 90.97% 100.00%, 89.84% 100.00%, 89.84% 99.66%, 90.29% 98.97%, 90.96% 97.93%, 91.63% 96.88%, 92.30% 95.85%, 92.97% 94.81%, 93.64% 93.77%, 94.31% 92.74%, 94.98% 91.70%, 95.65% 90.67%, 96.32% 89.64%, 97.00% 88.61%, 97.67% 87.58%, 98.23% 86.72%, 98.23% 86.56%, 98.23% 85.56%, 98.23% 84.56%, 98.23% 83.56%, 98.23% 82.56%, 98.23% 81.56%, 98.23% 80.56%, 98.23% 79.56%, 98.23% 78.56%, 98.23% 77.56%, 98.23% 76.55%, 98.23% 75.55%, 98.23% 74.55%, 98.23% 73.55%, 98.23% 72.55%, 98.23% 71.55%, 98.23% 70.55%, 98.23% 69.55%, 98.23% 68.55%, 98.23% 67.55%, 98.23% 66.55%, 98.23% 65.55%, 98.23% 64.55%, 98.23% 63.55%, 97.72% 62.56%, 97.22% 61.56%, 96.72% 60.57%, 96.22% 59.57%, 95.72% 58.58%, 95.21% 57.58%, 94.71% 56.58%, 94.21% 55.58%, 93.71% 54.58%, 93.21% 53.57%, 92.70% 52.57%, 92.20% 51.56%, 91.70% 50.56%, 91.20% 49.55%, 90.70% 48.54%, 90.19% 47.53%, 89.69% 46.52%, 89.19% 45.51%, 88.69% 44.50%, 88.19% 43.49%, 87.68% 42.47%, 87.18% 41.46%, 86.68% 40.44%, 86.18% 39.43%, 85.68% 38.41%, 85.17% 37.39%, 84.67% 36.37%, 84.17% 35.35%, 83.67% 34.32%, 83.17% 33.30%, 82.66% 32.27%, 82.16% 31.25%, 81.66% 30.22%, 81.16% 29.19%, 80.66% 28.17%, 80.15% 27.14%, 79.65% 26.11%, 79.15% 25.07%, 78.65% 24.04%, 78.15% 23.01%, 77.64% 21.97%, 77.14% 20.93%, 76.64% 19.90%, 76.14% 18.86%, 75.64% 17.82%, 75.13% 16.78%, 74.63% 15.74%, 74.13% 14.70%, 73.63% 13.65%, 73.13% 12.61%, 72.62% 11.56%, 72.12% 10.52%, 71.62% 9.47%, 71.12% 8.42%, 70.62% 7.37%, 70.11% 6.32%, 69.61% 5.27%, 69.11% 4.21%); }
.product__side--ped.product__side--r { background:
  linear-gradient(90deg, rgb(255 255 255 / .06) 0, transparent 1.4%, transparent 98.5%, rgb(0 0 0 / .3) 100%),
  linear-gradient(180deg, transparent 4%, rgb(0 0 0 / .35) 97%, rgb(0 0 0 / .35) 100%) 0 100% / 100% 3% no-repeat, linear-gradient(90deg, rgb(255 255 255 / .05) 0, transparent 35%, rgb(0 0 0 / .10) 100%), linear-gradient(180deg, rgb(86 84 87) -139.5%, rgb(89 87 90) -103.7%, rgb(85 83 86) -43.9%, rgb(78 76 79) 15.8%, rgb(72 70 73) 63.6%, rgb(68 66 69) 99.5%); }
.product__side--ped.product__side--l { background:
  linear-gradient(270deg, rgb(255 255 255 / .05) 0, transparent 1.4%, transparent 98.5%, rgb(0 0 0 / .3) 100%),
  linear-gradient(180deg, transparent 4%, rgb(0 0 0 / .35) 97%, rgb(0 0 0 / .35) 100%) 0 100% / 100% 3% no-repeat, linear-gradient(270deg, rgb(255 255 255 / .05) 0, transparent 35%, rgb(0 0 0 / .10) 100%), linear-gradient(180deg, rgb(77 75 78) -139.5%, rgb(80 78 81) -103.7%, rgb(76 74 77) -43.9%, rgb(70 68 71) 15.8%, rgb(65 63 66) 63.6%, rgb(61 59 62) 99.5%); }
/* END onyx-model *//* Illinois stage sizing. Shared photo geometry, original Illinois presentation. */
.onyx-stage{height:745px}.hero-rebuilt{padding-block:24px 20px;min-height:0}.onyx-stage .product{--escape:0px;left:50%;top:25px;height:645px;width:195px;aspect-ratio:303/1003;container-type:inline-size;touch-action:pan-y;cursor:grab;transform:translateX(-50%);position:absolute;filter:none}.product:active{cursor:grabbing}.product__stage3d{height:100%;width:100%}.product__body{height:100%;width:100%;--tilt:0deg;--t:0;transform-style:preserve-3d}.product__front .product__img{background:url('/images/onyx-product.png') center/100% 100% no-repeat;position:absolute;inset:0}.product__front{height:100%;width:100%}.product:not(.onyx-active) .product__side,.product:not(.onyx-active) .product__wall,.product:not(.onyx-active) .product__kwall{display:none}.product:not(.onyx-active) .product__body{transform:none}.product__shadow{filter:blur(8px)}.product:focus-visible{outline:2px solid #edb28f;outline-offset:15px}.onyx-controls{position:absolute;left:0;right:0;bottom:94px;display:flex;justify-content:center;align-items:center;gap:12px;color:#d4dee4;font-size:12px}.onyx-controls span{margin-right:4px}.onyx-controls button{font:13px Arial,sans-serif;color:#f7f5ef;background:#10283c;border:1px solid #718694;padding:9px 10px;min-height:44px;cursor:pointer}.onyx-controls button:hover{border-color:#edb28f}.stage-floor{bottom:130px}.stage-label{bottom:26px}.stage-top{top:0}.stage-word{top:165px;font-size:clamp(120px,13vw,200px)}
@media(max-width:1000px){.onyx-stage{height:650px}.onyx-stage .product{height:550px;width:166.15px;top:14px}.onyx-controls{bottom:94px;gap:8px}.onyx-controls span{font-size:11px}.onyx-controls button{font-size:12px;padding:8px}.stage-floor{bottom:125px}}
@media(max-width:760px){.hero-rebuilt .onyx-stage{height:580px;margin-top:20px}.hero-rebuilt .onyx-stage .product{height:460px;width:139px;top:0;overflow:visible;mask-image:none}.onyx-controls{bottom:94px;flex-wrap:wrap;gap:8px}.onyx-controls>span{width:100%;text-align:center}.onyx-controls button{min-height:44px}.hero-rebuilt .stage-label{bottom:25px}.hero-rebuilt .stage-word{top:100px}.hero-rebuilt .onyx-stage figcaption{bottom:3px}}
@media(prefers-reduced-motion:reduce){.product__body,.product__front{transform:none!important}.product__side,.product__wall,.product__kwall,.onyx-controls{display:none!important}.product{cursor:default!important}.product__shade{opacity:0!important}}
/* Keep the taller product clear of the controls while allowing it to break the stage frame. */
.onyx-stage .product{top:-20px}.onyx-stage .stage-top{display:none}@media(max-width:760px){.hero-rebuilt .onyx-stage .product{top:0;height:435px;width:131.41px}}

/* Larger desktop close-up; keep the existing stage, copy and controls in place. */
.onyx-viewport{position:absolute;top:-20px;left:0;right:0;height:640px;overflow:clip;mask-image:linear-gradient(#000 93%,transparent)}
.onyx-stage .onyx-viewport .product{top:0;height:640px;width:280.95px}.onyx-viewport .product__stage3d{height:930px}.onyx-viewport .product__shadow{display:none}
@media(min-width:761px) and (max-width:1000px){.onyx-viewport{height:545px}.onyx-stage .onyx-viewport .product{height:545px;width:235.63px}.onyx-viewport .product__stage3d{height:780px}}
@media(max-width:760px){.onyx-viewport{display:contents;mask-image:none}.hero-rebuilt .onyx-stage .onyx-viewport .product{height:435px;width:131.41px;top:0}.onyx-viewport .product__stage3d{height:435px}.onyx-viewport .product__shadow{display:block}}