.constellation{display:block}.ctn-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ctn-head h2{font-family:Chowderhead,Georgia,serif;font-size:clamp(24px,3vw,34px);margin:0;color:var(--grm-ink, #22384e)}.ctn-head p{font-family:MuseoSans,system-ui,sans-serif;font-size:15px;color:#6b7d96;margin:6px 0 0}.back-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d6e8f5;border-radius:20px;background:#fff;color:#406382;font-family:MuseoSans,system-ui,sans-serif;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #1432500f;transition:background .16s ease,color .16s ease}.back-pill[hidden]{display:none}.back-pill:hover{background:#f7faff;color:#22384e}.back-pill-name{font-weight:600}.ctn-stage{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:32px;align-items:start}.ctn-canvas{position:relative;width:100%;aspect-ratio:1000 / 800;background:#f7faff;border:1px dashed #cad7e6;border-radius:10px}.ctn-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.ctn-lines line{transition:opacity .2s ease}.ctn-lines line.is-faded{opacity:.15}.portrait-card{position:absolute;padding:0;margin:0;border:0;background:none;cursor:pointer;z-index:2;transform:rotate(var(--rot));transition:left .38s cubic-bezier(.4,0,.2,1),top .38s cubic-bezier(.4,0,.2,1),width .38s cubic-bezier(.4,0,.2,1),transform .18s ease,filter .18s ease,z-index 0s;display:flex;flex-direction:column}.portrait-card:hover{transform:rotate(var(--rot)) translateY(-2px) scale(1.02);z-index:3}.portrait-card.is-anchor{z-index:4}.portrait-card.is-selected{z-index:5;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}.portrait-card .frame{width:100%;aspect-ratio:1;background:#fff;border:3px solid var(--color);border-radius:6px;padding:8px;box-shadow:0 3px 8px #0000001a;box-sizing:border-box;overflow:hidden;display:flex;align-items:stretch}.portrait-card.is-anchor .frame{border-width:4px;box-shadow:0 8px 18px #0000002e}.portrait-card.is-selected .frame{outline:3px dashed var(--color);outline-offset:3px}.portrait-card .portrait{flex:1;position:relative;background:color-mix(in srgb,var(--color),white 88%);border-radius:3px;display:grid;place-items:end center;overflow:hidden;padding:6px 4px 0;box-sizing:border-box}.portrait-card .portrait img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.portrait-card .portrait .placeholder{font-family:Chowderhead,Georgia,serif;font-weight:800;color:var(--color);font-size:clamp(28px,5vw,56px);line-height:1;place-self:center}.portrait-card .caption{display:flex;flex-direction:column;align-items:center;margin-top:6px}.portrait-card .name{font-family:Chowderhead,Georgia,serif;font-size:14px;color:var(--grm-ink, #22384e);line-height:1}.portrait-card.is-anchor .name{font-size:18px}.portrait-card .role{font-family:Nevis,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:var(--color);margin-top:3px}.portrait-card.is-izzy-offside .frame{border-style:dashed;background:#fff}.portrait-card .iso-note{display:flex;flex-direction:column;margin-top:4px;font-family:Nevis,sans-serif;font-weight:800;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9c155f;text-align:center;line-height:1.35}.portrait-card.is-anchor .iso-note{display:none}.ctn-legend{position:absolute;left:18px;right:18px;bottom:14px;display:flex;flex-wrap:wrap;gap:18px;padding-top:10px;border-top:1px solid #d6e8f5;font-family:MuseoSans,system-ui,sans-serif;font-size:12px;color:#4a6578}.ctn-legend .legend-item{display:inline-flex;align-items:center;gap:8px}.ctn-panel{background:#fff;border:1px solid #d6e8f5;border-radius:8px;padding:22px 24px;box-shadow:0 4px 10px #1432500f}.panel-body{display:flex;flex-direction:column;gap:12px}.panel-empty{font-family:MuseoSans,system-ui,sans-serif;font-size:15px;color:#6b7d96;margin:0}.panel-badge{align-self:flex-start;padding:6px 14px;border-radius:16px;font-family:Nevis,sans-serif;font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.panel-title{font-family:Chowderhead,Georgia,serif;font-size:clamp(22px,3vw,30px);line-height:1.1;margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.panel-and{font-family:MuseoSans,system-ui,sans-serif;font-weight:400;font-style:italic;font-size:16px;color:#8a98ad}.panel-subtitle{font-family:MuseoSans,system-ui,sans-serif;font-size:15px;color:#4a6578;margin:-2px 0 4px}.panel-quote{border-left:4px solid #d6e8f5;padding:4px 0 4px 16px}.panel-quote-from{font-family:Nevis,sans-serif;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.panel-quote p{font-family:MuseoSans,system-ui,sans-serif;font-size:16px;line-height:1.55;color:#22384e;margin:0}.panel-basis{font-family:MuseoSans,system-ui,sans-serif;font-size:13px;line-height:1.5;color:#5d6a85;margin:6px 0 0;padding-top:10px;border-top:1px solid #eef3f9}.panel-cta{display:block;margin-top:6px;padding:16px 22px;border-radius:6px;color:#fff;font-family:Nevis,sans-serif;font-weight:800;font-size:14px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center}.panel-cta:hover{filter:brightness(.95);color:#fff;text-decoration:none}@media(max-width:900px){.ctn-stage{grid-template-columns:1fr;gap:20px}}@media(max-width:720px){.ctn-canvas{aspect-ratio:auto;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:transparent;border:0}.ctn-lines{display:none}.portrait-card{position:static!important;width:auto!important;transform:rotate(var(--rot))}}@media(prefers-reduced-motion:reduce){.portrait-card,.portrait-card:hover{transition:none;transform:rotate(var(--rot))}}