/* Brand treatment only: do not tint canvas, film samples or scene lighting. */
:root {
  color-scheme:dark;
  --accent:#d3af62;
  --ink:#f5f1e8;
  --muted:#b0bdce;
  --panel:#12243e;
  --line:rgba(211,175,98,.22);
  --navy:#0b1930;
  --field:#0a172b;
}
body{background:var(--navy);color:var(--ink)}
body:before{background:radial-gradient(ellipse at 75% 8%,#213e60 0,transparent 42%),linear-gradient(150deg,#132a47 0,#0b1930 55%,#0e2039 100%)}
.grain{display:none}
::selection{background:var(--accent);color:var(--navy)}
nav{height:94px;background:#193554;border-bottom-color:var(--line);gap:22px}
/* Frame the approved image without altering its lettering or original file. */
.brand-logo{display:block;position:relative;width:250px;height:64px;flex:0 0 auto;overflow:hidden;letter-spacing:normal}
.brand-logo img{position:absolute;left:50%;top:50%;width:138%;height:auto;max-width:none;transform:translate(-50%,-50%)}
.nav-links a{color:#e0e5ed}
.nav-links a:hover{color:var(--accent)}
.outline-button,.solid-button{border-radius:3px}
.outline-button{color:var(--accent);border-color:var(--accent)}
.solid-button,.outline-button:hover{background:var(--accent);color:#0b1930}
.solid-button:hover{background:#e1c384;filter:none}
h1 i{color:var(--accent)}
.intro,.section-head p,.service p,.guide-grid p{color:#b8c5d5}
.eyebrow,.section-kicker{color:var(--accent)}
.hero .builder{background:var(--navy);border-color:#59604f;border-radius:6px;box-shadow:0 24px 64px #030c1b55}
.hero .controls{background:linear-gradient(145deg,#192e4a,#10213a);border-color:var(--line)}
.controls h2{color:#f5f1e8;letter-spacing:.14em}
.catalogue-subtitle,.catalogue-note,.catalogue-results-header,.catalogue-search-label,.catalogue-filters label{color:#b0bed0}
.selected-film{border-color:var(--line)}
.selected-film a{color:#c7d1df}
#catalogueSearch,.catalogue-filters select{background:var(--field);color:var(--ink);border-color:#425570}
#catalogueSearch::placeholder{color:#97a9bf}
.catalogue-grid{scrollbar-color:#a88d58 #0a172b}
.film-card{background:#10213a;border-color:#364a65;color:var(--ink)}
.film-card:hover{background:#1b3453;border-color:#9c865c}
.film-card small{color:#b1bfd1}
.film-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.film-card[aria-pressed=true]:after{background:var(--accent);color:var(--navy)}
.part{background:#1b304d;border-color:#425570;color:#d8e0ea}
.part:hover{border-color:var(--accent)}
.part.active{background:var(--accent);color:var(--navy);border-color:var(--accent)}
.spec{color:#b0bdce;border-color:var(--line)}
.coverage-tag{background:#0b1930e8;border-color:var(--accent);color:var(--accent)}
.environment-control{background:#0b1930f2;border-color:#8d7956;color:var(--ink)}
.environment-control legend{color:#f0dba9;background:#0b1930;padding:3px 6px;border-radius:2px}
.environment-control small{color:#bcc9d9}
.environment-buttons button{background:#1b304d;color:#e4eaf2;border-color:#53627a}
.environment-buttons button[aria-pressed=true]{background:var(--accent);color:var(--navy);border-color:var(--accent)}
.visualizer-toolbar{background:#0c1b30;border-color:var(--line);color:#b9c5d5}
.visualizer-toolbar span:before{border-color:#7b8da4}
.hero .stage-note{background:#0b1930e8;color:#bcc9d9}
.quote-row>span{color:#b0bdce}
.special-card{background:#12243e;border-color:#3b506a;color:var(--ink);border-radius:4px}
.special-description{color:#bcc9d9}
.special-card:hover,.special-card[aria-pressed=true]{border-color:var(--accent)}
.guide-grid article{border-color:var(--line)}
.guide-grid h3{color:#f1e4c8}
.services{background:#10213a;border-color:var(--line);border-radius:4px;overflow:hidden}
.service:hover{background:#19314e}
.service h3{color:var(--ink)}
.footer{color:#afbed0;gap:18px;line-height:1.8}
.footer a{color:var(--accent)}
dialog{background:#10213a;border-color:#9e8657;color:var(--ink);border-radius:6px}
dialog::backdrop{background:#030b19cf}
.modal-inner p{color:#bbc8d8}
.form-grid input,.form-grid textarea,.form-grid select{background:#0a172b;color:var(--ink);border-color:#415571;border-radius:3px}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a8b8cc}
.form-grid .quote-privacy{color:#bbc8d8}
.form-grid .quote-error{color:#ffbdaf;border-color:#a16c60}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #f3d491;outline-offset:3px}
@media(max-width:800px){
  nav{height:82px;padding:0 5vw;gap:12px}
  .brand-logo{width:210px;height:56px}
  .nav-links{gap:0}
  .nav-links .outline-button{padding:12px 10px;font-size:10px;letter-spacing:.04em}
  .footer{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
}
@media(max-width:420px){
  h1{font-size:clamp(28px,9.5vw,40px)}
  nav{gap:8px}
  .brand-logo{width:175px;height:48px}
  .nav-links .outline-button{font-size:9px;padding:11px 8px;white-space:nowrap}
}