/* AREVIN V15 | Warm charcoal, ivory, dusty rose.
   Color-only review. SVG geometry, typography, animation timing, layout,
   film thumbnails, video players and navigation logic are unchanged.
   The legacy --crimson/--red names remain aliases for existing components. */
:root,.intro,.project-preview {
  --bg:#242321;
  --surface:#2c2926;
  --surface-soft:#302d29;
  --paper:#f1ece4;
  --light:#f1ece4;
  --muted:#c0b7ac;
  --accent:#c79f9b;
  --accent-hover:#e1c2b9;
  --taupe:#afa193;
  --hair:rgba(241,236,228,.18);
  --line:rgba(241,236,228,.18);
  --crimson:var(--accent);
  --red:var(--accent);
  --roll-crimson:var(--accent-hover);
}
body,.project-preview {background:var(--bg);color:var(--paper);}
::selection {background:var(--accent);color:var(--bg);}

/* Quiet surfaces instead of crimson spotlights or colored glow. */
.intro {background:var(--bg);color:var(--paper);}
.intro::before {
  background:linear-gradient(107deg,transparent 30%,rgba(215,202,180,.055) 49%,transparent 51%);
}
.intro-skip:hover {color:var(--accent-hover);}
.hero {
  background:linear-gradient(115deg,#242321 8%,#2c2926 65%,#39332f 100%);
}
.hero::before {
  background:linear-gradient(90deg,rgba(36,35,33,.18),transparent 62%),
             linear-gradient(0deg,var(--bg),transparent 24%);
}
.hero-gradient {background:linear-gradient(0deg,rgba(36,35,33,.12),transparent 38%);}
.hero-monogram {color:var(--paper);}
.hero-line,.hero-description {color:var(--muted);}
.hero-headline .hero-second,.hero-headline .crimson {color:var(--accent);}
.statement#about {
  background:linear-gradient(180deg,#242321 0%,#2d2a27 56%,#292724 100%);
  color:var(--paper);border-top-color:var(--hair);
}
.statement h2 em {color:var(--accent);}
.statement .statement-bottom {border-color:var(--hair);}
.statement .approved-about .about-lead p {color:var(--paper);}
.statement .approved-about .about-body p {color:#d1c8bc;}
.profile,.profile.has-biography {background:#292724;border-top-color:var(--hair);}
.profile-art,.profile.has-biography .profile-art {
  background:linear-gradient(128deg,#35312c 0%,#2e2b27 53%,#292724 100%);
}
.profile.has-biography .profile-symbol {color:rgba(220,210,193,.19);}
.profile-data p,.profile.has-biography .profile-data p {color:#d1c8bc;}
.profile-role {color:var(--accent-hover);}
.profile.has-biography .profile-data .profile-education {color:var(--muted);}
.profile-data h2 > span[style],.detail-heading h1 > span[style] {color:var(--accent)!important;}
.contact,.contact#contact {background:var(--bg);}

/* Navigation keeps its rolling-letter animation and the same hierarchy. */
.site-nav .symbol,.site-nav .menu-toggle {color:var(--paper);}
.site-nav .hub-nav,.nav-links a.hub-nav {color:#ddd3c6;}
.site-nav .hub-nav:hover,.nav-links a.hub-nav:hover,.family-footer-link:hover {color:var(--paper);}
.site-nav.nav-auto.is-scrolled,.site-nav.is-detail.nav-auto {
  background:rgba(36,35,33,.97);border-bottom-color:var(--hair);
}
.projects-submenu {
  background:rgba(44,41,38,.99);border-color:var(--hair);
  border-top-color:var(--accent);box-shadow:0 20px 55px rgba(20,18,16,.25);
}
.projects-toggle,.submenu-arrow {color:var(--muted);}
.submenu-link + .submenu-link {border-top-color:var(--hair);}
.site-nav .submenu-link:is(:hover,:focus-visible),.submenu-link:hover .submenu-arrow {color:var(--accent-hover);}
.circle-link {border-color:rgba(241,236,228,.65);}
.circle-link:hover {background:var(--paper);color:var(--bg);}
.inline-cta {border-color:var(--hair);}
.inline-cta:hover {color:var(--accent-hover);}

/* Feature presentation: a warm, graphite screenplay rather than a red glow. */
.feature-card {background:var(--surface);border-color:var(--hair);}
.feature-art,.detail-hero.feature {
  background:linear-gradient(125deg,#302d29 0%,#39352f 58%,#2c2926 100%);
}
.feature-art::after {background:linear-gradient(0deg,rgba(27,25,22,.14),transparent 55%);}
.redaction-stage::before {
  background:radial-gradient(ellipse,rgba(207,191,164,.065),transparent 67%);
}
.cipher-glyphs {
  background:repeating-linear-gradient(90deg,#e3d9c9 0 9px,transparent 9px 17px,#c2b5a4 17px 30px,transparent 30px 39px);
}
.censor-bar,.screenplay-redaction .censor-bar {
  background:#242321;border-top-color:rgba(241,236,228,.07);
  box-shadow:0 0 16px 2px rgba(28,26,23,.48);
}
.censor-bar::after {background:linear-gradient(90deg,transparent,rgba(199,184,164,.15),transparent);}
.redaction-stage.screenplay-redaction .script-scene {color:#d6cbbb;}
.feature-card:hover,.film-card:hover .project-image {border-color:rgba(199,159,155,.65);}
.feature-status {color:var(--accent-hover);}
.feature-kicker,.feature-top,.feature-core p,.feature-art-caption {color:var(--muted);}
.feature-core h3 span,.work-stop,.accent,.dot {color:var(--accent);}
.dot {background:var(--accent);}
.feature-open {border-top-color:var(--hair);}
.project-caption .project-type time,.project-type {color:var(--muted);}

/* Project pages. These declarations do not tint, filter or recolor footage. */
.detail-crumb,.detail-heading .right-side,.detail-body .block-label {color:var(--muted);}
.detail-crumb,.detail-meta,.detail-meta-row,.detail-footer {border-color:var(--hair);}
.detail-body p {color:#d1c8bc;}
.film-page .detail-body .synopsis-text {color:var(--paper);}
.detail-meta-row span:last-child {color:#d6cbbb;}
.detail-heading h1 em,.credits-heading .credit-stop {color:var(--accent);}
.detail-action:hover {border-color:var(--accent-hover);background:rgba(241,236,228,.04);}
.video-play:hover,.video-play:focus-visible {
  background:var(--accent);color:var(--bg);border-color:var(--accent-hover);
}
.video-notice {background:var(--surface);color:var(--paper);border-color:var(--hair);}
.video-notice a {color:var(--accent-hover);}
.film-page .credits-section .credit-block > h3,
.credit-block h3,.program-block h3 {color:var(--accent-hover);}
.credit-row dt,.credit-list--crew .credit-row dd {color:var(--paper);}
.credit-row dd,.credit-list--crew .credit-row dt {color:var(--muted);}
.credit-row {border-bottom-color:rgba(241,236,228,.12);}
.credit-row:first-child,.program-credits {border-color:var(--hair);}
.credits-section::before {background:var(--hair);}
.program-credits summary {color:var(--paper);}
.program-credits summary::after {color:var(--accent);}
.film-thanks h3,.film-stills figcaption {color:var(--muted);}
.film-thanks p {color:var(--paper);}

/* The reel, controls and footer retain their previous behavior and pacing. */
.project-ticker {background:linear-gradient(180deg,#292724,#242321);border-color:var(--hair);}
.ticker-heading h2,.ticker-control,.ticker-year {color:var(--muted);}
.ticker-tools .ticker-all,.ticker-title {color:var(--paper);}
.ticker-divider,.ticker-link.is-current .ticker-year {color:var(--accent);}
.ticker-link:hover .ticker-title,.ticker-link:focus-visible .ticker-title,
.ticker-tools .ticker-all:hover,.ticker-control:hover {color:var(--accent-hover);}
.contact#contact .contact-label,.contact#contact .copy-email,.contact#contact .copy-status {color:var(--muted);}
.contact#contact .contact-email {color:var(--paper);border-color:rgba(241,236,228,.32);}
.contact#contact .contact-email-arrow {color:var(--accent);}
.contact#contact .contact-email:hover {color:var(--accent-hover);border-color:var(--accent-hover);}
.contact#contact .copy-email:hover {color:var(--paper);}
.site-footer,.detail-footer {color:var(--muted);}
.detail-footer a:hover,.replay:hover,.motion-toggle:hover {color:var(--accent-hover);}

/* Strong focus visibility against the softened backgrounds. */
a:focus-visible,button:focus-visible,.intro-skip:focus-visible,
.site-nav a:focus-visible,.site-nav button:focus-visible,
.project-ticker a:focus-visible,.project-ticker button:focus-visible,
.project-ticker.is-interactive .ticker-viewport:focus-visible,
.motion-toggle:focus-visible,.program-credits summary:focus-visible,
.contact#contact .contact-email:focus-visible,.contact#contact .copy-email:focus-visible {
  outline-color:var(--accent-hover);
}
@media(max-width:760px) {
  .site-nav .nav-links {background:#292724;border-bottom-color:var(--hair);}
  .site-nav .hub-nav {border-top-color:var(--hair);color:#ddd3c6;}
}

/* The single-file review uses scoped project CSS from the multi-page build.
   Match those selectors so the review and hosted pages share one palette. */
.project-preview .detail-hero.feature {
  background:linear-gradient(125deg,#302d29 0%,#39352f 58%,#2c2926 100%);
}
.project-preview .detail-crumb,.project-preview .detail-heading .right-side,
.project-preview .detail-body .block-label {color:var(--muted);}
.project-preview .detail-crumb,.project-preview .detail-meta,
.project-preview .detail-meta-row,.project-preview .detail-footer {border-color:var(--hair);}
.project-preview .detail-body p {color:#d1c8bc;}
.project-preview .film-page .detail-body .synopsis-text {color:var(--paper);}
.project-preview .detail-meta-row span:last-child {color:#d6cbbb;}
.project-preview .video-play:hover,.project-preview .video-play:focus-visible {
  background:var(--accent);color:var(--bg);border-color:var(--accent-hover);
}
.project-preview .detail-footer {color:var(--muted);}
.project-preview .detail-footer a:hover {color:var(--accent-hover);}