/* October editorial pass: restrained movement and clearer hierarchy. */
.hero-statement{line-height:1.65}.partner-strip:hover .partner-track{animation-play-state:running}
.jobs-link{display:inline-flex;gap:9px;align-items:center;padding:8px 14px;border:1px solid #272a2528;border-radius:30px;font-size:12px;color:#555950;transition:background .4s}.jobs-link:hover{background:#fff7}.header-actions{gap:18px}
#creator-grid{gap:14px}#creator-grid .creator-card-caption strong{font-size:clamp(23px,2.3vw,32px);font-weight:500}.card-plus{background:#f7f5ed55;backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff50;color:#fff;border:1px solid #ffffff50}.creator-card:hover .card-plus{background:#f7f5ed90;box-shadow:none;color:#282b26}
.roster-summary{max-width:1100px;margin:32px auto 0;line-height:1.7;font-size:clamp(12px,1.2vw,16px)}
#creator-dialog{inset:24px;margin:auto;width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:1600px;border-radius:26px}#creator-dialog .setcard-close{display:none}.overlay-close{position:absolute;right:18px;top:17px;z-index:60;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eeebe3f5;border:1px solid #c7c7bd;color:#30332d;font-size:27px;box-shadow:0 3px 12px #0001;cursor:pointer;transition:background .4s,transform .4s}.overlay-close:hover{background:#fff;transform:rotate(90deg)}#creator-dialog .setcard-actions{padding-right:54px;min-height:43px}#creator-dialog .setcard-bio{font-size:clamp(13px,1.1vw,16px);line-height:1.7;margin-top:18px}.profile-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.topic-pill{display:inline-flex;padding:7px 12px;border-radius:30px;font-size:11px;line-height:1.3;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff9,0 2px 6px #00000006;backdrop-filter:blur(10px);transition:background .5s,box-shadow .5s,transform .5s;color:#444653}.topic-pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 3px 12px #55555514}.topic-mystery{background:#b7a3d632;color:#605074}.topic-anime{background:#e8afa432;color:#81594f}.topic-culture{background:#b3c5d43b;color:#516678}.topic-stories{background:#c5c9ac40;color:#626849}
#creator-dialog .bar-track,.age-chart .bar-track{height:13px}#creator-dialog .gender-bar{height:24px}#creator-dialog .bar-label{font-size:12px}#creator-dialog .gender-legend>span{font-size:11px}#creator-dialog .chart-block h5{font-size:12px}#creator-dialog .bar-row{margin-top:12px}#creator-dialog .profile-columns{gap:28px;margin-top:28px}
.account-list{gap:8px}.account-row,#creator-dialog .account-row{grid-template-columns:23px minmax(0,1fr) auto 13px;padding:12px 10px;border:1px solid #c8c9be;border-radius:12px;background:#ffffff38;box-shadow:0 2px 3px #36392e06;gap:10px}.account-row:hover{background:#fff9;transform:translateY(-2px);border-color:#9da58f}.account-arrow{font-size:15px;color:#717966}.account-name>span,.account-count>span{letter-spacing:.3px}.account-name strong,#creator-dialog .account-name strong{font-size:12px}.account-count strong,#creator-dialog .account-count strong{font-size:15px}
#production{background:#1b1c1e;color:#f3f0e8;overflow:hidden}#production .production-new__lead{color:#d3d2cf}#production .production-new__eyebrow{color:#c8c7c2}#production .production-new__slides{inset:-60px auto -60px 50%;width:100vw;height:calc(100% + 120px);transform:translateX(-50%);mask-image:radial-gradient(ellipse at center,#000 18%,#0009 45%,transparent 72%)}#production .production-new__slide img{opacity:.42;filter:saturate(.4);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent)}#production .production-new__shade{background:linear-gradient(#1b1c1e88,#1b1c1e66 45%,#1b1c1eaa)}#production .production-new__film{filter:none}#production .production-new__film:hover{transform:translateY(-5px);filter:drop-shadow(0 10px 20px #0004)}
#production .production-new__intro h2,#labels .labels-intro h2,#stories .stories-heading{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-weight:400;letter-spacing:-.008em;font-size:clamp(24px,5vw,70px)}html[lang=de] #production .production-new__intro h2{font-size:clamp(25px,4.7vw,66px)}
#labels .kaizoku-word{top:60px;left:25px;right:auto;width:160px;transform:none;filter:drop-shadow(0 3px 7px #0008)}#labels .kaizoku-word img{width:100%;height:auto}#labels .kaizoku .label-shade{background:linear-gradient(#0005,transparent 45%,#000c)}
#stories .book-stage{perspective:none}#stories .book{--book-angle:0deg;transform:rotate(var(--book-angle));transform-style:flat;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s;filter:drop-shadow(8px 15px 12px #20231f25)}#stories .book-one{--book-angle:-9deg}#stories .book-two{--book-angle:4deg}#stories .book-three{--book-angle:9deg}#stories .book:hover,#stories .book:focus-visible{transform:translateY(-12px) rotate(var(--book-angle));filter:drop-shadow(0 0 12px #fff9) drop-shadow(8px 20px 14px #20231f25)}#stories .book img{transform:none!important}.books-dialog-title{text-align:center;font:400 clamp(25px,3.5vw,40px)/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:-.008em!important}.dialog-book-grid{text-align:center}
@media(min-width:701px){#creator-grid>.creator-card{grid-column:span 2}}
@media(max-width:900px){.header nav{gap:18px!important}.header-actions{gap:10px}.jobs-link{padding:7px 10px}.header nav a{font-size:12px!important}}
@media(max-width:700px){.hero-statement{line-height:1.65}#creator-grid{gap:16px}#creator-dialog{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:20px}#creator-dialog .setcard-details{padding:18px 20px 85px}#creator-dialog .setcard-bio{font-size:13px;line-height:1.65}#creator-dialog .profile-columns{display:flex;flex-direction:column;gap:28px}#creator-dialog .account-row{grid-template-columns:23px minmax(0,1fr) auto 14px;gap:9px;padding:14px 10px}#creator-dialog .account-name strong{font-size:13px}#creator-dialog .account-name>span{font-size:9px}#creator-dialog .account-count{grid-column:auto;text-align:right}#creator-dialog .account-count strong{display:block;font-size:16px}#creator-dialog .account-count>span{display:block;font-size:8px;margin-left:0}#creator-dialog .gender-legend>span{font-size:12px}#creator-dialog .country-tags span{font-size:11px;padding:7px 10px}.overlay-close{right:12px;top:12px;background:#f1eee7ed}#creator-dialog .setcard-actions{padding-right:0;justify-content:flex-start}.profile-topics{margin-top:16px}.roster-summary br{display:none}.roster-summary{max-width:440px;padding:0 6px}.roster-summary br:after{content:' '}.roster-summary{font-size:13px}#labels .kaizoku-word{width:110px;top:60px;left:18px}.jobs-link{font-size:11px}.header-actions{gap:18px}.dialog-book-grid{gap:12px}.dialog-book-grid img{height:145px}.dialog-inner{padding:50px 22px 30px}}
@media(prefers-reduced-motion:reduce){.topic-pill,#stories .book,.account-row{transition:none}#stories .book:hover{transform:rotate(var(--book-angle))}}
/* Stable print-like layout for the complete export on every device. */
.export-card .profile-intro h3{font-size:58px;line-height:1.05;margin:0}.export-card .setcard-bio{font-size:16px;line-height:1.7;white-space:pre-line;max-width:none;margin-top:20px}.export-card .profile-moon{width:32px;height:32px}.export-card .profile-columns{margin-top:32px}.export-card .profile-section-title h4{font-size:22px}.export-card .chart-block h5{font-size:13px}.export-card .bar-label{font-size:13px}.export-card .bar-row{margin-top:14px}.export-card .bar-track{height:14px}.export-card .gender-bar{height:24px}.export-card .gender-legend>span{font-size:12px}.export-card .account-row{grid-template-columns:24px minmax(0,1fr) auto 14px;padding:14px 10px;gap:9px}.export-card .account-name strong{font-size:14px}.export-card .account-name>span{font-size:9px}.export-card .account-count{grid-column:auto;text-align:right}.export-card .account-count strong{display:block;font-size:17px}.export-card .account-count>span{display:block;font-size:8px;margin-left:0}.export-card .country-tags span{font-size:12px}.export-card .bar-fill,.export-card .gender-part{transform:scaleX(1)}.export-card .creator-card-caption,.export-card .card-plus{display:none}

/* Match the Jobs reference: image-free charcoal with a quiet tonal glow. */
#production{background:#101113;background-image:radial-gradient(ellipse at 65% 12%,#686a7020,transparent 53%),radial-gradient(ellipse at 10% 70%,#53565c10,transparent 50%);color:#fafafa}
/* The surface owns its shadow, so both disappear in the same animation. */
#creator-dialog{box-shadow:none;background:transparent}#creator-dialog .creator-card.selected{box-shadow:0 24px 80px #0005}#creator-dialog .morph-photo{box-shadow:none}#creator-dialog::backdrop{animation:setcard-backdrop-in .85s ease both;transition:background .75s ease,backdrop-filter .75s ease}#creator-dialog.is-closing::backdrop{animation:setcard-backdrop-out .85s ease both}#creator-dialog .overlay-close{padding:0;line-height:1;display:grid;place-items:center;transition:background .4s,opacity .55s}#creator-dialog .overlay-close svg{width:22px;height:22px;display:block}#creator-dialog .overlay-close:hover{transform:none}#creator-dialog.is-closing .overlay-close,#creator-dialog.is-closing .setcard-export,#creator-dialog.is-closing .setcard-export-status{opacity:0;pointer-events:none}#creator-dialog .setcard-export{transition:opacity .55s,filter .4s,transform .4s}#creator-dialog.is-closing .setcard-export{visibility:visible}
@keyframes setcard-backdrop-in{from{background:#151a1700;backdrop-filter:blur(0)}to{background:#151a1766;backdrop-filter:blur(9px)}}@keyframes setcard-backdrop-out{from{background:#151a1766;backdrop-filter:blur(9px)}to{background:#151a1700;backdrop-filter:blur(0)}}
@media(max-width:700px){#creator-dialog .creator-card.selected{display:block;height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:20px}#creator-dialog .creator-cover{position:relative;top:auto;width:100%;height:auto;min-height:340px;aspect-ratio:4/5;display:block;flex:none;background:#1b1c1e}#creator-dialog .creator-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}#creator-dialog .setcard-details{height:auto;max-height:none;overflow:visible;min-height:0;padding-bottom:30px}#creator-dialog .setcard-actions{position:relative;top:auto}#creator-dialog .setcard-export{position:static;display:block;width:max-content;max-width:calc(100% - 40px);margin:0 20px 24px}#creator-dialog .setcard-export-status{position:static;margin:0 20px 12px}#creator-dialog .profile-intro{padding-right:0}#creator-dialog .profile-moon{top:0}}
@media(prefers-reduced-motion:reduce){#creator-dialog::backdrop,#creator-dialog.is-closing::backdrop{animation:none;transition:none}}
/* Round the actual surface during the morph, not only its dialog wrapper. */
#creator-dialog .creator-card.selected{border-radius:26px}
#creator-dialog .creator-cover{border-radius:26px 0 0 26px}
.creator-card.is-returning .creator-cover,.creator-card.is-returning .creator-cover>img{transition:none!important;transform:none!important}
@media(max-width:700px){
 #creator-dialog .creator-card.selected{border-radius:20px}
 #creator-dialog .creator-cover{border-radius:20px 20px 0 0;min-height:170px;aspect-ratio:8/5}
 #creator-dialog .setcard-export{margin:32px auto 16px;max-width:100%;padding:15px 26px}
 #creator-dialog .setcard-export-status{margin:0 auto 16px;text-align:center}
}
@media(max-width:700px){#creator-dialog .creator-cover>img{object-fit:cover;object-position:center 25%}}

@media(max-width:700px){#production .production-new__intro h2,#labels .labels-intro h2,#stories .stories-heading{font-size:min(6.4vw,42px);letter-spacing:-.008em}}
/* Real production photography, above the films rather than behind the copy. */
#production .production-reel{position:relative;width:100%;aspect-ratio:16/10;margin:0 auto 32px;overflow:hidden;border-radius:20px;background:#101113;isolation:isolate}
.production-reel__slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .65s ease-in-out;pointer-events:none}
.production-reel__slide.is-active{opacity:1}
.production-reel__slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:600px){#production .production-reel{aspect-ratio:4/3;margin-bottom:26px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.production-reel__slide{transition:none}}

@media(max-width:700px){.header .jobs-link{display:none}}
#production .production-reel{touch-action:pan-y}
.production-reel__dots{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:0;padding:3px 7px;border:1px solid #ffffff30;border-radius:30px;background:#10111370;backdrop-filter:blur(12px)}
.production-reel__dot{width:28px;height:28px;padding:0;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;cursor:pointer}
.production-reel__dot::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#ffffff70;transition:background .25s,transform .25s}
.production-reel__dot[aria-pressed=true]::before{background:#fff;transform:scale(1.3)}
.production-reel__dot:focus-visible{outline:1px solid #fff;outline-offset:0}
.production-reel__slide img{user-select:none;-webkit-user-drag:none}
/* Lower the two portraits slightly in mobile crops to give their faces room. */
@media(max-width:700px){
 #creator-grid .creator-card[data-id="kyo"] .creator-cover>img,
 #creator-grid .creator-card[data-id="kurono"] .creator-cover>img,
 #creator-dialog .creator-card[data-id="kyo"] .creator-cover>img,
 #creator-dialog .creator-card[data-id="kurono"] .creator-cover>img{object-position:center 10%}
}

/* Audience data intentionally unavailable: decorative bars contain no metrics. */
.audience-unavailable{position:relative;min-height:300px;border-radius:18px;overflow:hidden;background:#deded733}
.audience-placeholder{padding:18px 20px;opacity:.3;filter:grayscale(1)}
.audience-placeholder h5{font:inherit;font-size:12px;margin:12px 0}
.audience-placeholder i{display:block;height:17px;margin:14px 0;border-radius:20px;background:linear-gradient(90deg,#9a9d98,#dedfd9,#9a9d98);background-size:200% 100%;animation:audience-shimmer 3s ease-in-out infinite}
.audience-placeholder i:nth-of-type(2){width:65%}.audience-placeholder i:nth-of-type(3){width:86%}.audience-placeholder i:nth-of-type(4){width:72%}
.audience-request{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:24px;background:#e2e2dd70;backdrop-filter:blur(2px);color:#555853}
.audience-request strong{font-size:18px;font-weight:500}.audience-request span{font-size:13px}
@keyframes audience-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.audience-placeholder i{animation:none}}

.production-new__film-play svg{display:block;width:20px;height:20px;flex:none}

/* Four books, with the existing gentle two-dimensional hover. */
#stories .book-stage{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,42px);height:auto;padding:45px 12px 50px}
#stories .book-stage .book{position:relative;left:auto;top:auto;width:21%;max-width:210px;flex:none}
#stories .book-stage .book-two{left:clamp(4px,.8vw,10px)}
#stories .book-stage .book-three{width:24.15%;max-width:242px}
#stories .book-four{--book-angle:-5deg}
.dialog-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){#stories .book-stage{flex-wrap:wrap;gap:36px 28px;padding:30px 12px 38px}#stories .book-stage .book{width:37%;max-width:170px}#stories .book-stage .book-three{width:42.55%;max-width:196px}.dialog-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}

/* Subtle colour lift for the aerial, Loch Ness and bungee production stills. */
.production-reel__slide img[src*="production-aerial"],
.production-reel__slide img[src*="production-loch-ness"],
.production-reel__slide img[src*="production-bungee"]{filter:saturate(1.12)}