/* Shared HITM character release galleries. Image anchors use data-release-image for the shared viewer. */
.character-intro{padding-top:40px}
.character-banner{position:relative;aspect-ratio:16 / 7;margin:28px 0 0;background:#19181d;overflow:hidden;border:1px solid var(--line)}
.character-banner img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.character-banner figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 24px 18px;background:linear-gradient(transparent,#101013e6);color:var(--ink);font-size:9px;line-height:1.6}
@media(max-width:700px){.character-banner{margin-top:22px}.character-banner img{object-fit:contain}.character-banner figcaption{padding:24px 14px 12px;font-size:8px}.character-banner figcaption span{display:none}}
.character-intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:48px 54px}
.character-intro h1{font-family:var(--display);font-size:clamp(64px,8vw,116px);font-weight:400;line-height:1;margin:18px 0 0}
.character-intro h1 span,.release-description h3 span{color:var(--pink)}
.character-intro h2{font-size:clamp(20px,2vw,28px);font-weight:500;margin:0 0 18px}
.character-intro p,.release-description p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.release-nav{position:sticky;top:0;z-index:10;display:flex;gap:28px;justify-content:space-between;overflow-x:auto;background:#101013f5;border-block:1px solid var(--line);padding-block:20px}
.release-nav a{white-space:nowrap;display:flex;gap:10px;align-items:center;min-height:24px}
.release-nav a span{color:var(--pink)}
.release-nav a:hover{color:var(--pink)}
.character-releases{padding-block:48px 30px;scroll-margin-top:90px}
.release-chapters{display:grid;gap:70px}
.release-chapter{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:90px}
.release-gallery{min-width:0}
.release-main{display:block;width:100%;aspect-ratio:4 / 3;background:#19181d;overflow:hidden}
.release-main img{display:block;width:100%;height:100%;object-fit:contain}
.release-main-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff12;background:radial-gradient(ellipse at 80% 20%,#ff3d910b,transparent 65%),#19181d}
.release-placeholder-number{position:absolute;right:24px;bottom:10px;font-family:var(--display);font-size:clamp(80px,12vw,170px);line-height:1;color:#ffffff06}
.release-main-placeholder>.mono{color:var(--pink);position:relative}
.release-main-placeholder p{font-size:14px;color:var(--muted);margin:0;position:relative}
.release-support-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-block:20px 12px;color:var(--muted);font-size:8px}
.release-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.release-thumbnails.release-thumbnails-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.release-thumbnails-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.release-thumbnails.release-thumbnails-five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:950px){.release-thumbnails.release-thumbnails-five{grid-template-columns:repeat(5,minmax(84px,1fr));overflow-x:auto;padding-bottom:8px}}
.release-thumbnails.release-thumbnails-six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:950px){.release-thumbnails.release-thumbnails-six{grid-template-columns:repeat(6,minmax(84px,1fr));overflow-x:auto;padding-bottom:8px}}
.release-thumbnails.release-thumbnails-four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:950px){.release-thumbnails.release-thumbnails-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.release-thumbnails>a,.release-thumb-placeholder{aspect-ratio:1;min-width:0;background:#19181d;border:1px solid #ffffff12}
.release-thumbnails>a{display:block;overflow:hidden}
.release-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}
.release-thumb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px}
.release-thumb-placeholder .mono{font-size:8px;color:#ffffff40}
.release-gallery a[data-release-image]{cursor:zoom-in;transition:border-color .2s ease}
.release-gallery a[data-release-image]:hover{border-color:var(--pink)}
.release-gallery a[data-release-image]:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.release-description{align-self:start;padding-top:12px}
.release-series-logo{display:block;width:min(100%,360px);height:auto;margin-top:24px}
.release-series-lockup{display:flex;align-items:center;gap:16px;width:min(100%,440px);margin-top:24px}
.release-series-lockup .release-series-logo{flex:1;min-width:0;width:0;max-width:360px;margin:0}
.release-series-version{flex-shrink:0;font-family:var(--display);font-size:32px;line-height:1;color:var(--pink)}
.release-status{display:inline-block;margin-top:20px;padding:8px 10px;border:1px solid #ff3d9140;color:var(--pink);font-size:8px}
.release-description h3{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:.015em;margin:22px 0 20px;overflow-wrap:anywhere}
.release-description .release-kicker{font-size:18px;line-height:1.5;color:var(--ink);margin-bottom:20px}
.release-details{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
.release-details>.mono{font-size:9px;color:var(--pink)}
.release-details p{font-size:12px;margin-top:12px}
.character-page .product-companions{margin-top:70px}
@media(max-width:950px){.release-chapter{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px}.release-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.character-intro-copy{gap:30px}.release-nav{gap:24px}}
@media(max-width:700px){.character-intro{padding-top:24px}.character-intro-copy{grid-template-columns:1fr;gap:28px;padding-block:32px}.character-intro h1{font-size:clamp(58px,15vw,90px)}.character-intro .hero-overline{flex-wrap:wrap;gap:10px;font-size:8px}.character-releases{padding-top:32px}.release-chapter{grid-template-columns:1fr;gap:24px}.release-description{padding-top:0}.release-description h3{font-size:38px;margin-block:14px}.release-chapters{gap:44px}.release-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.release-nav{font-size:9px;padding-block:14px}.character-page .campaign-viewer-bar{align-items:flex-start}.character-page .campaign-viewer-bar h2{font-size:8px}}

.character-intro h1{overflow-wrap:anywhere}
.character-banner--preview{background:radial-gradient(ellipse at 50% 50%,#ff3d9112,transparent 75%),#19181d}
.character-banner--preview img{object-fit:contain}
@media(min-width:701px){.aristella-page .character-intro h1{font-size:clamp(52px,6vw,90px)}}

.release-nav[hidden]{display:none!important}