/* Real source scans are displayed intact; no filters, mirroring or upscaling assets. */
.coming-soon{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#edeae3}
.coming-soon>img{display:block;width:100%;height:100%;object-fit:cover}
.coming-soon figcaption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.38);color:#242822;text-align:center;padding:24px}
.coming-soon figcaption span{font-size:.72rem;letter-spacing:.2em;margin-bottom:14px}
.coming-soon strong{font-family:"Yu Mincho",serif;font-size:2.2rem;font-weight:500;letter-spacing:.22em}
.coming-soon small{margin-top:14px;font-size:.82rem}
.archive-thumbnail{position:relative;margin:0 0 24px;aspect-ratio:3/2;background:#ebeae5;overflow:hidden;display:flex;align-items:center;justify-content:center}
.archive-thumbnail .archive-thumb-image{display:block;width:100%;height:100%;object-fit:contain}
.archive-thumbnail figcaption{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.92);font-size:.7rem;padding:2px 8px;color:#333}
.archive-card h3{min-height:3em}.archive-card p{overflow-wrap:anywhere}
.postcard-fan{position:relative;aspect-ratio:4/3;width:100%;background:#e4e6de;overflow:hidden}
.postcard-fan figure{position:absolute;width:68%;left:16%;top:22%;margin:0;transform-origin:50% 100%;box-shadow:0 10px 22px rgba(0,0,0,.18);background:#fff}
.postcard-fan img{display:block;width:100%;height:auto}
.postcard-fan figure:nth-child(1){transform:rotate(-30deg) translate(-20%,-2%)}
.postcard-fan figure:nth-child(2){transform:rotate(10deg) translate(0%,-50%)}
.postcard-fan figure:nth-child(3){transform:rotate(15deg) translate(25%,20%)}
.project-image{object-fit:contain;background:#ebeae5}
.project-entries>a{min-height:164px}.project-entries strong{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.55}
.site-header .brand{max-width:23%}.site-header .menu{gap:14px}.site-header .menu a{font-size:.75rem}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;padding-block:16px}.site-header .brand{max-width:70%}.has-menu-js .menu-toggle{display:block}.has-menu-js #site-navigation{display:none}.has-menu-js #site-navigation.is-open{display:block}#site-navigation{width:100%;max-height:calc(100dvh - 110px - var(--toolbar-offset));overflow-y:auto}#site-navigation .menu{display:block}#site-navigation .menu a{font-size:.9rem;padding-block:12px}.sub-menu{position:static;display:block;min-width:0;border:0;border-left:1px solid var(--line);padding:0 0 0 20px}.is-scrolled .header-inner{padding-block:9px}}
@media(max-width:800px){.project-entries>a{min-height:112px}.project-entries strong{font-size:1.2rem}.project-detail{gap:28px}.archive-card h3{min-height:0}.archive-thumbnail{margin-bottom:20px}.slide-controls:not([hidden]){gap:8px;padding:10px}.slide-controls button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.archive-slide{animation:none!important;transition:none!important}}

/* v1.4.1: same 4:3 media footprint as the printmaking image. */

/* v1.4.2 — 3:2 images with understated controls below. */
.archive-slideshow {
    width: 100%;
    border: 0;
    background: transparent;
}

.slide-stage {
    position: relative;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: #edeae3;
}

.archive-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
}

.archive-slide[hidden] {
    display: none;
}

.archive-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.slide-controls:not([hidden]) {
    position: static;
    display: flex;
    justify-content: center;
    gap: 0;
    padding: 3px 0 0;
    margin: 0;
    border: 0;
    background: transparent;
    transform: none;
}

.slide-controls .slide-dot {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.slide-dot::after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #161616;
    opacity: .25;
}

.slide-dot[aria-current="true"]::after,
.slide-dot:hover::after {
    opacity: 1;
}

.archive-thumbnail {
    aspect-ratio: 3 / 2;
}

.page-main > .archive-slideshow {
    max-width: 800px;
    margin-inline: auto;
}


/* v1.4.4 — dark CRT channel change with animated canvas snow. */
.crt-static {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    image-rendering: pixelated;
}

.crt-static[hidden] { display: none; }

.channel-switch .crt-static {
    animation: crt-reception 920ms linear both;
}

.slide-stage::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,.8) 100%);
}

.channel-switch .slide-stage::after {
    animation: crt-reception 920ms linear both;
}

@keyframes crt-reception {
    0%, 72% { opacity: 1; }
    100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .crt-static, .slide-stage::after { display: none; animation: none; }
}

/* Image links do not wrap slideshow controls or other links. */
.business-image-link, .archive-image-link { display: block; color: inherit; text-decoration: none; }
.slide-image-link { display: block; width: 100%; height: 100%; }
.archive-card h3 a { text-decoration: none; }
.archive-card h3 a:hover { text-decoration: underline; }
.business-image-link:focus-visible, .archive-image-link:focus-visible { outline-offset: 5px; }
.slide-image-link:focus-visible { outline-offset: -4px; }



/* Small editable catchphrase above the archive name. */
.archive-card .archive-catch {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.7;
    white-space: pre-line;
}