/* ==========================================================================
   Direction A, Velvet Night. Theatrical, warm, gold on oxblood-black.
   ========================================================================== */
body.theme-a {
  --bg-rgb: 20,9,12; --text-rgb: 243,233,220;
  --bg: #14090C; --surface: #1E1115; --band: #2A0F16; --line: rgba(201,162,75,.28);
  --text: #F3E9DC; --muted: #BBA99C; --accent: #C9A24B; --accent-ink: #1A0C0F;
  --font-display: "Bodoni Moda", "Didot", Georgia, serif; --font-body: "Jost", system-ui, sans-serif;
  --radius: 0; --shadow-card: 0 28px 60px -18px rgba(0,0,0,.75), 0 0 0 1px rgba(201,162,75,.18);
  --glow: 0 22px 60px -12px rgba(201,162,75,.28);
  font-weight: 300;
}
.theme-a .display, .theme-a .h2, .theme-a .hero__title, .theme-a .cta__title, .theme-a .phero__title { font-weight: 400; }
.theme-a .hero__title, .theme-a .display { font-style: normal; }
.theme-a .hero__title em, .theme-a .h2 em { font-style: italic; color: var(--accent); }
.theme-a .eyebrow { display: inline-flex; align-items: center; gap: .9rem; }
.theme-a .eyebrow::before { content: ""; width: 38px; height: 1px; background: var(--accent); }
.theme-a .btn { border-radius: 0; box-shadow: var(--glow); }
.theme-a .btn--primary { background: linear-gradient(135deg, #E2C275, #C9A24B 55%, #A9822F); }
.theme-a .btn--primary:hover { box-shadow: 0 26px 60px -10px rgba(201,162,75,.5); }
.theme-a .site-header.is-scrolled { background: rgba(20,9,12,.9); background: color-mix(in srgb, #14090C 88%, transparent); box-shadow: 0 1px 0 var(--line), 0 12px 40px rgba(0,0,0,.45); }

/* gilded frames and warm drop shadows */
.theme-a .card-work__media, .theme-a .feature-slide, .theme-a .tile__media, .theme-a .home-tile, .theme-a .hcard__media,
.theme-a .studio__portrait, .theme-a .range__media, .theme-a .page-hero__media, .theme-a .mosaic__item { box-shadow: var(--shadow-card); }
.theme-a .card-work__media { position: relative; }
.theme-a .card-work__media::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(201,162,75,.0); transition: border-color .5s, inset .5s var(--ease); pointer-events: none; }
.theme-a .card-work__link:hover .card-work__media::after { border-color: rgba(201,162,75,.75); inset: 14px; }
.theme-a .card-work__title { font-weight: 400; }
.theme-a .feature-slide { background: linear-gradient(135deg, #261319, #1A0C10); }
.theme-a .feature-slide__title { font-weight: 400; }
.theme-a .slider-arrow { border-color: var(--line); }

/* hairline draw rules */
.theme-a .rule { display: block; flex-basis: 100%; height: 1px; order: 9; margin-top: .4rem; background: linear-gradient(90deg, var(--accent), transparent); transform-origin: left; }
.theme-a .site-footer { background: #0E0609; }

/* fan motif divider before the band sections */
.theme-a .section.band { overflow: hidden; }
.theme-a .section.band::before { content: ""; position: absolute; left: 50%; top: 0; width: 220px; height: 110px; transform: translateX(-50%); opacity: .55;
  background:
    radial-gradient(circle at 50% 100%, transparent 0 22px, var(--accent) 22px 23px, transparent 23px 36px, var(--accent) 36px 37px, transparent 37px 52px, var(--accent) 52px 53px, transparent 53px 70px, var(--accent) 70px 71px, transparent 71px 90px, var(--accent) 90px 91px, transparent 91px);
  -webkit-mask: linear-gradient(0deg, #000 0, #000 100%); mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent); }
.theme-a .section.band > .container { position: relative; padding-top: 3.2rem; }

.theme-a .marquee { background: #0E0609; border-color: var(--line); color: var(--accent); font-style: italic; }
.theme-a .marquee__track { font-weight: 400; font-style: italic; }
.theme-a .marquee__track i { background: var(--accent); border-radius: 0; }
.theme-a .service__name { font-weight: 400; }
.theme-a .service { transition: background .5s; }
.theme-a .service:hover { background: linear-gradient(180deg, rgba(201,162,75,.08), transparent); }
.theme-a .chip.is-active { background: transparent; color: var(--accent); border-color: var(--accent); box-shadow: inset 0 -2px 0 var(--accent); }
.theme-a .dots li { box-shadow: 0 0 0 1px rgba(201,162,75,.4); }
.theme-a .swatch__dot { box-shadow: 0 24px 50px -10px rgba(0,0,0,.6), inset 0 0 0 2px rgba(201,162,75,.35); box-shadow: 0 24px 50px -10px color-mix(in srgb, var(--sw) 55%, black), inset 0 0 0 2px rgba(201,162,75,.35); }
.theme-a .panel { border: 1px solid var(--line); box-shadow: var(--shadow-card); background: linear-gradient(160deg, #241216, #190C10); }
.theme-a .hero--a .hero__title { text-shadow: 0 8px 40px rgba(0,0,0,.6); }
.theme-a .phero--a .phero__title { text-shadow: 0 8px 40px rgba(0,0,0,.6); }
.theme-a .step::before { font-style: italic; }
.theme-a .page-hero__media img, .theme-a .studio__portrait img { filter: saturate(1.05) contrast(1.02); }
.theme-a .facts { border-color: var(--line); }

/* Ken Burns on the active hero slide */
@media (prefers-reduced-motion: no-preference) {
  .theme-a .hero--a .swiper-slide-active .hero__img { animation: kenburns 9s ease-out forwards; }
}
@keyframes kenburns { from { transform: scale(1.02); } to { transform: scale(1.14) translate(-1.5%, -1%); } }
