/* UGS Products 1.5 — scene-only styling; shared header and footer are untouched. */
.ugs-showroom { display: none; }
@media (min-width: 744px) {
 html.ugs-wide body { overflow-x: clip; overflow-y: auto; }
 html.ugs-wide #contenido-principal { margin: 0; padding: 0; }
 html.ugs-wide .ugs-products-magazine,
 html.ugs-wide .ugs-products-compact,
 html.ugs-wide .ugs-preview-version { display: none !important; }
 html.ugs-wide .ugs-showroom {
  --showroom-green: #078344; --showroom-ink: #092622; --showroom-muted: #4c615a;
  --showroom-ambient: rgba(78,137,112,.28);
  position: relative; isolation: isolate; display: block;
  height: 100vh; height: 100dvh; min-height: 720px;
  overflow: clip; background: #e6eeea; color: var(--showroom-ink);
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing: antialiased;
 }
 html.ugs-wide .ugs-showroom *,
 html.ugs-wide .ugs-showroom *::before,
 html.ugs-wide .ugs-showroom *::after { box-sizing: border-box; }
 html.ugs-wide .ugs-showroom [hidden] { display: none !important; }
 html.ugs-wide .ugs-showroom p { font-family: inherit; }
 html.ugs-wide .ugs-showroom-atmosphere {
  position: absolute; z-index: -2; inset: 0; pointer-events: none;
  background:
   radial-gradient(ellipse 40% 65% at 6% 38%, #fafcfb 5%, transparent 100%),
   radial-gradient(ellipse 40% 65% at 77% 24%, rgba(255,255,255,.92), transparent 82%),
   radial-gradient(ellipse 38% 52% at 55% 39%, var(--showroom-ambient), transparent 90%),
   linear-gradient(115deg,#e4ece8,#eaf0ec 58%,#c5d7ce);
 }
 html.ugs-wide .ugs-showroom-atmosphere::before {
  content: ""; position: absolute; inset: 8% -5% 18% 30%;
  background: linear-gradient(108deg,transparent 18%,rgba(36,101,74,.13) 42%,rgba(247,255,250,.72) 54%,transparent 74%);
  filter: blur(52px); transform: skewX(-8deg);
 }
 html.ugs-wide .ugs-showroom-atmosphere::after {
  content: ""; position: absolute; inset: 28% -17% -10% 70%;
  background: radial-gradient(ellipse at 100% 70%,rgba(19,72,51,.5),transparent 73%);
  filter: blur(44px);
  opacity: var(--ambient-strength,1); transition: opacity 650ms ease;
 }
 html.ugs-wide .ugs-showroom[data-product-id="bluvision"] { --ambient-strength: .78; }
 html.ugs-wide .ugs-showroom[data-product-id="ignivius"] { --ambient-strength: .9; }
 html.ugs-wide .ugs-showroom[data-product-id="formacs-ht"] { --ambient-strength: .85; }
 html.ugs-wide .ugs-showroom[data-product-id="formacs-hti"] { --ambient-strength: .95; }
 html.ugs-wide .ugs-showroom[data-product-id="primacs"] { --ambient-strength: .8; }
 html.ugs-wide .ugs-showroom-layout {
  position: absolute; inset: clamp(122px,12dvh,152px) max(40px,5.2vw) 162px;
  max-width: 1640px; margin: 0 auto; display: grid;
  grid-template-columns: minmax(0,33%) minmax(0,1fr); gap: 24px;
 }
 html.ugs-wide .ugs-showroom-copy { position: relative; z-index: 5; align-self: start; padding-bottom: 0; }
 html.ugs-wide .ugs-showroom-family,
 html.ugs-wide .ugs-showroom-eyebrow {
  margin: 0 0 21px; font-size: 11px; line-height: 1.4; font-weight: 650;
  letter-spacing: .22em; color: var(--showroom-green); text-transform: uppercase;
 }
 html.ugs-wide .ugs-showroom-eyebrow { margin: 0 0 10px; font-size: 10px; letter-spacing: .13em; color: #536d62; }
 html.ugs-wide .ugs-showroom h1 {
  margin: 0; font: 650 clamp(48px,5.1vw,84px)/.95 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing: -.067em; color: var(--showroom-ink); white-space: nowrap;
 }
 html.ugs-wide .ugs-showroom[data-product-id="san"] h1 { font-size: clamp(98px,8.8vw,146px); font-weight: 680; line-height: .92; }
 html.ugs-wide .ugs-showroom-name-suffix { position: relative; top: -.85em; margin-left: .06em; font-size: .48em; line-height: 0; letter-spacing: -.04em; vertical-align: baseline; }
 html.ugs-wide .ugs-showroom[data-product-id="bluvision"] h1 { font-size: clamp(50px,5vw,82px); }
 html.ugs-wide .ugs-showroom[data-product-id="ignivius"] h1 { font-size: clamp(58px,5.6vw,90px); }
 html.ugs-wide .ugs-showroom[data-product-id^="formacs"] h1,
 html.ugs-wide .ugs-showroom[data-product-id="primacs"] h1 { font-size: clamp(39px,3.5vw,60px); letter-spacing: -.055em; }
 html.ugs-wide .ugs-showroom[data-product-id="primacs"] h1 { font-size: clamp(36px,3.25vw,56px); }
 html.ugs-wide .ugs-showroom[data-product-id="sp2000"] h1 { font-size: clamp(48px,4.35vw,72px); }
 html.ugs-wide .ugs-showroom-lead {
  margin: 21px 0 0; font-size: clamp(31px,2.85vw,46px); font-weight: 620;
  line-height: 1.04; letter-spacing: -.05em; color: #102b25; text-wrap: balance;
 }
 html.ugs-wide .ugs-showroom-lead span { display: block; }
 html.ugs-wide .ugs-showroom-lead .is-muted { color: #63716c; font-weight: 580; }
 html.ugs-wide .ugs-showroom-description {
  max-width: 340px; margin: 24px 0 0; font-size: clamp(15px,1.12vw,18px);
  line-height: 1.5; color: var(--showroom-muted); text-wrap: pretty;
 }
 html.ugs-wide .ugs-showroom-benefits { display: flex; flex-wrap: wrap; gap: 9px 18px; padding: 0; margin: 24px 0 0; list-style: none; }
 html.ugs-wide .ugs-showroom-benefits li { color: #304b40; font-size: clamp(11px,.87vw,14px); line-height: 1.45; font-weight: 560; }
 html.ugs-wide .ugs-showroom-benefits li + li { border-left: 1px solid #8db8a3; padding-left: 18px; }
 html.ugs-wide .ugs-showroom-variants { margin-top: 30px; }
 html.ugs-wide .ugs-showroom-variants span { font-size: 10px; font-weight: 700; letter-spacing: .15em; color: #29624a; line-height: 1.4; }
 html.ugs-wide .ugs-showroom-variants p { margin: 6px 0 0; color: #183c2c; font-size: clamp(18px,1.5vw,24px); line-height: 1.3; letter-spacing: -.025em; }
 html.ugs-wide .ugs-showroom-cta {
  display: inline-flex; align-items: center; gap: 12px; min-height: 48px; margin-top: 28px; padding: 0;
  font-size: clamp(18px,1.4vw,21px); font-weight: 620; letter-spacing: -.03em;
  color: #173b2a !important; text-decoration: none !important; background: none; border: 0;
  transition: transform 150ms ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
 }
 html.ugs-wide .ugs-showroom-cta i {
  display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%;
  background: var(--showroom-green); color: white; font-size: 22px; font-style: normal;
  transition: background-color 240ms ease;
 }
 html.ugs-wide .ugs-showroom-cta i span { display: block; transition: transform 240ms ease; }
 @media (hover: hover) and (pointer: fine) {
  html.ugs-wide .ugs-showroom-cta:hover i { background: #069553; }
  html.ugs-wide .ugs-showroom-cta:hover i span { transform: translateX(2px); }
 }
 html.ugs-wide .ugs-showroom-cta:active { transform: translateY(1px); }
 html.ugs-wide .ugs-showroom-cta:focus-visible { outline: 2px solid #078344 !important; outline-offset: 6px !important; }
 html.ugs-wide .ugs-showroom-tab:focus-visible,
 html.ugs-wide .ugs-showroom-tab:focus:not(:focus-visible) { outline: none !important; }
 html.ugs-wide .ugs-showroom-stage {
  --instrument-ratio: 1.232394; --instrument-scale: 1;
  --aside-width: clamp(280px,21vw,326px);
  --contact-left: 8%; --contact-right: 6%; --contact-height: 6%; --contact-bottom: -1.5%;
  --contact-blur: 14px; --contact-opacity: .27; --reflection-opacity: .1;
  --context-clearance: 155px;
  position: relative; min-width: 0; container-type: size;
 }
 html.ugs-wide .ugs-showroom-plane {
  position: absolute; z-index: -1; left: -100vw; right: -20vw; bottom: -160px; height: 47%;
  background: linear-gradient(180deg,transparent,rgba(181,207,193,.32) 30%,rgba(96,143,119,.31));
  -webkit-mask-image: linear-gradient(transparent,#000 40%); mask-image: linear-gradient(transparent,#000 40%);
  pointer-events: none;
 }
 html.ugs-wide .ugs-showroom-machine {
  position: absolute; z-index: 2; right: calc(var(--aside-width) + 34px); bottom: 24px;
  width: min(calc((100% - var(--aside-width) + 90px) * var(--instrument-scale)),calc((100cqh - 28px) * var(--instrument-ratio)));
  aspect-ratio: var(--instrument-ratio);
  transform-origin: 50% 90%; opacity: 1;
  transition: opacity 260ms ease, transform 320ms cubic-bezier(.2,.75,.2,1), filter 260ms ease;
 }
 html.ugs-wide .ugs-showroom-machine::before {
  content: ""; position: absolute; z-index: -1;
  left: var(--contact-left); right: var(--contact-right); bottom: var(--contact-bottom); height: var(--contact-height);
  border-radius: 50%; background: rgb(14 42 29 / var(--contact-opacity)); filter: blur(var(--contact-blur));
  transition: opacity 260ms ease, transform 320ms ease;
 }
 html.ugs-wide .ugs-showroom-product,
 html.ugs-wide .ugs-showroom-reflection {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; max-height: none;
  object-fit: contain; object-position: center bottom;
 }
 html.ugs-wide .ugs-showroom-product { filter: drop-shadow(0 17px 21px rgba(17,51,32,.13)) drop-shadow(0 2px 2px rgba(19,40,29,.14)); }
 html.ugs-wide .ugs-showroom-stage[data-product-id="primacs"] .ugs-showroom-product,
 html.ugs-wide .ugs-showroom-stage[data-product-id="ignivius"] .ugs-showroom-product { filter: drop-shadow(0 3px 2px rgba(19,40,29,.2)) drop-shadow(0 12px 16px rgba(17,51,32,.1)); }
 html.ugs-wide .ugs-showroom-stage[data-product-id="formacs-ht"] .ugs-showroom-product { filter: drop-shadow(0 3px 2px rgba(19,40,29,.16)) drop-shadow(0 10px 16px rgba(17,51,32,.1)); }
 html.ugs-wide .ugs-showroom-reflection {
  z-index: -1; top: calc(100% - 1px); bottom: auto; transform: scaleY(-1);
  filter: blur(7px) saturate(.5); opacity: var(--reflection-opacity); pointer-events: none;
  -webkit-mask-image: linear-gradient(to top,rgba(0,0,0,.6),transparent 23%);
  mask-image: linear-gradient(to top,rgba(0,0,0,.6),transparent 23%);
 }
 html.ugs-wide .ugs-showroom-stage[data-product-id="san"] { --contact-left: 5%; --contact-right: 9%; --contact-height: 5%; --contact-blur: 12px; --context-clearance: 130px; }
 html.ugs-wide .ugs-showroom-stage[data-product-id="bluvision"] { --instrument-ratio: 2.04; --instrument-scale: 1.03; --contact-left: 4%; --contact-right: 3%; --contact-height: 8%; --contact-blur: 11px; --reflection-opacity: .06; }
 html.ugs-wide .ugs-showroom-stage[data-product-id="ignivius"] { --instrument-ratio: .93429; --instrument-scale: .88; --contact-left: 17%; --contact-right: 13%; --contact-height: 4%; --contact-blur: 10px; --reflection-opacity: .04; }
 html.ugs-wide .ugs-showroom-stage[data-product-id="formacs-ht"] { --instrument-ratio: 1.25523; --instrument-scale: .95; --contact-left: 9%; --contact-right: 51%; --contact-height: 4.5%; --contact-blur: 10px; --reflection-opacity: .05; --context-clearance: 130px; }
 html.ugs-wide .ugs-showroom-stage[data-product-id="formacs-ht"] .ugs-showroom-machine::after { content: ""; position: absolute; z-index: -1; left: 49%; right: 7%; bottom: 20%; height: 4%; border-radius: 50%; background: rgba(14,42,29,.18); filter: blur(10px); }
 html.ugs-wide .ugs-showroom-stage[data-product-id="formacs-hti"] { --instrument-ratio: 1.397104; --contact-left: 6%; --contact-right: 14%; --contact-height: 4%; --contact-blur: 11px; --contact-opacity: .22; --reflection-opacity: .06; }
 html.ugs-wide .ugs-showroom-stage[data-product-id="primacs"] { --instrument-ratio: .9; --instrument-scale: .81; --contact-left: 20%; --contact-right: 17%; --contact-height: 3.5%; --contact-blur: 10px; --reflection-opacity: .03; }
 html.ugs-wide .ugs-showroom-stage[data-product-id="sp2000"] { --instrument-ratio: 1.570657; --instrument-scale: 1; --reflection-opacity: .08; --context-clearance: 130px; }
 html.ugs-wide .ugs-showroom-context {
  position: absolute; z-index: 4; top: 12px; right: 16px; width: var(--aside-width);
  padding: 0 0 0 22px; border-left: 1px solid rgba(7,131,68,.3); color: #41584e;
 }
 html.ugs-wide .ugs-showroom-context span { display: block; color: #2e6450; font-size: 12px; font-weight: 650; line-height: 1.5; letter-spacing: .14em; }
 html.ugs-wide .ugs-showroom-context p { margin: 17px 0 0; font-size: clamp(15px,1.1vw,17px); line-height: 1.7; text-wrap: pretty; }
 html.ugs-wide .ugs-showroom-context small { display: block; margin-top: 16px; font-size: 13px; font-weight: 650; line-height: 1.45; color: #1f503b; }
 html.ugs-wide .ugs-showroom-copy,
 html.ugs-wide .ugs-showroom-context { transition: opacity 220ms ease, transform 260ms ease; }
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-copy,
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-context { opacity: 0; transform: translateY(3px); }
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-machine { opacity: 0; transform: translate(-4px,5px); filter: blur(2px) brightness(.93); }
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-machine::before { opacity: .4; transform: scaleX(.98); }
 html.ugs-wide .ugs-showroom.is-arriving .ugs-showroom-machine::before { animation: ugs-contact-in 520ms ease both; }
 html.ugs-wide .ugs-showroom.is-arriving .ugs-showroom-machine { animation: ugs-scene-in 520ms cubic-bezier(.2,.75,.2,1) both; }
 html.ugs-wide .ugs-showroom.is-arriving .ugs-showroom-copy,
 html.ugs-wide .ugs-showroom.is-arriving .ugs-showroom-context { animation: ugs-copy-in 400ms 60ms ease both; }
 @keyframes ugs-scene-in { from { opacity: 0; transform: translate(5px,3px); filter: blur(2px) brightness(1.06); } to { opacity: 1; transform: none; filter: none; } }
 @keyframes ugs-copy-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
 @keyframes ugs-contact-in { from { opacity: .4; transform: scaleX(.98); } to { opacity: 1; transform: none; } }
	html.ugs-wide .ugs-showroom-dock-wrap {
		position: absolute;
		z-index: 20;
		left: max(48px, 5vw);
		right: max(48px, 5vw);
		bottom: 24px;
		max-width: 1440px;
		margin: 0 auto;
	}

	html.ugs-wide .ugs-showroom-dock {
		display: grid;
		grid-template-columns: 144px minmax(0, 1fr);
		height: 112px;
		overflow: hidden;
		border: 1px solid rgba(255, 255, 255, .18);
		border-radius: 22px;
		background:
			radial-gradient(ellipse 56% 130% at 72% 18%, rgba(38, 164, 128, .17), transparent 70%),
			linear-gradient(105deg, #07523f, #08745a 54%, #086047);
		box-shadow: 0 24px 52px rgba(20, 56, 42, .22), inset 0 1px 0 rgba(255, 255, 255, .1);
	}

	html.ugs-wide .ugs-showroom-dock-intro {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 24px;
		color: #fff;
	}

	html.ugs-wide .ugs-showroom-brand { display: block; width: 100%; height: auto; max-width: 104px; }

	html.ugs-wide .ugs-showroom-tabs {
		display: grid;
		grid-template-columns: repeat(7, minmax(104px, 1fr));
		min-width: 0;
	}

	html.ugs-wide .ugs-showroom-tab {
		position: relative;
		min-width: 0;
		padding: 8px 7px 9px;
		border: 0;
		background: transparent;
		color: rgba(234, 248, 242, .68);
		cursor: pointer;
		font: inherit;
		text-align: center;
		transition: color 290ms ease, transform 300ms cubic-bezier(.2, .75, .2, 1);
		-webkit-tap-highlight-color: transparent;
	}

	html.ugs-wide .ugs-showroom-tab::before {
		content: "";
		position: absolute;
		z-index: 0;
		left: 50%;
		top: 8px;
		width: 74px;
		height: 74px;
		border: 1px solid rgba(255, 255, 255, .11);
		border-radius: 50%;
		background: rgba(203, 246, 231, .095);
		transform: translateX(-50%);
		transition: background-color 290ms ease, border-color 290ms ease, box-shadow 290ms ease;
	}

	html.ugs-wide .ugs-showroom-tab img {
		position: relative;
		z-index: 1;
		display: block;
		width: 84px;
		height: 76px;
		margin: 0 auto;
		padding: 14px 11px 10px;
		object-fit: contain;
		filter: drop-shadow(0 8px 9px rgba(2, 33, 23, .2));
		opacity: .7;
		transition: filter 290ms ease, opacity 290ms ease, transform 300ms cubic-bezier(.2, .75, .2, 1);
	}

	html.ugs-wide .ugs-showroom-tab-name {
		position: relative;
		z-index: 1;
		display: block;
		overflow: hidden;
		font-size: 10px;
		font-weight: 630;
		line-height: 1.2;
		letter-spacing: .015em;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	@media (hover: hover) and (pointer: fine) {
	html.ugs-wide .ugs-showroom-tab:hover {
		color: #fff;
		transform: translateY(-2px);
	}
	html.ugs-wide .ugs-showroom-tab:hover::before {
		border-color: rgba(169, 250, 221, .38);
		background: rgba(188, 245, 224, .2);
		box-shadow: 0 11px 28px rgba(1, 47, 32, .13);
	}
	html.ugs-wide .ugs-showroom-tab:hover img {
		filter: drop-shadow(0 11px 10px rgba(2, 33, 23, .25));
		opacity: 1;
		transform: scale(1.025);
	}

	}
	html.ugs-wide .ugs-showroom-tab.is-active { color: #fff; }
	html.ugs-wide .ugs-showroom-tab.is-active .ugs-showroom-tab-name { font-weight: 720; }
	html.ugs-wide .ugs-showroom-tab.is-active::before {
		border-color: rgba(178, 255, 228, .44);
		background: rgba(195, 248, 229, .24);
		box-shadow: 0 10px 26px rgba(1, 47, 32, .12), inset 0 1px 0 rgba(255, 255, 255, .13);
	}
	html.ugs-wide .ugs-showroom-tab.is-active img {
		filter: drop-shadow(0 11px 10px rgba(2, 33, 23, .23));
		opacity: 1;
	}
	html.ugs-wide .ugs-showroom-tab:focus-visible::before {
		border-color: rgba(205, 255, 237, .86);
		box-shadow: 0 0 0 2px rgba(191, 255, 231, .56), 0 10px 26px rgba(1, 47, 32, .12);
	}


 /* Optical sizing is per silhouette; the supplied vector paths are untouched. */
 html.ugs-wide .ugs-showroom-tab { touch-action: manipulation; }
 html.ugs-wide .ugs-showroom-tab img { padding: 17px 16px 15px; }
 html.ugs-wide .ugs-showroom-tab[data-product="san"] img { padding: 15px 17px; }
 html.ugs-wide .ugs-showroom-tab[data-product="bluvision"] img { padding: 19px 12px; }
 html.ugs-wide .ugs-showroom-tab[data-product="ignivius"] img { padding: 17px 16px; }
 html.ugs-wide .ugs-showroom-tab[data-product^="formacs"] img { padding: 21px 12px; }
 html.ugs-wide .ugs-showroom-tab[data-product="primacs"] img { padding: 15px 20px; }
 html.ugs-wide .ugs-showroom-tab[data-product="sp2000"] img { padding: 23px 10px; }
 html.ugs-wide .ugs-showroom-tab:active { color: #fff; }
}
/* A wide, short canvas places context above the instrument, not alongside it. */
@media (min-width: 744px) and (max-width: 1376px), (min-width: 744px) and (pointer: coarse) and (orientation: landscape) {
 html.ugs-wide .ugs-showroom { min-height: 720px; }
 html.ugs-wide .ugs-showroom-layout { inset: 118px 40px 148px; grid-template-columns: minmax(0,37%) minmax(0,1fr); gap: 20px; }
 html.ugs-wide .ugs-showroom-copy { align-self: start; padding-bottom: 0; }
 html.ugs-wide .ugs-showroom h1 { font-size: clamp(45px,5vw,66px); }
 html.ugs-wide .ugs-showroom[data-product-id="san"] h1 { font-size: clamp(83px,8.3vw,112px); }
 html.ugs-wide .ugs-showroom[data-product-id="bluvision"] h1 { font-size: clamp(45px,5vw,66px); }
 html.ugs-wide .ugs-showroom[data-product-id="ignivius"] h1 { font-size: clamp(50px,5.5vw,74px); }
 html.ugs-wide .ugs-showroom[data-product-id^="formacs"] h1,
 html.ugs-wide .ugs-showroom[data-product-id="primacs"] h1 { font-size: clamp(34px,3.45vw,48px); }
 html.ugs-wide .ugs-showroom[data-product-id="sp2000"] h1 { font-size: 54px; }
 html.ugs-wide .ugs-showroom-lead { font-size: clamp(29px,3.05vw,41px); margin-top: 16px; }
 html.ugs-wide .ugs-showroom-description { font-size: 14px; margin-top: 19px; }
 html.ugs-wide .ugs-showroom-benefits { gap: 7px 12px; margin-top: 20px; }
 html.ugs-wide .ugs-showroom-benefits li { font-size: 11px; }
 html.ugs-wide .ugs-showroom-benefits li + li { padding-left: 12px; }
 html.ugs-wide .ugs-showroom-variants { margin-top: 22px; }
 html.ugs-wide .ugs-showroom-variants span { font-size: 9px; }
 html.ugs-wide .ugs-showroom-cta { margin-top: 23px; font-size: 18px; }
 html.ugs-wide .ugs-showroom-cta i { width: 40px; height: 40px; }
 html.ugs-wide .ugs-showroom-machine {
  --machine-width: min(calc(103% * var(--instrument-scale)),calc((100cqh - var(--context-clearance)) * var(--instrument-ratio)));
  right: max(0px,calc((100% - var(--machine-width)) / 2)); bottom: 10px; width: var(--machine-width);
 }
 html.ugs-wide .ugs-showroom-context { right: 16px; top: 0; width: min(calc(100% - 16px),370px); padding-left: 20px; }
 html.ugs-wide .ugs-showroom-context span { font-size: 11px; }
 html.ugs-wide .ugs-showroom-context p { font-size: 15px; line-height: 1.65; margin-top: 13px; }
 html.ugs-wide .ugs-showroom-context small { font-size: 12px; margin-top: 10px; }
 html.ugs-wide .ugs-showroom-dock { grid-template-columns: 120px minmax(0,1fr); }
 html.ugs-wide .ugs-showroom-dock-wrap { inset-inline: 40px; bottom: 20px; }
 html.ugs-wide .ugs-showroom-dock-intro { padding-inline: 20px; }
 html.ugs-wide .ugs-showroom-tabs { grid-template-columns: repeat(7,minmax(0,1fr)); }
 html.ugs-wide .ugs-showroom-tab { min-width: 44px; padding-inline: 0; }
 html.ugs-wide .ugs-showroom-tab-name { font-size: 9px; }
}
/* On tall tablet canvases, keep the editorial note near the instrument's upper edge. */
@media (min-width: 744px) and (max-width: 1376px) and (max-height: 780px) {
 html.ugs-wide .ugs-showroom-family { margin-bottom: 14px; }
 html.ugs-wide .ugs-showroom[data-product-id="san"] h1 { font-size: 88px; }
 html.ugs-wide .ugs-showroom-lead { font-size: 32px; }
 html.ugs-wide .ugs-showroom-description { margin-top: 17px; }
 html.ugs-wide .ugs-showroom-benefits { margin-top: 17px; }
 html.ugs-wide .ugs-showroom-variants { margin-top: 18px; }
 html.ugs-wide .ugs-showroom-variants p { font-size: 18px; }
 html.ugs-wide .ugs-showroom-cta { margin-top: 22px; }
}
@media (min-width: 744px) and (max-width: 1376px) and (min-height: 960px) {
 html.ugs-wide .ugs-showroom-context { top: max(0px,calc(100% - (103cqw * var(--instrument-scale) / var(--instrument-ratio)) - 175px)); }
}
@media (min-width: 1377px) and (max-height: 820px) and (pointer: fine) {
 html.ugs-wide .ugs-showroom-layout { top: 118px; bottom: 148px; }
 html.ugs-wide .ugs-showroom-copy { padding-bottom: 0; }
 html.ugs-wide .ugs-showroom-family { margin-bottom: 15px; }
 html.ugs-wide .ugs-showroom[data-product-id="san"] h1 { font-size: 88px; }
 html.ugs-wide .ugs-showroom-lead { font-size: 33px; margin-top: 15px; }
 html.ugs-wide .ugs-showroom-description { margin-top: 17px; font-size: 15px; }
 html.ugs-wide .ugs-showroom-benefits { margin-top: 19px; }
 html.ugs-wide .ugs-showroom-variants { margin-top: 22px; }
 html.ugs-wide .ugs-showroom-cta { margin-top: 24px; }
 html.ugs-wide .ugs-showroom-cta i { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
 .ugs-showroom *, .ugs-showroom *::before, .ugs-showroom *::after { animation: none !important; transition: none !important; }
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-copy,
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-context,
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-machine { opacity: 1; transform: none; filter: none; }
 html.ugs-wide .ugs-showroom-tab:hover,
 html.ugs-wide .ugs-showroom-tab:hover img,
 html.ugs-wide .ugs-showroom-cta:hover i span { transform: none; }
 html.ugs-wide .ugs-showroom.is-changing .ugs-showroom-machine::before { opacity: 1; transform: none; }
}