*{box-sizing:border-box}
html,body{margin:0}
html{background:#F4EAD2}
body{font-family:'Hoefler Text','Hoefler Text A','Times New Roman',Times,serif;font-feature-settings:'onum' 1,'liga' 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#2c2521;background:#F4EAD2}
/* Sticky footer: main grows so the foot band always reaches the bottom edge
   (short pages like About otherwise show bare parchment below the footer). */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:#A84228;text-decoration:none}
a:hover{color:#36424C}
a.artist{color:inherit}
a.artist:hover{color:inherit;text-decoration:underline}
.band{background:#BC4A2F;color:#F4EAD2;position:relative;overflow:hidden;text-align:center}
.head{padding:26px 44px 20px}
.wm{position:absolute;top:50%;left:max(12px,calc(50% - 430px));transform:translateY(-50%);font-size:150px;line-height:.8;color:#F4EAD2;opacity:.1;font-feature-settings:'lnum' 1;letter-spacing:-.03em;pointer-events:none;user-select:none}
.wordmark{position:relative;font-variant-caps:small-caps;font-size:42px;line-height:1.02;letter-spacing:.02em}
.wordmark a{color:#F6EFDD}
.nav{position:relative;margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-variant-caps:small-caps;font-size:15px;letter-spacing:.14em}
.nav a{color:#F4EAD2;transition:opacity .18s ease;padding-bottom:2px;border-bottom:1px solid transparent}
.nav a:hover{opacity:.8;color:#FFF8EC}
.nav a[aria-current]{border-bottom-color:rgba(244,234,210,.8)}
.view-mobile{display:none}
.foot{padding:24px 44px 20px}
.foot .office{font-variant-caps:small-caps;letter-spacing:.22em;font-size:10.5px;color:#FFF8EC}
.foot .addr,.foot .contact{font-size:12.5px;line-height:1.6;color:#FFF8EC;margin-top:4px}
.foot .sc{font-variant-caps:small-caps;letter-spacing:.08em;color:#FFF8EC}
.foot .contact a{color:#FFF8EC;border-bottom:1px solid rgba(255,248,236,.5)}
.foot .copy{font-style:italic;font-size:11.5px;color:#FFF8EC;margin-top:10px}
.foot .nb{white-space:nowrap}
.foot .copy a{color:#FFF8EC;border-bottom:1px solid rgba(255,248,236,.5)}
.cmnv-crow{transition:background .16s ease}
.cmnv-crow:hover{background:rgba(188,74,47,.09)}
.cmnv-crow:hover a{color:#A84228}
.cmnv-cta{transition:color .18s ease,border-color .18s ease}
@media (max-width:640px){
 .view-desktop{display:none}
 .view-mobile{display:block}
 .head{padding:18px 22px 15px}
 .wordmark{font-size:24px;line-height:1.06}
 /* Force the nav to break 3 + 2 ("…Contribute / Past Seasons About") on
    every phone. Font metrics differ between real Hoefler Text (Apple) and
    Times New Roman (everyone else), so a natural flex wrap breaks at
    different points — with Hoefler it orphans "About" on its own line. */
 .nav{display:block;font-size:12.5px;letter-spacing:.1em;margin-top:8px;line-height:1.6}
 .nav a{margin:0 8px}
 .nav a:nth-child(4)::before{content:"\A";white-space:pre}
 a.artist{white-space:nowrap}
 .wm{font-size:80px;left:14px}
 .foot{padding:18px 22px 15px}
}
/* --- accessibility (WCAG 2.1 AA) --- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:10;background:#F4EAD2;color:#A84228;padding:10px 18px;font-variant-caps:small-caps;letter-spacing:.08em}
.skip:focus{left:0}
:focus-visible{outline:2px solid #36424C;outline-offset:2px}
.band :focus-visible{outline-color:#FFF8EC}
h1,h2,h3{margin:0;font-size:inherit;font-weight:inherit}
::placeholder{color:#6d6152;opacity:1}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}