/* Scoped header, adapted from Seedance's live 2026-09-19 header.
   Same icon paths as its SVG; CSS masks prevent legacy textContent updates
   from removing the icon, so all original article scripts stay unchanged. */
.director-header,.director-header *{box-sizing:border-box}
.director-header{--dh-orange:#f84331;--dh-purple:#926dff;--dh-purple-deep:#7746e0;--dh-green:#00a94d;--dh-ink:#09101a;--dh-line:#e0dad1;--dh-link:#c21a13;--dh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20transform%3D%22translate%282.8%200%29%22%20d%3D%22M16.4%203.02a10%2010%200%201%200%200%2017.96%209%209%200%200%201%200-17.96Z%22%2F%3E%3C%2Fsvg%3E");display:flex;align-items:center;gap:16px;height:76px;padding:0;border-bottom:1px solid var(--dh-line);color:var(--dh-ink);font-family:var(--director-font)}
html[data-theme=dark] .director-header{--dh-ink:#f7f8fb;--dh-line:#293447;--dh-link:#ff7468;--dh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20fill%3D%22black%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%203v2m0%2014v2M3%2012h2m14%200h2M5.64%205.64l1.42%201.42m9.88%209.88%201.42%201.42M5.64%2018.36l1.42-1.42m9.88-9.88%201.42-1.42%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.director-header .wordmark{display:flex;align-items:center;gap:11px;font-size:29px;letter-spacing:-1.25px;font-weight:950;line-height:1;color:var(--dh-ink);text-decoration:none}
.director-header .logo-letters{display:inline-flex;align-items:baseline;white-space:nowrap}
.director-header .logo-letter{display:inline-block;color:var(--land-color);animation:director-letter-hop 4.2s ease-in-out infinite;animation-delay:calc(var(--letter-i) * .14s);transform-origin:center bottom}
.director-header .wordmark-dot{color:var(--dh-orange)}
@keyframes director-letter-hop{0%,22%,100%{transform:translateY(0);color:var(--land-color)}8%,11%{transform:translateY(-6px);color:var(--hop-color)}17%{transform:translateY(1px);color:var(--land-color)}}
.director-header .wordmark:focus-visible .logo-letter{animation-play-state:paused}
.director-header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px;font-weight:800}
.director-header .home-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:0 4px;border:0;border-radius:8px;background:transparent;color:var(--dh-ink);font-family:var(--director-font);font-size:16px;font-weight:900;letter-spacing:.04em;line-height:1.4;white-space:nowrap;text-decoration:none;transition:color .16s ease}
.director-header .theme-button{position:relative;width:44px;height:44px;flex-shrink:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--dh-ink);font-size:0;display:grid;place-items:center;line-height:1;cursor:pointer;touch-action:manipulation;transition:color .16s ease}
.director-header .theme-button::before{content:"";position:absolute;left:12px;top:12px;width:20px;height:20px;background:currentColor;-webkit-mask:var(--dh-icon) center/contain no-repeat;mask:var(--dh-icon) center/contain no-repeat;transform:translateY(-.5px);pointer-events:none}
.director-header .home-link:hover,.director-header .theme-button:hover{color:var(--dh-link);background:transparent}
.director-header a:focus-visible,.director-header .theme-button:focus-visible{outline:3px solid var(--dh-purple);outline-offset:3px}
.director-header a,.director-header button{-webkit-tap-highlight-color:transparent}
@media(max-width:700px){.director-header{height:77px;gap:12px}.director-header .wordmark{font-size:20px;gap:6px}.director-header .home-link{font-size:15px}}
@media(max-width:360px){.director-header{gap:8px}.director-header .wordmark{font-size:18px}.director-header .home-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.director-header .logo-letter{animation:none}}