/* Trial only: original detail routes and their styles remain untouched. */
.preview-start{min-height:100svh;padding:112px var(--pad) 28px;background:#fff;color:#171714}
.preview-heading{margin-bottom:26px}
.preview-eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;margin:0 0 14px;color:#666}
#preview-title{font-size:clamp(20px,2.3vw,34px);font-weight:400;letter-spacing:.075em;text-transform:uppercase;line-height:1.25;margin:0 0 20px;max-width:90%}
.preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}
.preview-actions button{font-size:11px;letter-spacing:.055em;border:0;border-bottom:1px solid #bbb;color:#171714;background:transparent;padding:5px 0;min-height:32px}
.preview-actions button:hover{border-color:#000}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.preview-thumb{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;background:#eee;min-width:0}
.preview-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .4s ease}
.preview-thumb:hover img,.preview-thumb:focus-visible img{filter:grayscale(0)}
.preview-thumb span{position:absolute;bottom:9px;left:10px;font-size:10px;letter-spacing:.12em;color:#fff;text-shadow:0 1px 5px #000,0 0 12px #000;pointer-events:none}
.preview-thumb:focus-visible{outline:2px solid #171714;outline-offset:4px}
.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;font-size:10px;letter-spacing:.035em;line-height:1.5}
.preview-footer p{margin:0;color:#666}.preview-footer a{text-decoration:underline;text-underline-offset:4px}
.immersive-detail.preview-mode{background:#fff;color:#171714}
.immersive-detail.preview-mode .chrome #menu-toggle{color:#171714;background:rgba(23,23,20,.06)}
.immersive-detail.preview-mode #navigation{color:#171714}
.immersive-detail.preview-mode #navigation a:hover{color:#171714}
.immersive-detail.preview-mode #navigation a:focus-visible,.immersive-detail.preview-mode #menu-toggle:focus-visible{outline-color:#171714}
.immersive-detail.preview-mode.menu-open .preview-start>*{visibility:hidden}
/* Gallery continuation: same white paper / black ink as the approved preview.
   Palette only; source images, type, positions and preview remain unchanged. */
.immersive-detail:not(.preview-mode){background:#fff;color:#171714;color-scheme:light}
.immersive-detail:not(.preview-mode) .project-stage{background:#fff}
.immersive-detail:not(.preview-mode) .project-stage:after{background:linear-gradient(#fff,transparent 24%,transparent 82%,#fff)}
.immersive-detail:not(.preview-mode) .project-titlebar{color:#171714;background:transparent}
.immersive-detail:not(.preview-mode) .project-tabs button{color:#171714;-webkit-text-fill-color:#171714}
.immersive-detail:not(.preview-mode) .project-tabs button.active{border-bottom-color:#171714}
.immersive-detail:not(.preview-mode) .project-bottom a,
.immersive-detail:not(.preview-mode) .project-bottom button,
.immersive-detail:not(.preview-mode) .project-bottom .frame-count{background:rgba(255,255,255,.94);color:#171714;border-color:#bbb}
.immersive-detail:not(.preview-mode) .arrow{background:rgba(255,255,255,.94);color:#171714;backdrop-filter:none}
.immersive-detail:not(.preview-mode) .arrow:hover,
.immersive-detail:not(.preview-mode) .project-bottom a:hover,
.immersive-detail:not(.preview-mode) .project-bottom button:hover{background:#eee}
.immersive-detail:not(.preview-mode) .chrome #menu-toggle{color:#171714;background:rgba(255,255,255,.94)}
.immersive-detail:not(.preview-mode) #navigation,
.immersive-detail:not(.preview-mode) #navigation a:hover{color:#171714}
.immersive-detail:not(.preview-mode).menu-open .project-stage:after{background:rgba(255,255,255,.92)}
.immersive-detail:not(.preview-mode) :focus-visible{outline-color:#171714}
.immersive-detail .info-dialog,.immersive-detail .zoom-dialog{background:#fff;color:#171714;color-scheme:light}
.immersive-detail .dialog-close,.immersive-detail .info-dialog>.dialog-close{background:#fff;color:#171714}
.immersive-detail .zoom-dialog header button:not(.dialog-close){color:#171714;border-color:#bbb}
.immersive-detail .project-overline,.immersive-detail .fact span,.immersive-detail .section-label,
.immersive-detail .source-subheading,.immersive-detail .info-copyright{color:#171714}
.immersive-detail dialog :focus-visible{outline-color:#171714}
.immersive-detail dialog::backdrop{background:rgba(255,255,255,.7)}
/* Reuse the previous photo viewer without a monochrome filter or thumbnail crop. */
.immersive-detail:not(.preview-mode) .project-image{filter:none}
.trial-index{background:#fff;color:#171714}.trial-index main{padding:50px max(24px,6vw)}
.trial-index h1{font-size:clamp(30px,4vw,60px);font-weight:400;letter-spacing:-.035em;line-height:1.05}
.trial-index .preview-eyebrow{margin-top:60px}.trial-index main>p:not(.preview-eyebrow){max-width:620px;font-size:15px;line-height:1.6}
.trial-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px;margin-top:50px}
.trial-card img{aspect-ratio:1.5;width:100%;object-fit:cover;filter:grayscale(1);transition:filter .3s}
.trial-card:hover img,.trial-card:focus-visible img{filter:none}.trial-card h2{font-size:13px;letter-spacing:.07em;text-transform:uppercase;font-weight:400}.trial-card p{font-size:11px;color:#666}
@media(min-width:801px) and (min-height:700px){.preview-grid{grid-auto-rows:min(20svh,200px)}.preview-thumb{aspect-ratio:auto}}
@media(max-width:800px){
 .preview-start{padding:104px 20px 28px}.preview-heading{margin-bottom:22px}#preview-title{font-size:22px;letter-spacing:.055em;max-width:100%;margin-bottom:18px}.preview-eyebrow{font-size:9px}
 .preview-actions{gap:6px 18px}.preview-actions button{font-size:10px}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview-thumb{aspect-ratio:1.15}.preview-thumb span{font-size:8px;left:6px;bottom:6px}
 .preview-footer{flex-wrap:wrap;gap:12px;font-size:9px}.preview-footer p{order:3;width:100%}.trial-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.preview-thumb img,.trial-card img{transition:none}}