.character-cards-section{min-height:195vh;background:var(--background);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);column-gap:var(--gap);row-gap:clamp(10px,2.2vh,24px);margin:0 auto;align-content:center}.vroid-final-layout{position:absolute;inset:0;display:flex;align-items:center;opacity:0}@media (min-width:601px) and (max-height:820px){.character-cards-grid-wrapper{top:calc(50% + 10px)}.character-cards-grid{width:min(var(--container-width),calc(100vh + 350px))}}@media (max-width:600px){.character-cards-section{margin-top:1rem;margin-bottom:2rem;min-height:200vh}.character-cards-heading{font-size:2.1rem;margin-top:2rem;margin-bottom:1rem}.character-cards-content{height:90vh}.character-cards-scaler{top:45%}.character-cards-grid-wrapper{width:85%;max-height:70%}.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:.375rem}.character-card img{border-radius:.25rem}.character-cards-scaler img{border-radius:.375rem}}.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;aspect-ratio:4/5;overflow:hidden;position:relative;isolation:isolate;box-shadow:inset 0 1px 0 rgb(255 255 255/.24),0 16px 40px rgb(15 23 42/.18)}.character-card:before,.character-cards-scaler:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgb(255 255 255/.28),transparent 48%);pointer-events:none;z-index:0}.character-card img{position:absolute;inset:1.5% 1.5% 0;width:97%;height:98.5%;object-fit:contain;object-position:center bottom;border-radius:.75rem;transform:none;z-index:1}.character-cards-scaler{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;border-radius:1rem;overflow:hidden;box-shadow:inset 0 1px 0 rgb(255 255 255/.25),0 28px 80px rgb(15 23 42/.28)}.character-cards-scaler img{border-radius:1rem;max-width:none;max-height:none;object-fit:contain;object-position:center bottom;display:block;position:relative;z-index:1;transform:scale(.95)}