/* Quiet navigation and clear keyboard focus, shared by every collection page. */
.experience-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.experience-skip{position:fixed;left:16px;top:12px;z-index:1000;padding:13px 20px;border-radius:8px;background:#f1dbaa;color:#10141b;transform:translateY(-160%);font-size:15px;box-shadow:0 8px 24px #0006}
.experience-skip:focus{transform:translateY(0)}
body :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #ffdf96;outline-offset:4px}
body .question-side input:focus-visible{outline:2px solid #ffdf96;outline-offset:3px}
body :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:#e7c88226}
/* Large photograph hit areas should not flash a solid tint over the image. */
body :is(.gallery-item,.portrait-button,.detail-image-frame){-webkit-tap-highlight-color:transparent}
.scene :is(h1,h2)[tabindex="-1"]:focus:not(:focus-visible){outline:none}
.header-actions [aria-current="page"]{border-color:#e2c4878c;background:#e2c48712;color:#f3deb1}
.site-header .header-actions>:is(.album-nav,.merch-nav){display:inline-flex;align-items:center;position:static}
.experience-more{border:1px solid #d8c59466;border-radius:6px;background:#090e17b8;color:#efdfbf;padding:9px 13px;font-size:13px;min-height:44px;cursor:pointer;backdrop-filter:blur(10px)}
.experience-more[hidden]{display:none}
.experience-nav-dialog{width:min(430px,calc(100vw - 32px));max-height:calc(100svh - 48px);margin:auto;padding:24px;border:1px solid #d0b77977;border-radius:18px;color:#f2eee4;background:radial-gradient(ellipse at 100% 0,#bfa37314,transparent 66%),#0d121c;box-shadow:0 24px 100px #000b;overflow:auto}
.experience-nav-dialog::backdrop{background:#05080dcc;backdrop-filter:blur(10px)}
.experience-nav-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.experience-nav-top h2{font-size:20px;line-height:1.5;margin:0;font-weight:500;letter-spacing:.025em}
.experience-nav-close{flex:none;width:44px;height:44px;padding:0;border:0;background:none;color:#e3d4b4;font-size:30px;line-height:1}
.experience-nav-options{display:grid;gap:12px}
.experience-nav-option{padding:14px 17px 17px;border:1px solid #c4b58c36;border-radius:10px;background:#c4b58c08}
body .experience-nav-option .quiet-button{display:flex;position:static;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:0;min-height:44px;border:0;background:none;backdrop-filter:none;font-size:17px;color:#f2e2bc}
.experience-nav-option .quiet-button span{margin-left:14px}
.experience-nav-option small{display:block;color:#b8bdc7;font-size:13px;line-height:1.75;margin:5px 28px 0 0}
.experience-nav-note{margin:22px 0 0;color:#b4b9c3;font-size:12px;line-height:1.6;letter-spacing:.035em}
@media(max-width:760px){
 .site-header.experience-mobile-header{padding:16px max(16px,env(safe-area-inset-left));gap:8px;flex-wrap:nowrap;align-items:center}
 .experience-mobile-header .brand{gap:9px;letter-spacing:1px;font-size:24px;flex:none}
 .experience-mobile-header .brand-sub{display:none}
 .experience-mobile-header .brand-mark{width:34px;height:34px;font-size:24px}
 .experience-mobile-header .header-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;margin-left:auto}
 .experience-mobile-header .header-actions>.quiet-button{padding:8px 11px;min-height:44px;font-size:13px;white-space:nowrap;border-radius:6px}
 .experience-mobile-header .header-actions>.quiet-button span{display:none}
 .experience-mobile-header .subtle-back{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;font-size:22px;flex:none}
 .experience-mobile-header .experience-back-label{display:none}
 .experience-mobile-header .experience-more{min-width:56px;flex:none;padding:8px 10px}
 body[data-scene=intro] .experience-mobile-header .subtle-back{display:none}
 .scene :is(.text-button,.suggestion,.hero-chip,.card-meta button){min-height:44px}
 .scene :is(.suggestion,.hero-chip){display:inline-flex;align-items:center;justify-content:center}
 .album-modes button,.studio-small-actions button,.studio-badge-controls button{min-height:44px}
 .gallery-toolbar .search-label input{min-height:48px}
 dialog .dialog-actions{align-items:stretch}
 .toast{bottom:calc(95px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);border-radius:7px;line-height:1.6;text-align:center}
}
@media(max-width:360px){.site-header.experience-mobile-header{padding-left:12px;padding-right:12px}.experience-mobile-header .brand{gap:7px;font-size:22px}.experience-mobile-header .header-actions{gap:4px}.experience-nav-dialog{padding:20px}.experience-nav-top h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.experience-skip{transition:none}}