/* The Void Sentinel preview. Same portal identity and editorial dials as Kingfisher Isle and New horizons. */
.void-sentinel { color-scheme: dark; --article-width: 1180px; }
.sn-heading,.sn-cover,.sn-parts,.sn-nav,.sn-story { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.sn-heading { padding:28px 0 30px; }
.sn-heading .back-link { margin-bottom:8px; }
.sn-heading h1 { margin:10px 0 14px; color:var(--gold-hi); font:400 clamp(52px,7vw,88px)/1.05 var(--display); }
.sn-deck { max-width:660px; font-size:clamp(18px,2vw,22px); line-height:1.6; color:#d0c5dd; margin:0 0 16px; }
.sn-upcoming { max-width:46rem; margin:0 0 6px; padding:1rem 1.2rem; border-left:3px solid var(--gold); background:#ddb46512; color:#eddbb7; }
.sn-link { display:inline-flex; align-items:center; min-height:44px; font-weight:600; text-underline-offset:5px; }

/* Screenshots: the frame, the enlarge link and the caption. */
.sn-shot { margin:24px 0; min-width:0; background:#08060d; border:1px solid var(--article-rule); border-radius:10px; overflow:hidden; }
.sn-shot a { display:block; }
.sn-shot img { display:block; width:100%; height:auto; object-fit:contain; }
.sn-shot a:focus-visible { outline-offset:-4px; }
.sn-shot figcaption { padding:12px 16px; color:#bdb1cd; font-size:13px; line-height:1.55; }
.sn-shot-pixel img { background:#0d0a12; }
.sn-pixel { image-rendering:pixelated; }
.sn-cover .sn-shot { margin:0; }
.sn-cover img { max-height:600px; object-fit:cover; object-position:50% 0; }

/* The four parts of the update. */
.sn-parts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px; }
.sn-parts a { display:flex; flex-direction:column; text-decoration:none; color:inherit; background:var(--void-2); border:1px solid var(--article-rule); border-radius:10px; overflow:hidden; }
.sn-parts a:hover { border-color:var(--purple-hi); }
.sn-parts img, .sn-wave { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:50% 30%; background:#09050b; }
.sn-parts img.sn-part-upper { object-position:50% 40%; }
.sn-parts img.sn-part-pixel { object-fit:contain; image-rendering:pixelated; background:#0d0a12; }
.sn-parts strong { display:block; padding:14px 16px 4px; color:var(--gold-hi); font:400 22px/1.2 var(--display); }
.sn-parts a > span:last-child { display:block; padding:0 16px 16px; color:#bdb1cd; font-size:14px; line-height:1.55; }
.sn-wave { display:flex; align-items:center; justify-content:center; gap:5px; padding:0 18%; background:radial-gradient(circle at 50% 50%,#2a1f3d,#09050b 75%); }
.sn-wave i { display:block; flex:1; max-width:7px; border-radius:4px; background:linear-gradient(var(--purple-hi),var(--purple)); }
.sn-wave i:nth-child(1),.sn-wave i:nth-child(16) { height:12%; }
.sn-wave i:nth-child(2),.sn-wave i:nth-child(15) { height:22%; }
.sn-wave i:nth-child(3),.sn-wave i:nth-child(14) { height:34%; }
.sn-wave i:nth-child(4),.sn-wave i:nth-child(13) { height:26%; }
.sn-wave i:nth-child(5),.sn-wave i:nth-child(12) { height:46%; }
.sn-wave i:nth-child(6),.sn-wave i:nth-child(11) { height:58%; }
.sn-wave i:nth-child(7),.sn-wave i:nth-child(10) { height:40%; }
.sn-wave i:nth-child(8),.sn-wave i:nth-child(9) { height:66%; background:linear-gradient(var(--gold-hi),var(--gold)); }

.sn-nav { display:flex; gap:8px 26px; flex-wrap:wrap; padding:22px 0; border-bottom:1px solid var(--article-rule); }
.sn-nav a { display:flex; align-items:center; min-height:44px; font-size:14px; text-decoration:none; }
.sn-nav a:hover { color:var(--gold-hi); text-decoration:underline; }

/* Sections. */
.sn-part { margin:0; padding:64px 0 0; color:#a99cb9; font:600 13px/1.4 var(--body); letter-spacing:.12em; text-transform:uppercase; }
.sn-part + .sn-section { padding-top:18px; }
.sn-section { padding:58px 0; border-bottom:1px solid var(--article-rule); scroll-margin-top:90px; }
.sn-section h2 { margin:0 0 22px; font:400 clamp(32px,4vw,48px)/1.15 var(--display); }
.sn-section h3 { font:600 18px/1.4 var(--body); margin:30px 0 10px; color:var(--text); }
.sn-section p { max-width:74ch; font-size:16px; line-height:1.8; color:#c2b7cf; margin:0 0 20px; }
.sn-section strong { color:var(--text); }
.sn-section .sn-lead { font-size:20px; color:#e1d7eb; max-width:64ch; }
.sn-section .sn-note { margin:12px 0 0; font-size:14px; color:#a99cb9; }
.sn-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.sn-section .sn-kicker { margin:0 0 10px; color:var(--purple-hi); font-size:12px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
.sn-credit { display:inline-block; padding:3px 10px; border:1px solid var(--gold); border-radius:999px; color:var(--gold-hi); font-size:12px; font-weight:600; letter-spacing:.02em; text-transform:none; }

.sn-lore { max-width:64ch; margin:0 0 28px; padding:22px 26px; background:linear-gradient(135deg,#1f1530,var(--void-2)); border:1px solid var(--article-rule); border-left:3px solid var(--purple); border-radius:0 10px 10px 0; }
.sn-section .sn-lore p { margin:0 0 12px; font:400 21px/1.6 var(--display); color:#e1d7eb; }
.sn-section .sn-lore p:last-child { margin:0; color:var(--gold-hi); }

.sn-facts { display:grid; gap:14px; margin:20px 0 0; }
.sn-facts-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sn-facts-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sn-facts-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.sn-facts div { min-width:0; padding:16px 18px; background:var(--void-2); border:1px solid var(--article-rule); border-radius:10px; }
.sn-facts dt { color:#a99cb9; font-size:13px; line-height:1.45; margin:0 0 6px; }
.sn-facts dd { margin:0; color:var(--gold-hi); font:400 24px/1.2 var(--display); overflow-wrap:anywhere; }

/* Ranged values use real table headers and wrap within the phone column. */
.sn-stat-table { width:100%; max-width:850px; table-layout:fixed; border-collapse:collapse; margin:22px 0; font-size:15px; line-height:1.55; }
.sn-stat-table caption { text-align:left; color:#a99cb9; font-size:14px; padding:0 0 10px; }
.sn-stat-table th,.sn-stat-table td { padding:12px 16px; border-bottom:1px solid var(--article-rule); vertical-align:top; text-align:right; }
.sn-stat-table th:first-child { width:56%; text-align:left; }
.sn-stat-table thead th { color:var(--gold-hi); background:var(--void-2); font-size:13px; font-weight:600; }
.sn-stat-table tbody th { color:#e1d7eb; font-weight:500; }
.sn-stat-table th span { display:block; color:#a99cb9; font-size:13px; font-weight:400; }
.sn-stat-table td { color:var(--gold-hi); font-variant-numeric:tabular-nums; }
.sn-stat-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:28px; max-width:850px; margin-top:14px; }
.sn-stat-grid .sn-stat-table { margin-bottom:0; }

.sn-list { max-width:74ch; margin:8px 0 28px; padding:0; list-style:none; }
.sn-list li { padding:12px 0 12px 22px; border-left:2px solid var(--purple); color:#c2b7cf; line-height:1.75; }
.sn-list li + li { margin-top:8px; }

.sn-photo-grid,.sn-grid-3 { display:grid; gap:20px; margin:24px 0; align-items:start; }
.sn-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sn-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sn-photo-grid .sn-shot,.sn-grid-3 .sn-shot { margin:0; }
.sn-feature { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:36px; align-items:center; margin:24px 0; }
.sn-feature .sn-shot { margin:0; }
.sn-feature h3 { margin-top:0; }
.sn-feature .sn-list { margin:0; }

/* The fight: a health track, then one panel per phase. */
.sn-track { margin:8px 0 34px; }
.sn-track-bar { display:grid; grid-template-columns:50fr 30fr 20fr; gap:3px; }
.sn-track-bar span { display:flex; align-items:center; min-height:44px; padding:0 14px; border-radius:6px; font:600 14px/1.2 var(--body); color:#16101f; }
.sn-track-bow { background:linear-gradient(90deg,#d9b56f,#c9a45b); }
.sn-track-blade { background:linear-gradient(90deg,#b28cf2,#8f55df); }
.sn-track-last { background:linear-gradient(90deg,#e0727a,#b8434f); color:#fff !important; }
.sn-track-scale { position:relative; height:24px; margin-top:8px; color:#a99cb9; font-size:13px; }
.sn-track-scale span { position:absolute; top:0; white-space:nowrap; }
.sn-track-scale span:first-child { left:0; }
.sn-track-half { left:50%; padding-left:8px; border-left:1px solid var(--line-strong); }
.sn-track-fifth { left:80%; padding-left:8px; border-left:1px solid var(--line-strong); }

.sn-phase { margin:0 0 26px; padding:24px 26px 26px; background:var(--void-2); border:1px solid var(--article-rule); border-radius:12px; }
.sn-phase > header h3, .sn-phase .sn-feature h3 { margin:0 0 14px; color:var(--gold-hi); font:400 30px/1.2 var(--display); }
.sn-section .sn-phase-tag { margin:0 0 6px; color:var(--purple-hi); font-size:12px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
.sn-phase .sn-list { margin-bottom:6px; }
.sn-phase .sn-photo-grid, .sn-phase .sn-grid-3 { margin-bottom:0; }
.sn-phase .sn-feature { margin:0; }
.sn-phase-bow { border-top:3px solid var(--gold); }
.sn-phase-blade { border-top:3px solid var(--purple-hi); }
.sn-phase-last { border-top:3px solid #c25560; }
.sn-phase-shed { background:transparent; }
.sn-section .sn-phase .sn-feature p { margin-bottom:0; }

/* Items. */
.sn-pieces { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px 0; }
.sn-piece { display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; padding:16px 12px; background:radial-gradient(circle at 50% 35%,#2a1f3d,var(--void-2) 72%); border:1px solid var(--article-rule); border-radius:10px; text-align:center; }
.sn-piece img { display:block; width:96px; height:64px; }
.sn-section .sn-piece p { margin:0; font-size:14px; line-height:1.5; }
.sn-piece p strong { display:block; color:var(--gold-hi); font:400 19px/1.25 var(--display); }
.sn-piece p span { display:block; color:#c2b7cf; }

.sn-supplies { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:8px 14px; margin:12px 0 30px; padding:0; list-style:none; }
.sn-supplies li { display:flex; align-items:center; gap:12px; min-height:52px; padding:6px 12px 6px 6px; background:var(--void-2); border:1px solid var(--article-rule); border-radius:8px; color:#d0c5dd; font-size:14px; line-height:1.35; }
.sn-supplies img { flex:none; width:48px; height:32px; }
.sn-supplies li span { margin-left:4px; color:#a99cb9; font-size:12px; }

.sn-ranger { display:grid; grid-template-columns:minmax(220px,300px) minmax(0,1fr); gap:36px; align-items:start; margin:26px 0; }
.sn-closeup { margin:0; padding:12px; background:radial-gradient(circle at 50% 35%,#3a3f4f,#1e2029 75%); border:1px solid var(--article-rule); border-radius:12px; }
.sn-closeup a { display:block; }
.sn-closeup img { display:block; width:100%; height:auto; border-radius:6px; }
.sn-closeup figcaption { padding:10px 4px 0; color:#bdb1cd; font-size:13px; text-align:center; }
.sn-ranger .sn-pieces { margin-top:0; }
.sn-ranger h3 { margin-top:24px; }
.sn-tiers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 18px; padding:0; list-style:none; }
.sn-tiers li { padding:14px 16px; background:var(--void-2); border:1px solid var(--article-rule); border-radius:10px; }
.sn-tiers span { display:block; color:#a99cb9; font-size:13px; }
.sn-tiers strong { display:block; margin-top:4px; color:var(--gold-hi); font:400 30px/1.1 var(--display); }
.sn-tiers li:nth-child(2) strong { font-size:34px; }
.sn-tiers li:nth-child(3) { border-color:var(--gold); }
.sn-tiers li:nth-child(3) strong { font-size:38px; }
.sn-callout { margin:22px 0; padding:20px 24px; background:var(--void-2); border-left:3px solid var(--purple); border-radius:0 10px 10px 0; }
.sn-section .sn-callout h3 { margin:0 0 8px; color:var(--gold-hi); }
.sn-section .sn-callout p { margin:0; }

.sn-anim-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 0; }
.sn-anim { margin:0; min-width:0; padding:10px 8px 12px; background:radial-gradient(circle at 50% 40%,#2a1f3d,var(--void-2) 72%); border:1px solid var(--article-rule); border-radius:10px; text-align:center; }
.sn-anim img { display:block; width:100%; height:auto; margin:0 auto 6px; }
.sn-anim figcaption { color:#bdb1cd; font-size:13px; line-height:1.4; }

/* Dragonhide colours. */
.sn-colours { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:26px 0 14px; }
.sn-colour { --hide:#7bb164; min-width:0; padding:18px 20px 16px; background:var(--void-2); border:1px solid var(--article-rule); border-top:3px solid var(--hide); border-radius:12px; }
.sn-colour-blue { --hide:#6591d9; }
.sn-colour-red { --hide:#d94841; }
.sn-colour-black { --hide:#8a8a96; }
.sn-colour header { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; }
.sn-swatch { flex:none; width:18px; height:18px; border-radius:50%; background:var(--hide); box-shadow:0 0 0 2px #0b0812, 0 0 0 3px var(--hide); }
.sn-section .sn-colour h3 { margin:0; color:var(--text); font:400 26px/1.2 var(--display); }
.sn-section .sn-colour header p { margin:0 0 0 auto; color:var(--gold-hi); font-size:14px; font-weight:600; }
.sn-colour figure { margin:12px 0 10px; padding:8px 0 4px; background:radial-gradient(circle at 50% 45%,#272033,#120d1a 75%); border-radius:8px; }
.sn-colour figure img { display:block; width:100%; max-width:528px; height:auto; margin:0 auto; }
.sn-colour figcaption { display:grid; grid-template-columns:repeat(3,1fr); max-width:528px; margin:0 auto; color:#a99cb9; font-size:12px; text-align:center; }
.sn-colour dl { margin:0; }
.sn-colour dl div { display:grid; grid-template-columns:96px minmax(0,1fr); align-items:center; gap:10px; padding:8px 0; border-top:1px solid rgba(178,140,242,.12); }
.sn-colour dt { color:#a99cb9; font-size:13px; }
.sn-colour dd { display:grid; grid-template-columns:repeat(3,1fr); margin:0; color:var(--text); font:400 20px/1.2 var(--display); text-align:center; }
.sn-colour .sn-colour-set dd { display:block; text-align:left; color:var(--gold-hi); font:600 15px/1.4 var(--body); }

.sn-steps { counter-reset:step; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:16px 0 8px; padding:0; list-style:none; }
.sn-steps li { counter-increment:step; position:relative; padding:20px 20px 18px; background:var(--void-2); border:1px solid var(--article-rule); border-radius:10px; }
.sn-steps li::before { content:counter(step); display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin-bottom:10px; border:1px solid var(--gold); border-radius:50%; color:var(--gold-hi); font:400 20px/1 var(--display); }
.sn-steps h4 { margin:0 0 6px; color:var(--text); font:600 17px/1.4 var(--body); }
.sn-section .sn-steps p { margin:0; font-size:15px; line-height:1.7; }

.sn-leather { display:flex; align-items:center; gap:24px; margin:8px 0 0; padding:16px 22px; background:var(--void-2); border:1px solid var(--article-rule); border-radius:12px; }
.sn-leather img { flex:none; width:264px; height:auto; }
.sn-leather h3 { margin:0 0 6px; }
.sn-section .sn-leather p { margin:0; }

/* Sound. */
.sn-sound { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:8px; }
.sn-sound article { min-width:0; padding:22px 22px 20px; background:var(--void-2); border:1px solid var(--article-rule); border-radius:12px; }
.sn-sound h3 { margin:0 0 8px; color:var(--gold-hi); font:400 24px/1.25 var(--display); }
.sn-section .sn-sound p { font-size:15px; line-height:1.7; margin-bottom:14px; }
.sn-section .sn-sound p:last-child { margin-bottom:0; }
.sn-chips { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; list-style:none; }
.sn-chips li { padding:5px 11px; border:1px solid var(--article-rule); border-radius:999px; background:#1b1425; color:#d0c5dd; font-size:13px; }
.sn-setting { display:grid; gap:10px; padding:14px 16px; background:rgba(22,11,44,.7); border:1px solid #8a6bd8; border-radius:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.sn-setting-path { color:#d0c5dd; font-size:14px; font-weight:600; }
.sn-setting-path i { margin:0 6px; color:var(--purple-hi); font-style:normal; }
.sn-setting-options { display:flex; gap:6px; }
.sn-setting-options b { flex:1; padding:6px 0; border:1px solid var(--article-rule); border-radius:6px; color:#d0c5dd; font-size:13px; font-weight:600; text-align:center; }
.sn-setting-options b:first-child { border-color:var(--gold); color:var(--gold-hi); }

/* A screenshot slot waiting for its capture. */
.sn-slot { display:flex; align-items:center; justify-content:center; min-height:220px; margin:0; padding:22px; border:2px dashed var(--gold); border-radius:10px; background:repeating-linear-gradient(135deg,#1a1326 0 12px,#151022 12px 24px); text-align:center; }
.sn-section .sn-slot p { margin:0; color:#eddbb7; font-size:14px; }
.sn-slot strong { display:block; margin-bottom:4px; color:var(--gold-hi); font-size:16px; }

#preview { padding-bottom:48px; }
#preview h2 { font-size:30px; }
#preview p { font-size:14px; }

.sn-lightbox { color:var(--text); background:var(--void); border:1px solid var(--article-rule); border-radius:10px; padding:20px; width:fit-content; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); }
.sn-lightbox::backdrop { background:rgba(0,0,0,.88); }
.sn-lightbox form { display:flex; justify-content:flex-end; margin-bottom:12px; }
.sn-lightbox button { background:var(--void-2); color:var(--text); border:1px solid var(--purple-hi); border-radius:6px; min-height:44px; padding:8px 18px; font:600 14px var(--body); cursor:pointer; }
.sn-lightbox img { max-width:100%; max-height:calc(100dvh - 180px); width:auto; height:auto; display:block; margin:auto; }
.sn-lightbox img.sn-pixel-view { image-rendering:pixelated; }
.sn-lightbox p { font-size:14px; line-height:1.6; margin:16px 0 0; max-width:80ch; }

@media(max-width:1000px) {
  .sn-parts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sn-facts-5 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sn-sound { grid-template-columns:1fr; }
  .sn-ranger { grid-template-columns:minmax(200px,260px) minmax(0,1fr); gap:26px; }
}
@media(max-width:820px) {
  .sn-colours { grid-template-columns:1fr; }
  .sn-steps { grid-template-columns:1fr; }
  .sn-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sn-feature { grid-template-columns:1fr; gap:20px; }
  .sn-ranger { grid-template-columns:1fr; }
  .sn-closeup { width:min(100%,300px); margin:0 auto; }
}
@media(max-width:640px) {
  .sn-heading,.sn-cover,.sn-parts,.sn-nav,.sn-story { width:calc(100% - 32px); }
  .sn-heading { padding-top:18px; }
  .sn-heading h1 { font-size:54px; }
  .sn-cover img { aspect-ratio:4/3; object-fit:cover; object-position:46% 0; }
  .sn-parts { grid-template-columns:1fr; gap:10px; }
  .sn-parts a { display:grid; grid-template-columns:112px minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:14px; align-items:start; }
  .sn-parts img, .sn-wave { grid-row:1 / span 2; height:100%; min-height:84px; aspect-ratio:auto; }
  .sn-wave { padding:0 14%; gap:3px; }
  .sn-parts strong { padding:12px 12px 2px 0; font-size:19px; }
  .sn-parts a > span:last-child { padding:0 12px 12px 0; font-size:13px; }
  .sn-nav { gap:0 22px; padding-block:14px; }
  .sn-section { padding:38px 0; }
  .sn-part { padding-top:44px; }
  .sn-section .sn-lead { font-size:18px; }
  .sn-section .sn-lore p { font-size:19px; }
  .sn-lore { padding:18px 18px; }
  .sn-facts-3,.sn-facts-4,.sn-facts-5 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .sn-facts-3 div:first-child { grid-column:1 / -1; }
  .sn-facts div { padding:13px 14px; }
  .sn-facts dd { font-size:20px; }
  .sn-stat-table { font-size:14px; }
  .sn-stat-table th,.sn-stat-table td { padding:10px 8px; }
  .sn-stat-table th:first-child { width:50%; }
  .sn-stat-table thead th,.sn-stat-table th span { font-size:12px; }
  .sn-stat-grid { grid-template-columns:1fr; gap:8px; }
  .sn-photo-grid,.sn-grid-3 { grid-template-columns:1fr; gap:16px; }
  .sn-phase { padding:18px 16px 18px; }
  .sn-phase > header h3, .sn-phase .sn-feature h3 { font-size:26px; }
  .sn-track-bar span { padding:0 8px; font-size:12px; }
  .sn-track-scale { height:auto; display:flex; justify-content:space-between; gap:6px; font-size:12px; }
  .sn-track-scale span { position:static; padding:0; border:0; white-space:normal; }
  .sn-track-scale .sn-track-half { text-align:center; }
  .sn-track-scale .sn-track-fifth { text-align:right; }
  .sn-pieces { gap:8px; }
  .sn-piece { padding:12px 6px; }
  .sn-piece img { width:72px; height:48px; }
  .sn-piece p strong { font-size:16px; }
  .sn-section .sn-piece p { font-size:12px; }
  .sn-supplies { grid-template-columns:1fr; }
  .sn-tiers strong { font-size:26px !important; }
  .sn-anim-grid { grid-template-columns:1fr; gap:12px; }
  .sn-anim img { max-width:300px; }
  .sn-colour { padding:16px 14px 12px; }
  .sn-colour dl div { grid-template-columns:76px minmax(0,1fr); }
  .sn-colour dd { font-size:18px; }
  .sn-leather { flex-direction:column; align-items:flex-start; gap:12px; padding:16px; }
  .sn-leather img { width:100%; max-width:264px; align-self:center; }
  #preview h2 { font-size:26px; }
}
@media(max-width:400px) {
  .sn-heading h1 { font-size:46px; }
  .sn-piece p strong { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .void-sentinel *, .void-sentinel *::before, .void-sentinel *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.void-sentinel .vs-nav-play { color:#211624; }