.starter-public .festival-site .logo-hero{aspect-ratio:873/430;-webkit-user-select:none;user-select:none;flex:none;align-self:center;width:min(850px,100vw - 24px);margin:-24px 0 -14px}.starter-public .festival-site .logo-poster,.starter-public .festival-site .logo-canvas{object-fit:contain;width:100%;height:100%;display:block}.starter-public .festival-site .logo-canvas{opacity:0;pointer-events:none;z-index:0;position:absolute;inset:0}.starter-public .festival-site .logo-canvas.ready{opacity:1}.starter-public .festival-site .logo-hero[data-logo-startup=waiting] .logo-poster{animation:3s step-end both logo-poster-reveal}.starter-public .festival-site .logo-hero[data-logo-startup=entrance] .logo-poster{visibility:hidden}.starter-public .festival-site .logo-hero[data-logo-startup=handoff] .logo-poster{opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s .18s}.starter-public .festival-site .logo-hero[data-logo-startup=handoff] .logo-canvas.ready{animation:.18s both logo-canvas-reveal}.starter-public .festival-site .festival-hero:has(.logo-canvas){touch-action:pan-y pinch-zoom;z-index:0;overflow:visible}.starter-public .festival-site .logo-canvas{-webkit-mask-image:linear-gradient(#000 0% calc(100% - 220px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 220px),#0000 100%)}.starter-public .festival-site .headliners{z-index:1;position:relative}.starter-public .festival-site .hero-content:has(.logo-hero)>:not(.logo-hero){z-index:1;position:relative}.starter-public .festival-site .festival-hero:has(.logo-hero)>.hero-explore{z-index:1}.starter-public .festival-site .hero-content:has(.logo-hero){animation:none}.starter-public .festival-site .hero-content h1.logo-art{width:100%;height:100%;margin:0}.starter-public .festival-site .logo-motion-toggle{z-index:3;color:#ffe4b7;cursor:pointer;filter:drop-shadow(0 1px 3px #100919);background:0 0;border:0;border-radius:0;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid;position:absolute;bottom:16px;right:16px}.starter-public .festival-site .logo-motion-toggle:hover{color:#fff1d2;background:0 0}.starter-public .festival-site .logo-motion-toggle:focus-visible{outline-offset:3px;outline:2px solid #ffdfa1}@media (width<=650px){.starter-public .festival-site .logo-hero{width:calc(100vw - 8px);margin:0 0 22px}.starter-public .festival-site .logo-motion-toggle{bottom:76px}}@media (prefers-reduced-motion:reduce){.starter-public .festival-site .logo-motion-toggle,.starter-public .festival-site .logo-canvas{display:none}.starter-public .festival-site .logo-hero .logo-poster{opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important}}@media print{.starter-public .festival-site .logo-motion-toggle,.starter-public .festival-site .logo-canvas{display:none}.starter-public .festival-site .logo-hero .logo-poster{opacity:1!important;visibility:visible!important;animation:none!important}}@keyframes logo-poster-reveal{0%{visibility:hidden}to{visibility:visible}}@keyframes logo-canvas-reveal{0%{opacity:0}to{opacity:1}}.starter-public .festival-site .experience-section{border-top:1px solid var(--line)}.starter-public .festival-site .experience-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:36px;display:grid}.starter-public .festival-site .experience-heading h2{margin:0}.starter-public .festival-site .experience-heading>p{max-width:42ch;color:var(--muted);justify-self:end;margin:0 0 5px;font-size:17px;line-height:1.8}.starter-public .festival-site .experience-film{aspect-ratio:1276/720;isolation:isolate;background:#0c090f;border-radius:8px;position:relative;overflow:hidden}.starter-public .festival-site .experience-film picture,.starter-public .festival-site .experience-film img,.starter-public .festival-site .experience-film video{object-fit:contain;width:100%;height:100%;display:block}.starter-public .festival-site .experience-film video{visibility:hidden;position:absolute;inset:0}.starter-public .festival-site .experience-film video.is-active{visibility:visible}.starter-public .festival-site .experience-film .experience-play{color:#fff2db;width:100%;height:100%;box-shadow:none;text-align:left;background:linear-gradient(#0000 45%,#100919b3);border:0;border-radius:0;justify-content:start;align-items:end;gap:16px;padding:32px;display:flex;position:absolute;inset:0}.starter-public .festival-site .experience-film .experience-play:hover{color:#fff2db;box-shadow:none;background:linear-gradient(#10091914 45%,#100919cc)}.starter-public .festival-site .experience-play-icon{color:#ffe7ae;background:#1a101c99;border:1px solid #ffe7aeb3;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.starter-public .festival-site .experience-play-icon svg{pointer-events:none;margin-left:3px}.starter-public .festival-site .experience-play>span:last-child{align-self:end;padding-bottom:7px;font-size:16px;line-height:1.4}.starter-public .festival-site .experience-play small{letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-top:5px;font-size:10px;font-weight:500;display:block}.starter-public .festival-site .experience-play:focus-visible{outline-offset:-6px;outline:3px solid #ffec9f}.starter-public .festival-site .experience-film[data-format=portrait]{aspect-ratio:9/16;max-width:440px;margin-inline:auto}.starter-public .festival-site .experience-film[data-format=landscape]{aspect-ratio:1276/720}.starter-public .festival-site .experience-error{margin-top:16px;font-size:14px}.starter-public .festival-site .experience-error a{text-decoration:underline}.starter-public .festival-site .experience-noscript{color:#fff;background:#100919dd;margin:0;padding:20px;position:absolute;bottom:0}.starter-public .festival-site .experience-error button{color:inherit;box-shadow:none;background:0 0;border:0;padding:0 8px;text-decoration:underline}@media (width<=650px){.starter-public .festival-site .experience-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.starter-public .festival-site .experience-heading h2{font-size:43px}.starter-public .festival-site .experience-heading>p{justify-self:start;font-size:16px}.starter-public .festival-site .experience-film:not([data-format]){aspect-ratio:9/16;max-width:440px;margin-inline:auto}.starter-public .festival-site .experience-film .experience-play{gap:12px;padding:22px}.starter-public .festival-site .experience-play-icon{width:54px;height:54px}}