/* OnamiDramas theme — Onami palette (ink / gold / cream). GENERATED by site_tools/tema_uret.py from theme-dusk.css + tema_ek.css; edit those, not this file. */
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/anton-latin.woff2) format('woff2');}
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-latin.woff2) format('woff2');}
/* Dusk theme — shared frame for every public page (top bar, footer, page background). Loaded after site.css.
   Page contents are moved to this theme page type by page type (home first); until then their cards stay light on the dark frame. */
:root{--dk-page:#0D0D11;--dk-shell:#0D0D11;--dk-panel:#14141a;--dk-card:#1b1b23;--dk-line:#2b2a2e;--dk-line-2:#3a3836;--dk-text:#FAF4E8;--dk-text-2:#cfcabd;--dk-mute:#96928A;--dk-accent:#D9A93A;--dk-coral:#F0C85A;--dk-amber:#B8862B}

html,body{background:var(--dk-page)}
body{background:linear-gradient(180deg,#0D0D11 0%,#0D0D11 100%);color:var(--dk-text)}

/* frame */
.shell,body:has(.page-hero) .shell{background:var(--dk-shell)!important;border:1px solid var(--dk-line)!important;box-shadow:0 22px 60px rgba(0,0,0,.45)!important}

/* top bar */
.topbar{background:rgba(13,13,17,.94)!important;border-bottom:1px solid var(--dk-line)!important;backdrop-filter:blur(12px)}
.brand-title,.brand-title a{color:#FAF4E8!important}
.brand-sub{color:var(--dk-accent)!important}
.nav a{color:var(--dk-text-2)!important}
.nav a:hover{color:#FAF4E8!important}
.nav a.active{color:#FAF4E8!important}
.nav a.active::after,.nav a:hover::after{background:linear-gradient(90deg,var(--dk-coral),var(--dk-amber))!important}
.icon-btn,.account-link{background:var(--dk-card)!important;border:1px solid var(--dk-line-2)!important;color:#e4dfd1!important;box-shadow:none!important}
.icon-btn svg{stroke:currentColor}
.icon-btn:hover,.account-link:hover{background:#2b2a2e!important;color:#FAF4E8!important}
.brand-mark{background-color:#FAF4E8}

/* search drop-down */
.search-pop,.search-shell{background:var(--dk-panel)!important;border-color:var(--dk-line)!important;box-shadow:0 18px 40px rgba(0,0,0,.5)!important}
.search-input-global{background:#0a0a0d!important;border:1px solid var(--dk-line-2)!important;color:#FAF4E8!important}
.search-input-global::placeholder{color:var(--dk-mute)}
.search-suggestions *{color:var(--dk-text)}
.search-suggestions a:hover,.search-suggestions button:hover{background:var(--dk-card)!important}

/* footer */
.footer{background:var(--dk-panel)!important;border:1px solid var(--dk-line)!important;color:var(--dk-text-2)!important;box-shadow:none!important}
.footer-brand-title,.footer-brand-title a,.footer-col h4{color:#FAF4E8!important}
.footer-copy,.footer-col a{color:var(--dk-text-2)!important}
.footer-col a:hover{color:#FAF4E8!important}
.footer-credit{color:var(--dk-mute)!important;border-top:1px solid var(--dk-line)}
.footer-credit img{filter:brightness(1.6)}

/* focus + selection */
::selection{background:rgba(217,169,58,.4);color:#FAF4E8}
a:focus-visible,button:focus-visible{outline:2px solid var(--dk-accent);outline-offset:2px}

/* ---------- article + news pages (read on the dark frame) ---------- */
.mag-article,.mag-after{--mag-ink:#FAF4E8;--mag-body:#e4dfd1;--mag-muted:#96928A;--mag-accent:#D9A93A;color:var(--mag-body)}
.mag-prose{color:#e4dfd1}
.mag-prose a{color:#F0C85A}
.mag-prose a:hover{color:#FFF6D6}
.mag-prose strong{color:#FAF4E8}
.mag-prose blockquote{border-left-color:#D9A93A}
.mag-toc{border-left-color:#D9A93A}
.mag-toc a{color:#cfcabd}
.mag-toc a:hover{color:#FAF4E8}
.mag-tags{border-top-color:var(--dk-line)}
.mag-tag{background:var(--dk-card);border-color:var(--dk-line-2);color:#cfcabd}
.mag-sources{background:var(--dk-panel);border-color:var(--dk-line)}
.mag-sources a{color:#F0C85A}
.mag-correction{background:#1b1b23;border-left-color:#D9A93A;color:#e4dfd1}
.mag-hero{box-shadow:0 18px 44px rgba(0,0,0,.45)}
.mag-after .mag-card,.mag-after .mag-profile{background:var(--dk-card);border-color:var(--dk-line);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.mag-after .mag-card-lead{background:#14141a}
.mag-after .mag-card-title,.mag-after .mag-profile-name{color:#FAF4E8}
.mag-after .mag-card-dek{color:#cfcabd}
.mag-after .mag-profile-more{color:#F0C85A}
.mag-after .mag-profile-img{background:#2b2a2e}
.mag-after .section-link-muted,.mag-article .section-link-muted{color:#F0C85A}
/* ---------- /news/ and /articles/ lists ---------- */
.section:has(.mag-index-hero){background:transparent;border:0;box-shadow:none;--mag-ink:#FAF4E8;--mag-muted:#96928A;--mag-accent:#D9A93A}
.section:has(.mag-index-hero) .mag-card{background:var(--dk-card);border-color:var(--dk-line);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.section:has(.mag-index-hero) .mag-card-lead{background:#14141a}
.section:has(.mag-index-hero) .mag-card-title{color:#FAF4E8}
.section:has(.mag-index-hero) .mag-card-dek{color:#cfcabd}
.section:has(.mag-index-hero) .mag-card-lead .mag-card-dek{color:rgba(255,255,255,.86)}
.section:has(.mag-index-hero) .mag-index-hero p{color:#cfcabd}
.section:has(.mag-index-hero) a{color:inherit}
.section:has(.mag-index-hero) .onami-pager .btn{background:var(--dk-card);border-color:var(--dk-line-2);color:#e4dfd1}
.section:has(.mag-index-hero) .empty{color:#cfcabd}
/* ---------- drama + actor detail pages (body has .hero-detail) ---------- */
body:has(.hero-detail) .hero-detail{background:var(--dk-shell)!important}
body:has(.hero-detail) .hero-backdrop-detail::after{background:linear-gradient(90deg,rgba(13,13,17,.97) 0%,rgba(13,13,17,.93) 26%,rgba(13,13,17,.7) 48%,rgba(13,13,17,.28) 70%,rgba(13,13,17,.12) 100%),linear-gradient(0deg,rgba(13,13,17,.95) 0%,rgba(13,13,17,0) 32%)!important}
body:has(.hero-detail) .eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#e4dfd1!important}
body:has(.hero-detail) .title-detail{color:#FAF4E8!important}
body:has(.hero-detail) .summary,body:has(.hero-detail) .bio,body:has(.hero-detail) .meta-row{color:#cfcabd!important}
body:has(.hero-detail) .poster-card-detail,body:has(.hero-detail) .photo-card-detail{border-color:rgba(255,255,255,.2)!important;box-shadow:0 18px 36px rgba(0,0,0,.5)!important;background:var(--dk-card)!important}
body:has(.hero-detail) .chip,body:has(.hero-detail) .card-tag{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important;color:#e4dfd1!important}
body:has(.hero-detail) .hero-actions .btn:not(.btn-primary){background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.28)!important;color:#FAF4E8!important}
body:has(.hero-detail) .btn-primary{background:linear-gradient(90deg,var(--dk-coral),var(--dk-amber))!important;color:#FAF4E8!important;border:0!important;box-shadow:0 10px 24px rgba(217,169,58,.3)!important}
body:has(.hero-detail) .section,body:has(.hero-detail) .detail-section{background:var(--dk-panel)!important;border:1px solid var(--dk-line)!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important}
body:has(.hero-detail) .section-title{color:#FAF4E8!important}
body:has(.hero-detail) .section-title::before{background:linear-gradient(180deg,var(--dk-coral),var(--dk-amber))!important}
body:has(.hero-detail) .section-note,body:has(.hero-detail) .member-note{color:var(--dk-mute)!important}
body:has(.hero-detail) .section-link-muted{color:#F0C85A!important}
body:has(.hero-detail) .fact-card{background:var(--dk-card)!important;border:1px solid var(--dk-line)!important}
body:has(.hero-detail) .fact-label{color:var(--dk-mute)!important}
body:has(.hero-detail) .fact-value{color:#FAF4E8!important}
body:has(.hero-detail) .story{color:#e4dfd1!important}
body:has(.hero-detail) .cast-card,body:has(.hero-detail) .work-card,body:has(.hero-detail) .poster-card,body:has(.hero-detail) .actor-card{background:var(--dk-card)!important;border-color:var(--dk-line)!important;box-shadow:0 8px 20px rgba(0,0,0,.3)!important}
body:has(.hero-detail) .cast-photo,body:has(.hero-detail) .poster{background:#2b2a2e!important}
body:has(.hero-detail) .cast-name,body:has(.hero-detail) .card-title{color:#FAF4E8!important}
body:has(.hero-detail) .cast-role,body:has(.hero-detail) .card-meta{color:var(--dk-mute)!important}
body:has(.hero-detail) .cast-card-link:hover .cast-name{color:#F0C85A!important}
body:has(.hero-detail) .detail-link-chip{background:var(--dk-card)!important;border-color:var(--dk-line-2)!important;color:#cfcabd!important}
body:has(.hero-detail) .detail-link-chip .chip-label{color:var(--dk-mute)!important}
body:has(.hero-detail) .detail-link-chip:hover{background:#2b2a2e!important;color:#FAF4E8!important}
body:has(.hero-detail) .onami-video-feature{background:var(--dk-card)!important;border-color:var(--dk-line)!important;box-shadow:none!important}
body:has(.hero-detail) .onami-video-copy h3{color:#FAF4E8!important}
body:has(.hero-detail) .onami-video-copy p{color:#cfcabd!important}
body:has(.hero-detail) .member-btn,body:has(.hero-detail) .rating-control{background:var(--dk-card)!important;border-color:var(--dk-line-2)!important;color:#e4dfd1!important}
body:has(.hero-detail) .rating-control label,body:has(.hero-detail) .rating-control select{color:#e4dfd1!important}
body:has(.hero-detail) .member-btn.active{background:#D9A93A!important;border-color:#D9A93A!important;color:#FAF4E8!important}
body:has(.hero-detail) .comments-form textarea{background:#0a0a0d!important;border-color:var(--dk-line-2)!important;color:#FAF4E8!important}
body:has(.hero-detail) .comment-card{background:var(--dk-card)!important;border-color:var(--dk-line)!important}
body:has(.hero-detail) .comment-body{color:#e4dfd1!important}
body:has(.hero-detail) .spoiler-check{color:var(--dk-text-2)!important}
body:has(.hero-detail) .empty{color:var(--dk-text-2)!important;background:transparent!important}
body:has(.hero-detail) .btn:not(.btn-primary){background:var(--dk-card)!important;border-color:var(--dk-line-2)!important;color:#e4dfd1!important}
body:has(.hero-detail) .hero-copy-detail{text-shadow:0 2px 16px rgba(13,13,17,.75)!important}
body:has(.hero-detail) .hero-copy-detail .btn,body:has(.hero-detail) .hero-copy-detail .chip{text-shadow:none!important}
body:has(.hero-detail) .actor-locked-layout::after{background:linear-gradient(90deg,rgba(13,13,17,.97) 0%,rgba(13,13,17,.94) 30%,rgba(13,13,17,.78) 50%,rgba(13,13,17,.5) 70%,rgba(13,13,17,.34) 100%),linear-gradient(0deg,rgba(13,13,17,.9) 0%,rgba(13,13,17,0) 30%)!important}
body:has(.hero-detail) .actor-hero-bg-img{opacity:.6!important;filter:none!important}
body:has(.hero-detail) .actor-link-chip,body:has(.hero-detail) .detail-link-chip{background:var(--dk-card)!important;border:1px solid var(--dk-line-2)!important;color:#cfcabd!important}
body:has(.hero-detail) .actor-link-chip .chip-label{color:var(--dk-mute)!important}
body:has(.hero-detail) .actor-link-chip .chip-value{color:#FAF4E8!important}
body:has(.hero-detail) a.actor-link-chip:hover{background:#2b2a2e!important}
body:has(.hero-detail) .work-card{background:var(--dk-card)!important;border-color:var(--dk-line)!important}
body:has(.hero-detail) .work-poster{background:#2b2a2e!important}
body:has(.hero-detail) .work-title{color:#FAF4E8!important}
body:has(.hero-detail) .work-meta{color:var(--dk-mute)!important}
body:has(.hero-detail) .bio,body:has(.hero-detail) .section p{color:#e4dfd1}
/* ---------- list + search pages ---------- */
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .page-hero,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-hero,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-head{background:linear-gradient(135deg,#1b1b23,#1b1b23)!important;border-color:var(--dk-line)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .eyebrow,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#e4dfd1!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .title-xl,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .page-hero h1,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .section-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-section-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-results-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-results-head h2{color:#FAF4E8!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .subtitle,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-subtitle,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-subtitle,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-hint,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .section-note,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-note,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-summary,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-filter-count,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-hint{color:var(--dk-text-2)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .section,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-section,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-panel,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-v2-inner,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-inner,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-results-head{background:var(--dk-panel)!important;border:1px solid var(--dk-line)!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-v2,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-page,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .content-page{background:transparent!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-box,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-search-box,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-input-shell,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-search-box{background:#0a0a0d!important;border:1px solid var(--dk-line-2)!important;box-shadow:none!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-box input,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-search-box input,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-input-shell input,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-search-box input{color:#FAF4E8!important;background:transparent!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-box input::placeholder,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-search-box input::placeholder,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-input-shell input::placeholder,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-search-box input::placeholder{color:var(--dk-mute)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .icon,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-search-icon,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-box .icon{color:var(--dk-mute)!important;stroke:currentColor!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-mode-pill:not(.active),body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-mode-pill:not(.active),body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-tab-btn:not(.active){background:var(--dk-card)!important;border-color:var(--dk-line-2)!important;color:#e4dfd1!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-chip:not(.active),body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-chip:not(.active),body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .quick-chip:not(.active),body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-filter-chip:not(.active){background:var(--dk-card)!important;border-color:var(--dk-line-2)!important;color:#cfcabd!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-advanced-toggle,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-advanced-toggle,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .advanced-toggle{background:var(--dk-card)!important;border-color:var(--dk-line-2)!important;color:#e4dfd1!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-advanced-panel,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-advanced-panel,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .advanced-panel,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-filter-panel{background:#1b1b23!important;border:1px solid var(--dk-line)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-advanced-panel label,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-advanced-panel label,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .advanced-panel label,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-advanced-panel strong,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .advanced-panel strong,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-control-field label,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .advanced-field label{color:var(--dk-text-2)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) select,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) input:not([type=checkbox]):not([type=radio]),body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-select{background:#0a0a0d!important;border-color:var(--dk-line-2)!important;color:#FAF4E8!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) select option{background:#0D0D11!important;color:#FAF4E8!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-advanced-clear,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-clear,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .advanced-clear,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-mini-btn,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-load-more,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-load-more,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .btn:not(.btn-primary){background:var(--dk-card)!important;border:1px solid var(--dk-line-2)!important;color:#e4dfd1!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .poster-card,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-card-v2,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-drama-card,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-actor-card,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-list-card{background:var(--dk-card)!important;border-color:var(--dk-line)!important;box-shadow:0 8px 20px rgba(0,0,0,.3)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .poster,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-card-photo,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-drama-poster,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-actor-photo,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-list-thumb-wrap{background:#2b2a2e!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .card-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-card-name,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-drama-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-actor-name,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-list-title,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-section h3{color:#FAF4E8!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .card-meta,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-card-meta,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-card-count,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-drama-meta,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-actor-meta,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-drama-rating,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-actor-rating,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-list-meta-line{color:var(--dk-mute)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .results-footer,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-footer-actions{color:var(--dk-text-2)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .empty,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-empty,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-empty{color:var(--dk-text-2)!important;background:transparent!important}

body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-mode-pill.active,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-mode-pill.active,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-tab-btn.active,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-chip.active,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actor-chip.active,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .quick-chip.active,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .video-filter-chip.active{background:linear-gradient(90deg,var(--dk-coral),var(--dk-amber))!important;border-color:transparent!important;color:#FAF4E8!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-head h1,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-head h2,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-head p,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-head .subtitle,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-head span:not(.eyebrow){color:#FAF4E8!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-head p,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .od-search-head .subtitle{color:var(--dk-text-2)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .actors-search-wrap,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-head{background:var(--dk-panel)!important;border:1px solid var(--dk-line)!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important}
body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2 strong,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-v2-inner > strong,body:is(:has(.od-search-panel),:has(.actors-v2),:has(.search-v2),:has(.video-page)) .search-summary strong{color:#FAF4E8!important}

/* ---------- static pages (about, contact, privacy, terms, cookie, affiliate) ---------- */
body:is(:has(.legal-page),:has(.feedback-page)) .page-hero,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-hero{background:linear-gradient(135deg,#1b1b23,#1b1b23)!important;border-color:var(--dk-line)!important}
body:is(:has(.legal-page),:has(.feedback-page)) .eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#e4dfd1!important}
body:is(:has(.legal-page),:has(.feedback-page)) .title-xl,body:is(:has(.legal-page),:has(.feedback-page)) .page-hero h1,body:is(:has(.legal-page),:has(.feedback-page)) .section-title,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-card-head h2,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-card-head h3,body:is(:has(.legal-page),:has(.feedback-page)) .legal-section h2,body:is(:has(.legal-page),:has(.feedback-page)) .legal-section h3,body:is(:has(.legal-page),:has(.feedback-page)) .info-card h2,body:is(:has(.legal-page),:has(.feedback-page)) .info-card h3{color:#FAF4E8!important}
body:is(:has(.legal-page),:has(.feedback-page)) .subtitle,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-card-subtitle,body:is(:has(.legal-page),:has(.feedback-page)) .legal-section p,body:is(:has(.legal-page),:has(.feedback-page)) .legal-section li,body:is(:has(.legal-page),:has(.feedback-page)) .info-card p,body:is(:has(.legal-page),:has(.feedback-page)) .info-card li,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-note-card p,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-note-card li,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-label,body:is(:has(.legal-page),:has(.feedback-page)) .field-label,body:is(:has(.legal-page),:has(.feedback-page)) .field-optional,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-counter,body:is(:has(.legal-page),:has(.feedback-page)) .legal-page p,body:is(:has(.legal-page),:has(.feedback-page)) .legal-page li{color:var(--dk-text-2)!important}
body:is(:has(.legal-page),:has(.feedback-page)) .section,body:is(:has(.legal-page),:has(.feedback-page)) .legal-section,body:is(:has(.legal-page),:has(.feedback-page)) .info-card,body:is(:has(.legal-page),:has(.feedback-page)) .compact-info-card,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-form-card,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-note-card,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-section,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-side{background:var(--dk-panel)!important;border:1px solid var(--dk-line)!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important}
body:is(:has(.legal-page),:has(.feedback-page)) .legal-inner,body:is(:has(.legal-page),:has(.feedback-page)) .legal-page,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-layout,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-layout-simple{background:transparent!important}
body:is(:has(.legal-page),:has(.feedback-page)) .legal-section a,body:is(:has(.legal-page),:has(.feedback-page)) .info-card a,body:is(:has(.legal-page),:has(.feedback-page)) .legal-page a:not(.btn){color:#F0C85A!important}
body:is(:has(.legal-page),:has(.feedback-page)) .legal-page strong,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-page strong{color:#FAF4E8!important}
body:is(:has(.legal-page),:has(.feedback-page)) input:not([type=checkbox]):not([type=radio]),body:is(:has(.legal-page),:has(.feedback-page)) textarea,body:is(:has(.legal-page),:has(.feedback-page)) select,body:is(:has(.legal-page),:has(.feedback-page)) .select-like,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-textarea,body:is(:has(.legal-page),:has(.feedback-page)) .input{background:#0a0a0d!important;border:1px solid var(--dk-line-2)!important;color:#FAF4E8!important}
body:is(:has(.legal-page),:has(.feedback-page)) input::placeholder,body:is(:has(.legal-page),:has(.feedback-page)) textarea::placeholder{color:var(--dk-mute)!important}
body:is(:has(.legal-page),:has(.feedback-page)) .feedback-chip-list *,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-chip{background:var(--dk-card)!important;border-color:var(--dk-line-2)!important;color:#cfcabd!important}
body:is(:has(.legal-page),:has(.feedback-page)) .feedback-status{color:var(--dk-text-2)!important}
body:is(:has(.legal-page),:has(.feedback-page)) .btn:not(.btn-primary){background:var(--dk-card)!important;border:1px solid var(--dk-line-2)!important;color:#e4dfd1!important}
body:is(:has(.legal-page),:has(.feedback-page)) .btn-primary,body:is(:has(.legal-page),:has(.feedback-page)) .feedback-submit{background:linear-gradient(90deg,var(--dk-coral),var(--dk-amber))!important;color:#FAF4E8!important;border:0!important}


/* =====================================================================
   ONAMI additions (site_tools/tema_ek.css): typography, brand, Onami blocks, home, detail pages, articles
   Tokens: ink #0D0D11 · gold #D9A93A (#F0C85A→#B8862B) · cream #FAF4E8 · mute #96928A  (intro_outro/marka/TASARIM_DILI.md)
   ===================================================================== */
:root{--on-head:"Anton","Impact","Arial Narrow",sans-serif;--on-body:"Montserrat","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --on-grad:linear-gradient(180deg,#F0C85A 0%,#B8862B 100%)}
body,button,input,select,textarea{font-family:var(--on-body)}
body{background:radial-gradient(1100px 480px at 50% -100px,rgba(217,169,58,.10),transparent 70%),#0D0D11!important;color:#FAF4E8}
.on-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
::selection{background:rgba(217,169,58,.4);color:#fff}

/* frame: no rounded floating card, thin line instead */
.shell,body:has(.page-hero) .shell{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.topbar{border-radius:0!important;background:rgba(13,13,17,.94)!important;border-bottom:1px solid #2b2a2e!important}
.footer{border-radius:0!important;background:#14141a!important;border:0!important;border-top:1px solid #2b2a2e!important}

/* brand: ONAMI (gold gradient, Anton) over DRAMAS (cream, wide tracking) — drawn by CSS on the existing "OnamiDramas" text */
.brand-mark{display:none!important}
.brand-link{display:flex!important;flex-direction:column;align-items:center;line-height:1;gap:0}
.brand-link>div:not(.brand-mark){display:flex;flex-direction:column;align-items:center}
.brand-title{font-size:0!important;line-height:1}
.brand-title::before{content:"ONAMI";font:400 28px/1 var(--on-head);letter-spacing:.1em;background:var(--on-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:block}
.brand-sub{font-size:0!important;margin:0!important}
.brand-sub::before{content:"DRAMAS";display:block;font:800 8.5px/1 var(--on-body);letter-spacing:.62em;margin-right:-.62em;padding-top:5px;margin-top:5px;border-top:1px solid #D9A93A;color:#FAF4E8;-webkit-text-fill-color:#FAF4E8}
.footer-brand-title,.footer-brand-title a{font:400 26px/1 var(--on-head)!important;letter-spacing:.1em;text-transform:uppercase;background:var(--on-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.nav a{font:700 11.5px/1 var(--on-body)!important;letter-spacing:.2em;text-transform:uppercase}
.nav a.active::after,.nav a:hover::after{background:#D9A93A!important;height:1px!important}
.icon-btn{border-radius:50%!important}
.account-link{border-radius:0!important;background:transparent!important;border:1px solid #D9A93A!important;color:#D9A93A!important;font:800 11px/1 var(--on-body)!important;letter-spacing:.2em;text-transform:uppercase}
.account-link:hover{background:#D9A93A!important;color:#0D0D11!important}
.footer-col h4{font:800 11px/1 var(--on-body)!important;letter-spacing:.28em;text-transform:uppercase;color:#D9A93A!important}

/* buttons / chips / cards: sharp corners, gold */
.btn,.hv-btn,.hv-chip,.chip,.card-tag,.detail-link-chip,.actor-link-chip,.eyebrow,.hv-tag{border-radius:0!important}
.btn-primary,.hv-btn-main,.hv-chip.is-on,body:has(.hero-detail) .btn-primary{background:linear-gradient(180deg,#F0C85A,#D9A93A)!important;color:#0D0D11!important;border:0!important;box-shadow:none!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.btn-primary:hover,.hv-btn-main:hover{background:#F0C85A!important;transform:none}
.hv-btn-ghost,.btn:not(.btn-primary){letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.eyebrow,.hv-tag,body:has(.hero-detail) .eyebrow{background:transparent!important;border:1px solid #D9A93A!important;color:#D9A93A!important;letter-spacing:.28em!important;font-weight:800!important}
.section,.detail-section,.fact-card,.work-card,.cast-card,.poster-card,.actor-card,.onami-video-feature,.mag-card,.comment-card,.photo-card-detail,.poster-card-detail,body:has(.hero-detail) .section{border-radius:2px!important}
.section-title,.hv-head h2,.mag-section-title{font-family:var(--on-head)!important;font-weight:400!important;letter-spacing:.08em!important;text-transform:uppercase!important;background:var(--on-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
body:has(.hero-detail) .section-title{color:transparent!important}
body:has(.hero-detail) .section-title::before{background:#D9A93A!important}
.hv-kicker,.mag-kicker{color:#D9A93A!important;letter-spacing:.3em!important;font-weight:800!important}
.hv-more,.section-link-muted,.hv-dark .hv-more,body:has(.hero-detail) .section-link-muted{color:#FAF4E8!important;letter-spacing:.2em;text-transform:uppercase;font-size:11px!important}
.hv-more:hover,.section-link-muted:hover{color:#D9A93A!important}
body:has(.hero-detail) .title-detail,.title-detail{font-family:var(--on-head)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.05em;background:var(--on-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}
body:has(.hero-detail) .photo-card-detail,body:has(.hero-detail) .poster-card-detail{border:1px solid #D9A93A!important;box-shadow:none!important}
.fact-label,.hv-card-meta{letter-spacing:.2em}
.fact-label,body:has(.hero-detail) .fact-label{color:#D9A93A!important;font-weight:800!important;text-transform:uppercase}
body:has(.hero-detail) .section{background:#14141a!important}
body:has(.hero-detail) .fact-card,body:has(.hero-detail) .work-card,body:has(.hero-detail) .cast-card{background:#1b1b23!important}

/* ---------------- Onami blocks ---------------- */
.on-kicker{display:block;font:800 11px/1.2 var(--on-body);letter-spacing:.3em;text-transform:uppercase;color:#D9A93A}
.on-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;font:800 11.5px/1 var(--on-body);letter-spacing:.18em;text-transform:uppercase;border:1px solid #D9A93A;color:#D9A93A;background:transparent;cursor:pointer;text-decoration:none;border-radius:0}
.on-btn:hover{background:#D9A93A;color:#0D0D11}
.on-btn-main{background:linear-gradient(180deg,#F0C85A,#D9A93A);color:#0D0D11}
.on-btn-main:hover{background:#F0C85A}
.on-btn-ghost{border-color:#3a3836;color:#FAF4E8}
.on-play{position:absolute;left:14px;bottom:14px;width:46px;height:46px;border:1.5px solid #D9A93A;border-radius:50%;display:grid;place-items:center;background:rgba(13,13,17,.72);color:#D9A93A;font-size:14px;padding-left:3px;pointer-events:none}
.on-row{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:13px 0;border-top:1px solid #2b2a2e;text-decoration:none;color:#FAF4E8;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;font:inherit;cursor:pointer;width:100%}
.on-row:first-child{border-top:0}
.on-row-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#1b1b23}
.on-row-img img{width:100%;height:100%;object-fit:cover;display:block}
.on-row-body{display:flex;flex-direction:column;gap:6px;justify-content:center}
.on-row-title{font:700 13.5px/1.4 var(--on-body);color:#FAF4E8}
.on-row:hover .on-row-title{color:#F0C85A}

/* home: lead */
.on-lead{display:grid;grid-template-columns:1.7fr 1fr;gap:26px;padding:26px clamp(16px,4vw,56px) 4px}
.on-lead-main{position:relative;min-height:480px;display:flex;align-items:flex-end;overflow:hidden;background:#000}
.on-lead-link{position:absolute;inset:0;display:block}
.on-lead-link img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}
.on-lead-main::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,13,17,.96) 0%,rgba(13,13,17,.35) 58%,rgba(13,13,17,0) 100%);pointer-events:none}
.on-lead-copy{position:relative;z-index:1;padding:34px;max-width:660px}
.on-lead-title{margin:12px 0 14px;font:400 clamp(30px,4.4vw,48px)/1.05 var(--on-head);letter-spacing:.04em;text-transform:uppercase;color:#FAF4E8}
.on-lead-title a{color:inherit;text-decoration:none}
.on-lead-copy p{color:#d8d2c3;font-size:14.5px;line-height:1.65;margin:0 0 22px;max-width:540px}
.on-lead-actions{display:flex;gap:12px;flex-wrap:wrap}
.on-lead-side{border-top:2px solid #D9A93A;align-self:start}
.on-side-head{font:800 11px/1 var(--on-body);letter-spacing:.3em;text-transform:uppercase;color:#D9A93A;padding:14px 0}
.on-sec{padding:44px clamp(16px,4vw,56px) 6px}
.on-vcard{display:flex;flex-direction:column;gap:8px;flex:0 0 min(300px,72%);scroll-snap-align:start;text-decoration:none;color:#FAF4E8}
.on-vthumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1b1b23}
.on-vthumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.on-vcard:hover .on-vthumb img{transform:scale(1.04)}
.on-vtitle{font:800 14.5px/1.4 var(--on-body);color:#FAF4E8}
.on-vcard:hover .on-vtitle{color:#F0C85A}
.on-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.on-lib-div{margin-top:56px;padding:26px clamp(16px,4vw,56px);border-top:1px solid #2b2a2e;border-bottom:1px solid #2b2a2e;background:#14141a;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.on-lib-div h2{margin:0;font:400 26px/1 var(--on-head);letter-spacing:.08em;text-transform:uppercase;color:#FAF4E8}
.on-lib-div p{margin:6px 0 0;color:#96928A;font-size:12.5px}

/* home: existing hv-* components recoloured */
.hv{--ink:#0D0D11;--ink-2:#14141a;--card:#14141a;--text:#FAF4E8;--mute:#96928A;--line:#2b2a2e;--a1:#D9A93A;--a2:#B8862B;--blue:#D9A93A;background:transparent!important;color:#FAF4E8;font-family:var(--on-body)}
.hv-sec{background:transparent}
.hv-dark{background:#14141a!important}
.hv-head h2{font-size:clamp(26px,3.2vw,34px)}
.hv-chip{background:transparent;border:1px solid #2b2a2e;color:#cfcabd;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.hv-chip:hover{border-color:#D9A93A;color:#D9A93A}
.hv-card-title,.hv-soon-title,.hv-actor-name{color:#FAF4E8}
.hv-card-meta{color:#96928A}
.hv-poster,.hv-soon-img,.hv-story-img,.hv-story{border-radius:0!important}
.hv-story{background:#14141a;border:1px solid #2b2a2e;box-shadow:none}
.hv-story h3{color:#FAF4E8}.hv-story p{color:#96928A}
.hv-rate,.hv-badge{border-radius:0!important}
.hv-badge,.hv-count{background:#D9A93A!important;color:#0D0D11!important}
.hv-arrow{background:#14141a!important;color:#D9A93A!important;border:1px solid #D9A93A!important;box-shadow:none!important}
.hv-cta{background:#14141a!important;border-top:1px solid #2b2a2e}
.hv-cta h2{color:#FAF4E8}
.hv-actor-photo{border:1px solid #2b2a2e}

/* actor / drama pages: "Onami on …" block */
.on-cov{margin:0 0 18px;padding:26px;border:1px solid #D9A93A;background:linear-gradient(180deg,rgba(217,169,58,.08),rgba(217,169,58,0) 55%)}
.on-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #2b2a2e;position:relative}
.on-head::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:#D9A93A}
.on-head h2{margin:0;font:400 30px/1 var(--on-head);letter-spacing:.08em;text-transform:uppercase;background:var(--on-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.on-more{font:800 11px/1 var(--on-body);letter-spacing:.22em;text-transform:uppercase;color:#FAF4E8;text-decoration:none}
.on-more:hover{color:#D9A93A}
.on-cov-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:26px}
.on-cov-grid.is-flat{grid-template-columns:1fr}
.on-cov-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #2b2a2e;background:#1b1b23;padding:0;cursor:pointer}
.on-cov-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.on-cov-thumb:hover img{transform:scale(1.03)}
.on-cov-main .on-kicker{margin-top:14px}
.on-cov-title{margin:8px 0 14px;font:800 20px/1.3 var(--on-body);color:#FAF4E8}
.on-cov-actions{display:flex;gap:10px;flex-wrap:wrap}
.on-cov-side{display:flex;flex-direction:column}

/* article / news pages */
.mag-article{font-family:var(--on-body)}
.mag-hero{border-radius:0!important}
.mag-title,.mag-article h1{font-family:var(--on-body)!important;font-weight:800!important;color:#FAF4E8!important}
.mag-prose{font-family:var(--on-body)!important;font-weight:500;color:#e4dfd1!important}
.mag-prose h2,.mag-prose h3{font-family:var(--on-head)!important;font-weight:400!important;letter-spacing:.06em;text-transform:uppercase;color:#D9A93A!important}
.mag-prose a{color:#F0C85A!important;border-bottom:1px solid rgba(217,169,58,.45)}
.mag-prose blockquote{border-left:2px solid #D9A93A!important;color:#FAF4E8}
.mag-toc{border-left-color:#D9A93A!important}
.mag-toc a:hover{color:#D9A93A!important}
.mag-tag{border-radius:0!important}
.mag-card-lead{background:#14141a!important}

/* ---------------- responsive ---------------- */
@media(max-width:900px){
  .on-lead{grid-template-columns:1fr;padding-top:16px}.on-lead-main{min-height:400px}.on-lead-copy{padding:22px}
  .on-cov{padding:18px}.on-cov-grid{grid-template-columns:1fr}.on-head h2{font-size:24px}
  .on-news-grid{grid-template-columns:1fr}.on-row{grid-template-columns:96px 1fr}
  .brand-title::before{font-size:24px}
}

/* second pass */
.topbar .brand-sub{display:block!important}
.hv-type-cover,.mag-type-cover{background:linear-gradient(135deg,#1b1b23,#0D0D11 75%)!important;border-bottom:2px solid #D9A93A}
.hv-type-cover span,.mag-type-cover span{font-family:var(--on-head)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.05em;color:#D9A93A!important}
.hv-type-cover{font-family:var(--on-head);font-weight:400;font-size:20px;letter-spacing:.05em;text-transform:uppercase;color:#D9A93A!important}
.hv-chip:not(.is-on){background:transparent!important;border:1px solid #2b2a2e!important;color:#cfcabd!important}
body:has(.hero-detail) .btn,body:has(.hero-detail) .hero-actions .btn,body:has(.hero-detail) .chip,body:has(.hero-detail) .detail-link-chip,body:has(.hero-detail) .actor-link-chip,body:has(.hero-detail) .eyebrow{border-radius:0!important}
.on-row-dek{display:block;font:500 12.5px/1.5 var(--on-body);color:#96928A}

/* third pass */
.member-panel,.comments-panel,.profile-card{background:#14141a!important;border:1px solid #2b2a2e!important;border-radius:2px!important;box-shadow:none!important}
.mag-hero{border-radius:0!important}
.mag-hero::after{background:linear-gradient(180deg,rgba(13,13,17,.45) 0%,rgba(13,13,17,.72) 55%,rgba(13,13,17,.97) 100%)!important}
.mag-hero .mag-kicker{color:#D9A93A!important}
.mag-hero h1{font-family:var(--on-body)!important;font-weight:800!important}
.mag-sec.is-first h2 + p::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit;font-weight:inherit}
.onami-article-cover,.mag-video,.mag-video .onami-video-cover,.onami-video-cover,.onami-video-feature{border-radius:0!important}
.poster-card-detail,.photo-card-detail,.actor-photo-card{border-radius:2px!important}

/* fourth pass: leftover blue controls on list / search pages */
.od-search-btn,.od-advanced-apply,.actors-apply{background:linear-gradient(180deg,#F0C85A,#D9A93A)!important;color:#0D0D11!important;box-shadow:none!important;border-radius:0!important;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.od-filter-count,.actor-filter-count{background:#D9A93A!important;color:#0D0D11!important}
.od-mode-pill.active,.od-chip,.od-advanced-toggle,.od-advanced-panel{box-shadow:none!important}
.poster-fallback{background:linear-gradient(145deg,#1b1b23,#0D0D11)!important}

/* fifth pass */
.hv-story,.hv-story-body{background:#14141a!important}
.hv-story:hover .hv-story-body h3,.hv-story:hover h3{color:#F0C85A}

/* sixth pass (Mehmet's first look at the live home page) */
/* rail arrows: thin gold hairline, outside the cards (never over the play button) */
@media(hover:hover) and (min-width:900px){
  .hv-rail-wrap{padding:0 54px}
  .hv-arrow{display:flex!important;top:30%!important;width:40px!important;height:58px!important;border-radius:0!important;background:rgba(13,13,17,.72)!important;color:#D9A93A!important;border:1px solid rgba(217,169,58,.55)!important;box-shadow:none!important;font:300 24px/1 var(--on-body)!important;padding:0 0 3px!important;transition:background .2s,color .2s,border-color .2s}
  .hv-arrow:hover{transform:none!important;background:#D9A93A!important;color:#0D0D11!important;border-color:#D9A93A!important}
  .hv-prev{left:0!important}.hv-next{right:0!important}
}
/* lead card: shorter title, picture visible */
.on-lead-title{font-size:clamp(24px,3.1vw,38px);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.on-lead-copy{max-width:600px;padding:30px 34px}
.on-lead-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}
.on-lead-link img{filter:brightness(.78)}
.on-lead-main::after{background:linear-gradient(0deg,rgba(13,13,17,.94) 0%,rgba(13,13,17,.62) 34%,rgba(13,13,17,.12) 64%,rgba(13,13,17,0) 100%)}
/* faces strip for stories without a show picture */
.on-faces{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;height:100%;background:#14141a}
.on-faces img{width:100%;height:100%;object-fit:cover;object-position:center 16%;display:block}
.on-faces img+img{border-left:1px solid #0D0D11}
/* branded cover when there is no picture at all */
.hv-type-cover,.mag-type-cover{position:relative;overflow:hidden}
.hv-type-cover::after,.mag-type-cover::after{content:"ONAMI";position:absolute;right:12px;top:10px;font:400 13px/1 var(--on-head);letter-spacing:.14em;color:rgba(217,169,58,.55)}
@media(max-width:900px){.on-lead-title{font-size:clamp(22px,6.4vw,30px)}.on-lead-main{min-height:380px}}

/* seventh pass */
.hv h2.on-lead-title,.hv .on-lib-div h2{font-family:var(--on-head)}
.hv h2.on-lead-title{font-size:clamp(26px,3.4vw,42px);line-height:1.06}
@media(max-width:900px){.hv h2.on-lead-title{font-size:clamp(24px,7vw,32px)}}
.on-faces-1{justify-content:center;background:radial-gradient(circle at 50% 40%,#2b2a2e 0%,#14141a 75%)}
.on-faces-1{grid-auto-columns:48%;justify-content:center}
.on-faces-1 img{object-position:center 24%}

/* eighth pass: actor photos were too small to recognise faces — bigger circles, face-centred crop (all actor cards) */
.cast-card .cast-photo{width:min(152px,100%);height:auto;aspect-ratio:1/1;border:2px solid #2b2a2e;background:#1b1b23;margin-bottom:12px}
.cast-photo img,.actor-card-photo img,.search-actor-photo img,.hv-actor-photo img{object-position:center 18%!important}
.actor-card-photo{width:min(140px,100%)!important;height:auto!important;aspect-ratio:1/1;border:2px solid #2b2a2e!important;background:#1b1b23!important}
.search-actor-photo{width:104px!important;height:104px!important;border:2px solid #2b2a2e!important}
.hv-actor{flex-basis:clamp(150px,15.5vw,196px)}
.hv-actor-photo{border:2px solid #2b2a2e!important;box-shadow:none!important}
.hv-actor:hover .hv-actor-photo{box-shadow:0 0 0 2px #D9A93A!important}
@media(max-width:760px){
  .cast-card .cast-photo{width:min(132px,100%)}
  .actor-card-photo{width:min(124px,100%)!important}
  .hv-actor{flex-basis:152px}
}
@media(max-width:600px){
  .cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .cast-card .cast-photo{width:min(116px,100%)}
}

/* ninth pass: full-width rotating hero, news under it */
.on-hero{position:relative;height:clamp(460px,46vw,660px);overflow:hidden;background:#0D0D11;isolation:isolate;border-bottom:1px solid #2b2a2e}
.on-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.on-slide.is-on{opacity:1;visibility:visible}
.on-slide-bg{position:absolute;inset:0;z-index:-1}
.on-slide-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.02);transition:transform 9s ease-out}
.on-slide.is-on .on-slide-bg img{transform:scale(1.07)}
/* shade only where the words sit (left edge + bottom), the picture itself stays clear */
.on-slide-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,17,.9) 0%,rgba(13,13,17,.62) 24%,rgba(13,13,17,0) 52%),linear-gradient(0deg,rgba(13,13,17,.72) 0%,rgba(13,13,17,0) 30%)}
.on-slide-copy{position:absolute;left:clamp(20px,5vw,72px);bottom:78px;max-width:min(500px,calc(100% - 40px));text-shadow:0 1px 14px rgba(0,0,0,.55)}
.hv h2.on-slide-title{margin:10px 0 10px;font:400 clamp(24px,2.6vw,34px)/1.08 var(--on-head);letter-spacing:.04em;text-transform:uppercase;color:#FAF4E8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.on-slide-title a{color:inherit;text-decoration:none}
.on-slide-copy p{margin:0 0 16px;font-size:14px;line-height:1.6;color:#ece6d7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.on-slide-actions{display:flex;gap:10px;flex-wrap:wrap;text-shadow:none}
.on-dots{position:absolute;left:clamp(20px,5vw,72px);bottom:26px;display:flex;gap:10px;z-index:2}
.on-dot{width:36px;height:23px;padding:10px 0;border:0;background:rgba(250,244,232,.32);background-clip:content-box;position:relative;overflow:hidden;cursor:pointer}
.on-dot.is-on::after{content:"";position:absolute;left:0;right:0;top:10px;bottom:10px;background:#D9A93A;transform-origin:left;animation:hvfill 7s linear forwards}
.on-hero.is-paused .on-dot.is-on::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.on-dot.is-on::after{animation:none;transform:none}.on-slide-bg img{transition:none;transform:none}}
.on-newsbar{padding-top:34px}
.on-news3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.on-news3 .on-row{border:1px solid #2b2a2e;background:#14141a;padding:12px;align-items:center}
.on-news3 .on-row:first-child{border-top:1px solid #2b2a2e}
.on-news3 .on-row:hover{border-color:#D9A93A}
@media(max-width:900px){
  .on-hero{height:clamp(420px,112vw,520px)}
  .on-slide-copy{bottom:64px}
  .on-slide-bg::after{background:linear-gradient(0deg,rgba(13,13,17,.9) 0%,rgba(13,13,17,.55) 38%,rgba(13,13,17,0) 70%)}
  .hv h2.on-slide-title{font-size:clamp(22px,6.6vw,28px)}
  .on-news3{grid-template-columns:1fr}
}