body:has(.artwork-root){overflow:hidden;background:var(--color-photo-bg)}.artwork-root{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden}.stage{position:absolute;inset:0;background:var(--color-photo-bg)}.stage__photo{position:absolute;inset:0;width:100%;height:100%}.stage__photo img{width:100%;height:100%;object-fit:cover}.stage__dim{position:absolute;inset:0;background:var(--tint-quote-dim);opacity:0;pointer-events:none}.corner-meta{position:absolute;color:var(--color-overlay-text);font-family:var(--font-serif);pointer-events:none}.corner-meta[data-state=corner]{top:4%;right:4%;width:21%;background:var(--tint-on-photo);backdrop-filter:blur(var(--tint-on-photo-blur));-webkit-backdrop-filter:blur(var(--tint-on-photo-blur));padding:.9rem 1rem;border-radius:2px}.corner-meta__photo-attr{font-style:italic;font-size:1rem;line-height:1.45;margin:0 0 2.2rem;opacity:.88}.corner-meta__quote{font-style:italic;font-size:1.755rem;line-height:1.45;margin:0 0 .45rem}.corner-meta__quote-attr{font-style:normal;font-size:1.32rem;line-height:1.4;margin:0;opacity:.78}.back-nav{position:absolute;top:4%;left:3%;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.back-link{font-size:.85rem;color:var(--color-overlay-text);text-decoration:none;background:var(--tint-on-photo);backdrop-filter:blur(var(--tint-on-photo-blur));-webkit-backdrop-filter:blur(var(--tint-on-photo-blur));padding:.45rem .85rem;border-radius:999px}.back-link:hover{background:#0000006b}.nav-step{position:absolute;bottom:4%;font-size:.85rem;color:var(--color-overlay-text);text-decoration:none;background:var(--tint-on-photo);backdrop-filter:blur(var(--tint-on-photo-blur));-webkit-backdrop-filter:blur(var(--tint-on-photo-blur));padding:.45rem .85rem;border-radius:999px;display:inline-flex;align-items:center;gap:.45rem}.nav-step:hover{background:#0000006b}.nav-step--prev{left:3%}.nav-step--next{right:3%}.nav-step__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;height:1.4em;padding:0 .35em;background:#ffffff1f;border:1px solid rgba(255,255,255,.45);border-radius:4px;font-family:var(--font-serif);font-size:.95em;line-height:1}.slideshow-hint{display:none}body[data-show=true] .slideshow-hint{display:block;position:absolute;left:50%;bottom:4%;transform:translate(-50%);background:var(--tint-on-photo);backdrop-filter:blur(var(--tint-on-photo-blur));-webkit-backdrop-filter:blur(var(--tint-on-photo-blur));color:var(--color-overlay-text);padding:.35rem .85rem;border-radius:999px;font-size:.78rem;white-space:nowrap}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.corner-meta[data-state=corner],.back-link,.nav-step,body[data-show=true] .slideshow-hint{background:#0000008c}}:root{--total-duration: 13s}@keyframes photo-fade-in{0%{opacity:0}30.77%{opacity:1}to{opacity:1}}.stage__photo{opacity:0;animation:photo-fade-in var(--total-duration) ease-out forwards}@keyframes dim-pulse{0%,30.77%{opacity:0}46.15%{opacity:1}84.62%{opacity:1}to{opacity:0}}.stage__dim{animation:dim-pulse var(--total-duration) ease-in-out forwards}@keyframes box-morph{0%,30.77%{opacity:0;top:20%;right:20%;width:60%;padding:1.5rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}46.15%{opacity:1;top:20%;right:20%;width:60%;padding:1.5rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}84.62%{opacity:1;top:20%;right:20%;width:60%;padding:1.5rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;top:4%;right:4%;width:21%;padding:.9rem 1rem;background:var(--tint-on-photo);backdrop-filter:blur(var(--tint-on-photo-blur));-webkit-backdrop-filter:blur(var(--tint-on-photo-blur))}}.corner-meta{opacity:0;animation:box-morph var(--total-duration) ease-in-out forwards}@keyframes quote-font-shrink{0%,46.15%{font-size:3.0375rem;line-height:1.5}84.62%{font-size:3.0375rem;line-height:1.5}to{font-size:1.755rem;line-height:1.45}}.corner-meta__quote{animation:quote-font-shrink var(--total-duration) ease-in-out forwards}@keyframes quote-attr-font-shrink{0%,46.15%{font-size:2rem;line-height:1.45;opacity:.85}84.62%{font-size:2rem;line-height:1.45;opacity:.85}to{font-size:1.32rem;line-height:1.4;opacity:.78}}.corner-meta__quote-attr{animation:quote-attr-font-shrink var(--total-duration) ease-in-out forwards}@keyframes photo-attr-fade-in{0%,84.62%{opacity:0}to{opacity:.88}}.corner-meta__photo-attr{opacity:0;animation:photo-attr-fade-in var(--total-duration) ease-in forwards}@media(prefers-reduced-motion:reduce){.stage__photo,.stage__dim,.corner-meta,.corner-meta__photo-attr,.corner-meta__quote,.corner-meta__quote-attr{animation-duration:1ms!important;animation-delay:0s!important}}.back-nav,.corner-meta,.nav-step{transition:opacity .6s ease}body[data-idle=true] .back-nav,body[data-idle=true] .corner-meta,body[data-idle=true] .nav-step{opacity:0;pointer-events:none}body[data-show=true] .slideshow-hint{transition:opacity .6s ease}body[data-show=true][data-idle=true] .slideshow-hint{opacity:0;pointer-events:none}body[data-show=true][data-stepped=true]:not([data-paused=true]) .back-nav,body[data-show=true][data-stepped=true]:not([data-paused=true]) .corner-meta,body[data-show=true][data-stepped=true]:not([data-paused=true]) .nav-step,body[data-show=true][data-stepped=true]:not([data-paused=true]) .slideshow-hint{opacity:0;pointer-events:none}body[data-paused=true] .back-nav,body[data-paused=true] .corner-meta,body[data-paused=true] .nav-step,body[data-show=true][data-paused=true] .slideshow-hint{opacity:1;pointer-events:auto}.slideshow-hint__paused,body[data-paused=true] .slideshow-hint__playing{display:none}body[data-paused=true] .slideshow-hint__paused{display:inline}body[data-viewport=mobile][data-orientation=portrait] .stage__photo img{object-fit:contain;background:var(--color-photo-bg)}body[data-viewport=mobile][data-orientation=landscape] .stage__photo img{object-fit:cover}@keyframes box-morph-mobile-portrait{0%,30.77%{opacity:0;top:50%;left:8%;right:8%;width:auto;transform:translateY(-50%);padding:1.25rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}46.15%{opacity:1;top:50%;left:8%;right:8%;width:auto;transform:translateY(-50%);padding:1.25rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}84.62%{opacity:1;top:50%;left:8%;right:8%;width:auto;transform:translateY(-50%);padding:1.25rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;top:96%;left:4%;right:4%;width:auto;transform:translateY(-100%);padding:.85rem 1rem;background:var(--tint-mobile-final);backdrop-filter:blur(var(--tint-mobile-blur));-webkit-backdrop-filter:blur(var(--tint-mobile-blur))}}@keyframes box-morph-mobile-landscape{0%,30.77%{opacity:0;top:50%;left:12.5%;right:12.5%;width:auto;transform:translateY(-50%);padding:1.1rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}46.15%{opacity:1;top:50%;left:12.5%;right:12.5%;width:auto;transform:translateY(-50%);padding:1.1rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}84.62%{opacity:1;top:50%;left:12.5%;right:12.5%;width:auto;transform:translateY(-50%);padding:1.1rem;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;top:96%;left:4%;right:4%;width:auto;transform:translateY(-100%);padding:.85rem 1rem;background:var(--tint-mobile-final);backdrop-filter:blur(var(--tint-mobile-blur));-webkit-backdrop-filter:blur(var(--tint-mobile-blur))}}body[data-viewport=mobile][data-orientation=portrait] .corner-meta{animation:box-morph-mobile-portrait var(--total-duration) ease-in-out forwards}body[data-viewport=mobile][data-orientation=landscape] .corner-meta{animation:box-morph-mobile-landscape var(--total-duration) ease-in-out forwards}@keyframes quote-font-shrink-mobile{0%,46.15%{font-size:2.475rem;line-height:1.5}84.62%{font-size:2.475rem;line-height:1.5}to{font-size:1.575rem;line-height:1.5}}body[data-viewport=mobile] .corner-meta__quote{animation:quote-font-shrink-mobile var(--total-duration) ease-in-out forwards}body[data-viewport=mobile] .back-nav{top:3%;left:3%;gap:.3rem}body[data-viewport=mobile] .back-link{font-size:.78rem;padding:.4rem .75rem}body[data-viewport=mobile] .nav-step{font-size:.78rem;padding:.4rem .75rem;bottom:3%}body[data-viewport=mobile] .nav-step--prev{left:3%}body[data-viewport=mobile] .nav-step--next{right:3%}body[data-viewport=mobile][data-show=true] .slideshow-hint{font-size:.7rem;bottom:3%;padding:.3rem .7rem;white-space:normal;text-align:center;max-width:90vw}.slideshow-transition-overlay{position:absolute;inset:0;background:var(--color-photo-bg);opacity:0;pointer-events:none;z-index:100}@keyframes slideshow-transition-out{0%{opacity:0}to{opacity:1}}body[data-transitioning=out] .slideshow-transition-overlay{animation:slideshow-transition-out 1.5s ease-in forwards}@media(prefers-reduced-motion:reduce){body[data-transitioning=out] .slideshow-transition-overlay{animation-duration:1ms!important}}