/* LTK Atelier — Smoked Chrome + Champagne colour system.
   Loaded only by production routes; concept demos keep their authored palettes. */

:root {
  --amber-ground: #070706;
  --amber-surface: #100f0d;
  --amber-panel: #171612;
  --amber-panel-hover: #211f1a;
  --amber-ink: #f5f1e8;
  --amber-muted: #bbb5aa;
  --amber-dim: #817c73;
  --amber-primary: #d9b978;
  --amber-bright: #ead7b5;
  --amber-hot: #b9955d;
  --amber-edge: rgba(217, 185, 120, .22);
  --amber-edge-strong: rgba(234, 215, 181, .42);
  --amber-glass: rgba(16, 15, 13, .74);
}

body:is(.atelier-v4, .editorial-page) {
  color: var(--amber-ink);
  background: var(--amber-ground);
}

body:is(.atelier-v4, .editorial-page) ::selection {
  color: #17140f;
  background: var(--amber-bright);
}

body:is(.atelier-v4, .editorial-page) :focus-visible {
  outline-color: var(--amber-primary);
}

/* --------------------------------------------------------------------------
   Homepage + interactive hero
   -------------------------------------------------------------------------- */
body.atelier-v4 {
  --ltk-ground: var(--amber-ground);
  --ltk-surface: var(--amber-surface);
  --ltk-ink: var(--amber-ink);
  --ltk-muted: var(--amber-muted);
  --ltk-primary: var(--amber-primary);
  --ltk-edge: var(--amber-edge);
  --studio-ground: var(--amber-ground);
  --studio-surface: var(--amber-surface);
  --studio-panel: var(--amber-panel);
  --studio-panel-hover: var(--amber-panel-hover);
  --studio-ink: var(--amber-ink);
  --studio-muted: var(--amber-muted);
  --studio-dim: var(--amber-dim);
  --studio-accent: var(--amber-primary);
  --studio-accent-bright: var(--amber-bright);
  --studio-rule: var(--amber-edge);
  --studio-rule-strong: var(--amber-edge-strong);
}

body.atelier-v4 .cyber-nav {
  background: linear-gradient(110deg, rgba(20, 19, 16, .86), rgba(8, 8, 7, .74));
  border-color: rgba(217, 185, 120, .2);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .62), inset 0 1px 1px rgba(245, 241, 232, .16), 0 0 34px rgba(217, 185, 120, .055);
}

body.atelier-v4 .cyber-nav:hover {
  border-color: rgba(234, 215, 181, .4);
  box-shadow: 0 24px 54px rgba(0, 0, 0, .72), inset 0 1px 1px rgba(245, 241, 232, .24), 0 0 38px rgba(217, 185, 120, .09);
}

body.atelier-v4 :is(.cyber-nav__brand, .cyber-nav__link, .cyber-nav__start) { color: var(--amber-ink); }
body.atelier-v4 :is(.cyber-nav__sub, .hero-cyber__header, .hero-cyber__badge) { color: var(--amber-muted); }
body.atelier-v4 :is(.cyber-nav__icon, .cyber-nav__start) { border-color: var(--amber-edge); }
body.atelier-v4 .cyber-nav__icon { color: var(--amber-bright); background: rgba(217, 185, 120, .08); }
body.atelier-v4 .cyber-nav__start::before {
  background: linear-gradient(180deg, rgba(245,241,232,.58), rgba(234,215,181,.3) 22%, transparent 44%, transparent 60%, rgba(185,149,93,.2) 82%, rgba(217,185,120,.52));
}

body.atelier-v4 .hero-cyber {
  background:
    radial-gradient(ellipse 54% 72% at 51% 43%, rgba(217, 185, 120, .075), transparent 66%),
    radial-gradient(ellipse 42% 55% at 51% 48%, rgba(191, 195, 200, .055), transparent 72%),
    var(--amber-ground);
}

body.atelier-v4 .hero-cyber__ambient {
  background-image:
    radial-gradient(ellipse at 50% 30%, rgba(217, 185, 120, .07) 0%, transparent 65%),
    linear-gradient(rgba(191, 195, 200, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191, 195, 200, .025) 1px, transparent 1px);
}

body.atelier-v4 .hero-cyber__vignette {
  background:
    linear-gradient(to top, var(--amber-ground) 0%, rgba(7, 7, 6, .92) 14%, transparent 38%),
    radial-gradient(circle at center, transparent 38%, rgba(7, 7, 6, .42) 70%, var(--amber-ground) 96%);
}

body.atelier-v4 :is(.hero-cyber__headline em, .hotspot-card__tag, .hotspot-card__link) { color: var(--amber-bright); }
body.atelier-v4 .hero-cyber__badge-dot { background: var(--amber-primary); box-shadow: 0 0 12px var(--amber-primary); }
body.atelier-v4 .hotspot-beacon {
  border-color: rgba(217, 185, 120, .4);
  background: rgba(217, 185, 120, .07);
  box-shadow: 0 0 22px rgba(185, 149, 93, .2), inset 0 1px 1px rgba(245, 241, 232, .16);
}
body.atelier-v4 .hero-hotspot .hotspot-beacon::before { border-color: rgba(217,185,120,.4); }
body.atelier-v4 .hotspot-beacon::before {
  background: #f8f4eb;
  box-shadow: 0 0 8px #f8f4eb, 0 0 18px var(--amber-bright), 0 0 30px rgba(185, 149, 93, .72);
}
body.atelier-v4 .hotspot-beacon::after { border-color: rgba(217, 185, 120, .36); }
body.atelier-v4 .hero-hotspot:hover .hotspot-beacon,
body.atelier-v4 .hero-hotspot.is-active .hotspot-beacon {
  border-color: rgba(234, 215, 181, .78);
  box-shadow: 0 0 28px rgba(185, 149, 93, .3), inset 0 1px 1px rgba(245, 241, 232, .2);
}
body.atelier-v4 .hotspot-card {
  border-color: rgba(217, 185, 120, .3);
  background: linear-gradient(145deg, rgba(234,215,181,.055), rgba(255,255,255,.01)), rgba(16, 15, 13, .86);
}
body.atelier-v4 .hotspot-card::before {
  background: linear-gradient(145deg, rgba(255,255,255,.4), rgba(234,215,181,.15) 35%, rgba(255,255,255,.03) 72%, rgba(217,185,120,.16));
}
body.atelier-v4 .hero-cyber__signal-toast {
  border-color: rgba(217, 185, 120, .36);
  background: rgba(16, 15, 13, .92);
  box-shadow: 0 24px 64px rgba(0,0,0,.58), 0 0 32px rgba(185,149,93,.11), inset 0 1px 1px rgba(245,241,232,.1);
}
body.atelier-v4 .hero-cyber__signal-toast span { color: var(--amber-bright); }

body.atelier-v4 :is(.studio-shell, .studio-light, .portfolio, .section-services, .section-process, .section-engagements, .section-about, .section-faq, .contact, .footer) {
  color: var(--amber-ink);
  background-color: var(--amber-ground);
}

body.atelier-v4 .studio-bridge::before {
  background:
    radial-gradient(ellipse 46% 70% at 50% -8%, rgba(234, 215, 181, .04), transparent 68%),
    linear-gradient(180deg, rgba(7, 7, 6, 0) 0%, rgba(7, 7, 6, .14) 26%, rgba(7, 7, 6, .66) 66%, #070706 100%);
  -webkit-mask-image: none;
  mask-image: none;
}

body.atelier-v4 .studio-bridge::after {
  display: block;
  opacity: .13;
  background-image:
    radial-gradient(circle, rgba(234, 215, 181, .56) 0 .8px, transparent 1.2px),
    radial-gradient(circle, rgba(191, 195, 200, .3) 0 .7px, transparent 1.1px);
  background-position: 1.5rem 0, 4.75rem 2.5rem;
  background-size: 11.7rem 8.6rem, 16.3rem 12.9rem;
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.22) 42%, transparent 82%);
  mask-image: linear-gradient(180deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.22) 42%, transparent 82%);
}
body.atelier-v4 .ambient__orb--one { background: var(--amber-hot); }
body.atelier-v4 .ambient__orb--two { background: var(--amber-bright); }
body.atelier-v4 .hud__corner { border-color: var(--amber-edge); }
body.atelier-v4 :is(.hotspot-beacon::before, .beacon-ring, .beacon-ring-2) { border-color: rgba(217,185,120,.34); }
body.atelier-v4 .studio-bridge__thread { background: linear-gradient(90deg, var(--amber-hot), var(--amber-bright)); }

/* The bridge overlaps the hero to soften the hand-off. Keep that overlap
   transparent so it cannot paint a solid band across the 3D shoulders. */
body.atelier-v4 .studio-bridge {
  background: transparent;
}

/* The authored homepage used a cool navy light system. Keep its layout and
   motion, but replace every UI surface and glow with smoked graphite. */
body.atelier-v4 :is(.portfolio, .section-services, .section-process, .section-engagements, .section-about, .section-faq) {
  background:
    radial-gradient(circle at 84% 8%, rgba(217, 185, 120, .045), transparent 30rem),
    var(--amber-ground);
}

body.atelier-v4 :is(.outcome-card, .engagement, .about-working) {
  background:
    linear-gradient(145deg, rgba(245, 241, 232, .035), rgba(255,255,255,.008)),
    rgba(23, 22, 18, .78);
}

body.atelier-v4 .section-process {
  background:
    radial-gradient(circle at 18% 15%, rgba(217,185,120,.065), transparent 30rem),
    var(--amber-surface);
}

body.atelier-v4 .section-about {
  background:
    radial-gradient(circle at 78% 22%, rgba(217,185,120,.075), transparent 34rem),
    var(--amber-surface);
}

body.atelier-v4 .about-points span { background: rgba(217,185,120,.035); }

body.atelier-v4 .contact {
  background:
    radial-gradient(circle at 70% 85%, rgba(217,185,120,.095), transparent 38rem),
    var(--amber-ground);
}

body.atelier-v4 .contact::after {
  opacity: .11;
  background-image: radial-gradient(rgba(234,215,181,.5) .6px, transparent .6px);
}

body.atelier-v4 .contact__flare {
  background: radial-gradient(circle, rgba(217,185,120,.28), rgba(185,149,93,.06) 38%, transparent 68%);
}

body.atelier-v4 .contact__button {
  border-color: rgba(234,215,181,.25);
  background:
    linear-gradient(145deg, rgba(245,241,232,.06), rgba(255,255,255,.01)),
    rgba(23,22,18,.72);
}

body.atelier-v4 .hero-cyber__signal-toast::before {
  background: linear-gradient(90deg, transparent, rgba(234,215,181,.16), transparent);
}

body.atelier-v4 .hero-hotspot::before { color: rgba(187,181,170,.72); }
body.atelier-v4 .hero-hotspot:is(:hover, :focus-within, .is-active)::before { color: var(--amber-bright); }
body.atelier-v4 .beacon-core {
  background: #f8f4eb;
  box-shadow: 0 0 8px #f8f4eb, 0 0 17px var(--amber-bright), 0 0 28px rgba(185,149,93,.72);
}

body.atelier-v4 :is(.section-about, .contact) {
  background:
    radial-gradient(circle at 78% 20%, rgba(217, 185, 120, .09), transparent 36rem),
    linear-gradient(145deg, #070706, #11100e 58%, #070706);
}

body.atelier-v4 :is(.outcome-card--dark, .engagement--featured) {
  color: var(--amber-ink);
  border-color: rgba(217, 185, 120, .32);
  background:
    radial-gradient(circle at 82% 18%, rgba(217, 185, 120, .13), transparent 48%),
    linear-gradient(145deg, rgba(185, 149, 93, .09), rgba(255,255,255,.012)),
    rgba(23, 22, 18, .88);
}

body.atelier-v4 :is(.outcome-card, .engagement, .process-list li, .faq-list details, .work-card__meta) {
  border-color: var(--amber-edge);
}
body.atelier-v4 :is(.outcome-card__icon, .process-list li > span, .engagement > span, .faq-list summary span, .kicker, .service-detail-link) { color: var(--amber-primary); }
body.atelier-v4 .outcome-card__icon { border-color: var(--amber-edge); background: rgba(217,185,120,.055); }
body.atelier-v4 .outcome-card--dark .outcome-card__icon { border-color: var(--amber-edge); background: rgba(217,185,120,.055); }
body.atelier-v4 .process-list li > span { border-color: var(--amber-edge); background: var(--amber-surface); box-shadow: 0 0 1.5rem rgba(185,149,93,.1), inset 0 1px 1px rgba(255,255,255,.08); }
body.atelier-v4 .about-points span,
body.atelier-v4 .faq-list summary span { border-color: var(--amber-edge); background: rgba(217,185,120,.04); }
body.atelier-v4 :is(.about-email, .about-signature) { color: var(--amber-bright); }
body.atelier-v4 .principle { color: var(--amber-ink); }
body.atelier-v4 .about-working { border-color: var(--amber-edge); }
body.atelier-v4 .about-working dl > div { border-color: var(--amber-edge); }
body.atelier-v4 .about-working dd { color: var(--amber-muted); }
body.atelier-v4 .contact__bottom p,
body.atelier-v4 .footer { color: var(--amber-muted); }
body.atelier-v4 .outcome-card::after { background: linear-gradient(90deg, var(--amber-hot), var(--amber-bright)); }
body.atelier-v4 .section-process { background: linear-gradient(140deg, #0b0b09, #171612); }
body.atelier-v4 .contact__flare { background: radial-gradient(circle, rgba(217,185,120,.34), rgba(185,149,93,.08) 38%, transparent 68%); }
body.atelier-v4 :is(.contact__button, .brief__form button) { color: #17140f; background: linear-gradient(105deg, #f7f3ea, var(--amber-bright)); }
body.atelier-v4 :is(.contact__button, .brief__form button):hover { background: #f0dfbf; }
body.atelier-v4 .brief__panel { background: radial-gradient(circle at 100% 0, rgba(217,185,120,.14), transparent 40%), #100f0d; border-color: var(--amber-edge); }
body.atelier-v4 .brief__eyebrow { color: var(--amber-bright); }
body.atelier-v4 .brief__form textarea:focus { border-color: var(--amber-primary); }
body.atelier-v4 :is(.brief__close, .brief__form input, .brief__form textarea, .brief__meta) { border-color: var(--amber-edge); }
/* --------------------------------------------------------------------------
   Services — dark object catalogue in smoked chrome + champagne.
   -------------------------------------------------------------------------- */
body.services-page {
  --sc-canvas: var(--amber-ground);
  --sc-surface: var(--amber-surface);
  --sc-ink: var(--amber-ink);
  --sc-ink-soft: var(--amber-muted);
  --sc-accent: var(--amber-primary);
  --sc-accent-ink: #17140f;
  --cabinet-edge: var(--amber-edge);
  --cabinet-shadow: 0 2rem 5rem rgba(0, 0, 0, .52);
  background: var(--amber-ground);
}

body.services-page::before,
body.services-page main {
  background:
    radial-gradient(circle at 72% 12%, rgba(217, 185, 120, .085), transparent 32rem),
    linear-gradient(145deg, #070706 0%, #11100e 58%, #070706 100%);
}

body.services-page .page-progress { background: linear-gradient(90deg, #f7f3ea, var(--amber-primary)); box-shadow: 0 1px 12px rgba(217, 185, 120, .38); }
body.services-page .skip-link { color: #17140f; background: var(--amber-bright); }
body.services-page .object-index {
  border-color: var(--amber-edge);
  background: rgba(10, 10, 9, .9);
}
body.services-page .object-index__mark { background: var(--amber-primary); box-shadow: 0 .5rem 1.6rem rgba(185, 149, 93, .32); }
body.services-page .object-index__nav a::before { background: var(--amber-primary); }
body.services-page .object-index__nav a { color: var(--amber-dim); }
body.services-page .object-index__nav a span { color: var(--amber-dim); }
body.services-page .object-index__cta { color: var(--amber-ink); }
body.services-page .object-index__language { color: var(--amber-dim); }
body.services-page .object-index__nav a:hover,
body.services-page .object-index__nav a[aria-current="true"] { color: var(--amber-ink); border-color: var(--amber-edge); background: rgba(217,185,120,.08); }
body.services-page :is(.object-index__nav a[aria-current="true"], .object-index__nav a span, .catalog-code, .cover-copy h1 em, .cover-drawer span, .service-specimen__head span, .service-specimen__promise, .boundary-column > span, .method__steps li > span, .agreement summary span) { color: var(--amber-bright); }
body.services-page :is(.object-index__language a[aria-current="page"], .inquiry-plate__cta) { color: #17140f; background: var(--amber-bright); }

body.services-page .catalog-cover {
  background:
    radial-gradient(circle at 71% 43%, rgba(217, 185, 120, .1), transparent 26rem),
    linear-gradient(145deg, #070706 0%, #11100e 72%, #070706 100%);
}
body.services-page .cover-grid {
  background-image:
    linear-gradient(rgba(191, 195, 200, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191, 195, 200, .045) 1px, transparent 1px);
}
body.services-page .cover-cabinet::before { border-color: var(--amber-edge); background: linear-gradient(145deg, rgba(234,215,181,.04), rgba(7,7,6,.03)); }
body.services-page .cover-meta span:not(:last-of-type)::after { background: rgba(217,185,120,.26); }
body.services-page .cover-copy > p:last-child { color: var(--amber-muted); }
body.services-page .cover-drawer small,
body.services-page .cover-meta { color: var(--amber-dim); }
body.services-page :is(.cover-drawer, .service-specimen__media, .proof-frame) { border-color: var(--amber-edge); }
body.services-page .cover-drawer { background: linear-gradient(125deg, rgba(217,185,120,.08), rgba(18,17,14,.94) 47%); }
body.services-page .cover-drawer > div { border-color: var(--amber-edge); }
body.services-page :is(.cover-drawer img, .service-specimen__media img) { filter: grayscale(.68) sepia(.12) saturate(.74) brightness(.96) contrast(1.06); }
body.services-page .service-catalog { background: linear-gradient(180deg, #0b0b09, #14130f); }
body.services-page .catalog-stage {
  background:
    linear-gradient(90deg, rgba(217,185,120,.035) 1px, transparent 1px) 0 0 / clamp(4rem, 7vw, 8rem) 100%,
    linear-gradient(180deg, #0b0b09 0%, #14130f 100%);
}
body.services-page .service-specimen { border-color: var(--amber-edge); background: #15140f; }
body.services-page .service-specimen__media { background: #100f0d; }
body.services-page .service-specimen__media::after { background: radial-gradient(circle at 72% 20%, rgba(217, 185, 120, .13), transparent 38%); }
body.services-page .service-specimen__media figcaption,
body.services-page .specimen-action,
body.services-page .catalog-rail__end a { color: var(--amber-ink); }
body.services-page :is(.service-specimen__head p, .service-specimen__label > p:not(.service-specimen__promise):not(.service-specimen__boundary), .service-specimen__boundary) { color: var(--amber-dim); }
body.services-page .service-specimen__label li { color: var(--amber-muted); }
body.services-page .service-specimen__label li::before { border-color: var(--amber-primary); }
body.services-page :is(.service-specimen__head, .service-specimen__boundary) { border-color: var(--amber-edge); }

body.services-page .scope-boundaries { background: radial-gradient(circle at 86% 8%, rgba(217, 185, 120, .08), transparent 30rem), #11100e; }
body.services-page .scope-boundaries::before { background: radial-gradient(circle, rgba(217,185,120,.1), transparent 66%); }
body.services-page .scope-boundaries__reveal { border-color: var(--amber-edge); }
body.services-page li::before { color: var(--amber-primary); border-color: var(--amber-primary); }
body.services-page .boundary-column--light { color: #24211c; background: #ebe7dd; }
body.services-page .boundary-column--light > span { color: #806a45; }
body.services-page .boundary-column--dark { background: #12110e; }
body.services-page .boundary-column li { border-color: rgba(80,72,60,.2); }
body.services-page .boundary-column--dark li { border-color: var(--amber-edge); }
body.services-page .method { background: #ece9e1; color: #211f1b; }
body.services-page .method .catalog-code,
body.services-page .method__steps li > span,
body.services-page .agreement summary span { color: #806a45; }
body.services-page .method__heading > p:last-child,
body.services-page .method__steps p,
body.services-page .proof-copy > p:not(.catalog-code),
body.services-page .agreement details p { color: #645f56; }
body.services-page .proof-frame { background: #f7f4ed; border-color: rgba(80, 72, 60, .22); }
body.services-page .proof-frame { box-shadow: 0 2.5rem 6rem rgba(41,34,23,.12); }
body.services-page .proof-frame figcaption { color: #6b645a; }
body.services-page .scope-cabinet { background: #090908; }
body.services-page .scope-cabinet__stage {
  background:
    radial-gradient(circle at 71% 44%, rgba(217,185,120,.105), transparent 26rem),
    linear-gradient(145deg, #090908, #15130f 60%, #0b0b09);
}
body.services-page .scope-cabinet__stage::before {
  opacity: .52;
  background-image:
    linear-gradient(rgba(217,185,120,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,195,200,.025) 1px, transparent 1px);
}
body.services-page :is(.cabinet-rack, .cabinet-drawer) { border-color: var(--amber-edge); }
body.services-page .cabinet-rack::before,
body.services-page .cabinet-rack::after { border-color: rgba(217,185,120,.12); }
body.services-page .cabinet-rack { background: linear-gradient(150deg, rgba(217,185,120,.065), rgba(8,8,7,.1) 62%), rgba(14,14,12,.62); }
body.services-page .cabinet-drawer { background: rgba(22,21,18,.95); }
body.services-page .cabinet-drawer__photo { background-image: linear-gradient(90deg, transparent, rgba(7,7,6,.7)), var(--drawer-image); }
body.services-page .cabinet-drawer__front { border-color: var(--amber-edge); background: linear-gradient(125deg, rgba(217,185,120,.065), rgba(12,12,10,.5)); }
body.services-page :is(.cabinet-drawer__front span, .cabinet-system-spine__label, .cabinet-system-spine li span) { color: var(--amber-bright); }
body.services-page .cabinet-system-spine ol::before { background: linear-gradient(180deg, transparent, rgba(217,185,120,.72) 18%, rgba(217,185,120,.72) 82%, transparent); }
body.services-page .cabinet-system-spine li { border-color: var(--amber-edge); background: linear-gradient(90deg, rgba(185,149,93,.14), rgba(22,21,18,.76)); }
body.services-page .cabinet-system-spine li::before { border-color: var(--amber-bright); background: #1a1814; box-shadow: 0 0 1rem rgba(217,185,120,.38); }
body.services-page .cabinet-system-spine li i { background: linear-gradient(90deg, transparent, rgba(217,185,120,.72)); }
body.services-page .cabinet-copy__state p { color: var(--amber-muted); }
body.services-page .cabinet-base { color: var(--amber-dim); border-color: var(--amber-edge); background: rgba(16,15,13,.82); }
body.services-page .cabinet-base i { background: linear-gradient(90deg, transparent, var(--amber-primary)); }
body.services-page :is(.method__steps, .method__steps li, .agreement, .agreement details) { border-color: rgba(80,72,60,.22); }
body.services-page .proof-copy a { color: #675638; border-color: #675638; }
body.services-page :is(.catalog-rail__lead > p:last-child, .catalog-rail__end > p:not(.catalog-code), .scope-boundaries__intro > p:last-child, .inquiry-plate > p:not(.catalog-code)) { color: var(--amber-muted); }
body.services-page :is(.catalog-rail__end h2, .boundary-column--dark, .inquiry) { color: var(--amber-ink); }
body.services-page .boundary-column--dark > span { color: var(--amber-bright); }
body.services-page .inquiry { background: radial-gradient(circle at 86% 14%, rgba(217,185,120,.1), transparent 25rem), var(--amber-ground); }
body.services-page .inquiry-plate {
  background: radial-gradient(circle at 86% 14%, rgba(217, 185, 120, .12), transparent 25rem), var(--amber-ground);
}
body.services-page :is(.inquiry-plate__email, .inquiry-plate footer a) { color: var(--amber-ink); }
body.services-page .inquiry-plate footer { color: var(--amber-dim); }
body.services-page .inquiry-plate__cta { box-shadow: 0 1rem 2.5rem rgba(185, 149, 93, .18), inset 0 1px rgba(255,255,255,.62); }
body.services-page .inquiry-plate__cta:hover { background: #f0dfbf; }
body.services-page .inquiry-plate,
body.services-page .inquiry-plate footer { border-color: var(--amber-edge); }

/* --------------------------------------------------------------------------
   Partners — preserve the choreography in champagne + smoked chrome.
   -------------------------------------------------------------------------- */
body.partners-page {
  --partner-canvas: var(--amber-ground);
  --partner-ink: var(--amber-ink);
  --partner-soft: var(--amber-muted);
  --partner-blue: var(--amber-bright);
  --partner-violet: var(--amber-hot);
  --partner-cyan: var(--amber-primary);
  --partner-line: var(--amber-edge);
  --partner-edge: var(--amber-edge-strong);
  background: var(--amber-ground);
}

body.partners-page .partner-nav {
  border-color: var(--amber-edge);
  background: linear-gradient(180deg, rgba(14, 14, 12, .94), rgba(8, 8, 7, .5));
}
body.partners-page .partner-nav::after { box-shadow: 0 0 18px rgba(217, 185, 120, .42); }
body.partners-page .partner-nav__brand i { border-color: rgba(234,215,181,.82); background: linear-gradient(145deg, rgba(234,215,181,.12), rgba(185,149,93,.72)); box-shadow: 0 0 22px rgba(217,185,120,.32); }
body.partners-page .partner-nav__state { color: var(--amber-dim); }
body.partners-page .partner-nav nav a { color: var(--amber-muted); }
body.partners-page .page-progress { background: linear-gradient(90deg, var(--amber-bright), var(--amber-hot)); box-shadow: 0 0 14px rgba(217,185,120,.38); }
body.partners-page .partners-progress { background: linear-gradient(90deg, var(--amber-bright), var(--amber-hot)); box-shadow: 0 0 14px rgba(217,185,120,.38); }
body.partners-page .partner-nav .language-switch { border-color: var(--amber-edge); background: rgba(245,241,232,.025); }
body.partners-page .partner-nav .language-switch a { color: var(--amber-muted); }
body.partners-page .partner-nav .language-switch a[aria-current="page"] { color: #17140f; background: var(--amber-ink); }

body.partners-page .partner-hero__stage {
  background: radial-gradient(48% 58% at 64% 48%, rgba(217, 185, 120, .12), transparent 72%), var(--amber-ground);
}
body.partners-page .partner-hero__media { filter: grayscale(1) sepia(.14) saturate(.62) brightness(.9) contrast(1.08); }
body.partners-page .partner-hero__wash {
  background:
    radial-gradient(55% 50% at calc(var(--sc-mx, .5) * 100%) calc(var(--sc-my, .5) * 100%), rgba(217, 185, 120, .075), transparent 62%),
    linear-gradient(90deg, rgba(7,7,6,.95) 0%, rgba(7,7,6,.6) 42%, rgba(7,7,6,.12) 72%),
    linear-gradient(180deg, rgba(7,7,6,.5), transparent 22%, transparent 68%, rgba(7,7,6,.86));
}
body.partners-page .partner-hero__wash::before {
  background:
    linear-gradient(rgba(234,215,181,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,195,200,.022) 1px, transparent 1px);
}
body.partners-page :is(.partner-hero__coordinates, .partner-hero__scroll) { color: rgba(187,181,170,.65); }
body.partners-page .partner-hero__foot p { color: var(--amber-muted); }
body.partners-page .partner-hero h1 { color: var(--amber-ink); }
body.partners-page :is(.partner-label, .principle-scene__copy > p, .proof-browser__copy p, .proof-layer span, .partner-close__decision a) { color: var(--amber-bright); }
body.partners-page .partner-cta::after { background: radial-gradient(circle, rgba(217,185,120,.34), transparent 66%); }
body.partners-page .partner-cta i { color: #17140f; background: linear-gradient(135deg, #f7f3ea, var(--amber-bright) 64%, var(--amber-hot)); box-shadow: 0 0 24px rgba(217,185,120,.24); }

body.partners-page .partner-tension__stage { background: radial-gradient(45% 65% at 50% 51%, rgba(217,185,120,.095), transparent 68%), linear-gradient(180deg, #0d0d0b, #070706); }
body.partners-page .tension-aperture { border-color: rgba(217,185,120,.24); box-shadow: 0 0 80px rgba(217,185,120,.1), inset 0 0 80px rgba(191,195,200,.06); }
body.partners-page .tension-aperture span { border-color: rgba(217,185,120,.2); }
body.partners-page .tension-aperture::before { border-color: rgba(217,185,120,.2); }
body.partners-page .tension-aperture::after { border-color: rgba(217,185,120,.34); }
body.partners-page .tension-aperture span { background: #f7f3ea; box-shadow: 0 0 35px var(--amber-bright), 0 0 80px var(--amber-hot); }
body.partners-page .tension-words span:last-child { -webkit-text-stroke-color: rgba(234,215,181,.48); }
body.partners-page .tension-aperture :is(i, b) { background: linear-gradient(transparent, rgba(217,185,120,.22), transparent); }
body.partners-page .tension-copy { color: var(--amber-muted); }
body.partners-page .tension-copy--two { color: var(--amber-ink); }
body.partners-page .tension-index { color: var(--amber-dim); }
body.partners-page .tension-index i { background: rgba(217,185,120,.22); }

body.partners-page .partner-principles__stage { background: radial-gradient(55% 80% at 83% 50%, rgba(217,185,120,.075), transparent 72%), linear-gradient(180deg, #11100e, #090908); }
body.partners-page .principle-scene::before { background: linear-gradient(125deg, rgba(234,215,181,.055), transparent 45%); }
body.partners-page .principle-scene--2::before { background: linear-gradient(125deg, rgba(185,149,93,.06), transparent 45%); }
body.partners-page .principle-scene--3::before { background: linear-gradient(125deg, rgba(191,195,200,.055), transparent 45%); }
body.partners-page .principle-scene__signal i { background: #efe1c7; box-shadow: 0 0 20px var(--amber-primary); }
body.partners-page :is(.principles-rail, .principle-scene) { border-color: var(--amber-edge); }
body.partners-page .principle-scene__number { color: rgba(234,215,181,.22); }
body.partners-page .principle-scene__copy > span { color: var(--amber-muted); }
body.partners-page :is(.principles-heading h2, .principle-scene__copy h3, .proof-heading h2, .partner-close__opening h2) { color: var(--amber-ink); }
body.partners-page .principles-counter { color: var(--amber-dim); }
body.partners-page .principles-counter i,
body.partners-page .proof-meter > i { background: rgba(217,185,120,.2); }
body.partners-page .principle-scene__signal::before,
body.partners-page .principle-scene__signal::after { border-color: rgba(217,185,120,.24); }
body.partners-page .principles-counter i::after { background: var(--amber-primary); }

body.partners-page .partner-proof__stage { background: radial-gradient(48% 58% at 55% 54%, rgba(217,185,120,.095), transparent 72%), linear-gradient(180deg, #070706, #0d0d0b); }
body.partners-page .partner-proof__stage::before {
  background:
    linear-gradient(rgba(234,215,181,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,195,200,.022) 1px, transparent 1px);
}
body.partners-page .proof-echo { -webkit-text-stroke-color: rgba(234,215,181,.05); }
body.partners-page .proof-browser { border-color: rgba(217,185,120,.34); background: rgba(16,15,13,.94); box-shadow: inset 0 1px 0 rgba(245,241,232,.15), 0 35px 100px rgba(0,0,0,.5), 0 0 80px rgba(217,185,120,.075); }
body.partners-page .proof-browser::after { background: linear-gradient(120deg, rgba(255,255,255,.07), transparent 22%, transparent 75%, rgba(217,185,120,.045)); }
body.partners-page .proof-browser__chrome { color: var(--amber-dim); border-color: var(--amber-edge); }
body.partners-page .proof-browser__chrome > span { background: #746e63; }
body.partners-page .proof-browser__viewport { background: radial-gradient(circle at 76% 48%, rgba(217,185,120,.11), transparent 38%), #11100e; }
body.partners-page .proof-browser__viewport nav { color: var(--amber-muted); }
body.partners-page .proof-browser__viewport nav strong { color: var(--amber-ink); }
body.partners-page .proof-browser__viewport nav i { background: var(--amber-bright); }
body.partners-page .proof-browser__chrome i { color: var(--amber-bright); }
body.partners-page .proof-browser__object { border-color: rgba(217,185,120,.22); }
body.partners-page .proof-browser__object::before { border-color: rgba(217,185,120,.42); box-shadow: inset 0 0 35px rgba(185,149,93,.1); }
body.partners-page .proof-browser__object::after { background: radial-gradient(circle at 35% 30%, #fff 0 4%, #ead7b5 12%, #a88c62 46%, #24211d 72%); box-shadow: 0 0 40px rgba(217,185,120,.3), 0 0 85px rgba(191,195,200,.12); }
body.partners-page .proof-browser__object span { border-color: rgba(217,185,120,.32); }
body.partners-page .proof-browser__object :is(i, b, span) { border-color: rgba(217,185,120,.32); }
body.partners-page .proof-browser__copy > span { color: var(--amber-muted); border-color: var(--amber-edge); }
body.partners-page .proof-layer { border-color: rgba(217,185,120,.28); background: rgba(24,23,19,.84); }
body.partners-page .proof-layer span { color: var(--amber-bright); }
body.partners-page .proof-layer strong { color: var(--amber-ink); }
body.partners-page .proof-layer i,
body.partners-page .proof-browser__viewport footer,
body.partners-page .proof-meter { color: var(--amber-dim); }
body.partners-page :is(.proof-layer--direction, .proof-layer--motion, .proof-layer--handover, .proof-meter > i) { border-color: var(--amber-edge); }
body.partners-page .proof-captions p { color: var(--amber-muted); }
body.partners-page .proof-lock { border-color: rgba(234,215,181,.52); color: #f5f1e8; background: rgba(24,22,18,.84); box-shadow: 0 0 45px rgba(217,185,120,.15), inset 0 1px 0 rgba(255,255,255,.14); }
body.partners-page .proof-lock i { background: #efe1c7; box-shadow: 0 0 16px var(--amber-primary); }
body.partners-page .proof-browser__viewport footer { border-color: var(--amber-edge); }

body.partners-page .partner-close { background: radial-gradient(45% 35% at 80% 75%, rgba(217,185,120,.095), transparent 72%), linear-gradient(180deg, #11100e, #070706 72%); }
body.partners-page .partner-close__decision { border-color: var(--amber-edge); background: var(--amber-edge); }
body.partners-page .partner-close__decision::after { background: radial-gradient(circle, rgba(217,185,120,.12), transparent 68%); }
body.partners-page .partner-close__decision > div { background: rgba(17,16,14,.92); }
body.partners-page .pilot-path li > span { color: var(--amber-dim); border-color: var(--amber-dim); }
body.partners-page :is(.partner-close__opening > p:last-child, .pilot-path p, .partner-close__decision > div:first-child > p:nth-child(2), .partner-close__action > span, .partner-email, .partner-footer) { color: var(--amber-muted); }
body.partners-page :is(.partner-close__decision > div:first-child > a, .partner-footer a) { color: var(--amber-ink); }

body.editorial-page :is(.brief__panel, .brief__close, .brief__form input, .brief__form textarea, .brief__meta) { border-color: var(--amber-edge); }
body.editorial-page .brief__panel { background: radial-gradient(circle at 100% 0, rgba(217,185,120,.14), transparent 40%), #100f0d; }
body.editorial-page .brief__eyebrow { color: var(--amber-bright); }
body.editorial-page .brief__form textarea:focus { border-color: var(--amber-primary); }

/* Shared project form — production routes inherit this panel, including when
   it is opened from services, partners, work and privacy pages. */
body:is(.atelier-v4, .editorial-page) .brief__panel { color: var(--amber-ink); }
body:is(.atelier-v4, .editorial-page) :is(.brief__panel > p, .brief__delivery-note, .brief__form label) { color: var(--amber-muted); }
body:is(.atelier-v4, .editorial-page) :is(.brief__form input, .brief__form textarea, .brief__form select) {
  color: var(--amber-ink);
  border-color: var(--amber-edge);
  background: #15140f;
}
body:is(.atelier-v4, .editorial-page) .brief__form :is(input, textarea, select):focus { border-color: var(--amber-primary); }
body:is(.atelier-v4, .editorial-page) .contact-consent input { accent-color: var(--amber-primary); }
body:is(.atelier-v4, .editorial-page) .contact-status { color: var(--amber-muted); border-color: var(--amber-edge); background: #171612; }
body:is(.atelier-v4, .editorial-page) .brief__meta { color: var(--amber-dim); }
body:is(.atelier-v4, .editorial-page) .brief__meta a { color: var(--amber-ink); }

/* --------------------------------------------------------------------------
   Northstar case study + Privacy
   -------------------------------------------------------------------------- */
body.editorial-page:not(.services-page):not(.partners-page) {
  --page-ground: var(--amber-ground);
  --page-surface: var(--amber-surface);
  --page-panel: var(--amber-panel);
  --page-panel-hover: var(--amber-panel-hover);
  --page-ink: var(--amber-ink);
  --page-muted: var(--amber-muted);
  --page-dim: var(--amber-dim);
  --page-primary: var(--amber-primary);
  --page-rule: var(--amber-edge);
}

body.editorial-page:not(.services-page):not(.partners-page) main {
  background: radial-gradient(circle at 82% 6%, rgba(217,185,120,.085), transparent 34rem), var(--amber-ground);
}
body.editorial-page:not(.services-page):not(.partners-page) .page-hero::before {
  background-image:
    radial-gradient(ellipse 55% 70% at 72% 30%, rgba(217,185,120,.075), transparent 68%),
    linear-gradient(rgba(234,215,181,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191,195,200,.014) 1px, transparent 1px);
}
body.editorial-page:not(.services-page):not(.partners-page) .case-hero h1 span { color: var(--amber-bright); }
body.editorial-page:not(.services-page):not(.partners-page) .page-nav {
  border-color: rgba(217,185,120,.2);
  background: rgba(16,15,13,.84);
  box-shadow: 0 20px 45px rgba(0,0,0,.5), inset 0 1px 1px rgba(245,241,232,.16);
}
body.editorial-page:not(.services-page):not(.partners-page) .page-brand__icon { color: var(--amber-bright); border-color: var(--amber-edge); background: rgba(217,185,120,.07); }
body.editorial-page:not(.services-page):not(.partners-page) :is(.page-nav__cta, .page-button) { border-color: var(--amber-edge); background: rgba(217,185,120,.08); }
body.editorial-page:not(.services-page):not(.partners-page) :is(.page-nav__cta, .page-button):hover { border-color: var(--amber-edge-strong); background: rgba(217,185,120,.14); }
body.editorial-page:not(.services-page):not(.partners-page) :is(.case-cover, .responsive-study, .case-decisions, .honest-note, .scope-note) { border-color: var(--amber-edge); background: linear-gradient(145deg, rgba(217,185,120,.05), rgba(255,255,255,.01)), var(--amber-surface); }
body.editorial-page:not(.services-page):not(.partners-page) :is(.honest-note, .scope-note) { color: var(--amber-muted); }
body.editorial-page:not(.services-page):not(.partners-page) .terms-grid article:hover { border-color: var(--amber-edge-strong); background-color: rgba(217,185,120,.035); }
body.editorial-page:not(.services-page):not(.partners-page) .phone-shot { border-color: rgba(217,185,120,.36); background: #1b1915; box-shadow: 0 30px 90px rgba(0,0,0,.5), 0 0 60px rgba(217,185,120,.075); }
body.editorial-page:not(.services-page):not(.partners-page) .page-cta { background: radial-gradient(circle at 80% 20%, rgba(217,185,120,.095), transparent 34rem), var(--amber-ground); }
body.editorial-page:not(.services-page):not(.partners-page) .page-footer { border-color: var(--amber-edge); background: var(--amber-ground); }
body.editorial-page:not(.services-page):not(.partners-page) :is(.brief__panel, .brief__close, .brief__form input, .brief__form textarea, .brief__meta) { border-color: var(--amber-edge); }

@media (max-width: 760px) {
  body.services-page .object-index { background: rgba(10,10,9,.95); }
  body.partners-page .partner-nav { background: rgba(10,10,9,.93); }
}