/* Compact DAR layout: more content in the first viewport */
header{height:88px;padding-left:4%;padding-right:4%}
header .logo strong{font-size:26px}
.hero{height:62svh;min-height:480px;padding-top:72px}
.hero-top{margin-top:0}
.wordmark{font-size:clamp(145px,26vw,350px);line-height:.94;font-weight:700;letter-spacing:-.045em;transform:scaleX(.88);text-shadow:1px 1px 0 #fff7e8,2px 2px 0 #dbc6a8,3px 4px 0 #b99c77,7px 11px 15px #76563142}
.signature{font-size:clamp(48px,8vw,100px);margin-top:-.5em}
.hero-line{margin-top:20px}
.down{width:40px;height:40px;margin-top:20px}
.tiles{height:38svh;gap:0;padding:0}
.tile{height:100%;min-height:255px;padding:25px 13px 17px;border-radius:0}
.tile h2:after{margin:14px auto}
.tile-mark{margin-top:13px}
.play{width:52px;height:52px;margin-top:15px}
.tile-logo-mark{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.3vw,48px)!important;font-weight:400;letter-spacing:.28em!important;line-height:1;padding-left:.28em;color:currentColor;text-shadow:none!important;margin-top:0!important}
.tile-symbol{display:block;width:40px;height:40px;margin-top:0;color:currentColor}
.tile-phone{width:38px;height:38px}
.floating-book{border-radius:999px}
.section{padding-top:62px;padding-bottom:62px}
.eyebrow{margin-bottom:24px}
.section h2{font-size:clamp(36px,4vw,55px);margin-bottom:18px}
.about-copy p{font-size:14px;line-height:1.72;margin-bottom:16px}
.about-copy strong{font-weight:600}
.about-copy .about-invite{margin-top:24px;margin-bottom:0;color:var(--gold)}
.about-intro{min-width:0}
/* Original photograph, presented without visual effects. */
.about-group-photo{margin:22px auto 0;position:relative;width:min(100%,540px);background:transparent}
.about-group-photo:before,.about-group-photo:after{content:none;display:none}
.about-group-photo img{display:block;width:100%;height:auto;filter:none}
@media(max-width:650px){.about-group-photo{margin:18px auto 4px;width:min(100%,500px)}}
.names{margin-top:35px}
.program-list{margin-top:28px}
.program-list article{padding:17px 0}
.media-links{margin-top:25px}
.contact{padding-top:62px;padding-bottom:62px}
.contact .email{margin:18px 0 12px}
.inner-page main{min-height:calc(100vh - 88px)}
.inner-hero{padding-top:45px;padding-bottom:36px}
.inner-hero h1,.pin-screen h1{font-size:clamp(40px,5.5vw,66px)}
.channel-grid{max-width:1000px;gap:12px;padding-bottom:36px}.channel-grid>a{min-height:215px;padding:24px;border-radius:16px}.channel-grid h2{font-size:26px;margin:16px 0 7px}.channel-grid p{font-size:12px;line-height:1.55}.channel-grid .social-icon{width:38px;height:38px}
.clients-page .inner-hero{padding-bottom:22px}.clients-page .inner-hero p{max-width:900px;font-size:14px}.resource-grid{max-width:none;grid-template-columns:repeat(6,1fr);gap:0;padding:0 0 42px}
.resource-grid article{padding:145px 18px 17px;min-height:305px;border-radius:0;position:relative;overflow:hidden;border-right:1px solid #fff8}
.resource-grid article:before{content:'';position:absolute;inset:0 0 auto;height:132px;background-image:linear-gradient(#3d2d1b22,#3d2d1b66),url('resource-visuals.webp');background-size:600% 100%;background-position:0 center}
.resource-grid article:nth-child(2):before{background-position:20% center}
.resource-grid article:nth-child(3):before{background-position:40% center}
.resource-grid article:nth-child(4):before{background-position:60% center}
.resource-grid article:nth-child(5):before{background-position:80% center}
.resource-grid article:nth-child(6):before{background-position:100% center}
.resource-grid h2{font-size:21px;margin:13px 0 7px}
.resource-grid p{font-size:11px;line-height:1.55}
.gallery-section,.songs{padding-top:55px;padding-bottom:55px}
.pin-screen{min-height:calc(100svh - 88px)}
.contract-head{max-width:1000px;margin:auto;padding-top:18px;padding-bottom:18px}
.contract-head .eyebrow{margin-top:20px;margin-bottom:8px}
.contract-head h1{font-size:clamp(36px,5vw,58px)}
.contract-head p{font-size:13px}
.contract-workspace{max-width:1000px;display:flex;flex-direction:column;padding:0 3% 45px;gap:14px}
.contract-form{width:100%;gap:10px}
.form-card{padding:14px 17px}
.form-card h2{font-size:19px;margin:5px 0 11px}
.form-card label{margin-bottom:12px}
.performer-choice{padding:10px}
.field-grid{margin-top:12px}
.contract-side{position:relative;top:auto;width:100%}
.contract-preview{max-height:none;padding:14px}
.paper{max-width:760px;padding:38px 44px;min-height:660px}
.preview-toolbar{padding:9px 12px}

.dar-radio{position:fixed!important;left:24px!important;right:auto!important;top:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;z-index:2147483000;display:flex;align-items:flex-end;gap:10px;transform:translateZ(0);will-change:transform}
.radio-main{width:76px;height:76px;border-radius:50%;border:2px solid #d5aa68;background:#111;padding:0;overflow:hidden;position:relative;box-shadow:0 10px 28px #2b1c1266}
.radio-main img{width:100%;height:100%;object-fit:cover}
.radio-state{position:absolute;inset:auto 0 6px;margin:auto;width:23px;height:23px;border:1px solid #e0b66f;border-radius:50%;background:#1a130cdd;color:#efc777;display:grid;place-items:center;font-size:10px}
.radio-controls{width:190px;background:#1b1714f5;color:#f1d8b3;border:1px solid #c9995966;border-radius:14px;padding:13px;box-shadow:0 10px 30px #291b1366;position:relative}
.radio-controls strong{font-size:9px;letter-spacing:1px}
.radio-controls label{font-size:9px;margin:8px 0 0}
.radio-controls input{padding:0;border:0;height:16px;accent-color:#d5a356}.radio-controls input[type=range]{appearance:none;background:transparent}.radio-controls input[type=range]::-webkit-slider-runnable-track{height:4px;background:#b9843c;border-radius:4px}.radio-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#efc777;border:1px solid #6c471e;margin-top:-5px}.radio-controls input[type=range]::-moz-range-track{height:4px;background:#b9843c}.radio-controls input[type=range]::-moz-range-thumb{background:#efc777;border:1px solid #6c471e}.radio-close{position:absolute;right:7px;top:5px;border:0;background:transparent;color:#efc777;font-size:19px;line-height:1;padding:3px 5px}

#menu{inset:0 0 0 auto;width:min(430px,88vw);padding:105px 38px 35px;background:#eee1d3fc;box-shadow:-18px 0 55px #4c382733;backdrop-filter:blur(18px)}
#menu nav{max-width:none}
#menu a{padding:12px 4px;font-size:11px}
#menu span{font-size:clamp(22px,4vw,34px);margin-left:22px}

@media(min-width:651px) and (max-width:1100px){.hero{height:61svh;min-height:455px}
.tiles{height:39svh}
.tile{min-height:245px;padding-top:22px}
.wordmark{font-size:clamp(140px,29vw,285px)}
.signature{font-size:clamp(52px,9vw,82px)}
.hero-line{margin-top:17px}
.section{padding:52px 5%}
.inner-hero{padding:35px 6% 28px}
.resource-grid{grid-template-columns:repeat(6,1fr);padding:0 0 38px}
.resource-grid article{min-height:255px;padding-top:120px}
.resource-grid article:before{height:105px}
.channel-grid{padding-left:4%;padding-right:4%;gap:9px}
.contract-head{padding-left:4%;padding-right:4%}
.contract-workspace{padding-left:4%;padding-right:4%}
.paper{padding:35px 32px}
}

@media(max-width:650px){header{height:76px}
.hero{height:72svh;min-height:510px;padding-top:55px}
.wordmark{font-size:37vw;margin-top:12px}
.signature{font-size:13vw}
.hero-line{margin-top:25px}
.down{margin-top:20px}
.tiles{height:auto;grid-template-columns:repeat(2,1fr)}
.tile{height:230px;min-height:0;padding:21px 14px 14px;border-radius:14px}
.tile:last-child{height:140px}
.section{padding-top:45px;padding-bottom:45px}
.inner-hero{padding-top:32px;padding-bottom:26px}
.resource-grid{grid-template-columns:repeat(2,1fr);padding:0 0 35px}
.resource-grid article{min-height:235px;padding:112px 14px 14px;border-radius:0}
.resource-grid article:before{height:98px}
.gallery-section,.songs{padding-top:42px;padding-bottom:42px}
.pin-screen{min-height:calc(100svh - 76px)}
#menu{width:min(340px,90vw);padding:82px 25px 24px}
#menu a{padding:10px 2px}
#menu span{font-size:24px;margin-left:17px}
.contract-head{padding:15px 5% 18px}
.contract-workspace{padding:0 4% 35px}
.contract-form{padding:0}
.form-card{padding:13px}
.performer-options{grid-template-columns:1fr 1fr}
.performer-choice{padding:8px;grid-template-columns:31px 1fr}
.mini-logo{width:30px;height:30px}
.paper{min-height:620px;padding:27px 20px}
.dar-radio{left:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
.radio-main{width:62px;height:62px}
.radio-controls{width:160px}
.floating-book{right:12px;bottom:12px}
}
.hero.hero-logo-scene{--scene-width:calc(var(--scene-unit,1vw)*81.560976);--scene-center:51.707317%;--head-clearance:112px;--scene-shift:72px;--scene-top:max(20px,calc(var(--head-clearance) - var(--scene-width)*.089713 + var(--scene-shift)));container-type:size;height:calc(var(--scene-top) + var(--scene-width)*.52512);min-height:0;max-height:none;padding:0;background:#ead8c4 url('dar-room-extended-v1.png') center / cover no-repeat}
.hero.hero-logo-scene:before{content:'';position:absolute;left:50%;top:50%;width:max(100cqw,177.6833cqh);height:max(100cqh,56.2799cqw);background:url('dar-hero-v26.webp') center / 100% 100% no-repeat;transform:translate(-50%,-50%) scale(.8);transform-origin:center center;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 99%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 99%,transparent);mask-composite:intersect}
.hero.hero-logo-scene:before{left:var(--scene-center);top:var(--scene-top);width:var(--scene-width);height:calc(var(--scene-width)*.562799);transform:translateX(-50%);background-image:url('dar-hero-v28.png')}
.hero-floor-shadows{position:absolute;left:var(--scene-center);top:var(--scene-top);width:var(--scene-width);height:calc(var(--scene-width)*.562799);transform:translateX(-50%);pointer-events:none;mix-blend-mode:multiply;opacity:.85}
.hero-floor-shadows i{position:absolute;inset:0;background:url('dar-floor-shadows-v1.png') center / 100% 100% no-repeat;filter:contrast(1.04)}
.hero-floor-shadows i:nth-child(1){clip-path:inset(85% 78% 8% 8%);transform:translateY(8%)}
.hero-floor-shadows i:nth-child(2){clip-path:inset(81% 54% 11% 30%);transform:translate(.6%,8%)}
.hero-floor-shadows i:nth-child(3){clip-path:inset(81% 31% 10% 51%);transform:translate(-.6%,10.88%)}
.hero-floor-shadows i:nth-child(4){clip-path:inset(86% 15% 5% 68%);transform:translate(-4.8%,10.58%)}
.hero-edge-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ead8c499,transparent 20%,transparent 80%,#ead8c499)}
.contact-ribbon{position:absolute;inset:auto 0 0;height:19px;z-index:3;display:flex;align-items:center;background:linear-gradient(90deg,#f3e6d800,#f3e6d85c 15%,#f3e6d880 50%,#f3e6d85c 85%,#f3e6d800);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block:1px solid #fff5e94d;color:#735d49b3}
.contact-ribbon-window{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 90%,transparent 98%);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 90%,transparent 98%)}
.contact-ribbon-track{display:flex;width:max-content;animation:dar-contact-scroll 32s linear infinite}
.contact-ribbon-group{flex:0 0 auto;width:100vw;min-width:660px;display:flex;align-items:center;justify-content:space-evenly;gap:28px;padding:0 42px;white-space:nowrap;font-size:10px;letter-spacing:1.1px}
.contact-ribbon-group>span:first-child{text-transform:uppercase;font-size:8px;letter-spacing:1.5px}
.contact-ribbon-group a{display:inline-flex;align-items:center;min-height:18px;font-weight:500;font-variant-numeric:tabular-nums}
.contact-ribbon-group a:hover{text-decoration:underline;text-underline-offset:3px}
.ribbon-divider{opacity:.5}
.contact-ribbon-toggle{position:absolute;right:5px;top:1px;width:17px;height:17px;border:0;border-radius:50%;padding:0;background:#f3e6d8b3;color:inherit;font-size:9px;display:grid;place-items:center}
.contact-ribbon.is-paused .contact-ribbon-track,.contact-ribbon-track:focus-within{animation-play-state:paused}
@media(hover:hover){.contact-ribbon:hover .contact-ribbon-track{animation-play-state:paused}}
@keyframes dar-contact-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.contact-ribbon-track{animation:none;width:100%}.contact-ribbon-group{width:100%;min-width:0;gap:12px;padding:0 12px;letter-spacing:.4px}.contact-ribbon-group[aria-hidden=true],.contact-ribbon-toggle,.contact-ribbon-group>span:first-child{display:none}.contact-ribbon-window{-webkit-mask-image:none;mask-image:none}}
.hero-logo-scene + .tiles{position:relative;z-index:1;height:34svh;min-height:225px;max-height:360px}
.hero-logo-scene + .tiles .tile{height:100%;min-height:0;padding:20px 12px 16px}
.hero-logo-scene + .tiles .num:after{margin:8px auto 12px}
.hero-logo-scene + .tiles h2:after{margin:10px auto}
.hero-logo-scene + .tiles .tile-mark{font-size:clamp(38px,5vw,70px);margin-top:0}
.hero-logo-scene + .tiles .play{width:40px;height:40px;margin-top:0}
@media(max-width:650px){
  .hero.hero-logo-scene{--scene-width:calc(var(--scene-unit,1vw)*100);--scene-center:50%;--head-clearance:100px;--scene-shift:0px;background-size:cover;background-position:center 50%}
  .hero-logo-scene + .tiles{height:40svh;min-height:270px;max-height:none;grid-template-rows:repeat(3,1fr)}
  .hero-logo-scene + .tiles .tile{padding:12px 8px;border-radius:0;justify-content:center;gap:7px}
  .hero-logo-scene + .tiles .num{font-size:11px}
  .hero-logo-scene + .tiles h2{font-size:12px}
  .hero-logo-scene + .tiles .num:after,.hero-logo-scene + .tiles h2:after,.hero-logo-scene + .tiles .tile-mark,.hero-logo-scene + .tiles .tile-symbol,.hero-logo-scene + .tiles .play,.hero-logo-scene + .tiles .lock,.hero-logo-scene + .tiles .tile-bottom{display:none}
}