.switchback-page .site-window{isolation:isolate;overflow:hidden}
.switchback-stage{position:absolute;top:0;left:0;width:100%;pointer-events:none}
.switchback-stage canvas{display:block;width:100%;height:100%}
.switchback-loading{position:absolute;left:0;right:0;top:25%;text-align:center;color:#777;font-size:14px}
/* difference(backdrop, 1 - artwork): original colors on white, inverse on black.
   The transparent layer passes pointer events to the existing text and links. */
.switchback-overlay .switchback-stage{z-index:4;mix-blend-mode:difference;filter:invert(1)}
.switchback-overlay .hero{height:100%}
.switchback-overlay .about-copy{font-size:clamp(14px,1.22cqw,18px)}
.switchback-page .header,.switchback-page .browse-tabs,.switchback-page .language,.switchback-page .back-top{z-index:10}
.switchback-page .language,.switchback-page .back-top{background:#eeeeeedb;color:#000}
.switchback-overlay .on-about .brand img{filter:invert(1)}
.switchback-overlay .on-about .header .pill,.switchback-overlay .on-about .language,.switchback-overlay .on-about .back-top{background:#eee;color:#000}
@media(min-width:861px){.switchback-overlay .hero{height:145%}}

/* Keep navigation legible as the artwork and directory move underneath it. */
.switchback-overlay .header{background:#fff;isolation:isolate}
.switchback-overlay .on-about .header{background:#000}
.switchback-overlay .directory-list{align-content:flex-start}

/* switch.back identity and compact language/search controls. */
.switchback-page .brand{width:auto;font-size:clamp(24px,3.2cqw,40px);letter-spacing:-.065em;line-height:1;font-weight:400}
.switchback-overlay .on-about .brand{color:#fff}
.switchback-page .header .language{position:static;background:#eee;color:#111;min-width:2.6em}
.switchback-page .header nav{gap:8px}
.switchback-overlay .about{min-height:clamp(370px,48cqw,560px);display:flex;align-items:center;padding:8cqw 14cqw}
.switchback-overlay .about-copy{font-size:clamp(18px,2.25cqw,30px);line-height:1.4;max-width:720px}
.switchback-overlay .about h1{font-size:clamp(30px,4.5cqw,56px);text-align:center;letter-spacing:-.05em;margin-bottom:28px}
@media(max-width:480px){.switchback-page .brand{font-size:27px}.switchback-overlay .about{padding:55px 26px;min-height:420px}}

/* Artwork and content share native scrolling, including touch momentum. */
.switchback-overlay .scroll-port{overflow-anchor:none;scroll-behavior:auto}

.switchback-page footer{position:relative;padding-bottom:80px}
.footer-concept{margin:0}
.footer-credit{margin-top:14px;font-size:13px;line-height:1.6;color:#333}
.footer-credit:empty{display:none}
.footer-credit a{text-decoration:underline;text-underline-offset:3px}