/* Reference-inspired ticker, lanyards and studio social wall. */
.community-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.event-marquee{position:relative;overflow:hidden;background:var(--yellow);color:var(--navy);border-block:2px solid var(--navy);padding:14px 0}
.event-marquee-track{display:flex;width:max-content}
.event-marquee-group{display:flex;align-items:center;gap:32px;padding-right:32px;flex-shrink:0;white-space:nowrap;font:400 26px/1.2 Anton,Impact,sans-serif;text-transform:uppercase}
.event-marquee-group i{font:normal 36px/1 Arial,sans-serif;color:var(--orange)}
.event-marquee.is-enhanced .event-marquee-track{animation:event-community-ticker 36s linear infinite}
.event-marquee.is-paused .event-marquee-track,.event-marquee:hover .event-marquee-track,.event-marquee:focus-within .event-marquee-track{animation-play-state:paused}
.event-marquee-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy);background:var(--yellow);color:var(--navy);font:bold 20px Arial,sans-serif;cursor:pointer;z-index:2}
.event-marquee-toggle:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.event-marquee-toggle:disabled{opacity:.55;cursor:default}
@keyframes event-community-ticker{to{transform:translateX(-50%)}}

.crew-section{background:var(--purple);color:#fff8e8}
.crew-heading{padding:65px 64px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;border-bottom:1px solid #fff8e84a}
.crew-heading .pop-title{font-size:clamp(37px,4cqw,58px);text-shadow:3px 3px 0 var(--navy)}
.crew-heading .pop-title span{color:var(--yellow)}
.crew-heading>p{max-width:260px;font-size:13px;line-height:1.8;margin:0 0 4px}
.crew-badges{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,330px));justify-content:center;align-items:start;gap:100px;padding:112px 70px 70px;overflow:hidden;background:radial-gradient(circle at 3px 3px,#b8a4ff20 1px,transparent 1.7px) 0 0/13px 13px}
.crew-pass{position:relative;min-width:0;transform:rotate(3deg);transform-origin:50% -70px;transition:transform .25s}
.crew-pass--mentor{transform:rotate(-3deg);margin-top:45px}
.crew-pass:hover{transform:rotate(0)}
.crew-pass-body{position:relative;border:2px solid #cbb8f9;border-radius:11px;background:var(--navy);box-shadow:8px 9px 0 #21194f77;overflow:hidden}
.crew-pass-body:before{content:'';position:absolute;top:10px;left:calc(50% - 17px);width:34px;height:7px;border-radius:9px;background:#a4a0ae;border:2px solid #080727}
.crew-lanyard{position:absolute;top:-210px;bottom:calc(100% - 14px);left:calc(50% - 17px);width:34px;background:var(--yellow);border-inline:3px solid #edac0c;box-shadow:3px 0 0 #21194f33;color:var(--navy)}
.crew-lanyard>span{position:absolute;bottom:43px;left:8px;writing-mode:vertical-rl;font:bold 9px Arial,sans-serif;letter-spacing:2px}
.crew-lanyard i{position:absolute;left:2px;bottom:-2px;height:46px;width:24px;border:5px solid #a9b6c2;border-radius:6px 6px 12px 12px;background:linear-gradient(115deg,#ffffff80,transparent);box-shadow:inset 1px 0 1px white,2px 2px 0 #21194f;z-index:2;transform:rotate(-9deg)}
.crew-pass--mentor .crew-lanyard i{transform:rotate(9deg)}
.crew-pass-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:28px 22px 16px;color:var(--yellow)}
.crew-pass-top>span:first-child{font:30px/1 Anton,Impact,sans-serif}
.crew-pass-top>span:last-child{font-size:9px;letter-spacing:2px;font-weight:700}
.crew-pass-host{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin:6px 22px 11px;line-height:1.6}
.crew-pass-event{font:400 34px/1.08 Anton,Impact,sans-serif;margin:0 22px 25px;overflow-wrap:anywhere}
.crew-pass-event strong{font-weight:400;color:var(--yellow)}
.crew-pass-role{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--yellow);color:var(--navy);padding:18px 15px;border-block:2px solid var(--navy)}
.crew-pass-role h3{font:400 clamp(34px,4.2cqw,60px)/1 Anton,Impact,sans-serif;margin:0;letter-spacing:1px;text-transform:uppercase;overflow-wrap:anywhere;min-width:0}
.crew-pass-role>span{font:25px/1 Arial,sans-serif}
.crew-pass-art{position:relative;isolation:isolate;overflow:hidden;height:113px;background:var(--purple)}
.crew-pass-art>span{position:absolute;left:20px;top:9px;font:80px/1 Anton,Impact,sans-serif;color:var(--yellow);z-index:1}
.crew-pass-art>i{position:absolute;left:20%;top:24px;width:130%;height:83px;border:18px solid var(--orange);border-radius:50%;transform:rotate(-14deg)}
.crew-pass-art>b{position:absolute;right:23px;top:15px;font:75px/1 Georgia,serif;color:#fff8e8;z-index:1}
.crew-pass-fields{display:grid;gap:17px;padding:23px 22px;background:#fff8e8;color:var(--navy)}
.crew-pass-fields>div{display:flex;align-items:flex-end;gap:12px}
.crew-pass-fields span{font-size:9px;font-weight:700;letter-spacing:1px;line-height:1.5}
.crew-pass-fields i{height:18px;flex:1;border-bottom:1px solid #21194f88}
.crew-pass-schedule{display:flex;flex-direction:column;gap:5px;padding:15px 22px;font-size:10px;font-weight:700;letter-spacing:.6px;line-height:1.5}
.crew-pass-schedule>span{font-size:9px;font-weight:400;letter-spacing:0}
.crew-pass-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--yellow);color:var(--navy);padding:12px 18px;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1.5}
.crew-pass-bottom>span:last-child{font:28px/1 Arial,sans-serif}
.crew-pass--mentor .crew-pass-body{background:var(--orange);border-color:var(--yellow);color:var(--navy)}
.crew-pass--mentor .crew-pass-top{color:var(--navy)}
.crew-pass--mentor .crew-pass-event strong{color:var(--navy)}
.crew-pass--mentor .crew-pass-role{background:var(--purple);color:#fff8e8}
.crew-pass--mentor .crew-pass-art{background:var(--yellow)}
.crew-pass--mentor .crew-pass-art>span{color:var(--purple)}
.crew-pass--mentor .crew-pass-art>i{border-color:var(--red)}
.crew-pass--mentor .crew-pass-art>b{color:var(--navy)}
.crew-entry-note{margin:0;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--yellow);color:var(--navy);text-transform:uppercase;font-size:9px;letter-spacing:1.6px;font-weight:700;border-block:2px solid var(--navy);line-height:1.7}
.crew-entry-note>span{font:23px/1 Arial,sans-serif;color:var(--navy)}
.community-photo-open{position:absolute;right:8px;bottom:8px;background:var(--yellow);color:var(--navy);font:700 9px/1.4 Arial,sans-serif;padding:8px 10px;box-shadow:2px 2px 0 var(--navy)}
.crew-section[hidden],.event-marquee[hidden],.event-social-section[hidden]{display:none!important}
@container event-canvas (max-width:1100px){.crew-heading{padding:50px 38px 30px}.crew-badges{gap:65px;padding-inline:50px}.crew-pass-role h3{font-size:48px}}
@container event-canvas (max-width:760px){.crew-heading{padding:42px 24px 30px;display:block}.crew-heading .pop-title{font-size:40px}.crew-heading>p{max-width:420px;font-size:12px;margin-top:22px}.crew-badges{gap:27px;padding:95px 26px 46px}.crew-pass{transform:rotate(1.5deg)}.crew-pass--mentor{transform:rotate(-1.5deg);margin-top:32px}.crew-lanyard{width:25px;left:calc(50% - 12.5px)}.crew-lanyard>span{font-size:7px;left:4px}.crew-lanyard i{left:-2px}.crew-pass-top{padding:27px 12px 12px;gap:7px}.crew-pass-top>span:first-child{font-size:24px}.crew-pass-top>span:last-child{font-size:7px;letter-spacing:.5px}.crew-pass-host{margin:4px 12px 9px;font-size:8px;letter-spacing:.7px}.crew-pass-event{font-size:25px;margin:0 12px 18px}.crew-pass-role{padding:15px 8px;gap:5px}.crew-pass-role h3{font-size:clamp(23px,4.9cqw,37px);letter-spacing:0}.crew-pass-role>span{font-size:12px}.crew-pass-art{height:85px}.crew-pass-art>span{font-size:64px;left:10px}.crew-pass-art>i{border-width:13px;height:65px;top:22px}.crew-pass-art>b{font-size:45px;right:10px;top:19px}.crew-pass-fields{padding:16px 12px;gap:12px}.crew-pass-fields>div{gap:6px}.crew-pass-fields span{font-size:7px;letter-spacing:.3px}.crew-pass-schedule{padding:12px;font-size:8px;letter-spacing:.3px}.crew-pass-schedule>span{font-size:8px}.crew-pass-bottom{padding:10px;font-size:6px;letter-spacing:.5px;gap:6px}.crew-pass-bottom>span:last-child{font-size:20px}.crew-entry-note{padding:15px 22px;font-size:8px;letter-spacing:.7px}}
@container event-canvas (max-width:380px){.crew-heading{padding-inline:19px}.crew-heading .pop-title{font-size:34px}.crew-badges{gap:19px;padding-inline:18px}.crew-pass-top{padding-inline:9px}.crew-pass-top>span:last-child{font-size:6px}.crew-pass-host{margin-inline:9px;font-size:7px}.crew-pass-event{font-size:23px;margin-inline:9px}.crew-pass-role{padding-inline:6px;gap:3px}.crew-pass-role h3{font-size:23px}.crew-pass-role>span{font-size:9px}.crew-pass-fields{padding-inline:9px}.crew-pass-fields span{font-size:6px}.crew-pass-schedule{padding-inline:9px;font-size:7px}.crew-pass-schedule>span{font-size:7px}.crew-pass-bottom{padding-inline:9px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.crew-pass,.crew-pass--mentor{transform:none;transition:none}}

.event-social-section{position:relative;isolation:isolate;background:#049bce;color:var(--navy);padding:62px 64px 34px;overflow:hidden}
.event-social-heading{position:relative;z-index:1;text-align:center;max-width:650px;margin:0 auto}
.event-social-heading .pop-kicker{color:var(--navy);margin-bottom:17px}
.event-social-heading .pop-title{color:#fff8e8;font-size:clamp(42px,5.3cqw,70px);text-shadow:3px 3px 0 var(--purple)}
.event-social-heading .pop-title span{color:var(--navy);text-shadow:2px 2px 0 var(--yellow)}
.event-social-heading>p:last-child{font-size:13px;line-height:1.8;max-width:460px;margin:22px auto 0}
.social-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.48fr) minmax(0,1fr);align-items:center;gap:28px;margin:45px auto 32px;max-width:980px}
.social-phone{position:relative;background:var(--red);border:3px solid var(--navy);border-radius:36px;padding:20px 9px 10px;box-shadow:7px 9px 0 #21194f77;z-index:2;transform:rotate(-2deg)}
.social-phone-speaker{width:29%;height:6px;border-radius:6px;background:var(--navy);position:absolute;top:7px;left:35.5%}
.social-phone-screen{background:#fffdf5;border:2px solid var(--navy);border-radius:20px;overflow:hidden}
.social-phone-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 11px;font:700 8px/1.5 Arial,sans-serif;letter-spacing:.6px}
.social-profile-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;flex-shrink:0;background:var(--purple);color:var(--yellow);font:14px Anton,sans-serif}
.social-phone-header>svg{width:20px;height:20px;flex-shrink:0}
.social-moment-photo{display:block;position:relative;aspect-ratio:1;background:#ffd3d4}
.social-moment-photo img{display:block;width:100%;height:100%;object-fit:contain}
.social-moment-photo .community-photo-open{font-size:8px;padding:7px 9px}
.social-moment-copy{padding:19px 17px 20px}
.social-moment-copy>p:first-child{font-size:7px;font-weight:700;letter-spacing:1.1px;margin:0 0 12px;color:var(--purple)}
.social-moment-copy h3{font:400 27px/1.15 Anton,Impact,sans-serif;white-space:pre-line;margin:0 0 12px}
.social-moment-copy>p:not(:first-child){font-size:11px;line-height:1.7;margin:0 0 15px}
.social-moment-copy>a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px;font-size:10px;font-weight:700;border-top:1px solid #ddd2dc;padding-top:10px;color:var(--purple)}
.social-moment-copy>a>span{font-size:19px}
.social-phone-home{height:5px;border-radius:6px;width:30%;background:var(--navy);margin:9px auto 0}
.social-post{position:relative;display:block;min-width:0;border:2px solid var(--navy);box-shadow:6px 7px 0 #21194f77;transition:transform .2s;z-index:1}
.social-post-left{background:var(--yellow);transform:rotate(-11deg) translateY(25px)}
.social-post-right{background:var(--purple);color:#fff8e8;transform:rotate(11deg) translateY(-30px)}
.social-post:hover,.social-post:focus-visible{transform:rotate(0)}
.social-post-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;background:var(--red);color:#17122e;font-size:8px;letter-spacing:.8px;font-weight:700;padding:12px}
.social-post-right .social-post-heading{background:var(--orange);color:var(--navy)}
.social-post-heading>span:last-child{font-size:21px}
.social-post-photo{position:relative;aspect-ratio:3/4;overflow:hidden}
.social-post-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.social-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;padding-left:3px;border:2px solid var(--navy);border-radius:50%;background:var(--yellow);color:var(--navy);box-shadow:3px 3px 0 #21194f66;font-size:20px}
.social-post-caption{padding:17px 15px 20px}
.social-post-caption h3{font:400 26px/1.15 Anton,Impact,sans-serif;margin:0 0 13px;overflow-wrap:anywhere}
.social-post-caption>span{display:block;font-size:9px;font-weight:700;line-height:1.5}
.social-star{position:absolute;color:#fff8e8;font:120px/1 Georgia,serif;pointer-events:none}
.social-star-one{left:-80px;top:-82px;transform:rotate(15deg)}
.social-star-two{right:-77px;bottom:-20px;transform:rotate(-15deg)}
.social-actions{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:34px;margin-top:34px}
.social-actions .pop-button{font-size:11px}
.social-actions .text-arrow{font-size:11px}
.social-signoff{font:italic 18px Georgia,serif;text-align:center;margin:25px 0 0}

@container event-canvas (max-width:1100px){
  .event-social-section{padding:52px 38px 32px}.social-stage{gap:19px}.social-moment-copy{padding:16px 13px}.social-moment-copy h3{font-size:24px}.social-post-caption{padding:14px 12px}.social-post-caption h3{font-size:22px}.social-post-heading{font-size:6px;padding:8px}.social-phone-header{font-size:7px;padding:11px 9px;letter-spacing:0}
}
@container event-canvas (max-width:760px){
  .event-marquee{padding:12px 0}.event-marquee-group{font-size:21px;gap:23px;padding-right:23px}.event-marquee-group i{font-size:30px}.event-marquee-toggle{height:38px;width:38px;font-size:17px}
  
  .event-social-section{padding:44px 24px 32px}.event-social-heading .pop-title{font-size:43px}.event-social-heading .pop-kicker{font-size:8px;letter-spacing:1.2px}.event-social-heading>p:last-child{font-size:12px;margin-top:20px}.social-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px;margin:30px auto 25px;max-width:460px;padding:0 4px}.social-phone{grid-column:1/-1;grid-row:1;width:100%;max-width:310px;justify-self:center;transform:rotate(-2deg);margin-bottom:8px}.social-post-left{grid-column:1;grid-row:2;transform:rotate(-5deg)}.social-post-right{grid-column:2;grid-row:2;transform:rotate(5deg) translateY(-7px)}.social-phone-header{font-size:8px;padding:12px 10px;letter-spacing:.3px}.social-moment-copy{padding:17px}.social-moment-copy h3{font-size:28px}.social-moment-copy>p:not(:first-child){font-size:11px}.social-post-photo{aspect-ratio:4/5}.social-post-caption{padding:13px 11px 16px}.social-post-caption h3{font-size:22px}.social-post-caption>span{font-size:8px}.social-post-heading{font-size:6px;padding:9px 8px;letter-spacing:.2px}.social-post-heading>span:last-child{font-size:17px}.social-play{width:38px;height:38px;font-size:15px}.social-star-one{left:-38px;top:4px;font-size:83px}.social-star-two{right:-32px;top:47%;bottom:auto;font-size:70px}.social-actions{flex-direction:column;gap:17px;margin-top:32px}.social-actions .pop-button{width:100%;max-width:310px}.social-signoff{font-size:15px;line-height:1.5}
}
@container event-canvas (max-width:380px){
  .event-social-section{padding-inline:19px}.event-social-heading .pop-title{font-size:36px}.social-stage{gap:25px 15px;padding:0 2px}.social-phone{border-radius:30px;padding-inline:7px}.social-moment-copy{padding:16px 12px}.social-moment-copy h3{font-size:25px}.social-phone-header{font-size:7px;gap:6px}.social-post-caption h3{font-size:20px}.social-post-caption>span{font-size:7px}.social-post-heading{font-size:5px;padding-inline:6px}.social-post-caption{padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){
  .event-marquee.is-enhanced .event-marquee-track{animation:none}.event-marquee-group{white-space:normal}.event-marquee-track{display:block;width:100%;padding:0 58px 0 15px}.event-marquee-group{gap:10px;font-size:15px;padding:0;flex-wrap:wrap}.event-marquee-group i{font-size:20px}.event-marquee-group>span:nth-of-type(3),.event-marquee-group>i:nth-of-type(n+2),.event-marquee-group+ .event-marquee-group{display:none}
}