/* 10 · Atelier Noir — fashion shop. White, black, one red; Instrument Serif. A word cut from
   fabric, a sideways lookbook, an archive that trails photographs behind the pointer. */
.v-at { --bg: #ffffff; --fg: #0b0b0b; --mut: #6a6a6a; --acc: #e10600; --edge: #e6e6e6; background: var(--bg); color: var(--fg); --btn-r: 0; --fx-mask-image: url("../assets/atelier/fabric.jpg"); --fx-mask-font: "Instrument Serif", Georgia, serif; --fx-mask-fallback: #0b0b0b; }
.v-at .at-top { padding-block: clamp(48px, 6vw, 88px) 0; }
.v-at .at-nav { display: flex; flex-wrap: wrap; gap: 8px 36px; margin-bottom: 20px; }
.v-at .at-nav a { font: 400 clamp(26px, 3.6vw, 52px)/1 "Instrument Serif", Georgia, serif; text-decoration: none; }
.v-at .at-mask { font-size: clamp(120px, 28vw, 420px) !important; line-height: 0.82 !important; margin: 0 0 0 -0.04em !important; background-image: url("../assets/atelier/fabric.jpg") !important; }
.v-at .at-top__row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.6fr); gap: 32px; align-items: end; margin-top: 10px; }
.v-at h2 { font: 400 clamp(30px, 3.4vw, 50px)/1.08 "Instrument Serif", Georgia, serif; max-width: 22ch; }
.v-at h2 em { color: var(--acc); }
.v-at .btn { background: var(--fg); color: #fff; }
.v-at .pause--ink { background: transparent; color: var(--fg); }
.v-at .at-look { margin-top: clamp(40px, 5vw, 72px); --fx-pan-card: min(78vw, 30rem); --fx-pan-gutter: var(--gutter); }
.v-at .at-card .ph { aspect-ratio: 3 / 4; }
.v-at .at-card:nth-child(3n) .ph { aspect-ratio: 4 / 3; }
.v-at .at-meta { margin-top: 12px; font: 500 12px/1 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--mut); }
.v-at .at-meta b { color: var(--acc); margin-right: 8px; }
.v-at .at-body { padding-block: clamp(56px, 7vw, 100px); }
.v-at .at-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: stretch; }
.v-at .at-archive { position: relative; overflow: clip; min-height: 480px; display: grid; align-content: center; justify-items: center; text-align: center; background: var(--fg); color: #fff; padding: 40px; }
.v-at .at-archive h3 { font: 400 clamp(32px, 4vw, 60px)/1 "Instrument Serif", Georgia, serif; }
.v-at .at-archive h3 em { color: var(--acc); }
.v-at .at-archive p { margin-top: 12px; color: #bdbdbd; }
.v-at .at-film { position: relative; overflow: clip; background: #111; }
.v-at .at-film video { display: block; width: 100%; height: 100%; min-height: 480px; object-fit: cover; }
.v-at .at-play { position: absolute; left: 18px; bottom: 18px; background: rgb(255 255 255 / 0.85); }
.v-at .at-film .at-meta { position: absolute; right: 18px; bottom: 24px; color: #fff; }
.v-at .fxlist { color: var(--mut); }
@media (max-width: 900px) { .v-at .at-top__row, .v-at .at-split { grid-template-columns: 1fr; } }