/* White and red gradient theme trial. Enabled with ?theme=light-red. */
:root.theme-light-red {
  color-scheme: light;
  --paper: #fff;
  --surface: #fff;
  --surface-alt: #fff3f4;
  --ink: #1b191b;
  --muted: #70676b;
  --body-muted: #51484c;
  --line: #ecdde0;
  --accent: #d52c43;
  --action: #c9233d;
  --accent-soft: #fff0f1;
  --night: #fff4f5;
  --night-muted: #65575b;
  --accent-night: #d52c43;
}

:root.theme-light-red body {
  background:
    radial-gradient(ellipse 62% 30% at 87% 6%, rgba(238, 76, 96, .13), transparent 100%),
    radial-gradient(ellipse 60% 30% at 7% 67%, rgba(231, 58, 83, .09), transparent 100%),
    #fff;
  background-attachment: fixed;
}

.theme-light-red a:focus-visible,
.theme-light-red button:focus-visible,
.theme-light-red summary:focus-visible { outline-color: #d52c43; }
.theme-light-red .topbar { border-bottom-color: var(--line); }
.theme-light-red .wordmark,
.theme-light-red .nav a,
.theme-light-red .footer-links a { color: var(--ink); }
.theme-light-red .wordmark small,
.theme-light-red .hero-meta,
.theme-light-red .hero-foot { color: var(--muted); }
.theme-light-red .mark { background: linear-gradient(145deg, #ed5367, #bb1734); color: #fff; }
.theme-light-red .nav a:hover,
.theme-light-red .footer-links a:hover { color: var(--accent); }
.theme-light-red .nav-cta { border: 0; border-radius: 999px; background: linear-gradient(105deg, #ed5367, #bd1e3b); color: #fff; }
.theme-light-red .nav-cta span { color: #fff; }
.theme-light-red .button-primary { background: linear-gradient(105deg, #ef5266 0%, #c4213e 62%, #a81735 100%); box-shadow: 0 10px 28px rgba(193, 28, 57, .19); }
.theme-light-red .button-primary:hover { background: linear-gradient(105deg, #f46877, #b41a37); }
.theme-light-red .text-link { border-color: rgba(197, 32, 58, .32); color: var(--ink); }
.theme-light-red .text-link span { color: var(--accent); }
.theme-light-red .hero h1 em,
.theme-light-red .section h2 em,
.theme-light-red .contact h2 em {
  color: #d52c43;
  background: linear-gradient(100deg, #ef6877 0%, #d72c47 48%, #aa1838 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.theme-light-red .hero-lede,
.theme-light-red .hero-intro,
.theme-light-red .section-note { color: var(--body-muted); }
.theme-light-red .hero-art { border-color: rgba(196, 35, 61, .18); background: linear-gradient(145deg, #fff, #fff4f5); box-shadow: 18px 18px 0 rgba(195, 27, 55, .09); }
.theme-light-red .hero-video-poster { box-shadow: 0 24px 70px rgba(173, 19, 45, .15); }
.theme-light-red .hero-foot { border-color: var(--line); }
.theme-light-red .project-preview { background: #f9edef; }
.theme-light-red .project-card { color: var(--ink); }
.theme-light-red .project-card:hover .project-arrow,
.theme-light-red .project-arrow { color: var(--accent); }
.theme-light-red .reel-strip-head { border-color: var(--line); color: var(--muted); }
.theme-light-red .short-card { box-shadow: 0 12px 35px rgba(113, 27, 43, .12); }
.theme-light-red .about { background: linear-gradient(120deg, rgba(255, 241, 243, .96), rgba(255, 255, 255, .98) 70%, rgba(255, 239, 241, .96)); color: var(--ink); }
.theme-light-red .about .eyebrow,
.theme-light-red .about-index { color: var(--muted); }
.theme-light-red .about-copy h2 em { color: var(--accent); }
.theme-light-red .about-copy p { color: var(--muted); }
.theme-light-red .about-copy .about-lede { color: var(--ink); }
.theme-light-red .edit-note.light { border-color: var(--line); color: var(--muted); }
.theme-light-red .light-link { border-color: rgba(197, 32, 58, .32); color: var(--accent); }
.theme-light-red .experience-grid article,
.theme-light-red .steps article { border: 1px solid rgba(193, 36, 61, .1); background: rgba(255, 255, 255, .88); box-shadow: 0 12px 32px rgba(122, 34, 49, .055); }
.theme-light-red .experience-grid article > span,
.theme-light-red .leadership-note > span,
.theme-light-red .experience-grid p,
.theme-light-red .leadership-note p,
.theme-light-red .steps p,
.theme-light-red .step-top,
.theme-light-red .service-list p,
.theme-light-red .service-list article > b,
.theme-light-red .faq-list details p { color: var(--muted); }
.theme-light-red .leadership-note,
.theme-light-red .service-list,
.theme-light-red .service-list article,
.theme-light-red .faq-list,
.theme-light-red .faq-list details { border-color: var(--line); }
.theme-light-red .service-list article > b,
.theme-light-red .faq-list summary span { color: var(--accent); }
.theme-light-red .brand-marquee { border-color: var(--line); background: rgba(255, 255, 255, .84); }
.theme-light-red .brand-logo { padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.theme-light-red .brand-logo img { mix-blend-mode: normal; }
.theme-light-red .brand-cafe-tunes img { border: 1px solid rgba(195, 27, 55, .22); border-radius: 10px; box-shadow: 0 7px 22px rgba(124, 25, 43, .12); }
.theme-light-red .contact { background: linear-gradient(120deg, #f05265 0%, #cf2843 53%, #a91534 100%); color: #fff; }
.theme-light-red .contact .eyebrow,
.theme-light-red .contact-inner > p:not(.eyebrow),
.theme-light-red .contact-bottom { color: rgba(255, 255, 255, .86); }
.theme-light-red .contact h2 em { background: linear-gradient(100deg, #fff 0%, #ffe0e2 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.theme-light-red .contact .button-primary { background: #fff; color: #b21a36; box-shadow: 0 9px 24px rgba(102, 13, 33, .15); }
.theme-light-red .contact .button-primary:hover { background: #fff3f4; }
.theme-light-red .contact-bottom { border-color: rgba(255, 255, 255, .3); }
.theme-light-red .footer > small,
.theme-light-red .footer > p { color: var(--muted); }
.theme-light-red .menu-toggle { border-color: var(--line); background: rgba(255, 255, 255, .92); }
.theme-light-red .menu-toggle span { background: var(--ink); }

@media (max-width: 760px) {
  .theme-light-red .nav { border-color: var(--line); background: #fff; }
  .theme-light-red .nav a { color: var(--ink); }
}