/* Adapt to the available browser window, including folded and Split View widths. */
:root{--pi-inline-gutter:clamp(16px,4vw,64px)}
html{scroll-padding-top:100px}body{overflow-wrap:break-word}
.site-header .nav-wrap{padding-left:max(var(--pi-inline-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--pi-inline-gutter),env(safe-area-inset-right,0px))}
.section-shell{padding-left:max(var(--pi-inline-gutter),env(safe-area-inset-left,0px));padding-right:max(var(--pi-inline-gutter),env(safe-area-inset-right,0px))}
.site-footer{padding-bottom:max(28px,env(safe-area-inset-bottom,0px))}
main :is(.grid-two,.grid-three,.home-hero,.newsletter-columns,.contact-layout)>*,.pi-events .layout>*{min-width:0}
main :is(img,video,audio,iframe){max-width:100%}main img{height:auto}
main iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9}
.spotify-podcast iframe{width:100%;height:152px}.newsletter-reading .spotify-podcast{min-width:0}
:where(button,a,input,select,textarea){touch-action:manipulation}
@media(pointer:coarse){input,select,textarea{font-size:16px!important}.theme-toggle,.menu-toggle,.site-search-link,.language-control select{min-width:44px;min-height:44px}.upcoming-dots button,.hero-slider-dots button{position:relative}.upcoming-dots button:after,.hero-slider-dots button:after{content:"";position:absolute;inset:-15px -8px}.upcoming-actions button,.hero-slider-controls button{min-height:44px}}
@media(max-width:900px){.upcoming-slide{grid-template-columns:1fr}.upcoming-art{min-height:220px}.newsletter-columns{grid-template-columns:1fr}.newsletter-side{position:static}.pi-events .layout{display:block}.pi-events #filters{display:none;padding-bottom:24px}.pi-events #filters.open{display:block}.pi-events .mobile{display:block}.pi-events .dates input{display:block}.pi-events .views{width:100%}.pi-events .views button{flex:1}.pi-events .toolbar{gap:16px}}
@media(min-width:901px){.pi-events .layout{grid-template-columns:minmax(165px,205px) minmax(0,1fr)}.pi-events #filters{display:block}}
.pi-events{container-type:inline-size}.pi-events .dates{flex-wrap:wrap}.pi-events .dates h2{overflow-wrap:anywhere}.pi-events .calendar{overflow-x:auto;overscroll-behavior-inline:contain}.pi-events .calendar .grid,.pi-events .calendar .weekdays{min-width:560px}.pi-events .calendar.week .grid,.pi-events .calendar.week .weekdays{min-width:620px}
.pi-events .event{font-size:12px;min-height:44px}.pi-events .number{min-width:36px;min-height:36px}.pi-events .card .copy{min-width:0}.pi-events .card h3{overflow-wrap:anywhere}
.pi-events #modal{width:min(600px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,4vw,30px);padding-bottom:max(20px,env(safe-area-inset-bottom,0px));scrollbar-gutter:stable;border-radius:20px}
.pi-events #modal #close{position:sticky;top:0;z-index:2;float:right;width:44px;height:44px;min-height:44px;background:var(--paper);border:1px solid var(--line);box-shadow:0 0 0 5px var(--paper)}
.pi-events #modal h2{padding-right:44px;font-size:clamp(1.65rem,5vw,2.1rem)}.pi-events #modal .eyebrow{display:block;padding-right:52px;overflow-wrap:anywhere}.pi-events #modal .actions{grid-template-columns:1fr}.pi-events #modal .actions>a,.pi-events #modal .actions>button{min-height:48px}
@media(min-width:700px) and (min-height:600px){.pi-events #modal .actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:600px){.pi-events .card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:16px}.pi-events .card>button{grid-column:2;margin:0;min-height:44px}.pi-events .meta{flex-wrap:wrap}.pi-events .search{flex-wrap:wrap}.pi-events .search input{flex-basis:calc(100% - 36px)}.pi-events .search button{min-height:44px}.pi-events .dates h2{flex-basis:100%;order:1;margin:4px 0}}
@media(max-width:600px){.site-header .nav-wrap{gap:6px}.site-header .brand{min-width:0;flex-shrink:1}.site-header .brand img{width:clamp(84px,24vw,135px);max-width:100%;object-fit:contain}.site-header .theme-label{display:none}.site-header .theme-toggle,.site-header .site-search-link{padding:6px;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}.site-header .language-control{margin-left:auto;min-width:44px}.site-header .language-control select{width:44px;max-width:44px}.site-header .nav-links{max-height:calc(100svh - 80px);overflow-y:auto;overscroll-behavior:contain}.upcoming-stage{padding:20px}.upcoming-controls{padding:0 20px 20px;flex-wrap:wrap}.upcoming-art-title{max-width:76%}.upcoming-copy h2,.pi-events .upcoming-copy h2{font-size:clamp(1.75rem,7vw,2.2rem)}.upcoming-copy .button{max-width:100%;white-space:normal}.pi-events h1{font-size:clamp(2.5rem,12vw,4rem)}.pi-events .hero{padding-top:32px}.newsletter-heading h1{font-size:clamp(2.2rem,10vw,3.4rem)}.newsletter-video{grid-template-columns:1fr}.newsletter-podcast{padding:16px}.hero-slider-controls{flex-wrap:wrap}.contact-layout{grid-template-columns:1fr}}
@media(max-height:500px) and (orientation:landscape){.site-header{position:relative}.home-hero,.intro{min-height:0;height:auto;padding-top:28px;padding-bottom:28px}.upcoming-art{min-height:180px}.pi-events #modal{max-height:calc(100svh - 16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pi-events .hero h1{color:var(--ink)}
@media(max-width:600px){.upcoming-art{background:#daeafa}.upcoming-art-pi{color:#147bbb;opacity:.16}.upcoming-art-title{max-width:100%}.accessibility-launcher{bottom:max(12px,env(safe-area-inset-bottom,0px));right:max(12px,env(safe-area-inset-right,0px))}}
@media(pointer:coarse){.upcoming-dots{gap:0}.upcoming-dots button,.pi-events .upcoming-dots button{width:44px;height:44px;min-width:44px;min-height:44px;background:radial-gradient(circle,var(--muted) 4px,transparent 5px);opacity:.65}.upcoming-dots button[aria-current="true"],.pi-events .upcoming-dots button[aria-current="true"]{background:radial-gradient(circle,var(--blue) 5px,transparent 6px);opacity:1}.upcoming-dots button:after{content:none}}
#accessibility-panel{max-height:calc(100svh - 24px);overflow-y:auto}
.newsletter-reading{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}.newsletter-reading .spotify-podcast{width:100%}