.kpj-site{--kpj-ink:#10120f;--kpj-paper:#f3efe6;--kpj-gold:#d8bd82;--kpj-forest:#20271d;--kpj-muted:#bfc3b6;--kpj-line:#d7d6c9;font-family:var(--kpj-ui);background:var(--kpj-paper);color:var(--kpj-ink);width:100%;isolation:isolate;color-scheme:light}
.kpj-site *{box-sizing:border-box}
.kpj-site h1,.kpj-site h2,.kpj-site h3,.kpj-site p,.kpj-site figure{margin:0}
.kpj-site a{color:inherit;text-decoration:none}
.kpj-site button,.kpj-site input,.kpj-site select{font:inherit}
.kpj-site button{cursor:inherit}
.kpj-site [hidden]{display:none!important}
.kpj-site a:focus-visible,.kpj-site button:focus-visible,.kpj-site select:focus-visible{outline:2px solid #987534;outline-offset:5px}
.kpj-site .kpj-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kpj-site .kpj-header{background:var(--kpj-ink);color:var(--kpj-paper);padding:24px 106px 22px 38px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px}
.kpj-site .kpj-brand{display:flex;gap:13px;align-items:center;flex-shrink:0}
.kpj-site .kpj-monogram{font:italic 39px/1 var(--kpj-display);letter-spacing:-3px;color:var(--kpj-gold)}
.kpj-site .kpj-brand-name{font-size:10px;letter-spacing:1.5px;line-height:1.7;text-transform:uppercase}
.kpj-site .kpj-nav{display:flex;gap:17px;align-items:center;flex-wrap:wrap}
.kpj-site .kpj-nav button{padding:11px 0;background:none;border:0;border-bottom:1px solid transparent;color:#c5c9bd;font-size:11px;min-height:42px}
.kpj-site .kpj-nav button[aria-pressed=true]{color:var(--kpj-gold);border-color:var(--kpj-gold)}
.kpj-site .kpj-nav button:hover{color:var(--kpj-gold)}
.kpj-site .kpj-wrap{padding:37px 42px 48px}
.kpj-site .kpj-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;color:#656b5a;margin-bottom:30px;min-height:22px}
.kpj-site .kpj-breadcrumb button{background:none;border:0;padding:0;color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:4px;min-height:32px}
.kpj-site .kpj-eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:10px;font-weight:500;line-height:1.7;color:#657056}
.kpj-site .kpj-title{font:400 60px/1.05 var(--kpj-display);letter-spacing:-2.5px}
.kpj-site .kpj-title em{font-weight:400;color:#77774c}
.kpj-site .kpj-lead{font-size:14px;line-height:1.8;max-width:440px;color:#5d6554}
.kpj-site .kpj-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.kpj-site .kpj-page-intro .kpj-title{margin:11px 0 18px}
.kpj-site .kpj-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;min-height:44px;border-bottom:1px solid #a2a58e;white-space:normal}
.kpj-site .kpj-link:hover{color:#8b692b}
.kpj-site .kpj-action{display:inline-flex;gap:26px;align-items:center;justify-content:center;background:var(--kpj-gold);color:var(--kpj-ink);border:0;padding:14px 19px;min-height:46px;font-size:12px;text-align:center}
.kpj-site .kpj-action:hover{background:#e3cd9a}
.kpj-site .kpj-filters{display:flex;align-items:center;flex-wrap:wrap;gap:23px;border-bottom:1px solid var(--kpj-line);margin:15px 0 0}
.kpj-site .kpj-filter{background:none;border:0;border-bottom:2px solid transparent;padding:16px 0;font-size:12px;color:#68705e;min-height:48px}
.kpj-site .kpj-filter[aria-pressed=true]{border-color:#4d593e;color:var(--kpj-ink)}
.kpj-site .kpj-work{display:grid;grid-template-columns:34px minmax(0,1fr) 215px;gap:20px;padding:27px 0;border-bottom:1px solid var(--kpj-line);align-items:start}
.kpj-site .kpj-work-number{font-size:11px;color:#7b826e;padding-top:8px}
.kpj-site .kpj-work h2{font:400 30px/1.17 var(--kpj-display);letter-spacing:-.7px;margin:0 0 12px}
.kpj-site .kpj-work p{font-size:12px;line-height:1.7;color:#626a58;margin-top:7px;max-width:415px}
.kpj-site .kpj-work-kind{font-size:10px;color:#657056;letter-spacing:1.4px;text-transform:uppercase}
.kpj-site .kpj-edition{font-size:11px;color:#5d6554}
.kpj-site .kpj-edition label{display:block;margin-bottom:8px}
.kpj-site .kpj-edition select{border:1px solid #b5baa8;background:#fbf9f3;color:#1c2419;padding:11px 10px;width:100%;font-size:12px;min-height:44px;border-radius:0}
.kpj-site .kpj-edition .kpj-action{margin-top:10px;width:100%;background:#242d1e;color:#f0e7d1}
.kpj-site .kpj-catalog-note{display:flex;justify-content:space-between;align-items:center;gap:26px;padding-top:24px;font-size:12px;color:#5b6551}
.kpj-site .kpj-bio{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.kpj-site .kpj-bio .kpj-title{margin:16px 0 25px;font-size:56px;letter-spacing:-2px}
.kpj-site .kpj-bio p.kpj-lead{margin-bottom:17px}
.kpj-site .kpj-bio-photo{width:100%;height:520px;object-fit:cover;object-position:50% 36%;display:block}
.kpj-site .kpj-bio-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:36px;margin-top:36px;border-top:1px solid var(--kpj-line)}
.kpj-site .kpj-bio-chapters h2{font:400 23px/1.2 var(--kpj-display);margin-bottom:13px}
.kpj-site .kpj-bio-chapters p{font-size:12px;line-height:1.8;color:#5e6752}
.kpj-site .kpj-recordings{background:#11150f;color:var(--kpj-paper)}
.kpj-site .kpj-recordings .kpj-breadcrumb,.kpj-site .kpj-recordings .kpj-lead{color:#b3bba6}
.kpj-site .kpj-recordings .kpj-eyebrow{color:var(--kpj-gold)}
.kpj-site .kpj-recordings .kpj-title{margin-top:12px}
.kpj-site .kpj-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:32px;align-items:start}
.kpj-site .kpj-album-face{min-height:345px;height:470px;padding:34px;background:#242c1e;display:flex;flex-direction:column;justify-content:space-between;border-top:2px solid var(--kpj-gold)}
.kpj-site .kpj-album-face h2{font:400 51px/1.04 var(--kpj-display);letter-spacing:-1.5px;margin:28px 0;color:var(--kpj-gold)}
.kpj-site .kpj-album-face p{font-size:12px;color:#d0d4c6}
.kpj-site .kpj-album-switch{display:flex;flex-wrap:wrap;gap:19px;border-bottom:1px solid #49503e;margin-bottom:18px}
.kpj-site .kpj-album-switch button{background:none;color:#b7c0a9;border:0;border-bottom:2px solid transparent;padding:13px 0;font-size:12px;min-height:45px}
.kpj-site .kpj-album-switch button[aria-pressed=true]{border-color:var(--kpj-gold);color:var(--kpj-gold)}
.kpj-site #kpj-track-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4d5b3d transparent;padding-right:6px}
.kpj-site .kpj-track{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:59px;border-bottom:1px solid #343d2c;font-size:12px}
.kpj-site .kpj-track span:first-child{display:flex;gap:14px;align-items:center}
.kpj-site .kpj-track small{font-size:10px;color:#9ba68b}
.kpj-site .kpj-track span:last-child{color:var(--kpj-gold);font-size:11px;white-space:nowrap}
.kpj-site .kpj-video-teaser{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:27px;margin-top:34px;padding-top:28px;border-top:1px solid #3c4433}
.kpj-site .kpj-video-teaser img{width:100%;height:122px;object-fit:cover}
.kpj-site .kpj-video-teaser h2{font:400 28px/1.1 var(--kpj-display);margin:8px 0}
.kpj-site .kpj-video-teaser a{color:var(--kpj-gold);border-color:#697353}
.kpj-site .kpj-academy-intro{display:grid;grid-template-columns:1fr .7fr;gap:44px;align-items:end;margin-bottom:32px}
.kpj-site .kpj-academy-intro h1{margin-top:13px;font-size:56px}
.kpj-site .kpj-academy-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:32px;background:#222c1d;color:#f4efdf;align-items:center}
.kpj-site .kpj-academy-feature h2{font:400 34px/1.1 var(--kpj-display);margin:12px 0;color:#e1cb9b}
.kpj-site .kpj-academy-feature p{font-size:13px;line-height:1.7;color:#c8d0bc;max-width:360px}
.kpj-site .kpj-academy-feature .kpj-eyebrow{color:#c8b481}
.kpj-site .kpj-academy-feature .kpj-action{margin-top:20px;justify-self:start}
.kpj-site .kpj-topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 29px;margin-top:23px}
.kpj-site .kpj-topic{padding:22px 0;border-bottom:1px solid var(--kpj-line)}
.kpj-site .kpj-topic h3{font:400 23px/1.2 var(--kpj-display);margin-bottom:9px}
.kpj-site .kpj-topic p{font-size:12px;line-height:1.7;color:#66705b}
.kpj-site .kpj-topic a,.kpj-site .kpj-topic button{font-size:11px;min-height:40px;background:transparent;border:0;padding:10px 0;color:#46523a;text-align:left}
.kpj-site .kpj-resource-footer{margin-top:25px;font-size:12px;color:#5d6753;line-height:1.8;display:flex;gap:22px;flex-wrap:wrap}
.kpj-site .kpj-resource-footer a{min-height:38px;display:inline-flex;align-items:center;border-bottom:1px solid #b0b5a2}
.kpj-site .kpj-reading-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:40px;padding-top:15px}
.kpj-site .kpj-contents{padding-right:20px;border-right:1px solid var(--kpj-line)}
.kpj-site .kpj-contents p{margin-bottom:14px}
.kpj-site .kpj-contents button{display:block;width:100%;border:0;background:none;text-align:left;color:#616d55;padding:12px 0;font-size:12px;min-height:43px}
.kpj-site .kpj-contents button[aria-pressed=true]{color:#1e2b17;font-weight:600}
.kpj-site .kpj-reference-article .kpj-title{font-size:45px;margin:13px 0 20px;letter-spacing:-1.4px}
.kpj-site .kpj-reference-article p{font-size:14px;line-height:1.85;color:#59664d;max-width:570px}
.kpj-site .kpj-reference-article h2{font:400 25px/1.2 var(--kpj-display);margin:24px 0 15px}
.kpj-site .kpj-reference-detail{padding:23px 0 30px;border-top:1px solid var(--kpj-line);margin-top:25px}
.kpj-site .kpj-program-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:34px;margin-top:29px}
.kpj-site .kpj-program-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.kpj-site .kpj-field{display:flex;flex-direction:column;gap:9px;color:#536247;font-size:12px}
.kpj-site .kpj-field input,.kpj-site .kpj-field select{border:1px solid #b5beaa;background:#faf8f2;color:#23301d;padding:12px 10px;font-size:14px;min-height:46px;border-radius:0;width:100%;min-width:0}
.kpj-site .kpj-program-summary{background:#e7e9dc;padding:24px;color:#293520;align-self:start}
.kpj-site .kpj-program-summary h2{font:400 25px/1.1 var(--kpj-display);margin:11px 0 18px}
.kpj-site .kpj-program-summary p{font-size:13px;line-height:1.8}
.kpj-site .kpj-program-summary dl{font-size:12px;margin:20px 0 0}
.kpj-site .kpj-program-summary dt{color:#5f6c51;margin:11px 0 5px}
.kpj-site .kpj-program-summary dd{margin:0;color:#26331e}
.kpj-site .kpj-program-footer{margin-top:25px;font-size:12px;line-height:1.8;color:#5a684e}
.kpj-site .kpj-choir{background:#20261c;color:#f2eedf}
.kpj-site .kpj-choir .kpj-breadcrumb{color:#bbc3af}
.kpj-site .kpj-choir .kpj-eyebrow{color:var(--kpj-gold)}
.kpj-site .kpj-choir-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:center;margin-bottom:35px}
.kpj-site .kpj-choir .kpj-title{color:#ead8af;font-size:64px;margin:18px 0 23px}
.kpj-site .kpj-choir .kpj-lead{color:#c7d0b9}
.kpj-site .kpj-choir-portrait{width:100%;height:340px;object-fit:cover;object-position:60% 43%;display:block}
.kpj-site .kpj-choir .kpj-action{margin-top:27px}
.kpj-site .kpj-voice-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #526044;border-bottom:1px solid #526044;padding:23px 0;margin-bottom:29px}
.kpj-site .kpj-voice-list span{font:400 22px/1.2 var(--kpj-display);color:#ddd0ad}
.kpj-site .kpj-choir-details{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.kpj-site .kpj-choir-details h2{font:400 27px/1.2 var(--kpj-display);margin-bottom:13px}
.kpj-site .kpj-choir-details p{font-size:12px;line-height:1.8;color:#c3ccb4}
.kpj-site .kpj-contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:start;margin-top:20px}
.kpj-site .kpj-contact-grid .kpj-title{font-size:57px;margin:12px 0 24px}
.kpj-site .kpj-contact-email{font-size:16px;display:inline-block;padding-bottom:8px;border-bottom:1px solid #758367;margin-top:27px}
.kpj-site .kpj-inquiry{background:#e6e8dc;padding:30px}
.kpj-site .kpj-inquiry h2{font:400 29px/1.2 var(--kpj-display);margin-bottom:23px}
.kpj-site .kpj-inquiry label{font-size:12px;color:#536047;display:block;margin-bottom:11px}
.kpj-site .kpj-inquiry-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpj-site .kpj-inquiry-options button{background:#f6f5ed;border:1px solid #b8c1a9;color:#4e5d42;padding:13px 11px;font-size:11px;min-height:46px}
.kpj-site .kpj-inquiry-options button[aria-pressed=true]{background:#293820;border-color:#293820;color:#f4ecd7}
.kpj-site .kpj-inquiry-detail{margin-top:25px;padding-top:21px;border-top:1px solid #b8c1a9;min-height:121px}
.kpj-site .kpj-inquiry-detail h3{font:400 22px/1.2 var(--kpj-display);margin-bottom:12px}
.kpj-site .kpj-inquiry-detail p{font-size:12px;line-height:1.8;color:#5d6b4f}
.kpj-site .kpj-inquiry .kpj-action{margin-top:19px;background:#293820;color:#f4ecd7;width:100%}
.kpj-site .kpj-contact-bottom{margin-top:44px;border-top:1px solid var(--kpj-line);padding-top:29px;font-size:13px;color:#5b694e;line-height:1.8}
.kpj-site .kpj-footer{background:var(--kpj-ink);color:#abb49b;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:10px;border-top:1px solid #333e29;line-height:1.8}
.kpj-site .kpj-footer a{color:var(--kpj-gold);font-size:11px;min-height:35px;display:flex;align-items:center}
@media(max-width:900px){.kpj-site .kpj-header{padding:22px 105px 20px 28px;flex-wrap:wrap;gap:13px}.kpj-site .kpj-nav{gap:20px}.kpj-site .kpj-wrap{padding:30px 30px 40px}.kpj-site .kpj-title{font-size:53px}.kpj-site .kpj-page-intro{gap:30px}.kpj-site .kpj-page-intro>.kpj-link{max-width:170px}.kpj-site .kpj-bio{gap:28px}.kpj-site .kpj-bio .kpj-title{font-size:43px}.kpj-site .kpj-bio-photo{height:465px}.kpj-site .kpj-choir .kpj-title{font-size:53px}.kpj-site .kpj-contact-grid{gap:30px}.kpj-site .kpj-contact-grid .kpj-title{font-size:48px}.kpj-site .kpj-program-layout{grid-template-columns:1fr 225px;gap:24px}.kpj-site .kpj-album-face{padding:25px}.kpj-site .kpj-album-face h2{font-size:42px}}
@media(max-width:620px){.kpj-site .kpj-header{padding:22px 22px 11px;display:block}.kpj-site .kpj-brand{margin-bottom:15px;width:max-content}.kpj-site .kpj-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1px 17px}.kpj-site .kpj-nav button{text-align:left;font-size:12px;min-height:44px}.kpj-site .kpj-wrap{padding:26px 22px 35px}.kpj-site .kpj-breadcrumb{margin-bottom:23px;font-size:10px}.kpj-site .kpj-page-intro{display:block;margin-bottom:22px}.kpj-site .kpj-title{font-size:44px;letter-spacing:-1.5px}.kpj-site .kpj-page-intro .kpj-title{margin-top:12px}.kpj-site .kpj-page-intro>.kpj-link{max-width:none;margin-top:15px}.kpj-site .kpj-lead{font-size:13px}.kpj-site .kpj-filters{gap:15px}.kpj-site .kpj-filter{font-size:11px;padding:12px 0}.kpj-site .kpj-work{grid-template-columns:23px minmax(0,1fr);gap:11px;padding:24px 0}.kpj-site .kpj-work h2{font-size:27px}.kpj-site .kpj-work .kpj-edition{grid-column:2}.kpj-site .kpj-edition select{font-size:16px}.kpj-site .kpj-catalog-note{align-items:flex-start;flex-direction:column;gap:12px}.kpj-site .kpj-bio{grid-template-columns:1fr;gap:27px}.kpj-site .kpj-bio .kpj-title{font-size:43px}.kpj-site .kpj-bio-photo{height:auto;aspect-ratio:2/3}.kpj-site .kpj-bio-chapters{grid-template-columns:1fr;gap:23px;margin-top:27px;padding-top:27px}.kpj-site .kpj-record-grid{grid-template-columns:1fr;gap:23px;margin-top:24px}.kpj-site .kpj-album-face{min-height:260px;height:auto}.kpj-site #kpj-track-list{max-height:330px}.kpj-site .kpj-album-face h2{font-size:45px}.kpj-site .kpj-video-teaser{grid-template-columns:1fr;gap:21px}.kpj-site .kpj-video-teaser img{height:auto;aspect-ratio:1.6}.kpj-site .kpj-academy-intro{grid-template-columns:1fr;gap:20px}.kpj-site .kpj-academy-intro h1{font-size:44px}.kpj-site .kpj-academy-feature{grid-template-columns:1fr;padding:25px;gap:15px}.kpj-site .kpj-academy-feature h2{font-size:30px}.kpj-site .kpj-topic-list{grid-template-columns:1fr 1fr;gap:0 20px}.kpj-site .kpj-topic h3{font-size:22px}.kpj-site .kpj-reading-layout{grid-template-columns:1fr;gap:23px}.kpj-site .kpj-contents{border-right:0;border-bottom:1px solid var(--kpj-line);padding-right:0;padding-bottom:14px;display:flex;flex-wrap:wrap;gap:0 20px}.kpj-site .kpj-contents p{width:100%;margin-bottom:5px}.kpj-site .kpj-contents button{width:auto;font-size:11px}.kpj-site .kpj-reference-article .kpj-title{font-size:37px}.kpj-site .kpj-program-layout{grid-template-columns:1fr;gap:23px}.kpj-site .kpj-program-fields{grid-template-columns:1fr}.kpj-site .kpj-field input,.kpj-site .kpj-field select{font-size:16px}.kpj-site .kpj-choir-hero{grid-template-columns:1fr;gap:28px}.kpj-site .kpj-choir .kpj-title{font-size:49px}.kpj-site .kpj-choir-portrait{height:auto;aspect-ratio:1.25}.kpj-site .kpj-voice-list{grid-template-columns:1fr 1fr;gap:19px}.kpj-site .kpj-choir-details{grid-template-columns:1fr;gap:26px}.kpj-site .kpj-contact-grid{grid-template-columns:1fr;gap:29px}.kpj-site .kpj-contact-grid .kpj-title{font-size:45px}.kpj-site .kpj-inquiry{padding:24px}.kpj-site .kpj-contact-email{font-size:15px;overflow-wrap:anywhere}.kpj-site .kpj-footer{padding:21px 22px;gap:12px}}

/* recordings: tighter vertical rhythm so the player is visible without scrolling */
.kpj-site .kpj-recordings .kpj-breadcrumb{margin-bottom:14px}
.kpj-site .kpj-recordings>.kpj-title{font-size:46px;letter-spacing:-1.8px}
.kpj-site .kpj-recordings .kpj-record-grid{margin-top:20px}
.kpj-site .kpj-album-face h2{margin:14px 0;font-size:42px}
.kpj-site .kpj-album-face{padding:26px 34px}

.kpj-site #kpj-album-art{max-width:92%;max-height:300px;object-fit:contain;align-self:center;margin:4px 0;flex:1;min-height:0}