/* v34: burgundy velvet, warm paper and mahogany. Geometry stays with v33. */
:root{
  --burgundy:#4a101d;
  --wine:#6a1b2a;
  /* Rich burgundy from the velvet curtains, sampled in sRGB. */
  --salon-header:#4d0b13;
  --salon-panel:#4d0b13;
  --salon-action:#5b101a;
  --salon-action-hover:#6e1723;
  --salon-footer:#38060a;
  --brass:#b69a6c;
  --paper:#f1e7d6;
  --ink:#4a101d;
  --muted:#79645f;
  --line:#4a101d30;
  --green:var(--burgundy);
}
::selection{background:#6a1b2a;color:#fff8e8}
.site-header,.mobile-nav{
  --line:#f1e7d640;
  background:var(--salon-header);
  color:#f1e7d6;
  border-color:#b69a6c55;
}
.site-header .wordmark-icon{filter:brightness(0) invert(92%) sepia(12%) saturate(370%) hue-rotate(345deg)}
.site-header .header-note{color:#d6bdad}
.site-header .menu-toggle>span{background:currentColor}
.site-header a:focus-visible,.site-header button:focus-visible,.mobile-nav a:focus-visible{outline-color:#d7b77e}
.site-header .nav-contact,.site-header .header-cta{border-color:#b69a6c80;transition:background-color .2s,border-color .2s}
.site-header .nav-contact:hover,.site-header .header-cta:hover{background:var(--salon-action);border-color:#d7b77e}
.reading-progress{background:#b69a6c}
.paper-signature img,.book-leaf-print>img{filter:brightness(0) saturate(100%) invert(9%) sepia(37%) saturate(3650%) hue-rotate(323deg) brightness(90%) contrast(97%)}
/* Keep the original marks. A brightness filter also blacks out opaque backgrounds. */
.work-brands .brand-tile img{filter:none;opacity:1}
.work-brands .brand-tile img.logo-swissline{mix-blend-mode:multiply}
/* White and pale-gold artwork needs a dark treatment on the cream panel. */
.work-brands .brand-tile img.logo-volta,.work-brands .brand-tile img.logo-protagonist,.work-brands .brand-tile img.logo-mandarin{filter:brightness(0)}

/* The cream album rests on a warmer wood surface. */
.codex{--paper:#f7f0e4;--ink:#4a101d;--muted:#79645f;--rule:#4a101d30}
.codex-ready .codex-viewport{background:#3b201b}
.codex-table{
  background:
    radial-gradient(ellipse at 30% 15%,#b97d4538,transparent 65%),
    repeating-linear-gradient(2deg,#16090415 0px,#16090415 1px,transparent 2px,transparent 13px),
    linear-gradient(118deg,#69402d,#43231d 55%,#291817);
}
.codex-table:after{box-shadow:inset 0 0 130px #16090750}
.codex-back-caption{color:#fff2de;text-shadow:0 1px 5px #18080b80}
.codex-scroll-note{color:#79645f!important}

/* Live HTML on the laptop follows the same visual identity as the site. */
.film-room-plane .monitor-website{position:absolute;inset:46px 0 0;height:auto;overflow:hidden}
.monitor-masthead{position:absolute;inset:0 0 auto;height:46px;display:flex;align-items:center;gap:16px;padding:0 45px;background:var(--salon-header);color:#f1e7d6;font-size:7px;letter-spacing:1.2px}
.monitor-mark{width:28px;height:28px;background:url('assets/veronika-vm.webp') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.9}
.monitor-nav{margin-left:auto;display:flex;gap:25px;font-size:6px;letter-spacing:0}
.monitor-hello{position:absolute;left:28%;top:67%;width:17%;color:#3f392b;font-family:var(--serif);font-size:19px;line-height:.88;text-align:center;transform:rotate(-2deg)}
.monitor-cues{position:absolute;inset:auto 45px 16px;display:flex;justify-content:space-between;color:#fff9e9;font-size:8px;text-shadow:0 1px 5px #23180e}

/* A letter on a wine-coloured writing surface. */
.inquiries{
  background:radial-gradient(ellipse at 18% 5%,#8c324344,transparent 65%),radial-gradient(ellipse at 100% 100%,#17080d66,transparent 70%),#4a101d;
  color:#4a101d;
}
.inquiries:before{opacity:.12}
.inquiry-paper{background:linear-gradient(110deg,#fffdf452,#fffdf400),#f7f0e4;box-shadow:0 24px 48px #17070d55,0 3px 9px #17070d44}
.inquiry-panel:before,.inquiry-panel:after{box-shadow:0 6px 15px #17070d30}
.inquiries .kind-options label>span{border-color:#9c7f746b;background:#e9dfd366}
.inquiries .kind-options input:checked+span{background:var(--salon-action);border-color:var(--salon-action);color:#fff9ee}
.inquiries .primary-button{background:var(--salon-action);border-color:var(--salon-action);color:#fff9ee;transition:background-color .2s}
.inquiries .primary-button:hover{background:var(--salon-action-hover);border-color:var(--salon-action-hover)}
.inquiries input:not([type=radio]),.inquiries select,.inquiries textarea{border-color:#9c7f7480}
.inquiries input:not([type=radio]):focus-visible,.inquiries select:focus-visible,.inquiries textarea:focus-visible{outline-color:#6a1b2a}
.inquiries .kind-options input:focus-visible+span{outline-color:#6a1b2a}
.inquiries .inquiries-intro>.eyebrow{color:#d6bdad}
.inquiries .inquiries-intro>a{color:#f1e7d6;border-bottom-color:#b69a6c70}
.inquiries .inquiries-intro .copy-email,.inquiries .inquiries-intro .copy-status{color:#e2cbb7}
.inquiries .inquiries-intro :focus-visible{outline-color:#d7b77e}
.site-footer{background:var(--salon-footer);color:#f1e7d6;border-top:1px solid #b69a6c35}
.site-footer [data-clock]{color:#d6bdad}
.site-footer .motion-toggle i{background:#d7b77e}
.site-footer :focus-visible{outline-color:#d7b77e}
.photo-dialog{background:#231519f5;color:#f1e7d6}
.photo-dialog::backdrop{background:#170c10d9}
@media(prefers-reduced-motion:reduce){.site-header a,.inquiries .primary-button{transition:none}}
.motion-off .site-header a,.motion-off .inquiries .primary-button{transition:none}