@charset "UTF-8";
:root{color-scheme:dark;--bg:#000;--text:#f1f1ef;--muted:#a1a1a1;--line:#303030;--accent:#fff;--mono:Arial,sans-serif;--sans:"Helvetica Neue",Arial,"PingFang TC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}p,h1,h2,h3{margin:0}::selection{background:#eee;color:#000}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;color:black;z-index:100}.skip:focus{top:10px}
.header{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:start;padding:30px 4.8%;pointer-events:none;mix-blend-mode:difference;color:#fff}.header a{pointer-events:auto}.monogram{font-size:48px;font-weight:950;letter-spacing:-6px;line-height:.85;font-style:italic}.monogram span{display:block;font-size:9px;letter-spacing:2px;font-style:normal;margin-top:12px}nav{display:flex;gap:32px;padding-top:4px;font-size:18px;font-weight:650;letter-spacing:.025em}.nav-link span{display:none}.nav-link:hover{opacity:.6}
.intro{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#101010}.hero-film{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 30%,#0003 55%,#000c)}.hero-copy{position:absolute;left:4.8%;bottom:13%;max-width:85%}.hero-eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:18px}h1{font-size:clamp(50px,7.8vw,126px);font-weight:750;letter-spacing:-.045em;line-height:1.02}.hero-caption{font-size:15px;margin-top:23px;letter-spacing:.08em}.film-control{position:absolute;right:4.8%;bottom:5%;border:1px solid #fff6;border-radius:30px;background:#0004;padding:10px 18px;font-size:11px;letter-spacing:.08em}.hero-scroll{position:absolute;left:4.8%;bottom:5%;font-size:11px;letter-spacing:.12em}
.work{padding:80px 4.8% 0}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-top h2,.section-label h2,.contact-top h2{font-size:15px;font-weight:600;letter-spacing:.03em}.section-top h2 span,.section-label h2 span,.contact-top h2 span{font-size:12px;color:var(--muted);margin-left:10px}.meta{font-size:11px;letter-spacing:.07em;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px}.project{min-width:0}.project-button{width:100%;display:block;background:none;border:0;padding:0;text-align:left}.image-wrap{position:relative;aspect-ratio:3/2;border-radius:13px;overflow:hidden;background:#151515}.project img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-button:hover img{transform:scale(1.03)}.image-overlay{display:none}.open-label{position:absolute;bottom:16px;right:16px;background:#0008;border:1px solid #fff6;border-radius:24px;padding:8px 13px;font-size:11px;opacity:0;transition:opacity .2s}.project-button:hover .open-label,.project-button:focus-visible .open-label{opacity:1}.project-topline{display:none}.project-title{display:flex;justify-content:space-between;gap:18px;padding-top:12px;font-size:clamp(17px,1.7vw,26px);font-weight:550;line-height:1.3;letter-spacing:.015em}.archive-tail{display:flex;justify-content:space-between;gap:20px;margin-top:55px;color:#aaa;font-size:13px}.archive-tail a:hover{color:#fff}
.info{padding:160px 4.8% 110px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.section-label .meta{display:block;margin-top:15px}.info blockquote{margin:0;font-size:clamp(35px,4.5vw,75px);letter-spacing:-.035em;line-height:1.45;font-weight:550}.note-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px;color:#aaa}.signature{font-size:25px;font-style:italic;font-family:Georgia,serif}.contact{margin:0 4.8%;padding:38px 0 28px;border-top:1px solid var(--line)}.contact-top{display:flex;justify-content:space-between;gap:20px}.contact-top p{color:#aaa;font-size:14px}.contact-link{display:flex;justify-content:space-between;font-weight:600;font-size:clamp(45px,8vw,130px);letter-spacing:-.05em;line-height:1.15;margin:30px 0}.contact-link span:last-child{font-weight:400}.contact-bottom{display:flex;justify-content:space-between;font-size:12px;color:#aaa}footer{padding:50px 4.8%;display:flex;justify-content:space-between;gap:24px;color:#999;font-size:12px;letter-spacing:.02em}
dialog{padding:0;border:0;background:#111110;color:var(--text);width:100%;max-width:none;height:100dvh;max-height:none;margin:0;overflow:auto}dialog::backdrop{background:#111}.viewer-bar{padding:15px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:22px}.viewer-bar p{font-size:15px}.text-button{display:flex;align-items:center;gap:15px;background:none;border:0;padding:9px 0;font-family:var(--mono);font-size:12px;flex-shrink:0}.text-button span{font:28px var(--sans);line-height:1}.viewer-stage{position:relative;display:flex;justify-content:center;align-items:center;height:calc(100dvh - 225px);min-height:240px;padding:24px 80px}.viewer-stage img{max-height:100%;max-width:100%;object-fit:contain}.round-button{position:absolute;border:1px solid #ffffff50;border-radius:50%;background:#16161599;height:48px;width:48px;font-size:23px;z-index:1}.round-button:hover{background:var(--text);color:var(--bg)}.round-button:disabled{opacity:.2;cursor:default}.previous{left:24px}.next{right:24px}.viewer-footer{padding:10px 30px 25px;display:flex;align-items:start;justify-content:space-between;gap:24px}.viewer-footer>div{max-width:80%}#viewer-caption{font-size:14px;color:var(--muted);white-space:pre-line;line-height:1.7}#viewer-source{display:inline-block;font-family:var(--mono);font-size:12px;border-bottom:1px solid var(--muted);margin-top:12px}#viewer-count{font-family:var(--mono);font-size:14px;white-space:nowrap}.viewer-stage img.loading{opacity:.3}

[hidden]{display:none!important}.viewer-stage video{max-width:100%;max-height:100%;object-fit:contain}
.image-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.motion-ready img,.project-button:hover .motion-ready img{transform:none}.image-wrap .open-label{z-index:2}
@media(max-width:700px){.header{padding:24px 5%}.monogram{font-size:38px}.monogram span{font-size:8px}nav{font-size:14px;gap:19px}.intro{min-height:560px}.hero-copy{left:5%;bottom:17%;max-width:92%}h1{font-size:10.5vw}.hero-caption{font-size:13px;max-width:260px;line-height:1.8}.hero-eyebrow{font-size:10px}.work{padding:48px 5% 0}.gallery{gap:30px 13px}.image-wrap{border-radius:9px}.project-title{font-size:16px;gap:6px;padding-top:10px}.section-top .meta{font-size:10px}.section-top h2{font-size:13px}.section-top h2 span{display:none}.archive-tail{font-size:12px}.info{padding:90px 5% 65px;display:block}.info-content{margin-top:30px}.info blockquote{font-size:9vw}.note-bottom p{font-size:13px}.contact{margin:0 5%}.contact-top{display:block}.contact-top p{margin-top:12px;font-size:13px}.contact-link{font-size:11vw}.contact-bottom{font-size:11px;gap:15px}footer{padding:35px 5%;font-size:10px}footer>span:last-child{max-width:120px;text-align:right}.viewer-bar{padding:12px 16px}.viewer-bar p{font-size:13px}.viewer-stage{padding:20px 12px;height:65dvh}.round-button{width:38px;height:38px;font-size:20px;top:auto;bottom:25px}.previous{left:18px}.next{right:18px}.viewer-footer{padding:5px 18px 30px}.viewer-footer>div{max-width:78%}#viewer-caption{font-size:13px}.text-button{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.image-trail{display:none!important}}

/* Minimal sandwich identity. */
.monogram{display:block;width:64px;height:52px;line-height:1}.monogram svg{display:block;width:100%;height:100%}.hero-caption{font-size:18px;letter-spacing:.02em}.note-bottom{justify-content:flex-end}@media(max-width:700px){.monogram{width:48px;height:39px}.hero-caption{font-size:16px}}

.header-links{display:flex;flex-direction:column;align-items:flex-end;gap:14px;pointer-events:auto}.languages{font-size:12px;gap:17px;padding:0;font-weight:400}.languages a{opacity:.6}.languages a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:5px}.monogram{width:64px;height:64px}#close-viewer [data-i18n]{font:12px var(--sans)}@media(max-width:700px){.header-links{gap:13px}.header-links>nav:first-child{font-size:14px;gap:15px}.languages{font-size:12px;gap:15px}.monogram{width:50px;height:50px}}

#name,.info blockquote{white-space:pre-line}html[lang="de"] h1{font-size:clamp(46px,6.7vw,108px)}html[lang="ja"] h1{font-size:clamp(44px,7vw,112px)}html[lang="de"] .contact-link{font-size:clamp(38px,7.4vw,115px)}html[lang="ja"] .contact-link{font-size:clamp(34px,6.5vw,105px)}.hero-copy{max-width:90%}.languages a{opacity:.85}@media(max-width:700px){html[lang="de"] h1{font-size:9.3vw}html[lang="ja"] h1{font-size:10vw}.header-links>nav:first-child{gap:12px;font-size:13px}.languages{gap:12px}.info blockquote{overflow-wrap:anywhere}html[lang="de"] .contact-link{font-size:10vw}html[lang="ja"] .contact-link{font-size:8.5vw}}

/* Keep section headings clear of the fixed navigation. */
html{scroll-padding-top:140px}@media(max-width:700px){html{scroll-padding-top:120px}}

.monogram{width:48px;height:48px}@media(max-width:700px){.monogram{width:38px;height:38px}}

#image-status{text-align:center;color:var(--muted);font-size:14px}#retry-image{margin:16px auto 0;border-bottom:1px solid var(--muted)}

/* Exhibition viewer: a white mat against a gallery wall. */
#viewer{background:#e9e8e4;color:#242423;--muted:#65655f;--line:#cbc9c2;--frame-mat:clamp(22px,4.5vh,48px)}
#viewer::backdrop{background:#e9e8e4}
#viewer .viewer-bar{background:#e9e8e4;border-bottom:1px solid #d1cfc8;padding:18px 30px}
#viewer .viewer-stage{height:calc(100dvh - 240px);min-height:300px;padding:30px 90px 38px}
#viewer .viewer-stage img,#viewer .viewer-stage video{box-sizing:content-box;width:auto;height:auto;max-width:calc(100% - 2 * var(--frame-mat));max-height:calc(100% - 2 * var(--frame-mat));padding:var(--frame-mat);border:0;background:#faf9f6;object-fit:contain;box-shadow:0 8px 24px #00000012}
#viewer .round-button{background:transparent;border-color:#96958f;color:#44443f}
#viewer .round-button:hover{background:#222;color:#fff;border-color:#222}
#viewer .round-button:disabled{opacity:.2}
#viewer .viewer-footer{padding:10px 40px 32px;max-width:1100px;margin:0 auto}
#viewer #viewer-title{font-size:14px;letter-spacing:.035em}
#viewer #viewer-caption{font-size:13px;max-width:650px;line-height:1.7}
#viewer #viewer-count{font-size:12px;letter-spacing:.08em}
#viewer a:focus-visible,#viewer button:focus-visible{outline-color:#222}
@media(max-width:700px){#viewer{--frame-mat:clamp(18px,5vw,28px)}#viewer .viewer-bar{padding:14px 18px}#viewer .viewer-stage{height:62dvh;min-height:290px;padding:30px 28px 65px}#viewer .viewer-stage img,#viewer .viewer-stage video{border-width:0;max-width:calc(100% - 2 * var(--frame-mat));max-height:calc(100% - 2 * var(--frame-mat))}#viewer .round-button{bottom:4px;width:36px;height:36px}#viewer .previous{left:calc(50% - 48px)}#viewer .next{right:calc(50% - 48px)}#viewer .viewer-footer{padding:20px 22px 30px}#viewer #viewer-title{font-size:12px}#viewer #viewer-caption{font-size:12px}}

/* Clear acrylic edge around the white exhibition mat. */
#viewer .viewer-stage img,#viewer .viewer-stage video{border:10px solid transparent;max-width:calc(100% - 2 * var(--frame-mat) - 20px);max-height:calc(100% - 2 * var(--frame-mat) - 20px);background:linear-gradient(#faf9f6,#faf9f6) padding-box,linear-gradient(135deg,#ffffffd9 0%,#ffffff30 22%,#b9c9c92b 45%,#ffffffb8 62%,#ffffff26 82%,#ffffffcc 100%) border-box;outline:1px solid #ffffffc4;box-shadow:inset 0 0 0 1px #ffffffed,0 0 0 2px #a3b2b24a,3px 4px 0 #bac6c62b,7px 12px 18px #00000012,18px 24px 34px #0000000a}
@media(max-width:700px){#viewer .viewer-stage img,#viewer .viewer-stage video{border-width:7px;max-width:calc(100% - 2 * var(--frame-mat) - 14px);max-height:calc(100% - 2 * var(--frame-mat) - 14px)}}

.intro .hero-shade{z-index:2;pointer-events:none}.intro .hero-copy{z-index:3;pointer-events:none}.intro .image-trail{z-index:1}
@media(max-width:700px){.work{padding:30px 14px 0}.section-top{margin-bottom:16px}.section-top h2{font-size:12px}.gallery{gap:22px 10px}.project-title{font-size:12px;line-height:1.35;font-weight:450;padding-top:7px;letter-spacing:0}.image-wrap{aspect-ratio:4/5;border-radius:7px}.project .open-label{display:none}.hero-copy{bottom:12%}.hero-caption{font-size:14px;margin-top:16px}.intro{min-height:480px}h1{font-size:9vw}html[lang="de"] h1{font-size:8vw}html[lang="ja"] h1{font-size:9vw}}

.intro .hero-copy{inset:0;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;mix-blend-mode:difference;color:#fff;padding:0 4%}.intro #name,html[lang="de"] .intro #name,html[lang="ja"] .intro #name{font-size:clamp(44px,14vw,230px);letter-spacing:-.065em;line-height:1;white-space:nowrap}.intro .hero-caption{color:#fff;margin-top:18px}.intro .hero-shade{background:linear-gradient(180deg,#0002,transparent 35%,#0001)}

/* Quiet navigation and one centered contact link. */
.header-links{gap:10px}.languages{gap:18px}.languages a{min-width:24px;text-align:center;letter-spacing:.05em}
.contact{margin-top:clamp(70px,9vw,150px);padding:30px 0 55px;text-align:center}.contact-top{justify-content:center}.contact-link{justify-content:center;width:fit-content;max-width:100%;margin:28px auto 0;line-height:1.15}.contact-link>span:last-child{font-size:1em;font-weight:inherit;transform:none}.contact-link:hover>span:last-child{transform:none}.contact-link:hover{opacity:.75}footer{justify-content:center;padding-top:24px;padding-bottom:30px}
@media(max-width:700px){.header-links{gap:6px}.header-links>nav:first-child{gap:20px}.languages{gap:13px}.languages a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:26px}.contact{margin-top:65px;padding:25px 0 38px}.contact-link{margin-top:22px;font-size:12vw}footer{font-size:11px;padding:20px 5% 26px}}

/* Edge-to-edge viewing surface, with controls over the photograph. */
#viewer{background:#000;color:#fff;overflow:hidden;--muted:#ddd;--line:#ffffff40}
#viewer::backdrop{background:#000}
#viewer .viewer-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0}
#viewer .viewer-stage img,#viewer .viewer-stage video{box-sizing:border-box;display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:0;border:0;outline:0;background:transparent;box-shadow:none;object-fit:contain}
#viewer .viewer-bar{position:absolute;inset:0 0 auto;z-index:3;border:0;background:linear-gradient(#0008,transparent);padding:18px 26px;pointer-events:none}
#viewer .viewer-bar button{pointer-events:auto;text-shadow:0 1px 5px #000}
#viewer #viewer-title{text-shadow:0 1px 5px #000}
#viewer .viewer-footer{position:absolute;inset:auto 0 0;z-index:3;width:100%;max-width:none;margin:0;padding:20px 26px;background:linear-gradient(transparent,#0008);pointer-events:none;align-items:end}
#viewer .viewer-footer a,#viewer .viewer-footer button{pointer-events:auto}
#viewer #viewer-caption,#viewer #viewer-source{display:none}
#viewer .round-button{top:50%;bottom:auto;transform:translateY(-50%);background:#0003;border-color:#ffffff50;color:#fff;z-index:2}
#viewer .previous{left:20px}#viewer .next{right:20px}
#viewer .round-button:hover{background:#fff;color:#000;border-color:#fff}
#viewer a:focus-visible,#viewer button:focus-visible{outline-color:#fff}
#viewer .viewer-stage:has(video:not([hidden])){padding-bottom:65px}
@media(max-width:700px){#viewer .viewer-bar{padding:calc(12px + env(safe-area-inset-top)) 16px 25px}#viewer .viewer-footer{padding:20px 16px calc(16px + env(safe-area-inset-bottom))}#viewer .previous{left:10px}#viewer .next{right:10px}#viewer .round-button{width:36px;height:36px}#viewer #viewer-title{font-size:12px;max-width:70%}}

.header .nav-link[href="#work"]:hover{opacity:1}

.intro .hero-copy{mix-blend-mode:difference}
#viewer #close-viewer:focus,#viewer #close-viewer:focus-visible{outline:none;box-shadow:none}
body.keyboard-navigation #viewer #close-viewer:focus-visible{outline:2px solid #fff;outline-offset:4px}
#viewer .round-button,#viewer .round-button:hover{display:flex;align-items:center;justify-content:center;width:54px;height:68px;padding:7px;border:0;border-radius:0;background:transparent;color:#ff2626;box-shadow:none}
#viewer .round-button svg{display:block;width:38px;height:48px;fill:currentColor;filter:drop-shadow(0 1px 3px #0005);transition:transform .18s}
#viewer .previous svg{transform:scaleX(-1)}
#viewer .round-button:disabled{opacity:.2}
@media(hover:hover){#viewer .next:hover svg{transform:translateX(3px)}#viewer .previous:hover svg{transform:translateX(-3px) scaleX(-1)}}
@media(max-width:700px){#viewer .round-button{width:44px;height:60px;padding:8px}#viewer .round-button svg{width:28px;height:40px}#viewer .previous{left:4px}#viewer .next{right:4px}}

.header .nav-link:hover{opacity:1}

/* Clear glass controls with a quiet, modern chevron. */
#viewer .round-button,#viewer .round-button:hover{width:48px;height:56px;padding:12px;border:1px solid #ffffff45;border-radius:18px;background:linear-gradient(135deg,#ffffff30,#ffffff0a 48%,#ffffff16);color:#fff;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff60,inset 0 -1px 0 #ffffff15,0 4px 18px #0002;transition:background .2s,box-shadow .2s,transform .2s}
#viewer .round-button svg{width:24px;height:24px;fill:none;filter:drop-shadow(0 1px 2px #0006)}
#viewer .round-button:disabled{opacity:.25;cursor:default}
@media(hover:hover){#viewer .round-button:hover:not(:disabled){background:linear-gradient(135deg,#ffffff50,#ffffff15 55%,#ffffff25);box-shadow:inset 0 1px 0 #ffffff90,0 6px 24px #0003}}
#viewer .round-button:active:not(:disabled){transform:translateY(-50%) scale(.94)}
@media(max-width:700px){#viewer .round-button{width:44px;height:50px;border-radius:16px;padding:10px}#viewer .round-button svg{width:22px;height:22px}#viewer .previous{left:10px}#viewer .next{right:10px}}
@media(prefers-reduced-transparency:reduce){#viewer .round-button{background:#393939;-webkit-backdrop-filter:none;backdrop-filter:none}}

.music-control{position:fixed;left:22px;bottom:22px;z-index:12;display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid #ffffff35;border-radius:16px;background:linear-gradient(135deg,#ffffff25,#1118);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff30,0 3px 15px #0002;font-size:10px;letter-spacing:.08em}.music-symbol{font-size:19px;line-height:1}.music-control:hover{border-color:#ffffff80}.music-control[aria-pressed="true"] .music-symbol{color:#fff}.music-control[aria-pressed="false"] .music-symbol{opacity:.55}#viewer .music-control{position:absolute;bottom:20px;left:26px;z-index:4}#viewer .viewer-footer:has(#media-toggle:not([hidden])){padding-bottom:78px}
@media(max-width:700px){.music-control{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:8px 12px}#viewer .music-control{left:16px;bottom:calc(12px + env(safe-area-inset-bottom))}}

/* Clear video-control glass: retain detail from the image underneath. */
#viewer .round-button,#viewer .round-button:hover{background:linear-gradient(145deg,#ffffff20,#ffffff0b 45%,#ffffff14);border:1px solid #ffffff55;-webkit-backdrop-filter:blur(3px) saturate(135%) brightness(1.12);backdrop-filter:blur(3px) saturate(135%) brightness(1.12);box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #ffffff25,0 2px 8px #00000012}
@media(hover:hover){#viewer .round-button:hover:not(:disabled){background:linear-gradient(145deg,#ffffff30,#ffffff14 50%,#ffffff20);box-shadow:inset 0 1px 1px #ffffff90,inset 0 -1px 1px #ffffff35,0 3px 10px #00000018}}
@media(prefers-reduced-transparency:reduce){#viewer .round-button,#viewer .round-button:hover{background:#484848;-webkit-backdrop-filter:none;backdrop-filter:none}}

.music-control,#viewer .music-control{width:52px;height:52px;min-height:52px;padding:2px;border:0;border-radius:50%;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:center}
.vinyl-disc{display:block;width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 2px 5px #0005);will-change:transform}
.music-control [data-music-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.music-control:hover{background:#ffffff0c}.music-control[aria-pressed="true"]{box-shadow:0 0 0 1px #ffffff35}

/* Video-reference controls: circular clear lenses placed on the photograph. */
#viewer .round-button,#viewer .round-button:hover{width:46px;height:46px;padding:11px;border-radius:50%;border:1px solid #ffffff65;background:linear-gradient(140deg,#ffffff32,#ffffff12 52%,#ffffff24);-webkit-backdrop-filter:blur(2px) saturate(120%) brightness(1.08);backdrop-filter:blur(2px) saturate(120%) brightness(1.08);box-shadow:inset 0 1px 1px #ffffff85,inset 0 -1px 1px #ffffff40,0 2px 7px #00000015}
#viewer .previous{left:var(--photo-control-inset,12px)}#viewer .next{right:var(--photo-control-inset,12px)}
#viewer .round-button svg{width:22px;height:22px}
#viewer .round-button:disabled{opacity:0;pointer-events:none}
@media(hover:hover){#viewer .round-button:hover:not(:disabled){background:linear-gradient(140deg,#ffffff48,#ffffff20 52%,#ffffff32)}}
@media(max-width:700px){#viewer .round-button,#viewer .round-button:hover{width:44px;height:44px;padding:11px}}
@media(prefers-reduced-transparency:reduce){#viewer .round-button,#viewer .round-button:hover{background:#484848;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Invisible half-screen navigation leaves the photograph uninterrupted. */
#viewer .round-button,#viewer .round-button:hover,#viewer .round-button:active:not(:disabled){top:0;bottom:0;width:50%;height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;touch-action:pan-y;cursor:pointer;transition:none}
#viewer .previous{left:0;right:auto}#viewer .next{left:auto;right:0}
#viewer .round-button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #ffffff80}
#viewer #image-status{position:relative;z-index:4}
#viewer .round-button:hover:not(:disabled){background:none;box-shadow:none}
#viewer .round-button:focus:not(:focus-visible){outline:0;box-shadow:none}