/* Figma landing-page: nav 110:515 and hero 110:516. Scoped to this first phase. */
@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url('assets/figma/geist-regular.ttf') format('truetype')}
@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url('assets/figma/geist-medium.ttf') format('truetype')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url('assets/figma/geist-mono-medium.ttf') format('truetype')}
.sg-header,.sg-hero{font-family:'Geist',sans-serif;color:#fff;background:#0d0d0d}
.sg-header{position:relative;border:0}
.sg-header .nav{width:min(100% - 160px,1280px);height:72px;gap:24px}
.sg-header .brand{display:block;line-height:0}
.sg-header .brand img{display:block}
.sg-header .nav-links{gap:8px;font-size:16px;font-weight:500;line-height:24px}
.sg-header .nav-links a{padding:8px 14px;min-height:40px}
.sg-header .nav-links a:after{display:none}
.sg-header .nav-links a:hover{background:#ffffff0a}
.sg-header .nav-cta,.sg-button{border:1px solid #ffffff0f;border-radius:2px;background:#ffffff0a;color:#fff;min-height:40px;padding:7px 13px;font:500 16px/24px 'Geist',sans-serif}
.sg-header .nav-cta:hover,.sg-button:hover{background:#ffffff14}
.sg-hero{overflow:hidden}
.sg-hero-inner{position:relative;max-width:1440px;min-height:828px;margin:auto;display:flex;align-items:center;padding:0 80px}
.sg-copy{position:relative;z-index:2;width:539.5px;display:flex;flex-direction:column;gap:88px;pointer-events:none}
.sg-copy a{pointer-events:auto}
.sg-eyebrow{font:500 14px/1.2 'Geist Mono',monospace;letter-spacing:2px;color:#0ba5ec;margin:0 0 16px}
.sg-hero h1{font:500 58px/1.2 'Geist',sans-serif;letter-spacing:-1px;text-wrap:initial;margin:0}
.sg-intro{font-size:16px;line-height:24px;color:#ffffff99;margin-top:8px}
.sg-actions{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.sg-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;transition:background .2s}
.sg-button--primary{background:linear-gradient(#fff,#ebebeb);border-color:#ffffff29;color:#0d0d0d}
.sg-button--primary:hover{background:#d9d9d9}
.sg-button img{display:block}
.sg-commitments{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:16px;line-height:24px;font-weight:500;color:#7cd4fd}
.sg-commitments li{display:flex;align-items:center;gap:8px}
.sg-commitments img{display:block;flex:none}
.sg-showcase{position:absolute;left:491.45px;right:0;top:0;height:828px;mask-image:url('assets/figma/hero-mask.svg');mask-size:948.55px 828px;mask-repeat:no-repeat;pointer-events:none}
.sg-event-track{position:absolute;top:72px;left:-353.725px;display:flex;gap:18px}
.sg-event{position:relative;flex:none;width:540px;height:700px;margin:0;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;background:#0d0d0d;box-shadow:0 4px 8px #0000001a,0 2px 4px #000c}
.sg-event--festival{box-shadow:0 0 0 5px #0d0d0d,0 0 0 6px #0ba5ec99,0 4px 8px #0000001a,0 2px 4px #000c}
.sg-event-photo{position:absolute;object-fit:cover;max-width:none}
.sg-event--theatre .sg-event-photo{width:736px;height:1308px;left:-79px;top:-289.53px}
.sg-event--theatre:after{content:'';position:absolute;inset:0;background:#0003}
.sg-event--festival .sg-event-photo{width:540px;height:719.755px;left:-1px;bottom:-1px}
.sg-event--stadium .sg-event-photo{width:645px;height:860px;left:-53.5px;top:-161px}
.sg-event figcaption{position:absolute;z-index:1;left:39px;top:528px;width:460px;display:flex;flex-direction:column;gap:24px}
.sg-event-logo{display:block}
.sg-divider{height:0;position:relative}
.sg-divider img{display:block;position:absolute;top:-.5px}
.sg-event-title{font-size:18px;line-height:27px;font-weight:500}
.sg-event-venue{font-size:16px;line-height:24px;color:#fff9;margin-top:8px;white-space:nowrap}
@media(min-width:801px) and (max-width:1199px){
 .sg-header .nav{width:calc(100% - 80px)}
 .sg-hero-inner{padding-inline:40px;min-height:740px}
 .sg-copy{width:47%;gap:64px}
 .sg-hero h1{font-size:clamp(38px,4.05vw,49px)}
 .sg-eyebrow{font-size:11px;letter-spacing:1.3px}
 .sg-showcase{left:46%;height:740px}
 .sg-event-track{top:28px;left:-470px}
}
@media(max-width:800px){
 .sg-header .nav{width:calc(100% - 40px);height:72px;gap:12px}
 .sg-header .menu-toggle{font:500 14px 'Geist',sans-serif}
 .sg-header .nav-links.is-open{left:-20px;right:-20px;background:#0d0d0d;padding:16px 20px;z-index:30}
 .sg-header .nav-cta{font-size:14px;white-space:nowrap}
 .sg-hero-inner{min-height:0;display:block;padding:56px 20px 32px}
 .sg-copy{width:100%;max-width:560px;gap:40px}
 .sg-eyebrow{font-size:11px;letter-spacing:1.2px;line-height:1.6}
 .sg-hero h1{font-size:clamp(34px,7.6vw,54px);letter-spacing:-.8px}
 .sg-intro{margin-top:16px}
 .sg-actions{margin-top:24px}
 .sg-button{min-height:44px}
 .sg-showcase{position:relative;left:auto;right:auto;top:auto;height:auto;margin:40px -20px 0;mask:none;overflow-x:auto;padding:8px 26px 12px;scroll-snap-type:x mandatory;pointer-events:auto}
 .sg-event-track{position:static;gap:18px;width:max-content}
 .sg-event{width:min(540px,calc(100vw - 52px));height:560px;scroll-snap-align:center}
 .sg-event--festival{order:-1}
 .sg-event .sg-event-photo{width:100%;height:100%;inset:0;object-fit:cover}
 .sg-event figcaption{left:24px;right:24px;top:auto;bottom:28px;width:auto;gap:24px}
 .sg-divider{overflow:hidden;height:1px}
 .sg-event-venue{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.sg-button{transition:none}}