/* Client-approved palette. Original files retained in work/pre-approved-palette-2026-10-07. */
:root{--cream:#F4EEE6;--navy:#0C1F4B;--slate:#0C1F4B;--ink:#0C1F4B;--cobalt:#092565;--cobalt-deep:#0C1F4B;--cobalt-ink:#0C1F4B;--offwhite:#F4EEE6;--oatmeal:#938D81;--orange:#938D81;--terracotta:#752D39;--teal:#533235;--wine:#4A121F;--ivory:#F8F2E8;--hairline:rgba(244,238,230,.22);--hairline-ink:rgba(12,31,75,.22)}
::selection{background:#752D39;color:#F8F2E8}
:focus-visible{outline:2px solid #938D81;outline-offset:5px}
body{scrollbar-color:#938D81 #0C1F4B}
.intro-label{background:#752D39;color:#F8F2E8}
.object-scene{touch-action:pan-y pinch-zoom}
.object-word{font-family:Sora,sans-serif!important;font-weight:500!important;font-size:clamp(68px,17vw,260px)!important;letter-spacing:-.025em!important}
.fluid-material-next{position:absolute;bottom:22px;right:4vw;z-index:9;border:1px solid #0C1F4B;background:#F8F2E8;color:#0C1F4B;border-radius:4px;padding:11px 17px;min-height:44px;font:500 13px/1.4 Montserrat,sans-serif;cursor:pointer}
.fluid-material-next[hidden]{display:none}
.fluid-material-next:hover{background:#0C1F4B;color:#F8F2E8}
.fluid-cue{max-width:45ch;bottom:24px}
.b-service-row .b-row-index{color:#752D39}
.b-service-row.is-active .b-row-index,.b-service-row:hover .b-row-index{color:#F4EEE6}
.b-step--2{background:#752D39;color:#F8F2E8}
.b-step--2 .b-panel-desc,.b-step--2 .b-panel-index{color:#F4EEE6}
.form-field input::placeholder,.form-field textarea::placeholder{color:#bdb8b5}
.footer-legal a{color:#F4EEE6}
@media(max-width:767px){
 .fluid-cue.is-touch{display:block!important;max-width:24ch;left:22px;bottom:18px;font-size:11px;line-height:1.6}
 .fluid-material-next{right:20px;bottom:20px;max-width:150px}
 .object-caption{left:22px!important;top:6%!important;font-size:14px!important;max-width:26ch}
 body.home .object-stage,body.home .object-scene{min-height:540px}
}
@media(prefers-reduced-motion:reduce){.fluid-material-next,.fluid-cue{display:none!important}}

/* Original material colours selected by Arsen on 8 October. */
body.variation-c .b-panel-art img,body.variation-c .b-row-thumb img{filter:none!important}

/* Brighter invitation and explicitly marked preview references. */
body.variation-c .b-contact-section{background:#F8F2E8;color:#0C1F4B}
body.variation-c .b-contact-heading{font-size:clamp(44px,7.2vw,120px);line-height:1.08;max-width:16ch;text-wrap:balance}
body.variation-c .b-contact-support{max-width:56ch;color:#0C1F4B}
body.variation-c .b-contact-word{max-width:100%;white-space:normal}
.reference-placeholders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:60px}
.reference-placeholders article{border-top:1px solid currentColor;padding-top:24px}
.reference-placeholders blockquote{margin:24px 0;font:400 clamp(23px,2.5vw,34px)/1.4 var(--serif)}
.reference-placeholder-label{font-size:12px;letter-spacing:.04em;line-height:1.6}
@media(max-width:767px){.reference-placeholders{grid-template-columns:1fr;gap:32px}body.variation-c .b-contact-heading{font-size:clamp(42px,10vw,70px)}}

body.variation-c #referenzen{color:#0C1F4B}body.variation-c #referenzen .pull-quote{color:#0C1F4B;max-width:40ch;font-size:clamp(26px,3vw,44px);line-height:1.35;border-left-color:#752D39}body.variation-c #referenzen .eyebrow{color:#752D39}