/* Illuminara Visual Series 01 · collection journey.
   Local overrides keep the shared Nara design system and complete image frames. */
.vs-wrap{width:min(1360px,calc(100% - 64px))}
.vs-hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,68px);padding:clamp(42px,6vw,88px) 0 52px}
.vs-intro .vs-eyebrow{font-size:.71rem;letter-spacing:.16em;line-height:1.6}
.vs-intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.45rem,4.15vw,4.3rem);line-height:1.06;letter-spacing:-.043em;margin:21px 0 23px}
.vs-intro .vs-lead{font-size:1.06rem;letter-spacing:.01em;color:#f3dbac;margin:0 0 14px}
.vs-intro .vs-intro-copy{font-size:.95rem;line-height:1.75;max-width:46ch;margin:0;color:var(--muted)}
.vs-action-row{gap:11px;align-items:center;margin-top:28px}
.vs-action-row button,.vs-action-row a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid rgba(246,198,111,.3);border-radius:11px;padding:13px 16px;font:700 .87rem/1.35 var(--sans);letter-spacing:.005em;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;text-decoration:none}
.vs-action-row .vs-primary-action{color:#15100b;background:linear-gradient(135deg,#f6dca5,#eabb67);border-color:#f2d398;box-shadow:0 5px 24px rgba(231,174,79,.1)}
.vs-action-row .vs-primary-action:hover{background:#ffe1a8;box-shadow:0 7px 30px rgba(231,174,79,.18)}
.vs-action-row .vs-secondary-action{color:var(--ink);background:rgba(246,198,111,.045)}
.vs-action-row .vs-secondary-action:hover{background:rgba(246,198,111,.09);border-color:rgba(246,198,111,.55)}
.vs-play-mark{font-size:1.24rem;line-height:1}
.vs-intro .vs-tour-note{font-size:.72rem;color:var(--soft);margin:12px 0 0;letter-spacing:.025em}
.vs-diptych{padding:clamp(14px,2vw,28px);border-radius:20px;border-color:rgba(246,198,111,.22);background:radial-gradient(ellipse at 28% 52%,rgba(197,115,47,.12),transparent 62%),linear-gradient(135deg,rgba(17,29,44,.9),rgba(6,12,22,.95));box-shadow:0 24px 70px rgba(0,0,0,.24);position:relative}
.vs-diptych-frames{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.73fr);align-items:center;gap:clamp(14px,2vw,25px);padding:4px 0}
.vs-hero-frame{min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.vs-hero-open{display:block;padding:0;background:#000;border:1px solid rgba(255,243,215,.16);border-radius:4px;width:100%;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.4);transition:border-color .2s,box-shadow .2s}
.vs-hero-open:hover{border-color:rgba(246,198,111,.7);box-shadow:0 12px 32px rgba(0,0,0,.5)}
.vs-hero-open img,.vs-hero-photo .vs-hero-open img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
.vs-composition-label{display:inline-flex;align-items:center;gap:7px;font:500 .65rem/1.4 var(--sans);letter-spacing:.035em;color:var(--muted)}
.vs-composition-label>span[aria-hidden]{font:600 .64rem/1.4 var(--mono);border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:2px 5px;color:#f3dcae}
.vs-diptych .vs-diptych-caption{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px 11px;border-top:1px solid rgba(246,198,111,.15);padding:15px 0 0;margin-top:18px;font-size:.75rem;line-height:1.6;text-align:left;color:var(--muted)}
.vs-diptych-caption .vs-num{font-size:.65rem}
.vs-diptych-hint{margin-left:auto;font-size:.68rem;color:var(--soft)}
.vs-note{align-items:center;gap:28px;padding:20px 0;font-size:.82rem;border-color:rgba(246,198,111,.16)}
.vs-note p{margin:0;max-width:88ch;line-height:1.7;color:var(--muted)}
.vs-note p strong{font-weight:600;color:#f2ddba;display:inline}
.vs-note-detail{flex-shrink:0;font:500 .64rem/1.6 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}
.vs-chapter-nav{padding:28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.vs-chapter-nav-label{font-size:.75rem;color:var(--soft);letter-spacing:.025em}
.vs-chapter-nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vs-chapter-nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid rgba(177,205,235,.14);border-radius:9px;color:var(--muted);font-size:.73rem;text-decoration:none;background:rgba(255,255,255,.025);transition:color .2s,border-color .2s}
.vs-chapter-nav a:hover{color:#f5dfb8;border-color:rgba(246,198,111,.45)}
.vs-nav-number{color:var(--gold);font:600 .7rem var(--serif)}
.vs-nav-range{color:var(--soft);font:500 .6rem var(--mono);margin-left:2px}
.vs-chapter{scroll-margin-top:145px;padding-top:55px}
.vs-chapter-heading{display:flex;align-items:center;gap:24px;padding:0 0 22px;border-bottom:1px solid rgba(177,205,235,.13)}
.vs-chapter-kicker{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:58px;color:var(--gold)}
.vs-chapter-kicker>span:first-child{font:400 2rem/1.2 var(--serif)}
.vs-chapter-kicker>span:last-child{font:500 .63rem var(--mono);letter-spacing:.06em;color:var(--soft)}
.vs-chapter-heading h2{font:400 clamp(1.6rem,2.6vw,2.4rem)/1.15 var(--serif);letter-spacing:-.025em;margin:0;color:#f5e6cf}
.vs-chapter-heading p{font-size:.82rem;line-height:1.6;color:var(--soft);margin:8px 0 0}
.vs-grid{gap:24px;margin:24px auto 0;align-items:start}
.vs-chapter:last-child{padding-bottom:76px}
.vs-card{border-radius:15px;border-color:rgba(177,205,235,.16);background:linear-gradient(145deg,rgba(13,24,39,.96),rgba(5,11,21,.96));box-shadow:0 12px 32px rgba(0,0,0,.16)}
.vs-preview{padding:10px;background:radial-gradient(ellipse at 50% 50%,rgba(41,59,85,.12),transparent 80%),#05090f}
.vs-preview img{transition:none}
.vs-preview:hover img{transform:none}
.vs-preview:hover .vs-zoom{border-color:rgba(246,198,111,.65);color:#fce3b6}
.vs-zoom{right:18px;bottom:17px;background:rgba(3,6,13,.86);padding:5px 9px;font-size:.65rem}
.vs-info{padding:18px 20px 20px}
.vs-info .vs-num{font-size:.67rem;color:#d4b578;font-weight:600}
.vs-info h2{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:#f0e6d9;line-height:1.28;margin:9px 0 10px;overflow-wrap:normal}
.vs-info p{font-size:.8rem;line-height:1.65;color:#a7b8ca;margin-bottom:16px;overflow-wrap:normal}
.vs-links{gap:18px;border-color:rgba(177,205,235,.13);padding-top:13px}
.vs-links a{font-size:.71rem;min-height:44px;display:inline-flex;align-items:center;color:#b6c6d8;transition:color .2s}
.vs-links a:hover{color:var(--gold)}
.vs-action-row :focus-visible,.vs-chapter-nav a:focus-visible,.vs-hero-open:focus-visible,.vs-preview:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
/* Viewer: image space is separate from the controls. No image is ever cropped. */
.vs-viewer{--vs-top-space:76px;--vs-bottom-space:196px;--vs-side-space:64px;background:#030509}
.vs-stage,.vs-stage:fullscreen{background:#030509}
.vs-surface{inset:var(--vs-top-space) max(var(--vs-side-space),env(safe-area-inset-right)) var(--vs-bottom-space) max(var(--vs-side-space),env(safe-area-inset-left));width:auto;height:auto;padding:0;cursor:default;isolation:isolate;overflow:hidden}
.vs-surface img,.vs-surface .vs-photo-layer{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;pointer-events:none;opacity:1}
.vs-surface .vs-photo-layer{z-index:1;opacity:0;transition:opacity 550ms ease;will-change:opacity}
.vs-surface .vs-photo-layer.vs-photo-ready{opacity:1}
.vs-surface .vs-photo-incoming{opacity:0}.vs-surface .vs-photo-incoming.vs-photo-ready{opacity:1}
.vs-surface .vs-photo-outgoing{opacity:0}.vs-surface .vs-photo-outgoing.vs-photo-ready{opacity:1}
.vs-viewer-top{top:max(12px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));gap:12px;min-height:44px}
.vs-viewer-progress{display:flex;align-items:center;gap:10px;min-width:0}
.vs-counter{font-size:.72rem;font-weight:500;border-color:rgba(246,198,111,.18);background:rgba(13,18,25,.8);padding:9px 12px;color:#dfcaab;white-space:nowrap}
.vs-tour-state{color:var(--soft);font-size:.7rem;line-height:1.3}
.vs-top-actions{display:flex;align-items:center;gap:8px}
.vs-overlay-button{min-height:44px;min-width:44px;font-size:.78rem;background:rgba(15,21,30,.94);color:#dfe8f1;border:1px solid rgba(189,206,226,.22);border-radius:8px;line-height:1.2;padding:8px 13px;touch-action:manipulation;transition:background .2s,border-color .2s}
.vs-overlay-button:hover{background:rgba(32,42,56,.97);border-color:rgba(246,198,111,.47)}
.vs-close{border-radius:50%;font-size:1.6rem;font-weight:400;line-height:1;padding:4px;flex-shrink:0}
.vs-arrow{font-size:2rem;border-color:rgba(189,206,226,.12);background:rgba(15,21,30,.8);padding:4px 9px}
#vs-prev{left:max(12px,env(safe-area-inset-left))}#vs-next{right:max(12px,env(safe-area-inset-right))}
.vs-viewer-foot{min-height:170px;max-height:190px;padding:18px max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(0deg,#030509 84%,rgba(3,5,9,.88));gap:20px;align-items:center;flex-wrap:nowrap}
.vs-viewer-text{flex:1;max-width:62ch;min-width:0}
.vs-viewer-text h2{font:400 clamp(1.02rem,1.5vw,1.4rem)/1.25 var(--serif);color:#f1e4d1;margin:0 0 7px}
.vs-viewer-text p{font-size:.79rem;line-height:1.6;color:#a5b5c7;max-width:60ch}
.vs-viewer-controls{flex-shrink:0;max-width:50%;min-width:0}
.vs-viewer-actions{flex-wrap:nowrap;gap:16px;align-items:flex-end}
.vs-control-field{display:flex;flex-direction:column;gap:7px;align-items:flex-start;flex-shrink:0}
.vs-control-label{color:#a7b5c7;font-size:.63rem;line-height:1.4;letter-spacing:.05em}
.vs-segmented{display:inline-flex;gap:1px;padding:2px;border:1px solid rgba(189,206,226,.22);border-radius:9px;background:#0d131c}
.vs-segmented button{min-height:44px;min-width:44px;padding:8px;border:0;border-radius:6px;background:transparent;color:#aab8c8;cursor:pointer;font:500 .73rem/1.3 var(--mono);touch-action:manipulation;transition:color .2s,background .2s}
.vs-segmented button:first-child{padding-inline:10px;min-width:56px}
.vs-segmented button:hover{background:rgba(246,198,111,.07);color:#f3dab0}
.vs-segmented button[aria-pressed="true"]{background:#ddbb80;color:#15110b}
#vs-quality{min-width:84px;min-height:50px;font-family:var(--mono);font-size:.7rem;color:#ecd4aa}
.vs-viewer-actions #vs-download{min-height:50px;white-space:nowrap;padding:9px 15px;border-color:rgba(246,198,111,.25);border-radius:8px;background:rgba(246,198,111,.05);font-size:.73rem;color:#e5cca4}
.vs-viewer-meta{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;max-width:390px;margin-top:12px}
.vs-quality-state{background:none;padding:0;border-radius:0;color:#c3af8d;font:500 .61rem/1.5 var(--mono)}
.vs-gesture-note{font-size:.6rem;line-height:1.5;margin:0;color:#7f8fa3}
/* A loading frame retains the last decoded artwork. */
.vs-loading .vs-surface::after{content:"";position:absolute;z-index:2;right:10px;bottom:10px;width:19px;height:19px;border:1.5px solid rgba(246,198,111,.18);border-top-color:#e5c994;border-radius:50%;animation:vs-await-image 900ms linear infinite;pointer-events:none}
@keyframes vs-await-image{to{transform:rotate(360deg)}}
#vs-image-message{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(440px,calc(100% - 30px));width:max-content;padding:20px;border:1px solid rgba(246,198,111,.3);border-radius:12px;background:rgba(7,12,19,.96);color:#dfcdae;font-size:.83rem;line-height:1.6;text-align:center;box-shadow:0 12px 48px rgba(0,0,0,.5);pointer-events:auto}
#vs-image-message[hidden]{display:none!important}
.vs-image-error #vs-quality{border-color:rgba(246,198,111,.6)}
.vs-tour .vs-surface .vs-photo-layer{transition-duration:550ms}
.vs-tour .vs-viewer-top,.vs-tour .vs-viewer-foot,.vs-tour .vs-arrow{transition:opacity 550ms ease,visibility 550ms ease}
.vs-tour-controls-hidden .vs-viewer-top,.vs-tour-controls-hidden .vs-viewer-foot,.vs-tour-controls-hidden .vs-arrow{opacity:0;visibility:hidden;pointer-events:none}
/* Clean mode contains only the complete artwork, including in a cinematic tour. */
#vs-viewer.vs-immersive,#vs-viewer.vs-immersive #vs-stage{background:#000}
#vs-viewer.vs-immersive #vs-surface{inset:0;width:100%;height:100%;padding:0;overflow:hidden;cursor:default}
#vs-viewer.vs-immersive #vs-surface img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#vs-viewer.vs-immersive .vs-viewer-top,#vs-viewer.vs-immersive .vs-viewer-foot,#vs-viewer.vs-immersive .vs-arrow,#vs-viewer.vs-immersive #vs-image-message{display:none!important}
#vs-viewer.vs-immersive #vs-surface::before,#vs-viewer.vs-immersive #vs-surface::after{display:none!important}
@media(max-width:1100px){
  .vs-wrap{width:calc(100% - 44px)}.vs-hero{grid-template-columns:1fr 1.08fr;gap:28px}
  .vs-intro h1{font-size:clamp(2.35rem,4.6vw,3.45rem)}
  .vs-note{gap:18px}.vs-note-detail{display:none}
  .vs-chapter-nav{align-items:flex-start;flex-direction:column;gap:12px}.vs-chapter-nav-links{width:100%}.vs-chapter-nav a{flex:1}
  .vs-viewer{--vs-bottom-space:228px}.vs-viewer-foot{max-height:220px;min-height:210px;gap:16px}
  .vs-viewer-controls{max-width:52%}.vs-viewer-actions{gap:9px}.vs-viewer-text p{font-size:.75rem}
}
@media(max-width:740px){
  .vs-wrap{width:calc(100% - 36px)}.vs-hero{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:34px}
  .vs-intro h1{font-size:clamp(2.8rem,7vw,4.4rem);margin:18px 0 18px}
  .vs-intro .vs-intro-copy{max-width:54ch}.vs-diptych{width:100%;max-width:none;padding:20px}
  .vs-diptych-frames{grid-template-columns:minmax(0,1.85fr) minmax(0,.7fr);gap:20px}
  .vs-diptych-caption{margin-top:15px}.vs-note{display:block;font-size:.8rem}.vs-note span{display:inline;margin:0}
  .vs-chapter-nav-links{gap:7px}.vs-chapter-nav a{font-size:.65rem;padding:7px 10px;gap:6px;flex-basis:100%;justify-content:flex-start;min-height:44px}.vs-nav-range{margin-left:auto}
  .vs-chapter{padding-top:40px;scroll-margin-top:155px}.vs-chapter-heading{gap:16px;padding-bottom:19px}
  .vs-chapter-heading h2{font-size:1.9rem}.vs-chapter-heading p{font-size:.77rem}.vs-chapter-kicker{min-width:45px}
  .vs-grid{gap:18px;margin-top:19px}.vs-chapter:last-child{padding-bottom:48px}
  .vs-viewer{--vs-top-space:76px;--vs-bottom-space:265px;--vs-side-space:44px}
  .vs-viewer-top{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));gap:5px}
  .vs-top-actions{gap:5px}.vs-overlay-button{font-size:.69rem;padding:8px 10px;min-height:44px}
  .vs-counter{font-size:.64rem;padding:8px 10px}.vs-viewer-progress{gap:7px}.vs-tour-state{font-size:.6rem;max-width:65px}
  .vs-close{font-size:1.5rem;width:44px;padding:4px}.vs-arrow{min-width:44px;font-size:1.6rem;padding:4px 6px;border-radius:7px}
  #vs-prev{left:max(4px,env(safe-area-inset-left))}#vs-next{right:max(4px,env(safe-area-inset-right))}
  .vs-viewer-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:13px;min-height:246px;max-height:260px;padding:12px max(17px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left))}
  .vs-viewer-text{max-width:none;flex:initial}.vs-viewer-text h2{font-size:1rem;margin-bottom:5px}.vs-viewer-text p{font-size:.72rem;line-height:1.5;max-width:65ch}
  .vs-viewer-controls{max-width:none;width:100%}.vs-viewer-actions{width:100%;justify-content:space-between;gap:8px}
  .vs-control-field{gap:5px}.vs-control-label{font-size:.6rem}.vs-segmented button{min-height:44px;min-width:44px;font-size:.67rem}.vs-segmented button:first-child{min-width:54px;padding-inline:8px}
  #vs-quality{min-width:71px;min-height:50px;font-size:.63rem}
  .vs-viewer-actions #vs-download{font-size:.68rem;padding:9px 12px;min-height:50px}
  .vs-viewer-meta{gap:6px 11px;margin-top:9px;max-width:none}.vs-quality-state{font-size:.58rem}.vs-gesture-note{font-size:.55rem}
}
@media(max-width:490px){
  .vs-wrap{width:calc(100% - 28px)}.vs-hero{padding-top:26px;gap:27px}
  .vs-intro .vs-eyebrow{font-size:.66rem;letter-spacing:.12em}.vs-intro h1{font-size:clamp(2.65rem,11.3vw,3.7rem)}
  .vs-intro .vs-lead{font-size:1rem}.vs-intro .vs-intro-copy{font-size:.87rem;line-height:1.7}
  .vs-action-row{gap:8px;margin-top:24px}.vs-action-row button,.vs-action-row a{font-size:.79rem;padding:12px 13px;min-height:48px}
  .vs-tour-note{font-size:.66rem}.vs-diptych{padding:14px;border-radius:15px}.vs-diptych-frames{gap:13px;grid-template-columns:minmax(0,1.55fr) minmax(0,.72fr)}
  .vs-hero-frame{gap:10px}.vs-composition-label{font-size:.57rem;gap:5px}.vs-composition-label>span[aria-hidden]{font-size:.56rem;padding:1px 4px}
  .vs-diptych .vs-diptych-caption{font-size:.66rem;gap:6px 9px;padding-top:12px;margin-top:12px}.vs-diptych-hint{font-size:.57rem}
  .vs-note{padding:18px 0;font-size:.75rem}.vs-note p strong{display:block;margin-bottom:4px}
  .vs-chapter-nav{padding-top:22px}.vs-chapter-nav-label{font-size:.69rem}.vs-chapter-nav a{font-size:.7rem}
  .vs-chapter{padding-top:36px}.vs-chapter-heading{gap:12px}.vs-chapter-heading h2{font-size:1.6rem}.vs-chapter-heading p{font-size:.73rem}
  .vs-chapter-kicker{min-width:40px}.vs-chapter-kicker>span:first-child{font-size:1.8rem}
  .vs-grid{grid-template-columns:1fr;gap:19px}.vs-info{padding:18px 19px}.vs-info p{font-size:.82rem}.vs-info h2{font-size:1.25rem}.vs-links a{font-size:.73rem;min-height:44px}
  .vs-viewer .vs-overlay-button{min-height:44px}.vs-viewer .vs-counter{padding:8px}
  .vs-viewer-progress{gap:4px}.vs-tour-state{max-width:42px;font-size:.55rem}
  .vs-top-actions{gap:4px}.vs-top-actions .vs-overlay-button:not(.vs-close){font-size:.64rem;padding:8px}
  .vs-viewer-actions{gap:6px}.vs-segmented button{min-width:44px}.vs-segmented button:first-child{min-width:52px}
  #vs-quality{min-width:68px}.vs-viewer-actions #vs-download{padding-inline:10px;font-size:.65rem}
  #vs-quality-state{width:auto;margin:0}
}
/* On a landscape phone, move captions and controls into a narrow right rail. */
@media(max-height:560px) and (min-width:620px){
  .vs-viewer{--vs-top-space:63px;--vs-bottom-space:14px;--vs-side-space:47px}
  .vs-surface{right:max(285px,env(safe-area-inset-right))}
  .vs-viewer-foot{left:auto;top:max(69px,env(safe-area-inset-top));right:0;bottom:0;width:264px;min-height:0;max-height:none;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:stretch;padding:12px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) 8px;background:#030509}
  .vs-viewer-text{flex:initial;max-width:100%}.vs-viewer-text h2{font-size:.96rem}.vs-viewer-text p{font-size:.67rem;line-height:1.45}
  .vs-viewer-controls{max-width:none;width:100%}.vs-viewer-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
  .vs-segmented button{min-height:44px;min-width:39px}.vs-segmented button:first-child{min-width:48px}
  .vs-viewer-actions #vs-download{grid-column:1 / -1;min-height:44px;padding-block:7px}
  .vs-control-label{font-size:.59rem}.vs-viewer-meta{margin-top:8px;gap:4px 8px}.vs-gesture-note{font-size:.51rem}
  #vs-next{right:max(270px,env(safe-area-inset-right))}.vs-tour-state{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.vs-preview img,.vs-hero-open,.vs-action-row button,.vs-action-row a,.vs-chapter-nav a,.vs-segmented button,.vs-viewer .vs-photo-layer,.vs-tour .vs-viewer-top,.vs-tour .vs-viewer-foot,.vs-tour .vs-arrow{transition:none!important;animation:none!important}
  .vs-loading .vs-surface::after{animation:none;border-color:#b09a75;border-style:dotted}
}

/* Generous hit areas remain available when the header wraps on phones. */
.vs-lang-switch button,.vs-header-tools .reader-tools .tool{min-width:44px;min-height:44px}
@media(max-width:350px){.vs-viewer-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px}.vs-viewer-actions #vs-download{min-height:44px}.vs-viewer{--vs-bottom-space:312px}.vs-viewer-foot{min-height:295px;max-height:308px}.vs-viewer-progress .vs-tour-state{display:none}.vs-top-actions .vs-overlay-button:not(.vs-close){font-size:.6rem;padding:7px}}

#vs-image-message button{display:block;margin:14px auto 0;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid rgba(246,198,111,.5);border-radius:8px;background:rgba(246,198,111,.09);color:#f4dbab;font:600 .78rem var(--sans);cursor:pointer}
#vs-image-message button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.vs-surface img[hidden]{display:none!important}

/* The cinematic tour gives the artwork the whole viewport, even while controls fade. */
#vs-viewer.vs-tour #vs-surface{inset:0;width:100%;height:100%;padding:0}
#vs-viewer.vs-tour .vs-viewer-foot{background:linear-gradient(0deg,rgba(3,5,9,.94),rgba(3,5,9,.78) 75%,transparent)}
#vs-viewer.vs-tour #vs-next{right:max(10px,env(safe-area-inset-right))}

#vs-image-message button{pointer-events:auto}