/* Warm graphite satin, lit like a quiet cinema studio. */
:root{--paper:#292723;--ink:#f1ece3;--muted:#c8c0b5;--champagne:#c9b495;--line:#ccb99d45;--wordmark-edge:#b19a79;color-scheme:dark}
body{position:relative;background:#292723;color:var(--ink)}
.site{position:relative;z-index:1}
.studio-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:repeating-linear-gradient(0deg,#f3e6cf05 0px,transparent 1px,transparent 3px),linear-gradient(112deg,#242527 0%,#37332e 40%,#302d29 70%,#242526 100%)}
.studio-backdrop::before{content:'';position:absolute;inset:-18%;background:radial-gradient(ellipse at 9% 32%,#e6d6bb30 0%,#cdb18a0d 32%,transparent 62%),linear-gradient(112deg,transparent 26%,#eee0c90b 41%,transparent 59%);transform:translate3d(var(--studio-x,0px),var(--studio-y,0px),0);will-change:transform}
.studio-backdrop::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(91deg,#00000004 0px,transparent 1px,transparent 4px),linear-gradient(180deg,transparent 55%,#15151524);opacity:.65}
.intro,.about,.contact,.work{background:transparent}
.header.stuck{background:#292723ed;border-color:var(--line)}
.menu-toggle i{background:var(--ink)}
nav{background:#302d28;border-color:var(--line);box-shadow:0 12px 30px #0003}
nav a:hover{color:#e1c9a5}
.eyebrow,.tagline{color:var(--ink)}
.scroll-line{background:#c7b79f}
.scroll-line:after{border-color:#c7b79f}
.metal-logo{filter:drop-shadow(0 0 2px #ffffff38) drop-shadow(0 0 9px #ffffff16)}
.metal-logo>img{filter:saturate(.3) contrast(.74) brightness(1.04) drop-shadow(.28px 0 0 #d7cfc180) drop-shadow(-.28px 0 0 #d7cfc180)}
.aperture-layer{filter:saturate(.35) contrast(.78) brightness(1.02)}
/* Keep the shared day reflection strength: .18 on the name, .95 on the iris.
   Both highlights follow --shine-x from scrolling; retain the soft metal below. */
.button{border-color:#c4ad8b;color:#f1ece3}
.button:hover{background:#ceb18b16}
.button.filled{background:#cbb79a;border-color:#cbb79a;color:#29241e}
.button.filled:hover{background:#dbc7a9}
.hero-image{background:#c6ae8920}
.hero-image figcaption{color:#3d3327;background:#efe6d9e8}
.location-strip{color:#ded4c6}
.category{background:#2b2823d6;border-color:#cab49750;backdrop-filter:blur(3px)}
.category:hover{background:#3b342bdd}
.category .number,.service-list article>span{color:#c9b495}
.services{background:#211f1b45}
.text-link{border-color:#bba381}
input,textarea,select{border-color:#b4a38c;color:#f1ece3}
select option{background:#302d28;color:#f1ece3}
.preview-note{color:#c8c0b5}
.location-strip,footer{background:#23221e45}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Same thirty floating reflections and timing as the day theme. */
.intro #stars .spark{display:block;width:3px;height:3px;background:#fff;box-shadow:0 0 4px 1px #fff,0 0 10px 3px #fff9,0 0 20px 5px #fff4;animation-name:twinkle}
.intro #stars .spark:nth-child(3n){width:4px;height:4px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#dfc7a3}
.language-input:focus-visible ~ .site .language{outline-color:#dfc7a3}
::selection{background:#d7c1a1;color:#29241f}
@media(prefers-reduced-motion:reduce){.studio-backdrop::before{transform:none;will-change:auto}.intro #stars .spark{opacity:.4}}