/* Theme-specific interaction styling. */
html[data-theme="light"]{
  --cv-link-hover:#71463e;
  --cv-link-glow:#ffffffd9;
  --cv-link-underline:#9c7165;
}

html[data-theme="light"] .site-header nav a,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .profile-actions .contact-button,
html[data-theme="light"] .contact-section .contact-button,
html[data-theme="light"] .credits-tabs-list button,
html[data-theme="light"] .filmography-expansion button{
  transition:color .28s ease,border-color .28s ease,text-shadow .28s ease,background .28s ease;
}
html[data-theme="light"] .film-info h3,
html[data-theme="light"] a.credit-card .credit-title,
html[data-theme="light"] .film-source,
html[data-theme="light"] a.credit-card .credit-company{
  transition:color .32s ease,text-shadow .32s ease,transform .32s cubic-bezier(.2,.7,.2,1);
}
html[data-theme="light"] .film-info,
html[data-theme="light"] a.credit-card .credit-project{
  transition:transform .34s cubic-bezier(.2,.7,.2,1);
}
html[data-theme="light"] .film-info h3,
html[data-theme="light"] a.credit-card .credit-title{transform-origin:left center}

html[data-theme="light"] .site-header nav a:hover,
html[data-theme="light"] .site-header nav a:focus-visible,
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .theme-toggle:focus-visible{
  color:var(--cv-link-hover);
  text-shadow:0 0 14px var(--cv-link-glow);
}
html[data-theme="light"] .site-header nav a:after{
  background:linear-gradient(90deg,var(--cv-accent),#bcbab5 78%,transparent);
}

html[data-theme="light"] .profile-actions .contact-button[href^="https://t.me"]:hover,
html[data-theme="light"] .profile-actions .contact-button[href^="https://t.me"]:focus-visible,
html[data-theme="light"] .profile-actions .contact-button[href^="tel:"]:hover,
html[data-theme="light"] .profile-actions .contact-button[href^="tel:"]:focus-visible,
html[data-theme="light"] .contact-section .contact-button[href^="https://t.me"]:hover,
html[data-theme="light"] .contact-section .contact-button[href^="https://t.me"]:focus-visible,
html[data-theme="light"] .contact-section .contact-button[href^="tel:"]:hover,
html[data-theme="light"] .contact-section .contact-button[href^="tel:"]:focus-visible{
  color:var(--cv-link-hover);
  text-shadow:0 0 16px var(--cv-link-glow);
  border-bottom-color:var(--cv-link-underline);
}
html[data-theme="light"] .contact-section .contact-button svg:last-child{
  transition:transform .28s ease,color .28s ease;
}
html[data-theme="light"] .profile-actions .contact-button:is(:hover,:focus-visible) svg:last-child,
html[data-theme="light"] .contact-section .contact-button:is(:hover,:focus-visible) svg:last-child{
  transform:translate(3px,-3px);
  color:var(--cv-link-hover);
}

html[data-theme="light"] .film-card:is(:hover,:focus-visible) .film-info h3,
html[data-theme="light"] a.credit-card:is(:hover,:focus-visible) .credit-title{
  color:#f5fbff;
  text-shadow:0 1px 0 #ffffff50,0 4px 12px #000c,0 0 20px #b9d8ebaf;
  transform:translateY(-1px) scale(1.025);
}
html[data-theme="light"] .film-card:is(:hover,:focus-visible) .film-info h3,
html[data-theme="light"] a.credit-card:is(:hover,:focus-visible) .credit-title{
  color:#68443b;
  text-shadow:0 1px 0 #fff,0 3px 7px #55433e70,0 0 16px #fff;
}
html[data-theme="light"] .film-card:is(:hover,:focus-visible) .film-info,
html[data-theme="light"] a.credit-card:is(:hover,:focus-visible) .credit-project{
  transform:translate3d(4px,-1px,0);
}
html[data-theme="light"] .film-card:is(:hover,:focus-visible) .film-source,
html[data-theme="light"] a.credit-card:is(:hover,:focus-visible) .credit-company{
  color:var(--cv-ink);
}
html[data-theme="light"] .featured-grid .film-card,
html[data-theme="light"] .credit-card{
  position:relative;
  z-index:0;
  isolation:isolate;
  transition:background .32s ease,border-color .32s ease,box-shadow .32s ease;
}
html[data-theme="light"] .featured-grid .film-card{
  background:linear-gradient(135deg,#e4e4e4 0%,#d8d8d8 100%);
  border-color:#bcbcbc;
  box-shadow:inset 0 1px 0 #fafafa,0 3px 12px #25252521;
}
html[data-theme="light"] .credit-row{
  background:#ddd;
  border-color:#b8b8b8;
  box-shadow:0 5px 18px #2525251c;
}
html[data-theme="light"] .credit-card{border-bottom-color:#bcbcbc}
html[data-theme="light"] div.credit-card{cursor:default}
html[data-theme="light"] .featured-grid .film-card::after,
html[data-theme="light"] .credit-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(var(--beam-angle),transparent 18%,#ffffff96 48%,#ffffffc2 52%,transparent 78%);
  background-size:220% 100%;
  background-position:100% 0;
  opacity:.12;
  transition:opacity .32s ease,background-position .75s cubic-bezier(.2,.7,.2,1);
}
html[data-theme="light"] .featured-grid .film-card>*,
html[data-theme="light"] .credit-card>*{position:relative;z-index:1}
html[data-theme="light"] .featured-grid .film-card:is(:hover,:focus-visible),
html[data-theme="light"] .credit-card:hover,
html[data-theme="light"] a.credit-card:focus-visible{
  z-index:1;
  background:linear-gradient(var(--beam-angle),#c8c8c8 0%,#ececec 40%,#f8f8f8 51%,#d0d0d0 100%)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #aaa,0 3px 5px #25252516,0 14px 28px #2525253a;
}
html[data-theme="light"] .featured-grid .film-card:is(:hover,:focus-visible)::after,
html[data-theme="light"] .credit-card:hover::after,
html[data-theme="light"] a.credit-card:focus-visible::after{
  background-position:0 0;
  opacity:.7;
}
html[data-theme="light"] .film-card:is(:hover,:focus-visible) .film-role,
html[data-theme="light"] a.credit-card:is(:hover,:focus-visible) .credit-meta{
  color:#5d5551;
}
html[data-theme="light"] div.credit-card:hover .credit-title{
  color:#303030;
  text-shadow:0 1px 0 #fff,0 2px 8px #2525254d;
}
html[data-theme="light"] .production-section .skills-trigger:is(:hover,:focus-visible){
  box-shadow:inset 0 1px #fff,0 10px 22px #252b2b22;
}

html[data-theme="light"] .credits-tabs-list button:not([data-active]):hover,
html[data-theme="light"] .credits-tabs-list button:not([data-active]):focus-visible{
  color:var(--cv-link-hover)!important;
  border-bottom-color:var(--cv-link-underline)!important;
  text-shadow:0 0 12px var(--cv-link-glow);
}
html[data-theme="light"] .filmography-expansion button:is(:hover,:focus-visible){
  color:var(--cv-link-hover);
  text-shadow:0 0 12px var(--cv-link-glow);
  border-bottom-color:var(--cv-link-underline);
}
html[data-theme="light"] .filmography-expansion button [data-slot="accordion-trigger-icon"]{
  transition:transform .28s ease,color .28s ease;
}
html[data-theme="light"] .filmography-expansion button:is(:hover,:focus-visible) [data-slot="accordion-trigger-icon"]{
  transform:translateY(3px);
  color:var(--cv-link-hover);
}

/* Dark links need the same specificity as their theme-specific resting colors. */
html[data-theme="dark"] .skills-trigger:is(:hover,:focus-visible),
html[data-theme="dark"] .skills-trigger[aria-expanded="true"]{
  --cv-accent:#e76b67;
}
html[data-theme="dark"] .skills-trigger:is(:hover,:focus-visible) .data-work-title strong{color:#f3f6f8;text-shadow:0 0 12px #c4d6e342}
html[data-theme="dark"] .skills-trigger:is(:hover,:focus-visible) .skills-hint{
  color:var(--cv-accent);
  text-shadow:0 0 12px #c4d6e342;
}
html[data-theme="dark"] .profile-fact-link:is(:hover,:focus-visible){--cv-accent:#e76b67}
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] button:focus-visible{outline-color:#f3f6f8}
html[data-theme="dark"] .site-header nav a:is(:hover,:focus-visible):after{
  background:linear-gradient(90deg,#f3f6f8,#c4d6e342 78%,transparent);
}
html[data-theme="dark"] .profile-actions .contact-button[href^="https://t.me"]:is(:hover,:focus-visible),
html[data-theme="dark"] .profile-actions .contact-button[href^="tel:"]:is(:hover,:focus-visible),
html[data-theme="dark"] .contact-section .contact-button[href^="https://t.me"]:is(:hover,:focus-visible),
html[data-theme="dark"] .contact-section .contact-button[href^="tel:"]:is(:hover,:focus-visible){
  color:#f3f6f8;
  border-bottom-color:var(--cv-accent);
  text-shadow:0 0 16px #c4d6e350;
}
html[data-theme="dark"] .profile-actions .contact-button[href^="tel:"]:is(:hover,:focus-visible),
html[data-theme="dark"] .contact-section .contact-button[href^="tel:"]:is(:hover,:focus-visible){
  text-decoration:none;
}
html[data-theme="dark"] .site-header nav a:is(:hover,:focus-visible),
html[data-theme="dark"] .theme-toggle:is(:hover,:focus-visible){
  color:#f3f6f8;
  text-shadow:0 0 12px #c4d6e342;
}
html[data-theme="dark"] .film-card:is(:hover,:focus-visible) .film-info h3,
html[data-theme="dark"] a.credit-card:is(:hover,:focus-visible) .credit-title,
html[data-theme="dark"] div.credit-card:hover .credit-title{
  color:#f3f6f8;
  text-shadow:0 0 16px #c4d6e342;
  transform:translateY(-1px);
}
html[data-theme="dark"] .film-card:is(:hover,:focus-visible) .film-source,
html[data-theme="dark"] .credit-card:is(:hover,:focus-visible) .credit-company{
  color:#f3f1ef;
}
html[data-theme="dark"] .credits-tabs-list button:not([data-active]):is(:hover,:focus-visible){color:#f3f6f8!important;border-bottom-color:#c4d6e380!important;text-shadow:0 0 12px #c4d6e342}
html[data-theme="dark"] .filmography-expansion button:is(:hover,:focus-visible){
  color:var(--cv-accent)!important;
  border-bottom-color:var(--cv-accent)!important;
  text-shadow:0 0 12px #c4d6e342;
}

@media(prefers-reduced-motion:reduce){
  html[data-theme="dark"] .site-header nav a,
  html[data-theme="dark"] .theme-toggle,
  html[data-theme="dark"] .profile-actions .contact-button,
  html[data-theme="dark"] .contact-section .contact-button,
  html[data-theme="dark"] .profile-fact-link,
  html[data-theme="dark"] .film-info h3,
  html[data-theme="dark"] .credit-title,
  html[data-theme="dark"] .credits-tabs-list button,
  html[data-theme="dark"] .filmography-expansion button{transition:none}
  html[data-theme="dark"] .film-card:is(:hover,:focus-visible) .film-info h3,
  html[data-theme="dark"] .credit-card:is(:hover,:focus-visible) .credit-title{transform:none}
  html[data-theme="light"] .site-header nav a,
  html[data-theme="light"] .theme-toggle,
  html[data-theme="light"] .profile-actions .contact-button,
  html[data-theme="light"] .contact-section .contact-button,
  html[data-theme="light"] .contact-section .contact-button svg:last-child,
  html[data-theme="light"] .credits-tabs-list button,
  html[data-theme="light"] .filmography-expansion button,
  html[data-theme="light"] .filmography-expansion button [data-slot="accordion-trigger-icon"],
  html[data-theme="light"] .film-info h3,
  html[data-theme="light"] a.credit-card .credit-title,
  html[data-theme="light"] .film-info,
  html[data-theme="light"] a.credit-card .credit-project,
  html[data-theme="light"] .film-source,
  html[data-theme="light"] a.credit-card .credit-company{transition:none}
  html[data-theme="light"] .film-card:is(:hover,:focus-visible) .film-info h3,
  html[data-theme="light"] a.credit-card:is(:hover,:focus-visible) .credit-title,
  html[data-theme="light"] .film-card:is(:hover,:focus-visible) .film-info,
  html[data-theme="light"] a.credit-card:is(:hover,:focus-visible) .credit-project{transform:none}
  html[data-theme="light"] .featured-grid .film-card::after,
  html[data-theme="light"] .credit-card::after{transition:none}
}