/* Hymns: text, revolving SVG staff with stationary organ, one vertical audio card. */
.home .nab-wrap:not(.nab-compact){width:100%;max-width:1000px;box-sizing:border-box;padding-left:24px;padding-right:24px}
.ncb-wrap{width:100%;max-width:1000px;margin:76px auto 80px;padding:0 24px;box-sizing:border-box}
.ncb{width:100%;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,.9fr);align-items:center;gap:32px;min-height:300px;background:#f7f5ef;border-radius:16px;padding:26px 30px;overflow:visible;color:#30434e;box-sizing:border-box}
.ncb-copy{position:relative;z-index:2}
.ncb-accent{display:block;width:45px;height:2px;background:#b38c48;margin:0 0 16px}
.ncb h2#ncb-heading{font-family:'PT Serif',serif!important;font-size:46px;font-weight:400;line-height:1.06;margin:0 0 12px;color:#30434e}
.ncb .ncb-copy p.ncb-subtitle{font:400 15px/1.4 Montserrat,sans-serif;color:#30434e;margin:0 0 14px}
.ncb .ncb-copy p.ncb-features{font:400 10px/1.5 Montserrat,sans-serif;letter-spacing:.02em;color:#64727b;margin:0 0 23px}
.ncb-features span{color:#b38c48;padding:0 3px}
.ncb a.ncb-link{display:inline-flex;gap:20px;align-items:center;padding:11px 18px;border:1px solid #71818a;border-radius:8px;font:500 12px/1.3 Montserrat,sans-serif;color:#30434e;text-decoration:none;transition:background .2s}
.ncb a.ncb-link:hover{background:#eae2d0}
.ncb a:focus-visible,.ncp button:focus-visible{outline:2px solid #2274bb;outline-offset:4px}
.ncb-art{position:relative;height:240px;min-width:0}
.ncb-disc{position:absolute;width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%)}
.ncb .ncb-ring{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;background:transparent!important;border:0;border-radius:0;box-shadow:none;animation:ncb-record-turn 120s linear infinite;transform-origin:50% 50%}
.ncb-organ{position:absolute;inset:12%;border-radius:50%;overflow:hidden;background:#ddd4bf;outline:1px solid #b38c4880;outline-offset:6px}
.ncb .ncb-organ img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:50%;box-shadow:none;transform:none}
.ncb-video{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:296.4px;height:296.4px;border-radius:50%;background:#ddd4bf}
.ncb-video[hidden]{display:none}
.ncb-video-mount{position:absolute;inset:0;overflow:hidden;border-radius:50%;isolation:isolate}
.ncb-video iframe{position:absolute;display:block;left:50%;top:50%;width:200%;height:112.5%;max-width:none;transform:translate(-50%,-50%);border:0}
.ncb-art:has(.ncb-video:not([hidden])) .ncb-organ{visibility:hidden}
.ncb-video-close{position:absolute;right:0;bottom:calc(100% + 7px);width:30px;height:30px;border:1px solid #b7aa8c;border-radius:50%;background:#f7f5ef;color:#30434e;font:22px/1 sans-serif;cursor:pointer}
@media(min-width:601px) and (max-width:900px){.ncb-video{width:243.2px;height:243.2px}}
@media(max-width:600px){.ncb-video{width:235.6px;height:235.6px;max-width:87.4%;aspect-ratio:1}}
@keyframes ncb-record-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.ncp{position:relative;z-index:2;min-width:0;width:100%;max-width:186px;justify-self:center;margin-right:0;display:flex;flex-direction:column;align-items:center;text-align:center;color:#30434e}
.ncp-cover-link{display:block;width:172px;max-width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px}
.ncb .ncp-cover{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;background:transparent!important;border-radius:8px;transition:transform .25s}
.ncp-cover-link:hover .ncp-cover{transform:scale(1.025)}
.ncp a.ncp-title{font:400 14px/1.35 'PT Serif',serif!important;color:#30434e;text-decoration:none;margin:5px 0 8px;min-height:32px;width:100%;display:flex;align-items:center;justify-content:center}
.ncp-controls{display:flex;align-items:center;justify-content:center;gap:15px}
.ncp-controls button{appearance:none;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#6f7c83;padding:0;width:28px;height:34px;cursor:pointer;border-radius:50%}
.ncp-controls button.ncp-play{width:34px;height:34px;flex:0 0 34px;background:#d7bd7f;color:#30434e}
.ncp-controls svg{width:17px;height:17px}.ncp-prev svg,.ncp-next svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ncp-play svg{fill:currentColor}.ncp-play .ncp-pause-shape{display:none}.ncp.is-playing .ncp-play-shape{display:none}.ncp.is-playing .ncp-pause-shape{display:block}
.ncp-error{display:block;font:400 9px/1.4 Montserrat,sans-serif;color:#965338;margin-top:5px}
.ncp-error:empty{display:none}
@media(max-width:900px) and (min-width:601px){.ncb{gap:18px;padding:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,.8fr)}.ncb-disc{width:320px;height:320px}.ncb h2#ncb-heading{font-size:38px}.ncb .ncb-copy p.ncb-subtitle{font-size:12px}.ncb .ncb-copy p.ncb-features{font-size:9px}.ncp-cover-link{width:125px}.ncp a.ncp-title{font-size:13px!important}.ncp-controls{gap:8px}}
@media(max-width:600px){.home .nab-wrap:not(.nab-compact){padding-left:18px;padding-right:18px}.ncb-wrap{padding:0 18px;margin:42px auto 50px}.ncb{grid-template-columns:1fr;gap:24px;padding:28px 26px;isolation:isolate}.ncb-art{height:250px;order:-1;margin-top:-48px}.ncb-disc{width:min(310px,115%);height:auto;aspect-ratio:1}.ncb-copy{text-align:center}.ncb-accent{margin:0 auto 14px}.ncb h2#ncb-heading{font-size:46px}.ncb .ncb-copy p.ncb-features{font-size:11px;margin-bottom:16px}.ncp{justify-self:center;margin:0;max-width:180px}.ncp-cover-link{width:160px}.ncp a.ncp-title{font-size:16px!important}.ncp-controls button{width:36px;height:40px}.ncp-controls button.ncp-play{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.ncb .ncb-ring{animation:none}.ncp-cover{transition:none}}

/* Player v2: stacked covers and mobile listening view. */
.ncp-deck{position:relative;width:172px;max-width:100%;aspect-ratio:1;margin:0 0 4px;isolation:isolate}
.ncp-deck .ncp-cover-link{position:relative;z-index:2;width:100%;height:100%;box-shadow:0 5px 16px #30434e18}
.ncp-back{position:absolute;inset:8px 0;border:0;padding:0;border-radius:8px;overflow:hidden;background:#e6dfd0;cursor:pointer;z-index:0;opacity:.6;width:100%}
.ncp-back img{display:block;width:100%;height:100%;object-fit:cover}
.ncp-back-prev{transform:translateX(-17px) rotate(-6deg) scale(.94)}
.ncp-back-next{transform:translateX(17px) rotate(6deg) scale(.94)}
.ncp-controls{gap:6px;width:210px;max-width:none}
.ncp-controls .ncp-repeat,.ncp-controls .ncp-shuffle{position:relative;fill:none}
.ncp-repeat svg,.ncp-shuffle svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ncp-controls button[aria-pressed=true]:not(.ncp-play){color:#a47c30;background:#d7bd7f24}
.ncp-repeat small{position:absolute;left:10px;top:9px;font:8px/1 Montserrat,sans-serif}
.ncp-seek,.ncp-queue,.ncp-collection,.ncp-authors,.ncp-mobile-cover,.ncp-overlay-play{display:none}
.ncb-video iframe{width:200%;height:112.5%}
@media(min-width:601px) and (max-width:900px){.ncp-deck{width:125px}.ncp-controls{width:180px;gap:3px}}
@media(max-width:600px){
 .ncb-wrap{margin:46px auto 40px}
 .ncb{display:flex;flex-direction:column;gap:0;padding:20px 18px 24px;isolation:isolate}
 .ncb-copy{display:none}
 .ncb-art{order:0;flex:none;height:auto;aspect-ratio:1;width:min(310px,100%);margin:-38px auto 0;position:relative}
 .ncb-disc{width:100%;height:100%;top:0;left:0;transform:none}
 .ncb-organ{display:none}
 .ncb .ncp-mobile-cover{display:block;position:absolute;inset:12%;width:76%;height:76%;border-radius:50%;object-fit:cover;max-width:none;box-shadow:0 3px 18px #30434e18}
 .ncb .ncp-overlay-play{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;width:58px;height:58px;background:#d7bd7fe8;color:#30434e;cursor:pointer;box-shadow:0 3px 14px #0002}
 .ncp-overlay-play svg{width:25px;height:25px;fill:currentColor}
 .ncp-overlay-play .ncp-pause-shape{display:none}
 .ncb.ncp-playing .ncp-overlay-play .ncp-play-shape{display:none}
 .ncb.ncp-playing .ncp-overlay-play .ncp-pause-shape{display:block}
 .ncp{width:100%;max-width:none;display:flex;align-items:center;position:static;margin:0}
 .ncp-deck{display:none}
 .ncp a.ncp-title{font:400 24px/1.2 'PT Serif',serif!important;margin:9px 0 5px;min-height:0;width:100%;text-wrap:balance}
 .ncb .ncp-authors{display:block;font:400 11px/1.5 Montserrat,sans-serif;color:#738087;margin:0 0 17px;max-width:100%}
 .ncp-authors:empty{display:none}
 .ncp-seek{display:block;width:100%;margin:10px 0 3px}
 .ncp-seek input{appearance:none;display:block;width:100%;height:3px;padding:0;margin:10px 0;background:#c8b681;border:0;border-radius:4px;cursor:pointer;accent-color:#a47c30}
 .ncp-seek input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#a47c30}
 .ncp-seek input:disabled{opacity:.4}
 .ncp-seek>div{display:flex;justify-content:space-between;font:400 10px/1.5 Montserrat,sans-serif;color:#738087}
 .ncp-controls{width:100%;max-width:260px;justify-content:space-between;margin:3px 0 14px}
 .ncp-controls .ncp-play{display:none}
 .ncp-controls button{height:44px;width:44px}
 .ncp-controls svg{width:21px;height:21px}
 .ncp-repeat{order:0}.ncp-prev{order:1}.ncp-next{order:2}.ncp-shuffle{order:3}
 .ncp-repeat small{top:17px;left:19px}
 .ncp-queue{display:block;width:100%;height:auto;max-height:434px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8b681 transparent;border-top:1px solid #30434e14;border-bottom:1px solid #30434e14}
 .ncp-queue-row{appearance:none;display:flex;align-items:center;gap:10px;min-height:62px;height:62px;width:100%;padding:8px 5px;border:0;border-bottom:1px solid #30434e0d;background:transparent;text-align:left;color:#30434e;cursor:pointer;box-sizing:border-box}
 .ncp-queue-row[aria-current=true]{background:#d7bd7f26}
 .ncp-queue-row>img{width:42px;height:42px;object-fit:cover;border-radius:5px;flex:none}
 .ncp-queue-row>span:not(.ncp-row-symbol){flex:1;min-width:0}
 .ncp-queue-row strong{display:block;font:400 13px/1.3 'PT Serif',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .ncp-queue-row small{display:block;font:400 9px/1.4 Montserrat,sans-serif;color:#738087;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
 .ncp-row-symbol{color:#a47c30;padding:0 5px}
 .ncp a.ncp-collection{display:inline-flex;margin-top:20px;padding:11px 24px;border:1px solid #71818a;border-radius:8px;color:#30434e;font:500 12px/1.5 Montserrat,sans-serif;text-decoration:none}
 .ncb-video{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;max-width:none;border-radius:8px;aspect-ratio:auto;margin:20px 0 10px;order:2}
 .ncb-video-mount{position:relative;inset:auto;border-radius:8px;width:100%;height:auto;aspect-ratio:4/3;min-height:200px;overflow:hidden}
 .ncb-video iframe{position:static;width:100%;height:100%;transform:none;min-height:200px}
 .ncb-video-close{bottom:calc(100% + 5px);right:0}
 .ncb-art:has(.ncb-video:not([hidden])){aspect-ratio:auto}
 .ncb-art.ncp-has-video{aspect-ratio:auto}
 .ncb-art:has(.ncb-video:not([hidden])) .ncb-disc{position:relative;aspect-ratio:1;height:auto}
 .ncp-video-open .ncb-art{padding-bottom:0}
 .ncp-error{font-size:11px;margin-bottom:10px}
}

/* Stable captions, round controls and cleaner cover stack. */
@media(min-width:601px){.ncp a.ncp-title{height:38px;min-height:38px;max-height:38px;line-height:19px!important;overflow:hidden;flex:none;margin:5px 0 8px}}
@media(max-width:600px){
 .ncb .ncb-art,.ncb .ncb-art:has(.ncb-video:not([hidden])){aspect-ratio:1;height:auto}
 .ncb .ncb-art .ncb-disc,.ncb .ncb-art:has(.ncb-video:not([hidden])) .ncb-disc{position:absolute;inset:0;width:100%;height:100%}
 .ncb .ncb-art .ncb-video{position:absolute;left:12%;top:12%;width:76%;height:76%;min-height:0;max-width:none;aspect-ratio:1;margin:0;transform:none;border-radius:50%;z-index:1}
 .ncb .ncb-video-mount{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:1;border-radius:50%;overflow:hidden}
 .ncb .ncb-video iframe{position:absolute;left:50%;top:50%;width:200%;height:112.5%;min-height:0;transform:translate(-50%,-50%)}
 .ncb .ncb-video-close{display:none}
 .ncb .ncp-mobile-cover{z-index:6}
 .ncb .ncp-overlay-play{z-index:7}
 .ncb .ncb-disc{z-index:2}
}
.ncb .ncp-deck .ncp-cover-link{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
.ncb .ncp-deck .ncp-cover-link::before,.ncb .ncp-deck .ncp-cover-link::after{display:none!important}
.ncb .ncp-back{background:transparent!important;box-shadow:none;border:0}
.ncb .ncp-back img{background:transparent!important;border:0;box-shadow:none;padding:0}
.ncp-controls{width:220px;gap:8px}
.ncp-controls button{width:36px;height:36px;min-width:36px;flex:0 0 36px;aspect-ratio:1;box-sizing:border-box}
.ncp-controls button.ncp-play{width:36px;height:36px;flex-basis:36px}
.ncp-repeat small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:9px;padding:0;margin:0;font:600 7px/9px Montserrat,sans-serif;text-align:center}
@media(min-width:601px) and (max-width:900px){.ncp-controls{width:200px;gap:5px}.ncp-controls button{width:34px;height:34px;min-width:34px;flex-basis:34px}}
@media(max-width:600px){
 .ncb-wrap{margin-top:82px}
 .ncb-art{margin-top:-78px}
 .ncb-disc{touch-action:pan-y;user-select:none;-webkit-user-select:none}
 .ncb-disc img{-webkit-user-drag:none}
 .ncp a.ncp-title{height:57.6px;min-height:57.6px;max-height:57.6px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:5px 0}
 .ncb .ncp-authors,.ncb .ncp-authors:empty{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:28px;min-height:28px;max-height:28px;line-height:14px;overflow:hidden;flex:none;margin:0 0 3px}
 .ncp-controls{width:100%;max-width:260px;gap:10px}
 .ncp-controls button{width:44px;height:44px;min-width:44px;flex:0 0 44px}
 .ncp-repeat small{top:50%;left:50%;font-size:8px}
 .ncp-queue{height:310px;max-height:310px;box-sizing:content-box}
 .ncp-error,.ncp-error:empty{display:block;height:30px;min-height:30px;margin:0;overflow:hidden}
}
