/* Daylight study: the same cinema composition under a silver key light. */
html[data-theme="light"]{--background:#dce1e4;--foreground:#3d4b55;--cv-ink:#3d4b55;--cv-muted:#68757e;--cv-accent:#bb625e;--cv-line:#75848e45;--primary:#bb625e}
html[data-theme="light"] body{background:#dce1e4!important;color:#3d4b55;font-family:Manrope,Arial,sans-serif;font-weight:400}
html[data-theme="light"] .profile{
  --cv-ink:#f5f7f8;--cv-muted:#e0e6e9;--cv-accent:#d97f78;--cv-line:#ffffff35;
  background:linear-gradient(to bottom,#dce1e4 0%,#c9d0d4 6%,#a5afb5 17%,#929fa7 28%,#929fa7 48%,#a5afb5 60%,#c9d0d4 72%,#dce1e4 86%,#dce1e4 100%);
}
html[data-theme="light"] .profile-main{background:transparent}
html[data-theme="light"] .profile-copy h1{color:#f7f9fa;font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.075em;line-height:.94;text-shadow:0 2px 12px #26384540}
html[data-theme="light"] .profile-role{color:#f3f6f8;letter-spacing:-.02em;font-weight:600}
html[data-theme="light"] .profile .profile-value{color:#3e505c!important;line-height:1.55}
html[data-theme="light"] .profile .profile-detail{color:#536671!important;line-height:1.55}
html[data-theme="light"] .profile .eyebrow,html[data-theme="light"] .portrait figcaption{color:#e2e9ed;text-shadow:none}
html[data-theme="light"] .profile .accent-dot{background:#d97f78}
html[data-theme="light"] .profile-main:before,html[data-theme="light"].light-interactive .profile-main:before{--cv-beam-soft:#f4f5f610;--cv-beam-core:#fafbfc55;mask-image:radial-gradient(ellipse 40% 34% at 80% 43%,#000 0%,#000b 30%,#0005 62%,transparent 100%);filter:blur(25px)}
html[data-theme="light"] .portrait img{filter:url('/cinema-portrait-filter.svg?v=2#clean-left-edge') grayscale(.85) saturate(.5) contrast(.96) brightness(1.12);opacity:1;mix-blend-mode:normal;mask-image:radial-gradient(ellipse 83% 72% at 60% 29%,#000 0%,#000 52%,#000d 63%,transparent 95%),linear-gradient(to bottom,#000 0%,#000 62%,transparent 90%);mask-composite:intersect}
html[data-theme="light"] .profile-actions .contact-button[href]{color:#536671}
html[data-theme="light"] .profile .eyebrow,html[data-theme="light"] .portrait figcaption{color:#657580}
html[data-theme="light"] .profile-actions .contact-button[href]:is(:hover,:focus-visible){color:#fff;text-shadow:0 2px 6px #34465180,0 0 18px #fff8}
html[data-theme="light"] .profile-facts{background:#dce1e4!important;--cv-accent:#bb625e;--cv-ink:#3d4b55;--cv-muted:#68757e;--cv-line:#75848e45}
html[data-theme="light"] .profile-facts dt:after{color:#3d4b55}
html[data-theme="light"] .profile-facts dd,html[data-theme="light"] .profile-facts dd>span{color:#68757e}
html[data-theme="light"] .profile-fact-link:is(:hover,:focus-visible){background:linear-gradient(112deg,#c8d1d7,#edf2f5)!important;border-color:#98a7b0;box-shadow:inset 0 1px #fff9,0 8px 18px #32485626}
html[data-theme="light"] :is(section,footer) h2{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.055em;color:#3d4b55}
html[data-theme="light"] :is(.about-intro>p:not(.eyebrow),.education-item p,.resource p,.skills-description,.contact-intro>p:last-child){color:#5c6a74}
html[data-theme="light"] :is(.education-item h4,.personal-details strong,.resource h3,.film-info h3,.credit-title){color:#3d4b55}
html[data-theme="light"] :is(.about-subtitle,.personal-details li>span,.film-role,.film-source,.credit-year,.credit-role,.credit-company,.additional-skills,.education-item>span){color:#68757e}
html[data-theme="light"] :is(.about-section,.production-section,.works-section,.contact-section,.filmography,.featured-grid,.education,.education-item,.personal-panel){border-color:#75848e45}
html[data-theme="light"] .featured-grid .film-card,html[data-theme="light"] .credit-row{background:linear-gradient(125deg,#e5eaed,#d2d9de);border-color:#aebbc4;box-shadow:inset 0 1px #f6faff,0 4px 12px #34495618}
html[data-theme="light"] .credit-card{border-color:#aebbc4}
html[data-theme="light"] .featured-grid .film-card:is(:hover,:focus-visible),html[data-theme="light"] .credit-card:is(:hover,:focus-visible){background:linear-gradient(112deg,#d2dce3,#f4f8fa 55%,#d7e1e8)!important;box-shadow:inset 0 1px #fff,0 5px 8px #34495620,0 15px 25px #34495638}
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:#344f61;text-shadow:0 1px #fff,0 2px 6px #34495628}
html[data-theme="light"] .credit-poster{background:#c8d2d9;color:#657884}
html[data-theme="light"] .skills-trigger{--cv-ink:#3d4b55;--cv-accent:#bb625e;--cv-muted:#68757e}
html[data-theme="light"] .production-section .skills-trigger:is(:hover,:focus-visible){background:linear-gradient(112deg,#edf3f6,#d2dce3)!important}
html[data-theme="light"] .credits-tabs-list button{color:#68757e!important}
html[data-theme="light"] .credits-tabs-list button[data-active]{color:#3d4b55!important;border-bottom-color:#bb625e!important}
html[data-theme="light"] .contact-section .contact-button[href],html[data-theme="light"] .site-header nav a,html[data-theme="light"] .theme-toggle{color:#566670}
@media(max-width:600px){html[data-theme="light"] .profile-copy h1{line-height:.98}html[data-theme="light"] .portrait{mask-image:none}html[data-theme="light"] .portrait img{mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 98%)}}

/* Keep the first screen static on touch devices, including while scrolling. */
@media(hover:none), (pointer:coarse){
  html[data-theme] .profile-main:before,
  html[data-theme].light-interactive .profile-main:before{
    animation:none!important;
    --cv-beam-position:48%;
    filter:none;
    transform:translate3d(var(--tilt-x,0%),var(--tilt-y,0%),0);
  }
  .light-permission{display:block;min-height:44px}
  html[data-theme="light"] .light-permission{color:#536671}
}
/* WebKit on iOS can struggle with an external SVG filter plus alpha masks. */
@supports(-webkit-touch-callout:none){
  html[data-theme] .portrait img{
    filter:grayscale(.85) saturate(.5) contrast(.96) brightness(1.12);
  }
  html[data-theme="dark"] .portrait img{
    filter:grayscale(.78) sepia(.08) saturate(.55) contrast(.96) brightness(1.12);
  }
}
/* A compositor-only drift remains available without motion-sensor access. */
@keyframes mobile-light-drift{
  0%,100%{transform:translate3d(-11%,-1%,0)}
  50%{transform:translate3d(13%,2%,0)}
}
@media(hover:none), (pointer:coarse){
  html[data-theme]:not(.light-interactive) .profile-main:before{
    animation:mobile-light-drift 22s ease-in-out infinite!important;
  }
  html[data-theme].hero-light-paused .profile-main:before{animation-play-state:paused!important}
}
/* A diagonal silver reflection over dark cinema cards, beneath their content. */
html[data-theme="dark"] :is(.featured-grid .film-card,.credit-card){position:relative;overflow:hidden;isolation:isolate}
html[data-theme="dark"] :is(.featured-grid .film-card,.credit-card)::after{
  content:"";position:absolute;inset:-35% -25%;z-index:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 25%,#c1d8ea08 37%,#e3f1fc38 48%,#f3f8ff48 51%,#c1d8ea0c 64%,transparent 76%);
  transform:translate3d(-28%,0,0);opacity:.32;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1),opacity .6s ease;
}
html[data-theme="dark"] :is(.featured-grid .film-card,.credit-card)>*{position:relative;z-index:1}
html[data-theme="dark"] :is(.featured-grid .film-card,.credit-card):is(:hover,:focus-visible,:active)::after{
  transform:translate3d(24%,0,0);opacity:.85;
}
@media(prefers-reduced-motion:reduce){
  html[data-theme]:not(.light-interactive) .profile-main:before{animation:none!important}
  html[data-theme] .profile-main:before{transform:none!important}
  html[data-theme="dark"] :is(.featured-grid .film-card,.credit-card)::after{transition:none}
}