/* ==========================================================================
   The Signal Room — digitally native, precise, experimental. An instrument
   panel beside a spacious canvas. Off-white, carbon, cobalt, mist.
   ========================================================================== */

/* Defaults (Customize → The Signal Room Design overrides them). */
:root {
    --art-bg: #f4f3ee;
    --art-surface: #e7e8e6;
    --art-text: #1a1b1b;
    --art-heading: #1a1b1b;
    --art-muted: #686d74;
    --art-link: #1a1b1b;
    --art-link-hover: #3458e8;
    --art-accent: #3458e8;
    --art-accent-2: #cdd4df;
    --art-price: #1a1b1b;
    --art-font: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
    --art-size: 15px;
    --art-heading-font: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
    --art-heading-weight: 500;
    --art-heading-case: none;
    --art-meta-font: "Space Mono", "Courier New", monospace;
    --art-header-bg: #f4f3ee;
    --art-header-text: #1a1b1b;
    --art-header-hover: #3458e8;
    --art-header-rule: #1a1b1b;
    --art-header-rule-w: 1px;
    --art-title-font: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
    --art-title-size: 16px;
    --art-title-weight: 600;
    --art-title-case: none;
    --art-title-tracking: 0px;
    --art-logo-h: 36px;
    --art-nav-font: "Space Mono", "Courier New", monospace;
    --art-nav-size: 12px;
    --art-nav-weight: 400;
    --art-nav-case: uppercase;
    --art-nav-tracking: 0px;
    --art-footer-bg: #1a1b1b;
    --art-footer-text: #cdd4df;
    --art-footer-link: #f4f3ee;
    --art-footer-hover: #3458e8;
    --art-footer-rule: #3458e8;
    --art-footer-rule-w: 2px;
    --art-footer-font: "Space Mono", "Courier New", monospace;
    --art-footer-size: 12px;
    --art-footer-case: none;
    --art-gallery-gap: 16px;
}

:root { --dn-side: 196px; --art-max: 1560px; }

body { line-height: 1.5; }
::selection { background: var(--art-accent); color: #fff; }
.art-menu .nav-link.active, .art-menu .current-menu-item > .nav-link { color: var(--art-accent); }

/* Instrument panel: thin cobalt selection line */
.dn-index__heading, .dn-index__toggle { font-family: var(--art-meta-font); color: var(--art-accent); }
.dn-index__link { font-family: var(--art-meta-font); font-size: 11.5px; text-transform: uppercase; }
.dn-index__marker { width: 1px; background: var(--art-accent); transition-duration: .22s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); }
.dn-index__list { border-left: 1px solid var(--art-accent-2); }

.sr-status { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.4rem; }
.sr-status span { padding: .2rem .5rem; border: 1px solid var(--art-text); font: 400 11px var(--art-meta-font); text-transform: uppercase; }
.sr-live { margin-left: auto; color: var(--art-accent); border-color: var(--art-accent) !important; }
.sr-live::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: .4rem; background: var(--art-accent); }

/* Modular grid with metadata on hover */
.sr-collection .dn-grid { gap: var(--art-gallery-gap); }
.sr-collection .dn-item { position: relative; padding-top: .5rem; border-top: 1px solid var(--art-text); }
.sr-collection .dn-item--film:nth-child(5n+1) { grid-column: span 8; grid-row: span 2; }
.sr-collection .dn-item--film { grid-column: span 4; }
.sr-collection .dn-item--landscape { grid-column: span 4; }
.sr-collection .dn-item--square, .sr-collection .dn-item--portrait { grid-column: span 2; }
.sr-collection .dn-cap { position: absolute; left: 0; right: 0; top: .5rem; z-index: 3; padding: .5rem .6rem; background: rgba(26, 27, 27, .86); color: #f4f3ee; opacity: 0; transform: translateY(-4px); transition: opacity .18s ease, transform .18s ease; pointer-events: none; }
.sr-collection .dn-item:hover .dn-cap, .sr-collection .dn-item:focus-within .dn-cap { opacity: 1; transform: none; }
.sr-collection .dn-cap__meta { color: #cdd4df; }
.sr-collection .dn-cap__meta span { color: #8fa6ff; }
@media (hover: none) { .sr-collection .dn-cap { position: static; opacity: 1; transform: none; background: none; color: var(--art-text); padding: .5rem 0 0; } .sr-collection .dn-cap__meta { color: var(--art-muted); } }
/* Image masks open cleanly */
.vf-js .sr-collection .vf-settle { clip-path: inset(0 100% 0 0); transition: clip-path .6s cubic-bezier(.65, 0, .35, 1); }
.vf-js .sr-collection .vf-stagger.is-in .vf-settle { clip-path: inset(0); transition-delay: calc(min(var(--i, 0), 8) * 60ms); }
.sr-collection .vf-film__play { border-radius: 0; border: 0; background: var(--art-accent); }
.sr-collection .vf-film { background: var(--art-accent-2); }
@media (max-width: 1199.98px) { .sr-collection .dn-item--square, .sr-collection .dn-item--portrait { grid-column: span 4; } .sr-collection .dn-item--film:nth-child(5n+1) { grid-column: span 12; grid-row: auto; } }


.art-home-section__head { border-bottom: 1px solid var(--art-text); padding-bottom: .4rem; }
.art-home-section__head .edith-section-title { font: 400 12px var(--art-meta-font); text-transform: uppercase; color: var(--art-accent); }
.edith-page__title, .edith-post__title { font-size: clamp(36px, 5vw, 76px); letter-spacing: -.04em; }
.btn, .fran-contact .form-control { border-radius: 0; }
.art-footer__name { font-size: 18px; font-weight: 600; color: var(--art-footer-link); }

@media (prefers-reduced-motion: no-preference) {
    @view-transition { navigation: auto; }
    ::view-transition-old(root) { animation: sr-out .2s cubic-bezier(.4, 0, 1, 1) both; }
    ::view-transition-new(root) { animation: sr-in .26s cubic-bezier(0, 0, .2, 1) both; }
}
@keyframes sr-out { to { opacity: 0; transform: translateX(-10px); } }
@keyframes sr-in { from { opacity: 0; transform: translateX(14px); } }
@media (prefers-reduced-motion: reduce) { .vf-js .sr-collection .vf-settle { clip-path: none; } }