/* Paperus USB-only presentation. No shared or XLR styles are changed. */
@font-face { font-family: "Space Grotesk"; src: url("../fonts/usb/SpaceGrotesk-variable.ttf") format("truetype"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../fonts/usb/Figtree-variable.ttf") format("truetype"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("../fonts/usb/InstrumentSerif-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
.usb-premium { --usb-section-space: clamp(3.5rem, 6.5vw, 6.5rem); }
.usb-premium [hidden] { display: none !important; }
.usb-premium :is(a, button):focus-visible { outline: 3px solid var(--accent-text); outline-offset: 4px; }
.usb-premium .shell--wide { max-inline-size: 88rem; }
.usb-premium .header { border-block-end: 1px solid var(--line); }
.usb-premium main > .section { padding-block: var(--usb-section-space); }
.usb-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; padding-block: 1.5rem; color: var(--ink-2); font-size: .75rem; }
.usb-breadcrumb a { text-decoration: none; }
.usb-breadcrumb [aria-current] { color: var(--ink); }
.usb-hero { padding-block: .5rem 0; }
.usb-hero__layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); grid-template-areas: "gallery summary"; gap: clamp(2rem,5vw,5rem); align-items: start; }
.usb-hero__copy { grid-area: summary; min-inline-size: 0; padding-block: 1rem; }
.usb-eyebrow { margin: 0 0 1rem; color: var(--ink-2); font-size: .75rem; font-weight: 600; letter-spacing: .12em; line-height: 1.7; text-transform: uppercase; }
.usb-eyebrow span { color: var(--accent-text); margin-inline: .5rem; }
.usb-hero h1 { margin: 0; font-family: var(--display); font-size: clamp(2.75rem,4.2vw,4rem); font-weight: 700; line-height: 1.05; letter-spacing: -.055em; }
.usb-hero h1 > span { color: var(--accent-text); }
.usb-hero__lede { margin: 1rem 0 .75rem; font-size: 1.2rem; line-height: 1.4; font-weight: 600; }
.usb-hero__description { margin: 0; color: var(--ink-2); font-size: 1rem; line-height: 1.65; max-inline-size: 43ch; }
.usb-highlights { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 1.25rem 0 1.75rem; padding: 0; }
.usb-highlights li { padding: .45rem .65rem; border: 1px solid var(--line); border-radius: 3px; color: var(--ink); font-size: .75rem; line-height: 1.3; }
.usb-price { padding-block: 1.25rem; border-block: 1px solid var(--line); }
.usb-price__label { margin: 0 0 .5rem; color: var(--ink-2); font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.usb-price__amount { margin: 0; font-family: var(--display); font-size: clamp(1.65rem,2.5vw,2rem); line-height: 1.25; font-weight: 600; letter-spacing: -.03em; }
.usb-price__note, .usb-price__source { margin: .55rem 0 0; color: var(--ink-2); font-size: .8125rem; line-height: 1.6; }
.usb-price__source a { color: var(--ink); text-underline-offset: .2em; }
.usb-hero__actions { display: flex; flex-direction: column; gap: .75rem; margin-block-start: 1.5rem; }
.usb-premium .usb-hero__actions .btn { display: flex; justify-content: space-between; min-block-size: 3.5rem; padding-inline: 1.3rem; border-radius: 3px; font-size: 1rem; }
.usb-text-link { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; min-block-size: 2.75rem; padding-block: .4rem; color: var(--ink); font-size: .875rem; text-decoration: none; }
.usb-hero__reassurance { margin: .75rem 0 0; color: var(--ink-2); font-size: .75rem; line-height: 1.6; }
.usb-resource-links { display: grid; gap: .1rem; margin-block-start: 1.25rem; }
.usb-resource-links a { display: flex; justify-content: space-between; gap: 1rem; padding-block: .7rem; color: var(--ink); font-size: .8125rem; text-decoration: none; border-block-end: 1px solid var(--line); }
.usb-resource-links span { color: var(--ink-2); white-space: nowrap; }
.usb-gallery { grid-area: gallery; min-inline-size: 0; }
.usb-gallery__frames { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x proximity; border-radius: 4px; }
.usb-gallery__frame { flex: 0 0 100%; min-inline-size: 0; margin: 0; scroll-snap-align: start; color: #101114; background: #ecece8; border-radius: 4px; }
.usb-gallery__frame[data-finish="white"] { color: #fff; background: #17191c; }
/* Active links never rely on opacity/scroll-timeline tricks. Hidden frames are not focusable. */
.usb-gallery__frame:not([hidden]), .usb-gallery__frame:not([hidden]) .usb-gallery__open { opacity: 1; visibility: visible; }
.usb-gallery__open { display: grid; position: relative; aspect-ratio: 1.02; place-items: center; color: inherit; isolation: isolate; }
.usb-gallery__open img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
.usb-gallery__enlarge { position: absolute; inset-inline-end: 1.2rem; inset-block-end: .6rem; display: inline-flex; align-items: center; gap: .6rem; font-size: .75rem; font-weight: 600; }
.usb-gallery__enlarge > span { font-size: 1.25rem; }
.usb-gallery__frame figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 1.2rem 1.2rem; font-size: .75rem; }
.usb-gallery__controls { display: flex; flex-direction: column; align-items: stretch; gap: 1.15rem; margin-block-start: 1rem; }
body.usb-premium .usb-gallery__controls[data-usb-controls] { align-items: stretch; }
.usb-gallery__finishes, .usb-gallery__navigation, .usb-gallery__numbers { display: flex; align-items: center; gap: .5rem; }
.usb-gallery__finishes { order: 1; flex-wrap: wrap; }
.usb-gallery__label { color: var(--ink-2); font-size: .75rem; margin-inline-end: .5rem; }
.usb-gallery__controls button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-inline-size: 2.75rem; min-block-size: 2.75rem; padding: .5rem; border: 1px solid transparent; border-radius: 3px; color: var(--ink); background: transparent; font: inherit; font-size: .75rem; cursor: pointer; }
.usb-gallery__controls button[aria-pressed="true"] { border-color: var(--accent-text); box-shadow: inset 0 0 0 1px var(--accent-text); }
.usb-gallery__controls button:hover:not(:disabled) { border-color: var(--ink-2); }
.usb-gallery__controls button:disabled { opacity: .35; cursor: default; }
.usb-gallery__finishes button { padding-inline: .8rem; border-color: var(--line-strong); }
.usb-swatch { inline-size: .75rem; block-size: .75rem; border: 1px solid #888; border-radius: 50%; }
.usb-swatch--black { background: #141519; }
.usb-swatch--white { background: #fff; }
.usb-gallery__navigation { display: grid; grid-template-columns: 2.75rem minmax(0,1fr) 2.75rem; gap: .5rem; }
.usb-gallery__numbers { justify-content: center; min-inline-size: 0; }
.usb-gallery__numbers button { position: relative; padding: 0; inline-size: clamp(2.75rem,5vw,4.5rem); min-inline-size: 2.75rem; aspect-ratio: 1; background: #ecece8; color: #101114; }
.usb-gallery__numbers button[data-usb-thumbnail-finish="white"] { background: #17191c; }
.usb-gallery__numbers img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
.usb-gallery__numbers button span { position: absolute; inset-inline-end: .2rem; inset-block-end: .1rem; font-size: .75rem; line-height: 1; background: #ecece8; padding: .1rem; }
.usb-gallery__status { margin: .85rem 0 0; color: var(--ink); font-size: .75rem; line-height: 1.5; }
.usb-gallery__help { margin: .3rem 0 0; color: var(--ink-2); font-size: .75rem; line-height: 1.6; }
.usb-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: clamp(2.5rem,5vw,4rem) 0 0; border-block: 1px solid var(--line); }
.usb-facts > div { padding: 1.5rem; border-inline-start: 1px solid var(--line); }
.usb-facts > div:first-child { padding-inline-start: 0; border: 0; }
.usb-facts dt { margin-block-end: .65rem; color: var(--ink-2); font-size: .75rem; font-weight: 500; }
.usb-facts dd { margin: 0; font-family: var(--display); font-size: clamp(1.25rem,1.8vw,1.6rem); font-weight: 600; line-height: 1.4; letter-spacing: -.03em; }
.usb-facts dd span { display: block; font-family: var(--sans); font-size: .875rem; font-weight: 400; letter-spacing: 0; }
.usb-section-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 2.5rem; padding-block: .8rem; border-block-end: 1px solid var(--line); }
.usb-section-nav a { display: inline-flex; align-items: center; gap: .75rem; min-block-size: 2.75rem; color: var(--ink); font-size: .8125rem; text-decoration: none; }
.usb-section-nav a span { color: var(--accent-text); }
.usb-premium .section__head { margin-block-end: 2rem; }
.usb-premium .section__head .label { font-size: .75rem; letter-spacing: .12em; }
.usb-premium .section__head h2 { font-size: clamp(2rem,3.5vw,3.5rem); font-weight: 600; line-height: 1.12; letter-spacing: -.045em; }
.usb-premium .section__head .lede { margin-block-start: 1rem; font-size: 1rem; line-height: 1.7; }
.usb-connections__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(2rem,5vw,5rem); align-items: center; }
.usb-connections__visual { background: #ffffff; color: #101114; border-radius: 4px; }
.usb-connections__visual img { inline-size: 100%; max-block-size: 34rem; object-fit: contain; }
.usb-connections__visual p { margin: 0; padding: 1rem; text-align: center; font-size: .75rem; }
.usb-connection { display: grid; grid-template-columns: 2rem minmax(0,1fr); gap: .5rem; padding-block: 1.25rem; border-block-start: 1px solid var(--line); }
.usb-connection > span { color: var(--accent-text); font-size: .75rem; padding-block-start: .3rem; }
.usb-connection h3 { margin: 0 0 .5rem; font-size: 1.15rem; font-weight: 600; letter-spacing: -.02em; }
.usb-connection p { margin: 0; color: var(--ink-2); font-size: .95rem; line-height: 1.6; }
.usb-premium #anatomy { border-block-start: 1px solid var(--line); }
.usb-premium .parts { padding-block: 0; }
.usb-premium .parts li { padding-block: 1.3rem; }
.usb-premium .parts h3 { font-size: 1.25rem; }
.usb-premium .parts p { font-size: .95rem; }
.usb-premium .anatomy__mark, .usb-premium .part__wave { display: none; }
.usb-premium #specifications { border-block: 1px solid var(--line); background: var(--raised); }
.usb-premium .spec-groups { gap: 2rem; }
.usb-premium .specs caption { font-size: .8125rem; letter-spacing: .06em; text-transform: uppercase; }
.usb-premium .specs :is(th,td) { padding-block: 1rem; }
.usb-premium .enquiry__panel { border-radius: 4px; background: var(--surface); box-shadow: none; backdrop-filter: none; }
.usb-premium .enquiry__panel :is(input,textarea,select) { border-radius: 3px; }
.usb-premium .enquiry__panel .btn { border-radius: 3px; }
/* Never keep focusable content invisible while waiting for a reveal timeline. */
.usb-premium .reveal, .usb-premium .rise > span { animation: none; opacity: 1; translate: none; }
@media (prefers-reduced-motion: no-preference) {
  .usb-gallery__controls button { transition: border-color .18s ease, box-shadow .18s ease; }
}
@media (max-width: 61.99rem) {
  .usb-hero__layout { grid-template-columns: 1fr; grid-template-areas: "summary" "gallery"; gap: 2rem; }
  .usb-hero__copy { padding-block: 0; }
  .usb-hero__description { max-inline-size: 62ch; }
  .usb-hero__actions { max-inline-size: 32rem; }
  .usb-gallery__open { aspect-ratio: 1.2; }
  .usb-gallery__open img { max-block-size: 35rem; }
  .usb-gallery__numbers button { inline-size: clamp(2.75rem,8vw,4.5rem); }
  .usb-connections__grid { grid-template-columns: 1fr; }
  .usb-premium .anatomy__pin { position: static; padding-block-start: 0; }
  .usb-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .usb-facts > div:nth-child(3) { padding-inline-start: 0; border-inline-start: 0; }
  .usb-facts > div:nth-child(n+3) { border-block-start: 1px solid var(--line); }
}
@media (max-width: 35rem) {
  .usb-breadcrumb { padding-block: 1rem; }
  .usb-hero h1 { font-size: clamp(2.5rem,11vw,3.25rem); }
  .usb-eyebrow { letter-spacing: .08em; }
  .usb-gallery__open { aspect-ratio: 1; }
  .usb-gallery__navigation { grid-template-columns: 2.75rem minmax(0,1fr) 2.75rem; gap: .35rem; }
  .usb-gallery__navigation > [data-usb-step="-1"] { grid-column: 1; grid-row: 2; }
  .usb-gallery__navigation > [data-usb-step="1"] { grid-column: 3; grid-row: 2; }
  .usb-gallery__numbers { grid-column: 1 / -1; grid-row: 1; justify-content: center; gap: .4rem; }
  .usb-gallery__numbers button { inline-size: 2.75rem; }
  .usb-facts > div { padding: 1.25rem .75rem; }
  .usb-facts dd { font-size: 1.25rem; }
  .usb-section-nav { justify-content: flex-start; gap: .1rem 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  .usb-premium *, .usb-premium *::before, .usb-premium *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .usb-premium .reveal, .usb-premium .rise > span { opacity: 1 !important; transform: none !important; translate: none !important; }
}

/* Revision 2: product-led campaign composition, not a product-listing template. */
.usb-premium { --usb-section-space: clamp(4.5rem, 9vw, 9rem); }
.usb-premium .shell--wide { max-inline-size: 92rem; }
.usb-premium em { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; }
.usb-premium .header { --ink: #f5f5f1; --ink-2: #c5c7cc; --bg: #111216; --line: #35373e; --accent-text: #8d9fff; background: #111216; color: #f5f5f1; box-shadow: none; border-bottom-color: #36383e; }
.usb-premium .header__inner { block-size: 5.25rem; }
.usb-premium .header__nav a { font-size: .72rem; letter-spacing: .035em; }
.usb-premium .header__where { display: none; }
.usb-premium .header__nav { margin-inline-start: auto; }
.usb-kicker { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin: 0; font-size: .7rem; letter-spacing: .16em; line-height: 1.7; font-weight: 600; text-transform: uppercase; }
.usb-cinema { --ink: #f6f5f1; --ink-2: #c4c5cb; --accent-text: #9baaff; --bg: #14161a; color: var(--ink); background: #14161a; overflow: clip; }
.usb-cinema__stage { position: relative; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; min-block-size: clamp(43rem,52vw,50rem); padding-block: 3.5rem 4rem; }
.usb-cinema__copy { z-index: 2; position: relative; padding-block: 1rem; }
.usb-cinema .usb-kicker { color: #b8bbc3; gap: 1.5rem; margin-block-end: 2rem; }
.usb-cinema .usb-kicker > span:first-child { color: #fff; font-size: .85rem; letter-spacing: .12em; }
.usb-cinema h1 { display: flex; flex-direction: column; margin: 0 0 1.5rem; font-family: var(--display); font-size: clamp(5.5rem,9.3vw,8.4rem); line-height: .88; letter-spacing: -.075em; font-weight: 600; }
.usb-cinema h1 em { display: block; color: #95a5ff; font-size: 1.3em; letter-spacing: -.055em; margin-block-start: .025em; margin-inline-start: .025em; line-height: .96; }
.usb-cinema__line { margin: 1.8rem 0 1.5rem; color: #d8d9de; font-size: clamp(1.05rem,1.6vw,1.4rem); line-height: 1.5; letter-spacing: -.015em; }
.usb-cinema__action { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.5rem; }
.usb-premium .usb-cinema .btn { border-radius: 0; min-block-size: 3.5rem; padding: 1rem 1.3rem; font-size: .9rem; gap: 1.5rem; background: #4d63ff; border-color: #4d63ff; color: #fff; }
.usb-premium .usb-cinema .btn:hover { background: #fff; color: #111216; border-color: #fff; }
.usb-cinema__explore { display: flex; gap: 1rem; align-items: center; min-block-size: 2.75rem; color: #eeeef2; font-size: .8rem; text-decoration: none; }
.usb-cinema__reference { margin: 1.25rem 0 0; color: #f3f3f5; font-size: .85rem; line-height: 1.6; }
.usb-cinema__reference span { display: block; max-inline-size: 35ch; color: #b6b9c3; font-size: .75rem; }
.usb-cinema__reference a { display: inline-block; color: #c1caff; font-size: .75rem; min-block-size: 1.75rem; padding-block: .2rem; }
.usb-cinema__product { position: relative; margin: 0; align-self: stretch; min-inline-size: 0; }
/* Flat graphite light gives the genuine black metal contrast without artificial photo effects. */
.usb-cinema__product::before { content: ""; position: absolute; inset: 5% -12% 4% 4%; background: linear-gradient(130deg,#363a43 0%,#252830 45%,#17191e 100%); transform: skewY(-7deg); }
.usb-cinema__product > a { position: absolute; inset: 0 -10% 0 -10%; display: block; }
.usb-cinema__product img { position: absolute; inline-size: 126%; max-inline-size: none; block-size: auto; inset-inline-start: -12%; inset-block-start: -17%; }
.usb-cinema__product figcaption { position: absolute; inset-inline: 9% 0; inset-block-end: 0; display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-block-start: 1px solid #5b5e66; padding-block-start: 1rem; font-size: .7rem; line-height: 1.6; color: #c6c8cf; text-transform: uppercase; letter-spacing: .1em; }
.usb-cinema__product figcaption b { display: inline-block; margin-inline-start: .5rem; font-size: 1.1rem; color: #fff; }
.usb-cinema__folio { position: absolute; inset-inline-start: var(--gutter,2rem); inset-block-end: .8rem; margin: 0; color: #9397a1; font-size: .6rem; letter-spacing: .18em; }
.usb-cinema__nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1.5rem; padding-block: 1.1rem; border-block-start: 1px solid #41434b; }
.usb-cinema__nav a { display: flex; gap: .8rem; align-items: center; color: #9a9eaa; font-size: .65rem; letter-spacing: .07em; text-decoration: none; min-block-size: 2.75rem; }
.usb-cinema__nav a span { color: #ededf0; font-size: .75rem; }
.usb-cinema__nav a:last-child { color: #fff; }
.usb-cinema__nav a:hover span { color: #aebaff; }
.usb-views { --ink:#17191d; --ink-2:#565a63; --line:#d1d2cc; --line-strong:#a1a49e; --accent-text:#3348d5; background:#eeeee8; color:var(--ink); }
.usb-views__layout { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); align-items:start; gap:clamp(2rem,5vw,6rem); }
.usb-views__intro { padding-block:2rem; }
.usb-views h2 { margin:1.8rem 0 1.5rem; font-family:var(--display); font-size:clamp(2.8rem,4.3vw,4.5rem); font-weight:500; line-height:1.04; letter-spacing:-.055em; }
.usb-views h2 em { font-size:1.14em; line-height:1.1; }
.usb-views__intro > p { max-inline-size:28ch; color:#555a62; font-size:1rem; line-height:1.7; }
.usb-views__index { display:flex; align-items:center; gap:1.2rem; margin-block:clamp(2rem,4vw,4.5rem); }
.usb-views__index > span { font-family:var(--display); font-size:5rem; font-weight:400; line-height:1; letter-spacing:-.07em; }
.usb-views__index p { color:#62666d; font-size:.75rem; line-height:1.7; }
.usb-editorial-link { display:inline-flex; align-items:center; gap:1.5rem; min-block-size:2.75rem; color:inherit; font-size:.8rem; font-weight:600; text-decoration:none; border-block-end:1px solid currentColor; }
.usb-editorial-link span { font-size:1.2rem; }
.usb-views .usb-gallery { grid-area:auto; }
.usb-views .usb-gallery__frames { border-radius:0; }
.usb-views .usb-gallery__frame { background:#e5e6df; border-radius:0; }
.usb-views .usb-gallery__frame[data-finish="white"] { background:#24272e; }
.usb-views .usb-gallery__open { aspect-ratio:1.15; }
.usb-views .usb-gallery__open img { padding:0; }
.usb-views .usb-gallery__frame figcaption { font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; padding:1rem 1.4rem 1.4rem; }
.usb-views .usb-gallery__controls { margin-block-start:1.5rem; }
.usb-views .usb-gallery__finishes { padding-block-start:1.25rem; border-block-start:1px solid #c9ccc4; }
.usb-views .usb-gallery__finishes button { border-radius:0; min-inline-size:5rem; }
.usb-views .usb-gallery__numbers button { background:#e5e6df; border-radius:0; }
.usb-views .usb-gallery__numbers button[data-usb-thumbnail-finish="white"] { background:#24272e; }
.usb-views .usb-gallery__numbers button span { background:#eeeee8; }
.usb-reference-band { color:#242730; background:#e3e4dd; border-block-start:1px solid #c9ccc4; padding-block:1.8rem; }
.usb-reference-band__inner { display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.usb-reference-band .usb-price { display:grid; grid-template-columns:minmax(11rem,.6fr) minmax(0,1fr); gap:.35rem 2rem; border:0; padding:0; max-inline-size:65rem; }
.usb-reference-band .usb-price__label { grid-column:1; margin:0; font-size:.65rem; color:#565b62; }
.usb-reference-band .usb-price__amount { grid-column:1; grid-row:2; font-size:1.5rem; }
.usb-reference-band .usb-price__note { grid-column:2; grid-row:1 / 3; margin:0; color:#4b5058; font-size:.75rem; }
.usb-reference-band .usb-price__source { grid-column:1 / -1; color:#555b65; font-size:.65rem; margin:.4rem 0 0; }
.usb-reference-band .usb-price__source a { color:#343a44; }
.usb-reference-band .usb-editorial-link { flex:none; font-size:.75rem; }
.usb-connections { overflow:clip; }
.usb-connections__head { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); align-items:end; gap:1.5rem 4rem; }
.usb-connections__head .usb-kicker { grid-column:1 / -1; color:var(--ink-2); }
.usb-connections__head h2 { margin:0; font-family:var(--display); font-size:clamp(4.5rem,8vw,8rem); line-height:.98; font-weight:500; letter-spacing:-.065em; }
.usb-connections__head h2 em { color:var(--accent-text); font-size:1.12em; }
.usb-connections__head > p { margin:0 0 1rem; color:var(--ink-2); font-size:clamp(1rem,1.8vw,1.5rem); line-height:1.5; }
.usb-connections__body { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(2rem,6vw,7rem); margin-block-start:3rem; }
.usb-connections__visual { position:relative; margin:0; background:transparent; border-radius:0; color:var(--ink); }
.usb-connections__visual::before { content:"USB / XLR"; position:absolute; inset-inline:0; inset-block-start:15%; color:var(--line); font-family:var(--display); font-weight:700; font-size:clamp(4rem,8vw,8rem); letter-spacing:-.07em; white-space:nowrap; }
.usb-connections__visual img { position:relative; inline-size:100%; max-block-size:38rem; }
.usb-connections__visual figcaption { color:var(--ink-2); font-size:.65rem; text-align:center; letter-spacing:.08em; text-transform:uppercase; }
.usb-connection { padding-block:1.6rem; gap:.75rem; }
.usb-connection h3 { margin-block-end:.7rem; font-size:clamp(1.2rem,1.8vw,1.6rem); font-weight:500; }
.usb-connection p { max-inline-size:38ch; font-size:.9rem; }
.usb-premium #anatomy { background:var(--raised); border:0; }
.usb-premium .section__head h2 { font-size:clamp(2.8rem,5vw,5rem); line-height:1.05; font-weight:500; }
.usb-premium .section__head h2 em { font-size:1.12em; }
.usb-premium #anatomy .section__head { display:grid; grid-template-columns:1.2fr .8fr; gap:1rem 4rem; align-items:end; margin-block-end:3.5rem; }
.usb-premium #anatomy .section__head .label { grid-column:1 / -1; }
.usb-premium #anatomy .section__head p { margin:0; max-inline-size:30ch; }
.usb-premium .anatomy__figure { border:0; background:transparent; }
.usb-premium .anatomy__pin { padding-block-start:0; }
.usb-premium .parts li { border-color:var(--line); padding-block:1.35rem; }
.usb-premium .parts h3 { font-size:1.15rem; font-weight:500; }
.usb-premium .parts p { font-size:.85rem; line-height:1.7; }
.usb-premium #specifications { --ink:#f1f1f0; --ink-2:#aeb1bc; --line:#3e414b; --line-strong:#676a74; --accent-text:#9aaaff; --bg:#17191f; --raised:#20232c; color:var(--ink); background:#17191f; border:0; }
.usb-premium #specifications .spec-intro { position:static; }
.usb-premium #specifications .spec-groups { gap:3.5rem; }
.usb-premium #specifications .specs caption { color:#aab8ff; font-size:.7rem; font-weight:500; letter-spacing:.14em; }
.usb-premium #specifications .specs :is(th,td) { padding-block:1.2rem; font-size:.85rem; }
.usb-premium #specifications .specs td { font-size:.95rem; }
.usb-premium #compare .section__head { max-inline-size:52rem; }
.usb-premium #compare .section__head .lede { font-size:.9rem; max-inline-size:62ch; }
.usb-premium #compare .specs--compare { border-block-start:1px solid var(--line-strong); }
.usb-premium #compare .specs--compare :is(th,td) { padding-block:1.25rem; }
.usb-premium #quote-section { --bg:#efefe9; --ink:#16191f; --ink-2:#555b65; --line:#c5c9c1; --line-strong:#90968d; --surface:#efefe9; --accent-text:#3046d2; --accent:#4057eb; --raised:#e2e5dc; color:#16191f; background:#efefe9; border-block-start:1px solid #c5c9c1; }
.usb-premium #quote-section .section__head .label { font-size:.65rem; }
.usb-premium #quote-section .section__head h2 { font-size:clamp(3rem,5.3vw,5.5rem); }
.usb-premium #quote-section .enquiry__panel { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.usb-premium #quote-section .field-grid { gap:1.5rem 1.25rem; }
.usb-premium #quote-section .enquiry__panel :is(input,textarea,select) { border-radius:0; background:transparent; border-color:#969d94; }
.usb-premium #quote-section .enquiry__panel .btn { border-radius:0; min-block-size:3.5rem; }
.usb-premium #quote-section .price-note { margin-block-start:1.5rem; max-inline-size:35ch; color:#555b65; font-size:.85rem; }
.usb-premium #quote-section .field-help { font-size:.75rem; line-height:1.6; }
.usb-premium .footer { padding-block:3rem; }
/* Motion is supplemental only: nothing starts hidden or waits for scroll. */
@media (prefers-reduced-motion:no-preference) {
  .usb-cinema__product img { animation:usb-cinema-arrive .8s cubic-bezier(.2,.8,.2,1) both; }
  .usb-cinema__product > a:hover img { translate:-50% -.35rem; transition:translate .4s ease; }
  .usb-editorial-link span { transition:translate .2s ease; }
  .usb-editorial-link:hover span { translate:.2rem -.2rem; }
}
@keyframes usb-cinema-arrive { from { transform:translateY(1rem); } to { transform:translateY(0); } }
@media (max-width:75rem) {
  .usb-cinema__stage { grid-template-columns:1fr 1fr; min-block-size:42rem; }
  .usb-cinema h1 { font-size:clamp(5rem,9.8vw,7rem); }
  .usb-cinema__product img { inset-block-start:0; }
  .usb-reference-band__inner { display:block; }
  .usb-reference-band .usb-editorial-link { margin-block-start:1rem; }
}
@media (max-width:61.99rem) {
  .usb-cinema__stage { grid-template-columns:1fr 1fr; min-block-size:38rem; padding-block:2.5rem 3.5rem; }
  .usb-cinema h1 { font-size:clamp(4.5rem,10vw,6rem); }
  .usb-cinema .usb-kicker { font-size:.6rem; gap:.5rem; margin-block-end:1.5rem; }
  .usb-cinema__product > a { inset-inline:-15% -15%; }
  .usb-cinema__product img { inset-block-start:10%; inline-size:140%; inset-inline-start:-20%; }
  .usb-cinema__product figcaption { inset-inline:5% 0; }
  .usb-views__layout { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:2rem; }
  .usb-views h2 { font-size:clamp(2.25rem,4.8vw,3.5rem); }
  .usb-views__index { margin-block:2rem; }
  .usb-views .usb-gallery__open { aspect-ratio:1; }
  .usb-connections__body { gap:2rem; }
  .usb-premium #anatomy .section__head { gap:2rem; }
}
@media (max-width:47.99rem) {
  .usb-premium .header__inner { block-size:4.5rem; }
  .usb-cinema__stage { grid-template-columns:1fr; padding-block:2.5rem 3rem; min-block-size:0; }
  .usb-cinema__copy { display:contents; }
  .usb-cinema .usb-kicker { grid-row:1; margin:0 0 1.5rem; font-size:.6rem; }
  .usb-cinema h1 { grid-row:2; display:block; font-size:clamp(3.6rem,12.8vw,6rem); margin:0; letter-spacing:-.065em; }
  .usb-cinema h1 em { display:inline; font-size:1.05em; }
  .usb-cinema__product { grid-row:3; block-size:clamp(19rem,81vw,34rem); margin-block:0 1.5rem; }
  .usb-cinema__product::before { inset:11% -5% 5% 5%; }
  .usb-cinema__product > a { inset:0; }
  .usb-cinema__product img { inline-size:125%; inset-inline-start:-12%; inset-block-start:-20%; }
  .usb-cinema__product figcaption { inset-inline:0; inset-block-end:0; font-size:.6rem; padding-block-start:.6rem; }
  .usb-cinema__line { grid-row:4; margin:0 0 1.5rem; font-size:1.1rem; }
  .usb-cinema__action { grid-row:5; gap:.5rem 1.25rem; }
  .usb-cinema__reference { grid-row:6; margin-block-start:1rem; }
  .usb-cinema__folio { display:none; }
  .usb-cinema__nav { justify-content:flex-start; gap:.25rem 1.25rem; padding-block:.7rem; }
  .usb-cinema__nav a { font-size:.6rem; gap:.4rem; }
  .usb-cinema__nav a span { font-size:.65rem; }
  .usb-cinema__nav a:last-child { display:none; }
  .usb-views__layout { grid-template-columns:1fr; gap:2rem; }
  .usb-views__intro { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; padding:0; }
  .usb-views__intro .usb-kicker { grid-column:1 / -1; }
  .usb-views h2 { grid-column:1; margin:0; font-size:clamp(2.6rem,7.8vw,4rem); }
  .usb-views__intro > p { grid-column:1 / -1; margin:0; max-inline-size:45ch; font-size:.9rem; }
  .usb-views__index { grid-column:2; grid-row:2; display:block; margin:0; align-self:end; }
  .usb-views__index > span { font-size:3.5rem; }
  .usb-views__index p { font-size:.6rem; margin:.4rem 0 0; }
  .usb-views__intro > a { grid-column:1 / -1; justify-self:start; font-size:.75rem; }
  .usb-reference-band .usb-price { grid-template-columns:1fr; }
  .usb-reference-band .usb-price__note { grid-column:1; grid-row:auto; margin-block-start:.5rem; }
  .usb-reference-band .usb-price__amount { grid-row:auto; }
  .usb-connections__head { grid-template-columns:1fr; gap:1.5rem; }
  .usb-connections__head h2 { font-size:clamp(4rem,14vw,6rem); }
  .usb-connections__head > p { margin:0; font-size:1rem; }
  .usb-connections__body { grid-template-columns:1fr; gap:2rem; margin-block-start:1rem; }
  .usb-connections__visual img { max-block-size:30rem; }
  .usb-connections__visual::before { font-size:clamp(3rem,13vw,6rem); }
  .usb-premium #anatomy .section__head { grid-template-columns:1fr; gap:1.5rem; }
  .usb-premium .section__head h2 { font-size:clamp(2.5rem,9vw,4rem); }
  .usb-premium #quote-section .section__head h2 { font-size:clamp(2.8rem,10vw,4.5rem); }
  .usb-premium #quote-section .enquiry { gap:3rem; }
}
@media (max-width:22rem) {
  .usb-cinema h1 { font-size:3.5rem; }
  .usb-cinema__action .btn { inline-size:100%; justify-content:space-between; }
  .usb-views__index { display:none; }
  .usb-views__intro { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .usb-cinema__product img { animation:none !important; transform:none !important; translate:-50% 0 !important; }
}

/* Fit the actual opaque microphone bounds, not the large transparent square. */
.usb-cinema__product img { inline-size:auto; block-size:128%; max-inline-size:none; inset-inline-start:50%; inset-block-start:-28%; translate:-50% 0; }
.usb-views__datasheet { display:block; color:inherit; font-size:.7rem; line-height:1.6; padding-block:1rem; }
@media(max-width:47.99rem) { .usb-views__datasheet { grid-column:1 / -1; padding-block:0; } }

/* DOM and mobile visual order agree: title, product link, then quote actions. */
.usb-cinema__stage { grid-template-areas:"title image" "details image"; row-gap:0; }
.usb-cinema__copy { grid-area:title; align-self:end; padding-block-end:0; }
.usb-cinema__details { grid-area:details; position:relative; z-index:2; align-self:start; }
.usb-cinema__product { grid-area:image; }
.usb-cinema__product > a:focus-visible { outline:3px solid #b1bdff; outline-offset:-5px; }
@media(max-width:47.99rem) {
  .usb-cinema__stage { grid-template-areas:"title" "image" "details"; }
  .usb-cinema__copy { display:block; padding:0; }
  .usb-cinema__details { display:block; }
  .usb-cinema__product { grid-area:image; }
  .usb-cinema__reference { margin-block-end:0; }
}

/* The compact navigation is genuinely two rows, never squeezed into one. */
@media(max-width:47.99rem){
  body.usb-premium{--header-h:6.75rem}
  .usb-premium .header__inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:3.75rem 2.75rem;block-size:6.75rem;padding-block:0 .25rem;gap:0}
  .usb-premium .header .wordmark{grid-column:1;grid-row:1;justify-self:start}
  .usb-premium .header .switch{grid-column:2;grid-row:1;margin-inline-start:0}
  .usb-premium .header__nav{grid-column:1 / -1;grid-row:2;inline-size:100%;margin:0;display:flex;justify-content:space-between;gap:.75rem;padding:0;border:0}
  .usb-premium .header__nav a{min-block-size:2.75rem;display:inline-flex;align-items:center;font-size:.7rem}
}
.usb-premium .header,.usb-premium .header__inner{animation:none}

/* UX review, 24 October 2026: same warm-paper/deep-ink palette as the
   editorial site. No source image, field contract, price or script change. */
.usb-premium {
  --bg: #102334; --surface: #163047; --raised: #213c52;
  --ink: #f8f2e8; --ink-2: #c3ced8; --ink-3: #b9c7d5;
  --line: #3c566b; --line-strong: #7b93a7; --accent-text: #97baff;
}
[data-theme="light"] .usb-premium {
  --bg: #ffffff; --surface: #ffffff; --raised: #ffffff;
  --ink: #16283a; --ink-2: #536172; --ink-3: #536172;
  --line: #d5c6af; --line-strong: #7b6f5f; --accent-text: #1d50b8;
}
.usb-premium .header, .usb-cinema, .usb-premium #specifications {
  --bg: #102334; --surface: #163047; --raised: #213c52;
  --ink: #f8f2e8; --ink-2: #c3ced8; --ink-3: #b9c7d5;
  --line: #3c566b; --line-strong: #7b93a7; --accent-text: #97baff;
  background: #102334; color: #f8f2e8;
}
.usb-cinema__product::before {
  background: #213c52;
}
.usb-views, .usb-premium #quote-section {
  --bg: #ffffff; --surface: #ffffff; --raised: #ffffff;
  --ink: #16283a; --ink-2: #536172; --ink-3: #536172;
  --line: #d5c6af; --line-strong: #7b6f5f; --accent-text: #1d50b8;
  background: #ffffff; color: #16283a;
}
.usb-views .usb-gallery__frame,
.usb-views .usb-gallery__numbers button {
  background: #ffffff; color: #16283a;
}
.usb-views .usb-gallery__frame[data-finish="white"],
.usb-views .usb-gallery__numbers button[data-usb-thumbnail-finish="white"] {
  background: #163047; color: #f8f2e8;
}
.usb-views .usb-gallery__numbers button span {
  background: #ffffff; color: #16283a;
}
.usb-reference-band { background: #ffffff; color: #16283a; border-color: #d5c6af; }
.usb-views .usb-gallery__finishes { border-color: #d5c6af; }
.usb-premium .usb-cinema .btn { background: #0066ff; border-color: #0066ff; }
.usb-premium .usb-cinema .btn:hover { background: #fff; border-color: #fff; }
/* Keep the full square product source inside a bounded frame, leaving the
   caption its own space. The previous 128% height / -28% offset could reach
   the caption at narrow sizes. No stretching or destructive source crop. */
.usb-cinema__product > a {
  inset: 0 0 3.5rem;
  display: grid; place-items: center;
}
.usb-cinema__product img {
  position: static; inset: auto;
  inline-size: 100%; block-size: 100%;
  max-inline-size: 100%; max-block-size: 100%; min-block-size: 0;
  object-fit: contain; object-position: center;
  transform: none; translate: none; animation: none;
}
.usb-cinema__product > a:hover img { transform: none; translate: none; }
.usb-connections__visual img {
  inline-size: min(100%, 38rem); block-size: auto;
  max-block-size: none; margin-inline: auto; object-fit: contain;
}
.usb-views .usb-gallery__open {
  block-size: clamp(18rem, 38vw, 36rem);
  aspect-ratio: auto;
}
.usb-views .usb-gallery__open img {
  inline-size: 100%; block-size: 100%; min-block-size: 0;
  max-block-size: 100%; object-fit: contain; object-position: center;
}
.usb-views .usb-gallery__frame[data-finish="white"] .usb-gallery__open:focus-visible {
  outline-color: #97baff;
}
.usb-cinema__product > a:focus-visible { outline-color: #97baff; }
@media (prefers-reduced-motion: reduce) {
  .usb-cinema__product img { translate: none !important; }
}
.usb-views .usb-gallery__numbers button[data-usb-thumbnail-finish="white"][aria-pressed="true"] {
  border-color: #97baff; box-shadow: inset 0 0 0 1px #97baff;
}
/* A two-colour ring remains visible where a navy image card meets paper. */
.usb-views .usb-gallery__frame .usb-gallery__open:focus-visible {
  outline: 3px solid #1d50b8; outline-offset: 3px;
  box-shadow: 0 0 0 3px #ffffff;
}