:root{--paper:#f3f1eb;--ink:#101010;--green:#2452ff;--gold:#ff5b35;--cream:#e8e5dc;--line:#171717}
*{border-radius:0}
body{background:var(--paper);color:var(--ink);font-family:Onest,Arial,sans-serif}
h1,h2,h3,.brand b,.quick strong{font-family:Onest,Arial,sans-serif;font-weight:600;letter-spacing:-.055em}
.site-header{height:96px;min-height:96px;padding:0 clamp(22px,4vw,70px);border:0;border-bottom:2px solid #111;background:var(--paper);position:relative;z-index:30}
.brand{gap:14px}.brand img{width:58px;height:58px;filter:grayscale(1) contrast(1.5)}.brand b{font-size:18px;letter-spacing:-.03em}.brand small{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.main-menu{gap:0;border-left:1px solid #111}.main-menu>li{padding:0;border-right:1px solid #111}.main-menu>li>a{display:flex;align-items:center;height:94px;padding:0 15px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.main-menu>li>a:hover{background:#2452ff;color:white}.main-menu .sub-menu{top:94px;left:-1px;width:270px;padding:0;border:2px solid #111;background:var(--paper);box-shadow:8px 8px 0 #111}.sub-menu a{padding:14px 16px;border-bottom:1px solid #111;font-weight:600}.sub-menu a:hover{background:#ff5b35;color:white}
.hero{min-height:720px;padding:82px clamp(24px,6vw,96px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);grid-template-rows:auto auto auto 1fr;column-gap:6vw;align-content:center;background:var(--paper);color:#111;border-bottom:2px solid #111;isolation:isolate}
.hero::before{content:"";grid-column:2;grid-row:1/5;width:100%;height:560px;background:url("contemporary-choir-v1.png") 68% center/cover;border:2px solid #111;box-shadow:18px 18px 0 #2452ff;z-index:-1}
.hero .eyebrow{grid-column:1;grid-row:1;justify-self:start;margin:0 0 26px;padding:8px 12px;border:2px solid #111;background:#ff5b35;color:#111;font-size:10px;letter-spacing:.12em}
.hero h1{grid-column:1;grid-row:2;margin:0;font-size:clamp(68px,8vw,132px);line-height:.78;text-transform:uppercase}.hero h1 em{display:block;margin-top:18px;color:#2452ff;font-style:normal}
.hero .lead{grid-column:1;grid-row:3;max-width:560px;margin:38px 0 0;padding-left:20px;border-left:7px solid #ff5b35;color:#272727;font-size:15px;line-height:1.7}
.hero .actions{grid-column:1;grid-row:4;align-self:start}.actions a{padding:15px 19px;border:2px solid #111;font-weight:700;text-transform:uppercase;font-size:10px}.actions .primary{background:#111;color:white}.actions .primary:hover{background:#2452ff}.actions>a:not(.primary){color:#111;text-decoration:none;background:transparent}.hero .staff{display:none}
.quick{margin:0;padding:0 clamp(24px,6vw,96px);grid-template-columns:repeat(3,1fr);gap:0;background:var(--paper);color:#111;border-bottom:2px solid #111}.quick a{min-height:150px;padding:25px;border-right:2px solid #111;background:transparent;color:#111}.quick a:first-child{border-left:2px solid #111}.quick a:hover{background:#ff5b35;transform:none}.quick .music-icon{width:66px;height:66px;flex-basis:66px;border:2px solid #111;border-radius:0;box-shadow:none;filter:saturate(.4) contrast(1.2)}.quick strong{font-size:22px}
.content-section{padding:110px clamp(24px,6vw,96px)}.section-head{align-items:start;border-top:2px solid #111;padding-top:18px}.section-head h2{max-width:800px;margin:7px 0;font-size:clamp(54px,7vw,102px);line-height:.9;text-transform:uppercase}.eyebrow{color:#2452ff;font-weight:800}
.cards{grid-template-columns:repeat(2,1fr);gap:0;border:2px solid #111;background:#111}.card{min-height:300px;padding:30px;background:var(--paper);border:0;border-radius:0}.card:nth-child(4n+2),.card:nth-child(4n+3){background:#e5e1d8}.card:hover{background:#fff;transform:none}.card h3{font-size:30px}.card-meta span{color:#2452ff;font-weight:800}.card>a{color:#111;font-weight:800;text-transform:uppercase}.card::after{color:#ff5b35;background:transparent;font:700 52px Onest,sans-serif}
.history{margin:0;padding:100px clamp(24px,6vw,96px);grid-template-columns:1fr 1fr;background-image:linear-gradient(90deg,rgba(36,82,255,.96),rgba(36,82,255,.74)),url("contemporary-rhythm-v1.png");background-position:center;background-size:cover;color:white;border-top:2px solid #111;border-bottom:2px solid #111}.history::before{display:none}.history h2{font-family:Onest,sans-serif;font-size:clamp(52px,6vw,94px);font-weight:600;line-height:.87;text-transform:uppercase;letter-spacing:-.06em}.history .eyebrow{color:#111}.history>p{align-self:end;padding:24px;border:2px solid white;background:rgba(15,15,15,.76);color:white;font-size:17px}
.page-hero{min-height:500px;padding:100px clamp(24px,6vw,96px);display:flex;flex-direction:column;justify-content:flex-end;background:#2452ff;color:white;border:0;border-bottom:2px solid #111}.page-hero::after{content:"♪";position:absolute;right:6vw;top:80px;font:700 240px/1 Onest,sans-serif;color:#ff5b35}.page-hero h1{max-width:1000px;margin:12px 0;font-family:Onest,sans-serif;font-size:clamp(64px,9vw,140px);font-weight:600;line-height:.78;text-transform:uppercase;letter-spacing:-.065em}.page-hero p{color:white}.page-hero .eyebrow{color:#111}
.article{max-width:940px;margin:0 auto;padding-top:100px}.article h1{font-family:Onest,sans-serif;font-weight:600;text-transform:uppercase}.article-meta{color:#2452ff;font-weight:700}.article-content{font-size:18px}
.site-footer{margin:0;padding:0;border:0;border-radius:0;background:#111;color:white}.footer-decoration{display:none}.footer-main{grid-template-columns:1.2fr 1fr 1fr;padding:75px clamp(24px,6vw,96px);border-bottom:2px solid white}.footer-brand img{filter:grayscale(1) invert(1);border:0}.footer-brand b{font-family:Onest,sans-serif;font-size:21px;letter-spacing:-.04em}.footer-brand small,.footer-label,.footer-made a{color:#ff5b35}.footer-menu a{color:white}.footer-menu a:hover{color:#ff5b35}.footer-note blockquote{font-family:Onest,sans-serif;font-weight:600;letter-spacing:-.04em}.footer-bottom{margin:0;padding:25px clamp(24px,6vw,96px);border:0;color:#aaa}
@media(max-width:1050px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:96px;left:0;right:0;padding:0;border:2px solid #111;background:var(--paper)}.site-nav.open{display:block}.main-menu{display:block;border:0}.main-menu>li{padding:0;border:0;border-bottom:1px solid #111}.main-menu>li>a{height:auto;padding:14px 20px}.main-menu .sub-menu{display:block;position:static;width:auto;border:0;border-top:1px solid #111;box-shadow:none}.hero{grid-template-columns:1fr .8fr}.hero h1{font-size:clamp(58px,9vw,90px)}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:76px;min-height:76px}.brand img{width:46px;height:46px}.brand b{font-size:16px}.brand small{display:none}.site-nav{top:76px}.hero{min-height:auto;padding:55px 22px 70px;display:flex;flex-direction:column}.hero::before{order:3;width:calc(100% - 14px);height:330px;margin:42px 0 0;box-shadow:14px 14px 0 #2452ff}.hero .eyebrow{order:0}.hero h1{order:1;font-size:clamp(54px,17vw,82px)}.hero .lead{order:2}.hero .actions{order:4;margin-top:45px}.quick{grid-template-columns:1fr;padding:0 22px}.quick a,.quick a:first-child{border:0;border-bottom:2px solid #111}.cards{grid-template-columns:1fr}.content-section{padding:75px 22px}.section-head h2{font-size:clamp(49px,15vw,75px)}.history{grid-template-columns:1fr;padding:75px 22px}.page-hero{min-height:420px;padding:85px 22px 45px}.page-hero::after{font-size:130px;top:40px}.page-hero h1{font-size:clamp(54px,16vw,82px)}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}