.character-cards-section{min-height:195vh;background:#000;position:relative;margin-top:8rem;margin-bottom:8rem}.character-cards-content{height:100vh;width:100%;max-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;position:sticky;top:0}.character-cards-heading{font-size:clamp(3rem,8vw,6rem);font-weight:700;text-align:center;margin-top:4rem;margin-bottom:4rem;background:linear-gradient(135deg,#667eea,#f093fb 50%,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.character-cards-grid-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}.character-cards-grid{--offset:0;--container-width:1600px;--gap:clamp(10px,7.35vw,80px);width:var(--container-width);max-width:calc(100% - 4rem);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,auto);gap:var(--gap);margin:0 auto;align-content:center}.vroid-final-layout{position:absolute;inset:0;display:flex;align-items:center;opacity:0}@media (max-width:600px){.character-cards-section{margin-top:1rem;margin-bottom:2rem;min-height:240vh}.character-cards-heading{font-size:2.5rem;margin-top:2rem;margin-bottom:1rem}.character-cards-content{height:80vh}.character-cards-scaler{top:40%}.character-cards-grid{grid-template-columns:repeat(3,1fr);--offset:-1;max-width:calc(100% - 1rem);--gap:clamp(6px,3vw,20px)}.character-cards-grid>.character-cards-layer:first-of-type{display:none}.character-card{border-radius:.5rem;padding:.25rem}.character-card img{border-radius:.375rem}.character-cards-scaler img{border-radius:.5rem}.vroid-final-layout{display:none}}.character-cards-layer{display:grid;grid-column:1/-1;grid-row:1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.character-cards-layer:first-of-type div:nth-of-type(odd){grid-column:1}.character-cards-layer:first-of-type div:nth-of-type(2n){grid-column:-2}.character-cards-layer:nth-of-type(2) div:nth-of-type(odd){grid-column:calc(2 + var(--offset))}.character-cards-layer:nth-of-type(2) div:nth-of-type(2n){grid-column:calc(-3 - var(--offset))}.character-cards-layer:nth-of-type(3) div:first-of-type{grid-column:calc(3 + var(--offset));grid-row:1}.character-cards-layer:nth-of-type(3) div:last-of-type{grid-column:calc(3 + var(--offset));grid-row:-1}.character-card{border-radius:1rem;padding:.5rem;aspect-ratio:4/5;overflow:hidden;position:relative}.character-card img{width:100%;height:100%;object-fit:cover;border-radius:.75rem;transform:scale(1.1)}.character-cards-grid>.character-cards-layer img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:.75rem}.character-cards-scaler{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.character-cards-scaler img{border-radius:1rem;max-width:none;max-height:none;object-fit:cover;display:block}