.roster-orbit-section{background:#fbfaf6;padding:90px 0 65px;overflow:hidden}.roster-intro{text-align:center;padding-inline:24px}.roster-intro h2{font-size:clamp(52px,6.4vw,100px);letter-spacing:-4px}.roster-intro h2 em{color:var(--ink)}.roster-orbit{height:510px;position:relative;overflow:hidden;touch-action:pan-y;perspective:1300px;isolation:isolate;cursor:ew-resize;margin-top:15px}.orbit-stage{position:absolute;inset:0;transform-style:preserve-3d;perspective:1300px}.orbit-card{position:absolute;left:50%;top:50%;width:205px;height:300px;margin:-120px 0 0 -102.5px;border-radius:12px;overflow:hidden;transform-origin:center center;box-shadow:0 8px 20px #20231f08;backface-visibility:hidden;will-change:transform}.orbit-card img{object-position:50% 30%}.orbit-card figcaption{position:absolute;inset:auto 0 0;padding:45px 14px 16px;background:linear-gradient(transparent,#0009);color:white;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .3s}.orbit-card:hover figcaption{opacity:1}.orbit-card figcaption strong{font-family:'Bricolage Grotesque';font-size:20px}.orbit-card figcaption span{font-size:10px}.roster-gallery-footer{text-align:center;padding:0 24px;max-width:820px;margin:0 auto}.roster-gallery-footer>p:first-child{font-size:15px;max-width:620px;margin:auto}.orbit-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px}.orbit-controls button{border:1px solid var(--line);border-radius:50%;background:transparent;width:43px;height:43px;font-size:20px;transition:background .2s}.orbit-controls button:hover{background:var(--coral);border-color:var(--coral)}#roster-instructions{font-size:10px;color:var(--muted)}.orbit-status{min-height:18px;font-size:11px;margin-top:10px}.roster-gallery-footer .demo-note{margin-top:0}.roster-directory{margin:25px 5.5vw 0;border-top:1px solid var(--line)}.roster-directory>summary{font-size:14px;font-weight:600;padding:24px 0;max-width:100%;justify-content:center}.roster-directory .creator-grid{padding-bottom:20px}.roster-directory .creator-card:nth-child(even){padding-top:0}.roster-directory .creator-card:nth-child(even) .creator-photo{height:360px}.youth-ink-section{background:var(--paper);text-align:center;padding-top:95px;padding-bottom:95px;border-top:1px solid var(--line);overflow:hidden}.youth-ink-title{font-size:clamp(65px,8.6vw,134px);font-weight:700;line-height:1;letter-spacing:-6px}.youth-ink-title>span{color:var(--coral)}.youth-fan{height:380px;position:relative;max-width:1000px;margin:35px auto 20px;perspective:1000px}.fan-photo{position:absolute;width:180px;height:240px;top:80px;left:50%;margin-left:-90px;overflow:hidden;border-radius:12px;box-shadow:0 10px 20px #20231f12;transition:translate .4s}.fan-photo:hover{translate:0 -18px;z-index:12}.fan-photo-0{transform:translateX(-350px) translateY(25px) rotate(-12deg)}.fan-photo-1{transform:translateX(-235px) translateY(-5px) rotate(-7deg)}.fan-photo-2{transform:translateX(-118px) translateY(8px) rotate(-3deg)}.fan-photo-3{transform:translateX(0) rotate(0deg)}.fan-photo-4{transform:translateX(118px) translateY(8px) rotate(3deg)}.fan-photo-5{transform:translateX(235px) translateY(-5px) rotate(7deg)}.fan-photo-6{transform:translateX(350px) translateY(25px) rotate(12deg)}.speech-tag{position:absolute;z-index:15;border-radius:18px;padding:7px 15px;font-size:14px;font-weight:600;line-height:1.4}.speech-tag:after{content:'';position:absolute;right:20px;bottom:-6px;border-top:9px solid var(--coral);border-inline:7px solid transparent}.tag-campus{left:9%;top:15px;transform:rotate(-9deg);background:var(--coral);color:white}.tag-fests{right:9%;top:30px;transform:rotate(12deg);background:var(--green);color:var(--ink)}.tag-fests:after{border-top-color:var(--green)}.youth-ink-copy{max-width:670px;margin:auto}.youth-ink-copy h3{font-size:37px;letter-spacing:-1.5px}.youth-ink-copy>p{font-size:14px;margin:22px 0}.youth-ink-copy .youth-tags{justify-content:center;margin-bottom:30px}.youth-ink-copy .youth-tags span{font-size:10px}.youth-ink-copy .button{margin:auto}
@media(max-width:1100px){.orbit-card{width:180px;height:270px;margin-left:-90px}.roster-orbit{height:450px}.youth-fan{max-width:760px;height:345px}.fan-photo{width:150px;height:215px;margin-left:-75px}.fan-photo-0{transform:translateX(-270px) translateY(20px) rotate(-12deg)}.fan-photo-1{transform:translateX(-180px) translateY(-5px) rotate(-7deg)}.fan-photo-2{transform:translateX(-90px) translateY(6px) rotate(-3deg)}.fan-photo-4{transform:translateX(90px) translateY(6px) rotate(3deg)}.fan-photo-5{transform:translateX(180px) translateY(-5px) rotate(7deg)}.fan-photo-6{transform:translateX(270px) translateY(20px) rotate(12deg)}.roster-directory .creator-card:nth-child(even) .creator-photo{height:290px}}
@media(max-width:850px){.roster-directory .creator-card:nth-child(even) .creator-photo{height:370px}.roster-intro h2{letter-spacing:-2.5px}.youth-ink-title{letter-spacing:-4px}.youth-fan{height:320px}.fan-photo{width:130px;height:190px;margin-left:-65px}.fan-photo-0{transform:translateX(-225px) translateY(20px) rotate(-12deg)}.fan-photo-1{transform:translateX(-150px) translateY(-5px) rotate(-7deg)}.fan-photo-2{transform:translateX(-75px) translateY(6px) rotate(-3deg)}.fan-photo-4{transform:translateX(75px) translateY(6px) rotate(3deg)}.fan-photo-5{transform:translateX(150px) translateY(-5px) rotate(7deg)}.fan-photo-6{transform:translateX(225px) translateY(20px) rotate(12deg)}}
@media(max-width:600px){.roster-orbit-section{padding-top:65px;padding-bottom:45px}.roster-intro h2{font-size:52px;line-height:1.02;max-width:350px;margin:auto;letter-spacing:-2px}.roster-intro h2 em{display:block}.roster-orbit{height:350px;margin-top:0}.orbit-card{width:190px;height:270px;margin-top:-125px;margin-left:-95px;border-radius:10px}.orbit-card figcaption{opacity:1}.roster-gallery-footer>p:first-child{font-size:13px}.orbit-controls{gap:15px}.orbit-controls button{flex-shrink:0}#roster-instructions{font-size:9px;max-width:160px}.roster-directory{margin-inline:22px}.roster-directory .creator-card:nth-child(even) .creator-photo{height:240px}.youth-ink-section{padding:65px 22px}.youth-ink-title{font-size:clamp(54px,15vw,85px);letter-spacing:-3.5px}.youth-ink-section>.eyebrow{font-size:8px}.youth-fan{height:275px;margin:25px -22px 15px}.fan-photo{width:106px;height:160px;top:75px;margin-left:-53px;border-radius:7px}.fan-photo-0{transform:translateX(-147px) translateY(14px) rotate(-12deg)}.fan-photo-1{transform:translateX(-98px) translateY(-5px) rotate(-7deg)}.fan-photo-2{transform:translateX(-49px) translateY(6px) rotate(-3deg)}.fan-photo-4{transform:translateX(49px) translateY(6px) rotate(3deg)}.fan-photo-5{transform:translateX(98px) translateY(-5px) rotate(7deg)}.fan-photo-6{transform:translateX(147px) translateY(14px) rotate(12deg)}.speech-tag{font-size:10px;padding:6px 10px}.tag-campus{left:12%;top:16px}.tag-fests{right:12%;top:26px}.youth-ink-copy h3{font-size:31px;letter-spacing:-1px}.youth-ink-copy>p{font-size:13px}.youth-ink-copy .youth-tags{gap:6px}.youth-ink-copy .youth-tags span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.orbit-card{will-change:auto}.fan-photo:hover{translate:none}}
