@font-face{font-family:Golos;src:url(/tenor-body.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Onest;src:url(/tenor-body.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:YsabeauUI;src:url(/ysabeau-ui.woff2) format("woff2");font-weight:100 900;font-display:swap}
body{font-family:YsabeauUI,sans-serif;font-weight:300}
header nav{display:flex;justify-content:space-between;gap:10px;margin-top:2px;align-items:flex-start}
header nav button,header nav .event-link{font:300 14px/1.3 YsabeauUI,sans-serif;text-transform:uppercase;letter-spacing:0;opacity:.5;padding:4px 0;min-height:36px;white-space:nowrap}
header nav>*:first-child{text-align:left}header nav>*:last-child{text-align:right}
header nav>*:hover,header nav>*:focus-visible{opacity:1}
.event-categories button{font-family:YsabeauUI,sans-serif;font-weight:300;text-transform:uppercase}
.film-nav .film-number{font-family:YsabeauUI,sans-serif}
@media(max-width:700px){header nav{gap:6px;margin-top:2px}header nav button,header nav .event-link{font-size:11px;white-space:normal;min-height:40px}}

header nav button,header nav .event-link{transition:opacity .2s ease}
header nav button:hover,header nav .event-link:hover,header nav button:focus-visible,header nav .event-link:focus-visible{opacity:1}
.film-nav button{display:block;padding-left:calc(clamp(26px,2.7vw,40px) + 10px)}
.film-nav .film-number{position:absolute;left:0;top:0;bottom:8px;width:clamp(26px,2.7vw,40px);font:300 30px/1 YsabeauUI,sans-serif;letter-spacing:0;opacity:.75;pointer-events:none;overflow:visible}
.film-number .number-ink{display:block;width:max-content;transform-origin:0 0;line-height:1;font:inherit;will-change:auto}
@media(max-width:700px){.film-nav button{padding-left:25px}.film-nav .film-number{width:20px;bottom:6px;font-size:24px}}

header nav button[aria-pressed=true]{opacity:.5}
header nav button[aria-pressed=true]:hover,header nav button[aria-pressed=true]:focus-visible{opacity:1}
.film-nav button{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}

@font-face{font-family:SixCapsUI;src:url(/sixcaps-numbers.woff2) format('woff2');font-weight:400;font-display:swap}
.film-nav .film-number{font-family:SixCapsUI,sans-serif;font-weight:400;opacity:.25;width:var(--number-width,30px)}
.film-nav button{padding-left:calc(var(--number-width,30px) + 10px)}
.film-number .number-ink{font-family:SixCapsUI,sans-serif;font-weight:400;transform:none}
@media(max-width:700px){.film-nav button{padding-left:calc(var(--number-width,20px) + 6px)}}

header nav button,header nav .event-link,header nav button[aria-pressed=true]{opacity:.6}
header nav button:hover,header nav .event-link:hover,header nav button:focus-visible,header nav .event-link:focus-visible{opacity:1}
@media(max-width:700px){.film-nav button{font-size:clamp(10px,2.8vw,16px);overflow-wrap:normal}.film-nav button>span:last-child{overflow-wrap:normal;word-break:normal}header nav{gap:5px}header nav button,header nav .event-link{font-size:clamp(9px,2.7vw,11px)}}

@font-face{font-family:TenorBody;src:url(/tenor-body.woff2) format('woff2');font-weight:100 900;font-display:swap}
body{font-family:TenorBody,sans-serif;font-weight:400}
.event-categories button{font-family:TenorBody,sans-serif;font-weight:400}

/* Approved centered categories remain at the top. */
header nav button,header nav .event-link{font-size:clamp(14px,1.05vw,20px)}
.event-page .event-categories{left:30px;right:30px;justify-content:center;gap:clamp(22px,3vw,56px)}
.event-categories button{font-size:clamp(13px,1vw,18px);opacity:.6}
.event-categories button[aria-pressed=true],.event-categories button:hover{opacity:1}
@media(max-width:700px){header nav button,header nav .event-link{font-size:clamp(9px,2.7vw,11px)}.event-page .event-categories{left:20px;right:20px;gap:18px}.event-categories button{font-size:11px;white-space:nowrap}}

/* Compact composition for a phone rotated sideways. */
@media(max-height:500px) and (min-aspect-ratio:13/10) and (max-width:1100px){
header{padding:10px max(18px,env(safe-area-inset-right)) 0;height:auto}
.logo{text-align:center}.logo .wordmark{white-space:nowrap;line-height:1.04}.logo .wordmark>span{display:inline!important;transform:none!important}
header nav{gap:10px}header nav button,header nav .event-link{font-size:11px;min-height:27px;padding:3px 0;white-space:nowrap}
.view,.works,.panel{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:16px;top:var(--header-bottom)}
.event-page .works,.event-page .panel{top:calc(var(--header-bottom) + 36px)}
.event-page .event-categories{top:var(--header-bottom);left:18px;right:18px;gap:26px}.event-categories button{font-size:11px;padding:6px 0;min-height:30px}
#play.play,.event-page #play.play{position:absolute;top:34%;font-size:22px;min-height:40px;padding:8px 16px}
.film-nav{gap:20px}.film-nav button{font-size:clamp(11px,1.7vw,16px);line-height:1.15;padding-bottom:10px}.film-nav .film-number{bottom:5px;max-height:38px}
.panel{padding:8px 14px;gap:10px;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start}.panel h1,.event-page .panel h1{font-size:24px}.panel h2,.event-page .panel h2{font-size:19px}
.panel-head{display:flex}.region{margin:0;gap:14px}.region button{font-size:11px}.package-tabs{gap:20px;justify-content:flex-start}.package-tabs button,.event-page .package-tabs button{font-size:11px;padding:6px 0}
.package-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.package-body ul{font-size:12px;line-height:1.45;margin-top:6px}#package-time{font-size:12px}.package-price{display:block;text-align:right;margin:0}.package-price p,.event-page .package-price p{font-size:25px}.package-price a{font-size:10px;padding:8px 12px;margin-top:6px;max-width:none}
.contact-stack{gap:12px}.contact-stack a{font-size:25px}.about-copy p{font-size:13px;line-height:1.5}.about-tabs{gap:14px}.about-tabs button{font-size:11px;padding:6px 0}
.event-award h2{font-size:20px}.event-award p{font-size:11px;margin:5px 0}.event-award>span{font-size:10px}
.beget-controls{padding:30px 18px max(8px,env(safe-area-inset-bottom))}.beget-toolbar{gap:6px;margin-top:2px}.beget-controls button{width:34px;height:34px;min-width:34px;padding:8px}
}