.page-head{margin:.5rem 0 1.75rem}.page-head h1{margin:0 0 .6rem}.page-lead{max-width:62ch;color:var(--fg-2);margin:0;font-size:1.06rem}.cp{margin:0;position:relative}.cp-stage{isolation:isolate;aspect-ratio:4/5;border-radius:inherit;background:radial-gradient(60% 45% at 50% 88%, color-mix(in srgb, var(--tint,#f136c2) 55%, transparent), transparent 70%), linear-gradient(180deg, #221640 0%, #4b2463 38%, #9a3a86 66%, #e0648d 86%, #ffa579 100%);position:relative;overflow:hidden}.cp-stage:after{content:"";z-index:0;pointer-events:none;opacity:.55;background:var(--grid);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.cp-sun{z-index:0;aspect-ratio:1;opacity:.85;background:linear-gradient(#ffe39a 0%,#ffb57c 40%,#ff7aa8 72%,#f136c2 100%);border-radius:50%;width:78%;position:absolute;bottom:8%;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 0 50%,#0000 50%),repeating-linear-gradient(#000 0 9px,#0000 9px 14px);mask-image:linear-gradient(#000 0 50%,#0000 50%),repeating-linear-gradient(#000 0 9px,#0000 9px 14px)}.cp-palm{z-index:0;aspect-ratio:900/600;opacity:.7;background:#3a1f4f;width:80%;position:absolute;bottom:-6%;right:-22%}.cp-stage img{z-index:1;width:100%;height:100%;position:absolute;inset:0}.cp-cut .cp-stage img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 10px 18px #14061e73);height:93%;top:7%}.cp-scene .cp-stage img{object-fit:cover}.cp-scene .cp-stage:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--tint,#f136c2) 30%, transparent) 100%);position:absolute;inset:0}.cp-initials{z-index:1;letter-spacing:-.04em;color:#fff;text-shadow:0 6px 24px #2808328c;place-items:center;padding-bottom:12%;font-size:clamp(3rem,12vw,6rem);font-style:italic;font-weight:800;display:grid;position:absolute;inset:0}.cp-credit{z-index:3;color:#ffffffe0;backdrop-filter:blur(8px);pointer-events:none;background:#140c238c;border-radius:6px;padding:2px 7px;font-size:.62rem;font-weight:600;line-height:1.5;position:absolute;bottom:8px;right:8px}.char-sec{margin:0 0 2.25rem}.char-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.char-grid-lead{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.char-card{border-radius:var(--r-l);height:100%;color:var(--fg);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-2);transition:transform .22s var(--ease-out), box-shadow .22s ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.char-card .cp{border-radius:var(--r-l) var(--r-l) 0 0}.char-grid-lead .cp-stage{aspect-ratio:16/11}.char-grid-lead .cp-cut .cp-stage img{object-fit:contain}.char-card:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.char-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 60%, transparent), 0 18px 40px -12px color-mix(in srgb, var(--tint) 45%, transparent);transform:translateY(-3px)}.char-card:hover .cp-cut img{transform:scale(1.03)}}.cp-cut .cp-stage img{transition:transform .4s var(--ease-out);transform-origin:50% 100%}.char-grid:not(.char-grid-lead) .char-meta strong{font-size:.98rem}.char-grid:not(.char-grid-lead) .char-role{font-size:.8rem}.char-meta{flex-direction:column;gap:.2rem;padding:.85rem 1rem 1rem;display:flex}.char-meta strong{letter-spacing:-.01em;font-size:1.05rem;font-weight:750}.char-grid-lead .char-meta strong{font-size:1.3rem}.char-aka{color:var(--accent-hi);font-size:.8rem;font-weight:650}.char-role{color:var(--fg-2);font-size:.86rem}.char-where{border-radius:var(--r-pill);letter-spacing:.04em;color:#fff;background:color-mix(in srgb, var(--tint) 30%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 55%, transparent);align-self:flex-start;margin-top:.35rem;padding:3px 9px;font-size:.72rem;font-weight:700}.char-note{font-size:.82rem}.char-hero{align-items:center;gap:1.5rem;margin:.5rem 0 2rem;display:grid}.char-hero .cp{box-shadow:inset 0 0 0 1px var(--line), 0 24px 60px -20px color-mix(in srgb, var(--tint) 55%, transparent);border-radius:22px;overflow:hidden}.char-hero .cp-scene .cp-stage{aspect-ratio:16/10}.char-hero .cp-cut .cp-stage{aspect-ratio:1;width:100%;max-height:min(72vh,580px)}.char-hero-copy h1{letter-spacing:-.03em;margin:.1rem 0 .2rem;font-size:clamp(2.2rem,1.4rem + 3.4vw,3.6rem);font-weight:800;line-height:1.02}.char-hero-copy .char-aka{margin:0 0 .3rem;font-size:1rem}.char-hero-copy .char-role{margin:0 0 1.2rem;font-size:1.05rem}.char-facts{gap:.6rem;margin:0;display:grid}.char-facts>div{border-radius:var(--r-m);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);padding:.8rem 1rem}.char-facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-size:.66rem;font-weight:800}.char-facts dd{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0;font-weight:650;display:flex}.char-maplink,.char-trailers a{border-radius:var(--r-pill);color:#fff;background:var(--accent-btn);min-height:36px;transition:transform var(--t-press) var(--ease-out), background-color var(--t-ui) ease;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.char-trailers a{box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff1a}.char-maplink:active,.char-trailers a:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.char-maplink:hover{background:#df2fb7}.char-trailers a:hover{background:#ffffff2e}}.char-bio{margin-bottom:2rem}.char-src{color:var(--muted);font-size:.85rem}.char-gallery{margin:0 0 2.25rem}.char-gallery h2{margin:0 0 .8rem}.char-gallery .of-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:8px}.char-gallery .of-wide{grid-column:1/-1}@media (width>=700px){.char-gallery .of-wide{grid-area:span 2/span 2}.char-gallery .of-wide img{height:100%}}.char-others{margin-top:1rem}.char-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -1rem .75rem;padding:.25rem 1rem .5rem;list-style:none;display:flex;overflow-x:auto}.char-strip::-webkit-scrollbar{display:none}.char-strip li{scroll-snap-align:start;flex:0 0 132px}.char-strip a{border-radius:var(--r-m);background:var(--bg-2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font-size:.82rem;font-weight:700;text-decoration:none;display:block;overflow:hidden}.char-strip a>span{white-space:nowrap;text-overflow:ellipsis;padding:.5rem .6rem .6rem;display:block;overflow:hidden}.char-strip .cp-credit{display:none}.char-strip .cp-initials{font-size:2.2rem}@media (width>=900px){.char-grid:not(.char-grid-lead){grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=820px){.char-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem}.char-strip{margin:0 0 .75rem;padding:.25rem 0 .5rem}}@media (prefers-reduced-motion:reduce){.char-card,.cp-cut .cp-stage img{transition:none}}.home-chars{margin-top:.25rem}@media (width>=900px){.home-chars{grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:visible}}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:.75rem 0 0;padding:0;list-style:none;display:grid}@media (width>=900px){.region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.region-card{aspect-ratio:16/10;border-radius:var(--r-l);color:#fff;background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;display:block;position:relative;overflow:hidden}.region-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);position:absolute;inset:0}.region-card:after{content:"";background:linear-gradient(#0000 40%,#140c23d9);position:absolute;inset:0}.region-ph{background:linear-gradient(#382457,#b64f86 70%,#ffa86e);position:absolute;inset:0}.region-ph .palm{aspect-ratio:900/600;opacity:.7;background:#2a1a40;width:70%;position:absolute;bottom:-10%;right:-10%}.region-name{z-index:1;flex-direction:column;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.region-name strong{letter-spacing:-.01em;font-size:1rem;font-weight:750}.region-name small{color:var(--accent-hi);font-size:.72rem;font-weight:650}@media (hover:hover) and (pointer:fine){.region-card:hover img{transform:scale(1.04)}}.region-card:active{transform:scale(.985)}
