/* Nesisen ribbon palette. Neutral architecture, colour reserved for guidance. */
:root {
  --paper:#f5f5f6;--ink:#2c2930;--muted:#69636d;--surface:#eeedf0;
  --line:#d9d5dd;--slate:#784076;--pale:#ece4ee;--motion-surface:#e8e5eb;
  --brand-violet:#70317d;--brand-rose:#be356d;--brand-orange:#e87736;
  --brand-deep:#5d2d69;--brand-soft:#f0e7ed;--brand-dark:#302d34;
  --brand-ribbon:linear-gradient(100deg,#ed7735 0%,#d63385 48%,#733181 100%);
}
.hero-copy h1 span,.page-intro h1 span,.expertise-intro h2 span { color:var(--slate) }
.hero-copy .eyebrow:before { background:var(--brand-orange) }
.button:not(.button-light) { background:var(--brand-deep);border-color:var(--brand-deep) }
.button:not(.button-light):hover { background:var(--brand-violet);border-color:var(--brand-violet) }
.button-light:hover { background:var(--pale);border-color:var(--pale) }
.text-link>span,.hero-bottom a>span { color:var(--brand-rose) }
.desktop-nav a:hover,.desktop-nav a[aria-current] { text-decoration-color:var(--brand-rose);text-decoration-thickness:2px }
.language a[aria-current],.mobile-nav a[aria-current] { color:var(--brand-violet) }
.brand-replay:hover { color:var(--brand-violet) }
.brand-replay>span { color:var(--brand-rose) }
.brand-replay:focus-visible,.brand-intro-skip:focus-visible { outline-color:var(--brand-violet) }
.gallery-pagination button[aria-pressed=true]>span { background:var(--brand-ribbon) }
.window-chrome { background:#eeedef;color:#615b65 }
.window-chrome i { background:#b1a9b5 }
.motion-gallery .showcase-window { border-color:var(--line) }
.showcase-controls button:hover { color:var(--brand-violet) }
.expertise-detail,.expertise-detail:last-child,.detail-sign,.offer-choice,.offer-dossier { border-color:var(--line) }
.atelier-expertise .expertise-detail[open] .detail-sign { background:var(--brand-violet);border-color:var(--brand-violet) }
.expertise-sketch { background:#e7e5e9;border-color:#d7d1dc }
.map-visual span,.map-visual strong { border-color:#d1c5d7 }
.map-visual>i,.map-visual>div:before { background:#bba6c3 }
.map-visual>strong { border-color:var(--brand-violet);background:var(--brand-violet) }
.type-visual i { background:var(--brand-violet) }
.type-visual i:nth-child(2) { background:#d64086 }
.type-visual i:nth-child(3) { background:var(--brand-orange) }
.immersive-visual { background:#e7e5e9 }
.immersive-visual:after { background:linear-gradient(transparent,#e7e5e9e6) }
.immersive-visual .visual-caption { color:#4b4050 }
.proof-section { background:var(--brand-dark);border-top:3px solid transparent;border-image:var(--brand-ribbon) 1 }
.proof-section .eyebrow,.proof-section p,.proof-image>div { color:#ded8e1 }
.proof-section .section-heading h2 span { color:#e6b5cf }
.proof-selector,.proof-selector button,.proof-notes li,.proof-bottom { border-color:#625b68 }
.proof-selector button { color:#e6dfe8 }
.proof-selector button[aria-pressed=true] { background:#e8dce9;color:#392b40 }
.proof-selector button:hover:not([aria-pressed=true]) { background:#433847 }
.proof-section .text-link>span { color:#f1b499 }
.proof-image>a { background:#e8e5eb }
.proof-offer small { color:#ded8e1 }
.proof-features li>span { color:#e6b5cf }
.offer-choice[aria-pressed=true] { background:var(--brand-deep);border-color:var(--brand-deep);color:var(--paper) }
.offer-choice[aria-pressed=true] small,.offer-choice[aria-pressed=true] .offer-choice-price { color:#eee0ec }
.offer-choice:hover:not([aria-pressed=true]) { background:var(--pale);border-color:#bba4c1 }
.dossier-example { box-shadow:6px 10px 0 #e5dce8 }
.dossier-details li:before { color:var(--brand-rose) }
.filter.is-active,.filter[aria-pressed=true] { background:var(--brand-deep);color:white;border-color:var(--brand-deep) }
.filter:hover:not(.is-active):not([aria-pressed=true]) { background:var(--pale) }
.catalogue-preview { background:#ece9ed;border-color:var(--line) }
.catalogue-signature { background:#e6e1eb }.catalogue-experience { background:#eee0e6 }.catalogue-univers { background:#e4dce9 }
.catalogue-coming { color:var(--muted) }
.project-image { background:#e8e5eb }
.filter.is-active span { color:#eee0ec }
.studio-statement { background:#eae8ed;color:var(--slate) }
.studio-statement-bottom p { color:var(--ink) }
.contact-band { background:var(--brand-dark);border-top:3px solid transparent;border-image:var(--brand-ribbon) 1 }
.contact-band .eyebrow,.contact-band p,.direct-contact>span { color:#ded8e1 }
.direct-contact>a>span { color:#f1b499 }
.form-panel { border-color:var(--line) }
.form-field input,.form-field select,.form-field textarea { border-color:#cfc6d4 }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:var(--brand-violet) }
.form-field textarea::placeholder { color:var(--muted) }
.method-map .process-overview li { border-color:#c8b7ce }
.method-map .process-overview p { color:var(--muted) }
.brand-intro-progress span { background:var(--brand-ribbon) }
.footer-top a:not(.brand):hover { text-decoration-color:var(--brand-rose) }
/* The same accents guide the reader through both 3D ateliers. */
.world-stage,.collaboration-world .world-stage { background:#e9e8ec;border-color:#d8d2dd }
.world-stage:after { content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--brand-ribbon);pointer-events:none }
.world-stage-top,.world-scene-caption p,.world-playbar>span { color:#69606f }
.world-stage-top>span:first-child:before { background:var(--brand-orange) }
.world-scene-caption strong,.world-playbar button { color:#47394d }
.world-navigation button { color:#6d6373 }
.world-navigation button[aria-pressed=true],.world-navigation button:hover { color:var(--brand-violet) }
.world-navigation i { background:#d9d2dd }
.world-navigation i:after { background:var(--brand-ribbon) }
.world-playbar { border-color:#d3cad9 }
.world-playbar button>span:first-child { border-color:#b9a4c2;color:var(--brand-violet) }
.world-playbar button:hover>span:first-child { background:#e1d2e5 }
.world-controls button { border-color:#c5b6cd;color:var(--brand-violet) }
.world-controls button:hover:not(:disabled) { background:var(--brand-violet);color:var(--paper) }
.world-panel dl>div:first-child { border-top-color:#c0a1c7 }
@media(max-width:550px) { .proof-selector button { border-bottom-color:#625b68 } }
