.group-views{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.group-views button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.group-views small{font-size:12px;color:var(--muted)}
body[data-unit=ensemble] .image-button{aspect-ratio:4/3;background:#eee9de}body[data-unit=ensemble] .portrait{object-fit:contain;height:100%}body[data-unit=ensemble] .focus-card .image-button{height:auto;min-height:260px;aspect-ratio:4/3}body[data-unit=ensemble] .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-unit=ensemble] .candidate-thumb{min-width:88px;width:88px}body[data-unit=ensemble] .candidate-thumb .portrait{width:80px;height:60px}body[data-unit=ensemble] .focus-tools{flex-wrap:wrap}
.group-image{object-fit:contain!important;aspect-ratio:auto!important}.group-collection{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.group-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.group-collection-card{background:var(--card);padding:10px;border:1px solid var(--line);border-radius:9px;min-width:0}.group-collection-card img{width:100%;height:150px;object-fit:contain}.group-collection-card strong,.group-collection-card small{display:block;margin:6px 0}.group-collection-card small{line-height:1.5;color:var(--muted)}.group-collection-card button{width:100%;margin-top:5px}
body[data-group-kind=interface][data-group-view=cast] .focus-card .image-button,body[data-group-kind=interface][data-group-view=cast] .gallery .image-button{aspect-ratio:3/4;min-height:0;height:auto}body[data-group-kind=interface][data-group-view=scene] .focus-card .image-button{aspect-ratio:4/3;min-height:0;height:auto}
.information-view{contain:size}.image-button:has(>.information-view:not(.in-scene)){aspect-ratio:3/4!important;height:auto!important;min-height:0!important}.image-button:has(>.information-view.in-scene){aspect-ratio:4/3!important;height:auto!important;min-height:0!important}
.detail-viewport{overflow:auto;max-height:65dvh;border:1px solid var(--line);border-radius:8px;touch-action:pan-x pan-y;overscroll-behavior:contain}.detail-viewport .detail-image{width:auto;max-width:none;max-height:none;height:auto;display:block}.detail-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.detail-tools span{font-size:12px;color:var(--muted)}.detail-viewport.fit .detail-image{width:100%;height:auto}.detail-viewport .information-view{width:800px;min-width:800px}.detail-viewport.fit .information-view{width:100%;min-width:0}.comparison .group-image{height:260px;object-fit:contain}.comparison .information-view{min-height:260px}.group-redesigns{font-size:12px;color:var(--rust);line-height:1.7;margin:12px 0}
.information-view{position:relative;isolation:isolate;width:100%;aspect-ratio:3/4;min-height:240px;overflow:hidden;text-align:left;color:#22343b;background:#eae4d6;container-type:inline-size}.information-palette{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.information-content{display:flex;flex-direction:column;padding:5%;height:100%;gap:4%}.information-topline{color:white;font-size:clamp(9px,3.6cqw,20px);letter-spacing:.12em;font-weight:700;min-height:7%}.information-bottomline{font-size:clamp(7px,2.2cqw,13px);margin-top:auto;color:#24343b;background:#fdf9f1d9;padding:3%}.information-feed{display:grid;gap:3%;flex:1;min-height:0;align-content:start}.information-item{display:flex;gap:4%;padding:3%;background:#fffdf2df;border:1px solid #24343b22;border-radius:3px;min-width:0}.information-item>div{min-width:0}.information-item small{display:block;font-size:clamp(7px,2.2cqw,12px);opacity:.7;line-height:1.3}.information-item strong{display:block;font-size:clamp(9px,3.2cqw,18px);line-height:1.4;margin-top:2%}.information-item p{font-size:clamp(7px,2.3cqw,13px);line-height:1.5;margin:3% 0 0}.anonymous-icon{width:9%;aspect-ratio:1;flex-shrink:0;border-radius:50%;background:#8c9996;align-self:flex-start}.icon-1{border-radius:18%;background:#a99e90}.icon-2{border-radius:50% 50% 10% 50%;background:#82949c}.layout-1 .information-feed,.layout-2 .information-feed,.layout-8 .information-feed{grid-template-columns:1fr 1fr}.layout-1 .item-0,.layout-8 .item-0{grid-column:span 2}.layout-3 .information-item{border-radius:0;border-left:4px solid #516269}.layout-4 .item-0{padding-block:7%}.layout-4 .item-0 strong,.layout-10 .item-0 strong{font-size:clamp(14px,5cqw,30px)}.layout-5 .information-item:nth-child(even){margin-left:8%}.layout-6 .information-item{background:#e4eff4e8;border-color:#8295a8}.layout-7 .information-feed{gap:6%}.layout-7 .information-item p{display:none}.layout-8 .information-item strong{font-weight:550}.layout-9 .information-item:nth-child(3n){margin-inline:8%}.layout-9 .information-item{transform:rotate(-1deg)}.layout-11 .information-feed{grid-template-columns:1fr 1fr}.layout-11 .information-item p{display:none}.in-scene{padding:8%;background:#33434c;aspect-ratio:4/3}.in-scene .information-palette{inset:8% 20%;width:60%;height:84%;border:5px solid #20282b;border-radius:12px}.in-scene .information-content{position:relative;width:70%;margin:auto;font-size:.9em;padding:4%;overflow:hidden}.in-scene .information-feed{gap:2%}.in-scene .information-item p{display:none}.candidate-thumb .information-view{height:60px;min-height:60px;width:80px}.candidate-thumb .information-item p,.candidate-thumb .information-bottomline{display:none}.candidate-thumb .information-item strong{font-size:5px}.candidate-thumb .information-topline{font-size:5px}.candidate-thumb .information-item small{font-size:3px}
@media(min-width:801px){body[data-unit=ensemble] .focus-view .focus-card{max-width:900px;margin-inline:auto}body[data-unit=ensemble] .focus-navigation,body[data-unit=ensemble] .candidate-rail,body[data-unit=ensemble] .focus-tools{max-width:900px;margin-inline:auto}.focus-tools{margin-top:12px}}
.information-view{min-height:0!important}.in-scene .information-palette{inset:6% 30%;width:40%;height:88%}.in-scene .information-content{width:48%}.gray .information-view{filter:grayscale(1)}
.information-content{container-type:inline-size;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:2%;padding:4%}.information-feed{grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:1.5cqw}.information-item{padding:2cqw;align-items:center}.information-topline{font-size:min(3.6cqw,20px);min-height:0}.information-bottomline{font-size:min(2.2cqw,13px);margin-top:0;padding:2cqw}.information-item small{font-size:min(2.2cqw,12px)}.information-item strong{font-size:min(3.2cqw,18px)}.information-item p{font-size:min(2.3cqw,13px)}.layout-4 .item-0{padding-block:3cqw}.layout-4 .item-0 strong,.layout-10 .item-0 strong{font-size:min(4cqw,30px)}.layout-7 .information-feed{gap:3cqw}
.detail-viewport{--detail-height:65dvh;--detail-content-height:calc(var(--detail-height) - 2px);max-height:var(--detail-height)}.detail-viewport.fit .detail-image{width:auto;max-width:100%;max-height:var(--detail-content-height);height:auto;margin-inline:auto}.detail-viewport.fit .information-view{width:min(100%,calc(var(--detail-content-height) * .75));min-width:0;margin-inline:auto}.detail-viewport.fit .information-view.in-scene{width:min(100%,calc(var(--detail-content-height) * 4 / 3))}
@media(max-width:800px){.detail-viewport{--detail-height:68dvh}}
@container(max-width:240px){.information-item p,.information-bottomline{display:none}.information-item strong{font-size:3.5cqw!important}.information-item small{font-size:2.8cqw}.information-topline{font-size:3.6cqw}.information-view .information-feed{gap:2%}.information-view .information-item{padding:2%}}
.in-scene .information-item strong{font-size:min(5cqw,18px)!important}.in-scene .information-item small{font-size:min(3cqw,12px)}.in-scene .information-topline{font-size:min(4.8cqw,20px)}
@media(max-width:800px){body[data-unit=ensemble] .focus-view .focus-card .image-button{min-height:0}body[data-unit=ensemble] .focus-navigation{margin-block:6px}}
@media(max-width:800px){body[data-unit=ensemble] .role-heading{align-items:flex-start}body[data-unit=ensemble] .role-heading h1{font-size:25px}.group-views{margin:4px 0 8px;gap:6px}.group-views button{padding-inline:10px;font-size:12px}.group-views small{display:none}body[data-unit=ensemble] .role-demographics{margin:6px 0;font-size:11px}body[data-unit=ensemble] .roster-invitation{display:none}body[data-unit=ensemble] .gallery-tools{margin:0;font-size:11px}body[data-unit=ensemble] .selection-toolbar{margin:4px 0 8px}body[data-unit=ensemble] .selection-toolbar>button,body[data-unit=ensemble] .comparison-toolbar{display:none}body[data-unit=ensemble] .view-switch{width:100%}body[data-unit=ensemble] .view-switch button{flex:1;min-height:36px;font-size:11px;padding:5px}body[data-unit=ensemble] .focus-card .image-button{min-height:270px;aspect-ratio:4/3}body[data-unit=ensemble] .focus-meta strong{font-size:14px}body[data-unit=ensemble] .focus-meta{flex-wrap:wrap}.group-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison .group-image{height:200px}.comparison{grid-template-columns:1fr}.comparison .image-button{aspect-ratio:4/3}.information-view{min-height:240px}.detail-viewport{max-height:68dvh}body[data-unit=ensemble] .decision-dock button{font-size:13px;padding-inline:4px}}
