/* AREVIN V16 | Bone and deep ink.
   Color-only layer loaded after palette-v15.css. It changes no layout,
   typography, copy, wordmark, animation timing, navigation or player code.
   Film stills and videos keep their original color.
   Palette values live in the --v16-* tokens below; every rule reads them.
   The rounded monogram (A, lightly rounded) is in the SVG paths, not here. */
:root,.intro,.project-preview {
  --v16-ground:#E8E4DB;        /* bone: page, header, intro */
  --v16-raised:#DEDAD0;        /* dropdown, mobile menu, reel band */
  --v16-deep:#D9D4C9;          /* founder panel, mobile submenu */
  --v16-ink:#15181E;           /* deep ink: wordmark, monogram, headings */
  --v16-ink2:#2E3138;          /* paragraphs */
  --v16-muted:#565A63;         /* labels, years, metadata */
  --v16-accent:#4A5A72;        /* slate: PRODUCTIONS, full stops */
  --v16-accent-strong:#33435A; /* small accent text, hover, focus */
  --v16-on-screen:#E8E4DB;     /* text on the ink feature panel */
  --v16-on-screen-muted:#A8ADB6;
  --v16-on-screen-accent:#9FB0C8;
  --v16-ink-rgb:21,24,30;
  --v16-ground-rgb:232,228,219;

  /* Legacy names used by the existing components. */
  --bg:var(--v16-ground);
  --surface:var(--v16-raised);
  --surface-soft:var(--v16-deep);
  --paper:var(--v16-ink);
  --light:var(--v16-ink);
  --muted:var(--v16-muted);
  --accent:var(--v16-accent);
  --accent-hover:var(--v16-accent-strong);
  --taupe:var(--v16-muted);
  --hair:rgba(var(--v16-ink-rgb),.17);
  --line:rgba(var(--v16-ink-rgb),.17);
  --crimson:var(--v16-accent);
  --red:var(--v16-accent);
  --roll-crimson:var(--v16-accent);
}
html {background:var(--v16-ground);}
body,.project-preview {background:var(--v16-ground);color:var(--v16-ink);}
::selection {background:var(--v16-ink);color:var(--v16-ground);}

/* Ident: same structure and timing, printed in ink on the ground color. */
.intro {background:var(--v16-ground);color:var(--v16-ink);}
.intro::before {background:linear-gradient(107deg,transparent 30%,rgba(255,255,255,.34) 49%,transparent 51%);}
.intro-mark,.intro-word,.intro-sub,.intro-skip {color:var(--v16-ink);}
.intro-bar,.intro-progress {background:var(--v16-accent);}
.intro-skip:hover {color:var(--v16-accent-strong);}

/* Header and navigation. Rolling letters keep their motion; only color changes. */
.site-nav,.site-nav.is-detail {border-bottom-color:var(--hair);color:var(--v16-ink);}
.site-nav .symbol,.site-nav .menu-toggle,.site-nav .brand {color:var(--v16-ink);}
.site-nav .nav-links a {color:var(--v16-ink);}
.site-nav .hub-nav,.nav-links a.hub-nav {color:var(--v16-ink2);border-left-color:var(--hair);}
.site-nav .hub-nav:hover,.nav-links a.hub-nav:hover {color:var(--v16-ink);}
.glyph-echo {color:var(--v16-accent-strong);}
.site-nav.nav-auto.is-scrolled,.site-nav.is-detail.nav-auto {
  background:rgba(var(--v16-ground-rgb),.97);border-bottom-color:var(--hair);
}
.projects-submenu {
  background:var(--v16-raised);border-color:var(--hair);
  border-top-color:var(--v16-accent);box-shadow:0 18px 44px rgba(var(--v16-ink-rgb),.12);
}
.projects-toggle,.submenu-arrow {color:var(--v16-muted);}
.nav-projects.is-open .projects-toggle svg {color:var(--v16-accent);}
.submenu-link + .submenu-link {border-top-color:var(--hair);}
.site-nav .submenu-link {color:var(--v16-ink);}
.site-nav .submenu-link:is(:hover,:focus-visible),.submenu-link:hover .submenu-arrow {color:var(--v16-accent-strong);}

/* Hero: flat ground, like a title card. No glow or vignette. */
.hero {background:var(--v16-ground);}
.hero::before {background:linear-gradient(0deg,var(--v16-ground),transparent 22%);}
.hero-gradient {background:none;}
.hero-monogram {color:var(--v16-ink);opacity:.065;}
.hero-headline,.hero-headline .hero-primary {color:var(--v16-ink);}
.hero-line,.hero-description {color:var(--v16-muted);}
.hero-line span {background:var(--v16-accent);}
.hero-headline .hero-second,.hero-headline .crimson {color:var(--v16-accent);}
.circle-link {border-color:rgba(var(--v16-ink-rgb),.55);color:var(--v16-ink);}
.circle-link:hover {background:var(--v16-ink);border-color:var(--v16-ink);color:var(--v16-ground);}

/* Projects. */
.splitline {background:var(--hair);}
.work-stop,.accent,.feature-core h3 span,.type-sep {color:var(--v16-accent);}
.shorts-heading,.work-end {border-color:var(--hair);}
.project-caption .project-type time,.project-type {color:var(--v16-muted);}
.film-card .project-image {border-color:transparent;background-clip:padding-box;}
.feature-card:hover,.film-card:hover .project-image {border-color:var(--v16-accent);}

/* Feature: the screenplay is a page (paper, ink redaction bars); the
   details sit on an ink panel so the flagship reads first. */
.feature-card {background:var(--v16-ink);border-color:var(--v16-ink);color:var(--v16-on-screen);}
.feature-art,.detail-hero.feature,.project-preview .detail-hero.feature {
  background:linear-gradient(125deg,var(--v16-raised) 0%,var(--v16-ground) 62%,var(--v16-raised) 100%);
  border-right-color:var(--hair);
}
.feature-art::after,.detail-hero.feature::after {background:none;}
.redaction-stage::before {background:radial-gradient(ellipse,rgba(var(--v16-ink-rgb),.05),transparent 67%);}
.cipher-glyphs {
  background:repeating-linear-gradient(90deg,rgba(var(--v16-ink-rgb),.55) 0 9px,transparent 9px 17px,rgba(var(--v16-ink-rgb),.38) 17px 30px,transparent 30px 39px);
}
.censor-bar,.screenplay-redaction .censor-bar {
  background:var(--v16-ink);border-top-color:transparent;
  box-shadow:0 0 10px 1px rgba(var(--v16-ink-rgb),.18);
}
.censor-bar::after {background:linear-gradient(90deg,transparent,rgba(var(--v16-ground-rgb),.16),transparent);}
.redaction-stage.screenplay-redaction .script-scene {color:var(--v16-ink2);}
.feature-info {color:var(--v16-on-screen);}
.feature-status {color:var(--v16-on-screen);}
.status-pip {background:var(--v16-on-screen-accent);box-shadow:none;}
.feature-kicker,.feature-top,.feature-core p,.feature-art-caption {color:var(--v16-on-screen-muted);}
.feature-card .feature-core h3 span {color:var(--v16-on-screen-accent);}
.feature-open {border-top-color:rgba(var(--v16-ground-rgb),.2);color:var(--v16-on-screen);}

/* Company, founder and contact share the same continuous ground. */
.statement#about {background:var(--v16-ground);color:var(--v16-ink);border-top-color:var(--hair);}
.statement h2 em {color:var(--v16-accent);}
.statement .statement-bottom {border-color:var(--hair);}
.statement .approved-about .about-lead p {color:var(--v16-ink);}
.statement .approved-about .about-body p {color:var(--v16-ink2);}
.inline-cta {border-color:rgba(var(--v16-ink-rgb),.35);color:var(--v16-ink);}
.inline-cta:hover {color:var(--v16-accent-strong);}
.profile,.profile.has-biography {background:var(--v16-ground);border-top-color:var(--hair);}
.profile-art,.profile.has-biography .profile-art {background:var(--v16-deep);}
.profile.has-biography .profile-symbol {color:rgba(var(--v16-ink-rgb),.11);}
.profile-data h2 {color:var(--v16-ink);}
.profile-data p,.profile.has-biography .profile-data p {color:var(--v16-ink2);}
.profile-role {color:var(--v16-accent-strong);}
.profile.has-biography .profile-data .profile-education {color:var(--v16-muted);}
/* Inline-styled full stops (founder name, Project 001 status heading). */
.profile-data h2 > span[style],.detail-heading h1 > span[style],.detail-body h2 > span[style] {color:var(--v16-accent)!important;}
.contact,.contact#contact {background:var(--v16-ground);color:var(--v16-ink);}
.contact#contact .contact-label,.contact#contact .copy-email,.contact#contact .copy-status {color:var(--v16-muted);}
.contact#contact .contact-email {color:var(--v16-ink);border-color:rgba(var(--v16-ink-rgb),.3);}
.contact#contact .contact-email-arrow {color:var(--v16-accent);}
.contact#contact .contact-email:hover {color:var(--v16-accent-strong);border-color:var(--v16-accent-strong);}
.contact#contact .copy-email:hover {color:var(--v16-ink);}
.site-footer,.detail-footer {color:var(--v16-muted);border-color:var(--hair);}
.family-footer-link {color:var(--v16-ink2);}
.detail-footer a:hover,.replay:hover,.motion-toggle:hover,.family-footer-link:hover {color:var(--v16-accent-strong);}

/* Project pages. These declarations do not tint, filter or recolor footage. */
.detail-crumb,.detail-heading .right-side,.detail-body .block-label {color:var(--v16-muted);}
.detail-crumb a:hover {color:var(--v16-ink);}
.detail-crumb,.detail-meta,.detail-meta-row,.detail-footer,.detail-hero {border-color:var(--hair);}
.media-container .detail-hero {border-color:var(--hair);background-clip:padding-box;}
.detail-heading h1 {color:var(--v16-ink);}
.detail-body h2 {color:var(--v16-ink);}
.detail-body p {color:var(--v16-ink2);}
.film-page .detail-body .synopsis-text {color:var(--v16-ink);}
.detail-meta-row {color:var(--v16-ink);}
.detail-meta-row span:last-child {color:var(--v16-ink2);}
.detail-heading h1 em,.credits-heading .credit-stop {color:var(--v16-accent);}
.dot {background:var(--v16-accent);}
.detail-action {border-color:rgba(var(--v16-ink-rgb),.3);color:var(--v16-ink);}
.detail-action:hover {border-color:var(--v16-ink);background:rgba(var(--v16-ink-rgb),.04);}
.detail-hero .art-note,.detail-hero .detail-index {color:var(--v16-muted);}
.video-play:hover,.video-play:focus-visible {background:var(--v16-ink);color:var(--v16-ground);border-color:var(--v16-ground);}
.video-notice {background:var(--v16-raised);color:var(--v16-ink);border-color:var(--hair);}
.video-notice a {color:var(--v16-accent-strong);}
.credits-heading {color:var(--v16-ink);}
.film-page .credits-section .credit-block > h3,
.credit-block h3,.program-block h3 {color:var(--v16-accent-strong);}
.credit-row dt,.credit-list--crew .credit-row dd {color:var(--v16-ink);}
.credit-row dd,.credit-list--crew .credit-row dt {color:var(--v16-muted);}
.credit-row {border-bottom-color:rgba(var(--v16-ink-rgb),.12);}
.credit-row:first-child,.program-credits {border-color:var(--hair);}
.credits-section::before {background:var(--hair);}
.program-credits summary {color:var(--v16-ink);}
.program-credits summary::after {color:var(--v16-accent);}
.film-thanks {border-color:var(--hair);}
.film-thanks h3,.film-stills figcaption {color:var(--v16-muted);}
.film-thanks p {color:var(--v16-ink);}

/* Reel: same pacing and controls, on a slightly deeper band. */
.project-ticker {background:var(--v16-raised);border-color:var(--hair);}
.ticker-heading h2,.ticker-control,.ticker-year {color:var(--v16-muted);}
.ticker-tools .ticker-all,.ticker-title {color:var(--v16-ink);}
.ticker-divider {color:var(--v16-accent);}
.ticker-link.is-current .ticker-year {color:var(--v16-accent-strong);}
.ticker-link:hover .ticker-title,.ticker-link:focus-visible .ticker-title,
.ticker-tools .ticker-all:hover,.ticker-control:hover {color:var(--v16-accent-strong);}

/* Focus stays clearly visible on the light ground. */
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(--v16-accent-strong);
}
.feature-card:focus-visible {outline-color:var(--v16-accent-strong);}
@media(max-width:760px) {
  .site-nav .nav-links {background:var(--v16-raised);border-bottom-color:var(--hair);}
  .site-nav .hub-nav {border-top-color:var(--hair);color:var(--v16-ink2);}
  .projects-submenu {background:var(--v16-deep);border-left-color:var(--v16-accent);}
}

/* Single-file review selectors, kept in step with the hosted pages. */
.project-preview .detail-crumb,.project-preview .detail-heading .right-side,
.project-preview .detail-body .block-label {color:var(--v16-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:var(--v16-ink2);}
.project-preview .film-page .detail-body .synopsis-text {color:var(--v16-ink);}
.project-preview .detail-meta-row span:last-child {color:var(--v16-ink2);}
.project-preview .video-play:hover,.project-preview .video-play:focus-visible {
  background:var(--v16-ink);color:var(--v16-ground);border-color:var(--v16-ground);
}
.project-preview .detail-footer {color:var(--v16-muted);}
.project-preview .detail-footer a:hover {color:var(--v16-accent-strong);}