/* Craft pass (Oct 2026): less "template", more hand-made.
   Loaded last on every page, so it overrides the page styles. Delete the <link> to undo.
   - square-cut buttons and controls instead of pills
   - corners vary by job (controls 2px, tiles 3px, panels 6px) instead of one soft radius everywhere
   - flat, hard shadows instead of soft glows; solid top bar instead of frosted glass
   - the "Designed for" names sit still; the client logos and the two rolling lists move */

/* ---------- buttons and controls: square-cut ---------- */
.btn, .bar nav a, .bar nav a.pill, .label a, .label button i, .filters button, .more, .chips span, .sample,
.float-quote a, .pk-go, .pk-tag, .rush, .rating, .all-cases a, .copy, .seg, .seg label, .send, .soc-link,
.ph-link, .hint, .case-art .chip, dialog button, .mode, .mode .thumb, .mode button,
.field input, .field textarea, .field select, .tile .tag, .tile figcaption { border-radius: 2px !important; }

/* buttons: flat, no shadow; bold caps text (Oct 22) */
.btn, .bar nav a.pill, .all-cases a, .send, .float-quote a, .label a, .more, .pk-go, dialog button, .soc-link, .copy {
  box-shadow: none !important; }
.btn:hover, .bar nav a.pill:hover, .all-cases a:hover, .send:hover, .float-quote a:hover, .label a:hover, .more:hover, .pk-go:hover {
  box-shadow: none !important; transform: none !important; }
.btn, .bar nav a.pill, .all-cases a, .send, .float-quote a, .label a, .more, .pk-go, dialog button {
  font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .04em !important; }

/* ---------- top bar: solid, squared ---------- */
.bar-in { border-radius: 0 !important; box-shadow: 0 1px 0 color-mix(in srgb, var(--fg) 18%, transparent) !important; }
.bar-in > [data-side], .bar-in > [data-side="day"], .bar-in > [data-side="night"] {
  border-radius: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: var(--bg) !important; }
.bar.scrolled .bar-in { box-shadow: 0 2px 0 color-mix(in srgb, var(--fg) 22%, transparent) !important; }
.bar { padding-top: 0 !important; padding-inline: 0 !important; }
.bar > div { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: var(--bg) !important; }
.bar { border-bottom: 1px solid var(--line); }

/* ---------- corners vary by job ---------- */
.tile, .tile-ph, .shot, .vt, .cs-grid figure, .track figure, .rel, .card { border-radius: 3px !important; }
.case-art, .photo, .cs-cover, .mt-hero, .pk, .ph { border-radius: 6px !important; }
.piece img { border-radius: 3px !important; }
.collage img, .case-art img:not(.cover), .rhonda .a1, .rhonda .a2, .ac .a1, .ac .a2 { border-radius: 2px !important; }
.vt-modal video { border-radius: 4px !important; }

/* ---------- shadows: flat and hard, no glows ---------- */
.world.day .piece img { box-shadow: 6px 6px 0 #0b141d24 !important; }
.world.night .piece img { box-shadow: 0 0 0 1px #ffffff26, 6px 6px 0 #000 !important; }
.day .collage img, .rhonda .a1, .rhonda .a2, .case-art .a1, .case-art .a2 { box-shadow: 5px 5px 0 #0b141d22 !important; }
.night .collage img, .ac .a1, .ac .a2 { box-shadow: 0 0 0 1px #ffffff1f, 5px 5px 0 #000 !important; }
.night .tile:hover { box-shadow: 0 0 0 2px var(--brand) !important; }
.reel .play { box-shadow: none !important; }
.artists-roll li:nth-child(3n+1), .roll-day li.hl, .roll-day li.more-artists { text-shadow: none !important; }

/* ---------- one moving strip only: the client logos ---------- */
/* "Designed for" names: a still line */
.ticker { overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; justify-content: center; margin-inline: 0 !important; }
.tick { animation: none !important; flex: 0 1 auto !important; max-width: 100%; flex-wrap: wrap; justify-content: center; row-gap: 8px; }
.tick li::after { margin-inline: clamp(12px, 1.4vw, 22px) !important; width: 7px !important; height: 7px !important; }
.tick[aria-hidden="true"] { display: none !important; }
.tick li { font-size: clamp(18px, 1.7vw, 26px) !important; }
.tick li:last-child::after { display: none; }
/* the two rolling lists (businesses / artists) keep their original vertical scroll */

/* menu items stay on one line */
.bar nav a { white-space: nowrap; }

/* "Designed for": every name filled in (no outline), nightlife and club names in blue */
.tick li, .tick li:nth-child(even) { color: var(--fg) !important; -webkit-text-stroke: 0 !important; }
.tick li.club { color: var(--brand) !important; }

/* "See day work" / "See night work": no drop shadow */
.label a, .label a:hover { box-shadow: none !important; transform: none !important; }

/* "Designed for" dividers: small round dots instead of diamonds */
.tick li::after { transform: none !important; border-radius: 50%; width: 7px !important; height: 7px !important; }

/* Night "Show all" sits on the left so the floating Text us / Get a quote / Ask us buttons don't cover it */
#workNight .more { display: block; width: max-content; margin-left: 0 !important; margin-right: auto !important; }
/* Case study number labels sit above the artwork instead of on top of it */
.case > .case-tag { position: static !important; display: inline-block; margin: 0 0 12px; padding: 6px 10px;
  border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.case > .case-tag { justify-self: start; width: max-content; }
[data-side="night"] .case > .case-tag { justify-self: end; margin-left: auto; }

/* No glow around text anywhere (Oct 22): outlined headings and highlighted names stay crisp */
*, *::before, *::after { text-shadow: none !important; }
.night .track figure:hover img { filter: grayscale(1) invert(var(--inv, 0)) brightness(1.3) !important; }

/* "EST. 2009" on the night side: 100% magenta (CMYK 0/100/0/0) */
.world.night .word small { color: #EC008C !important; }