/* Phone interaction rules. Brand values stay in brand.css. */
.mobile-menu,.mobile-join-bar,.swipe-hint{display:none}
.post-art picture,.video-launch picture{display:block;width:100%;height:100%}
.signup-extras{border-top:1px solid var(--line);margin:0 0 20px;padding-top:3px}
.signup-extras>summary{display:flex;align-items:center;gap:9px;min-height:48px;cursor:pointer;font-size:14px;font-weight:650;color:#c4cad4;list-style:none}
.signup-extras>summary::-webkit-details-marker{display:none}
.signup-extras>summary:after{content:'+';font-size:22px;line-height:1;margin-left:auto;color:var(--orange2)}
.signup-extras[open]>summary:after{content:'−'}
.signup-extras>summary>span{font-size:11px;font-weight:400;color:var(--muted)}
.signup-extras .form-grid{margin:10px 0 18px}
.signup-note{border-top:1px solid #262930;padding-top:15px;margin-top:18px!important;font-size:11px!important;line-height:1.65!important;color:#8b909a!important}
.event-detail{row-gap:20px}.event-back{grid-column:1/-1;margin-bottom:0;min-height:44px}.event-story{grid-column:2;grid-row:2;padding-top:0}.event-cover{grid-column:1;grid-row:2}
@media(max-width:760px){
 html{scroll-padding-bottom:90px}body{-webkit-tap-highlight-color:#ff5a0025}
 .wrap{width:calc(100% - 36px)}
 .site-header{position:relative;z-index:20;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:86px;height:86px;padding:0;gap:15px}
 .site-header .brand img{width:133px}.site-header .brand>span{font-size:8px;margin-top:7px;gap:9px}.site-header .brand>span:before,.site-header .brand>span:after{width:27px}
 .site-header .desktop-nav,.site-header>.button{display:none}
 .mobile-menu{display:block}.mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:10px;list-style:none;min-width:92px;min-height:46px;padding:10px 13px;border:1px solid #393e47;border-radius:13px;font-size:14px;font-weight:650;color:#e3e6eb;background:var(--panel);cursor:pointer}
 .mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu[open]>summary{border-color:var(--orange);color:var(--orange2)}
 .site-header .mobile-menu nav{position:absolute;right:0;top:calc(100% - 6px);display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(280px,calc(100vw - 36px));padding:9px;background:#111318;border:1px solid #393e47;border-radius:17px;box-shadow:0 16px 34px #0009}
 .site-header .mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 15px;border-radius:10px;font-size:15px}
 .mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{background:#ff5a001a;color:var(--orange2)}
 .hero{padding-block:28px 29px}.hero p{max-width:410px}.hero-actions{gap:10px;margin-top:21px}.hero-actions .button{min-height:48px;font-size:12px;letter-spacing:.04em;padding:12px 15px;gap:10px}.hero-actions .button.outline{font-size:13px;letter-spacing:0}
 .section-heading>.text-link,.text-link,.back-link{min-height:44px;align-items:center;font-size:13px}.section-heading>.text-link{padding-left:5px}
 .event-grid{grid-template-columns:1fr;gap:14px}.event-card{padding:20px}.event-card>p{display:none}.event-card h3 a{display:inline-flex;align-items:center;min-height:44px}.event-card h3{font-size:28px}.event-card h4{font-size:17px;margin-top:3px}.event-card-top{margin-bottom:9px}.event-card time{font-size:15px}.event-card time>span{display:inline;font-size:12px}.status-dot{font-size:12px}.event-card .tags{margin-block:17px}.event-card .tags span{font-size:13px;padding:10px 12px}
 .event-card-actions{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:0;align-items:center}.event-card-actions .button{width:100%;flex:auto;justify-content:center;min-height:50px;border-radius:15px;font-size:13px;letter-spacing:.08em;gap:14px}.event-card-actions .text-link{justify-content:center;width:100%;min-height:44px;font-size:13px}
 .event-card-actions .button svg{width:18px}.event-card-actions .text-link svg{width:16px}.event-card-actions>.text-link:after{content:''}
 .post-card h3{font-size:16px;line-height:1.45}.card-meta{font-size:11px}.post-art .play-icon{width:48px;height:48px}
 .shorts-section .section-heading{margin-bottom:4px}.swipe-hint{display:block;font-size:12px;color:#8b909a;margin:0 0 16px}
 .shorts-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:clamp(200px,66vw,260px);gap:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:#4b4f59 transparent;-webkit-overflow-scrolling:touch}
 .short-card{scroll-snap-align:start}.short-card h3{font-size:14px;line-height:1.5}.short-card .card-meta{font-size:10px}.short-card .play-icon{width:42px;height:42px}.short-card .media-kind{font-size:9px;bottom:23px;right:12px}
 .about-strip p,.join-card p{font-size:14px;line-height:1.65}.join-card .button{font-size:13px;min-height:50px}.footer-top>div>a,.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.footer-bottom>div{gap:0 16px}.footer-top>div>a{margin-right:18px}.footer-top p{font-size:16px}.site-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
 .event-detail{display:flex;flex-direction:column;gap:18px;padding-top:15px}.event-back{order:0;margin:0;min-height:44px}.event-story{order:1;padding:0}.event-cover{order:2;margin-top:7px}.event-story h1{font-size:32px;line-height:1.14;margin-top:12px}.event-story .lede{font-size:15px;line-height:1.65}.event-facts{grid-template-columns:1fr 1fr}.event-facts strong{font-size:14px}.event-facts small{font-size:12px}.event-story .tags span{font-size:13px}.event-story .button{font-size:13px;min-height:52px}.event-art{max-width:440px;width:100%;margin:auto}.fineprint{font-size:12px!important;line-height:1.65!important}
 .has-mobile-join{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.mobile-join-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;align-items:center;justify-content:space-between;gap:15px;padding:12px max(18px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));border-top:1px solid #393e47;background:#111318;box-shadow:0 -8px 25px #0005}
 .mobile-join-bar.is-hidden{display:none}.mobile-join-bar>span{font-size:13px;font-weight:650;color:#d2d7df;min-width:0}.mobile-join-bar .button{min-height:48px;flex-shrink:0;font-size:12px;padding:12px 17px;gap:12px;letter-spacing:.05em}
 .signup-layout{padding-top:26px;gap:22px;max-width:600px}.signup-copy>.eyebrow{display:none}.signup-copy h1{font-size:30px}.signup-copy>p{font-size:14px;line-height:1.6;margin-top:11px}.signup-copy .signup-dates,.signup-copy>.fineprint{display:none}.signup-panel{padding:20px}.form-progress{font-size:11px;letter-spacing:.04em;gap:26px}.signup-panel h2{font-size:22px}.signup-panel p{font-size:14px}.form-grid{grid-template-columns:1fr;gap:18px}.form-field.wide{grid-column:auto}.form-field label,.form-field legend{font-size:11px;letter-spacing:.1em}.form-field input,.form-field select{font-size:16px;min-height:50px}.choice-chips span{font-size:14px;min-height:46px;padding:10px 14px}.competition-group{padding:15px!important}.competition-group legend{font-size:11px;letter-spacing:.02em}.signup-panel .button{font-size:13px;min-height:52px}.signup-extras>summary{min-height:50px;font-size:14px}.signup-extras>summary>span{font-size:12px}.consent{font-size:12px;line-height:1.65;gap:11px;padding-block:8px}.consent input{width:20px;height:20px;margin-top:2px}.signup-note{font-size:12px!important}#previous-step{min-height:44px;margin-bottom:15px}#signup-success{scroll-margin-top:24px}.error{scroll-margin-block:30px}
}
@media(max-width:359px){
 .site-header .brand img{width:125px}.hero-actions .button{font-size:11px;padding-inline:12px;gap:7px}.hero-actions .button.outline{font-size:12px}.event-card{padding:18px}.event-card time{font-size:14px}.event-card time>span{font-size:11px}.status-dot{font-size:11px}.signup-panel{padding:18px}.mobile-join-bar{gap:10px}.mobile-join-bar>span{font-size:12px}.mobile-join-bar .button{padding-inline:13px;font-size:11px}
}
@media(min-width:761px){.signup-note{max-width:510px}.signup-extras .choice-chips span{font-size:13px}}

@media(max-width:760px){.choice-chips label{letter-spacing:0;text-transform:none}.filters button{min-height:44px}.hero-actions .button:focus-visible{outline-offset:4px}}

/* The main address starts with signup. Exploration follows a saved response. */
.signup-home-link{min-height:48px}
.signup-layout.is-complete{display:block;max-width:600px;padding-top:38px}
#signup-success h1{font-size:32px;line-height:1.1}
#signup-success>p{font-size:14px;line-height:1.65;margin-top:15px}
.after-signup{margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}
#signup-success .after-signup-label{font-size:14px;font-weight:650;color:var(--ink);margin:0 0 15px}
#signup-success .button{margin:0 0 12px;min-height:54px;font-size:12px;letter-spacing:.04em}
.next-destinations{display:grid;gap:10px}
.next-destination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;min-height:76px;background:var(--panel)}
.next-destination:hover{border-color:#ff5a0080;background:#ff5a000c}
.next-destination strong{display:block;font-size:15px;font-weight:650;line-height:1.4;letter-spacing:-.01em}
.next-destination small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}
.next-destination>svg,.next-destination>span[aria-hidden]{color:var(--orange2);flex-shrink:0}
@media(max-width:760px){
 .signup-flow .site-header{gap:10px}
 .signup-home-link{font-size:12px;gap:7px}
 .signup-flow .signup-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
 .signup-flow .signup-dates a{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:11px 12px;min-height:48px;border-radius:12px}
 .signup-flow .signup-dates a>span{font-size:13px;letter-spacing:0}
 .signup-flow .signup-dates strong{font-size:12px;color:var(--orange2)}
 .signup-flow .signup-dates small,.signup-flow .signup-dates svg{display:none}
 .signup-layout.is-complete{padding-block:24px 36px}
 #signup-success h1{font-size:28px}
 #signup-success .success-symbol{width:42px;height:42px;margin-bottom:18px}
 #signup-success>p{font-size:13px;line-height:1.65}
 .after-signup{margin-top:21px;padding-top:20px}
 #signup-success .button{font-size:11px;gap:10px}
 .next-destination{padding:13px 14px;min-height:76px}
 .next-destination strong{font-size:14px}
}