.hc{background:var(--bg,#0a0908);isolation:isolate;min-height:760px}
.hc-stage,.hc-scene,.hc-frame{position:absolute;inset:0}
.hc-stage{z-index:-1;pointer-events:none}
.hc-scene{opacity:0;transition:opacity 1.25s ease;overflow:hidden;background:#0a0908}
.hc-scene.is-active{opacity:1;z-index:1}
.hc-frame img,.hc-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--scene-x,50%) var(--scene-y,42%);filter:saturate(.82) contrast(1.04) brightness(.88)}
.hc-frame video{opacity:0;transition:opacity .45s ease}
.hc-frame video.is-ready{opacity:1}
.hc-performing{--scene-x:65%;--scene-y:38%}
.hc-casals{--scene-x:50%;--scene-y:50%}
.hc-audi{--scene-x:50%;--scene-y:46%}
.hc-teaching{--scene-x:50%;--scene-y:28%}
.hc-stage::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(10,9,8,.84) 0%,rgba(10,9,8,.62) 25%,rgba(10,9,8,.18) 58%,rgba(10,9,8,.07) 100%),linear-gradient(0deg,rgba(10,9,8,.96) 0%,rgba(10,9,8,.58) 18%,transparent 58%,rgba(10,9,8,.56) 100%)}
.hc-in{padding-bottom:174px;pointer-events:none}
.hc-in a{pointer-events:auto}
.hc-kicker{margin-bottom:28px;color:var(--brass-bright);text-shadow:0 1px 12px #000}
.hc h1{text-shadow:0 3px 32px rgba(0,0,0,.65)}
.hc .hero-sub{font-size:16px;max-width:49ch;margin-top:22px;color:#f8f4ed;text-shadow:0 1px 5px #000,0 2px 18px rgba(0,0,0,.9)}
.hc .btn-ghost{background:rgba(10,9,8,.36);border-color:rgba(243,239,231,.38);backdrop-filter:blur(5px)}
.hc .hero-cta{margin-top:24px}
.hc-caption{position:absolute;top:102px;right:42px;z-index:2;text-align:right;max-width:350px;line-height:1.5;text-shadow:0 1px 12px #000}
.hc-count{font-size:10px;color:var(--brass-bright)}
.hc-caption p{font-size:13px;color:var(--ink);margin-top:8px}
.hc-silent{display:block;font-size:10px;letter-spacing:.06em;color:#c0b7a9;margin-top:4px}
.hc-controls{position:absolute;z-index:3;bottom:36px;left:50%;transform:translateX(-50%);max-width:var(--wrap);width:100%;padding:0 158px 0 30px;display:flex;gap:28px;align-items:center}
.hc-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;flex:1;min-width:0}
.hc-choice{position:relative;display:flex;gap:13px;align-items:center;text-align:left;background:transparent;border:0;border-top:1px solid #6b6257;padding:20px 0 8px;cursor:pointer;color:#c9c0b3;font:500 13px var(--sans);letter-spacing:.025em;min-height:56px;white-space:nowrap}
.hc-choice::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--brass-bright);transform:scaleX(0);transform-origin:left;transition:transform .55s ease}
.hc-choice:hover{color:#fff}
.hc-choice.is-active{color:var(--brass-bright)}
.hc-choice.is-active::before{transform:scaleX(1)}
.hc-choice-number{font-size:10px;color:#b8ac99;font-variant-numeric:tabular-nums}
.hc-motion{position:absolute;z-index:3;bottom:40px;right:max(30px,calc((100% - var(--wrap))/2 + 30px));border:1px solid #75654f;border-radius:50px;background:rgba(10,9,8,.5);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;font:500 11px var(--sans);min-width:100px;height:44px;cursor:pointer}
.hc-motion:hover{border-color:var(--brass-bright);color:var(--brass-bright)}
.hc-choice:focus-visible,.hc-motion:focus-visible{outline:2px solid var(--brass-bright);outline-offset:5px}
.hc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){.hc-caption{right:30px;top:88px}.hc-choices{gap:18px}.hc-choice{gap:8px;font-size:12px}.hc-controls{gap:22px}.hc-in{padding-bottom:172px}}
@media(min-width:701px) and (max-height:820px){.hc{min-height:660px}.hc h1{font-size:clamp(72px,9vw,112px)}.hc-in{padding-bottom:132px}.hc-kicker{margin-bottom:18px}.hc .hero-sub{margin-top:16px}.hc .hero-cta{margin-top:18px}}
@media(max-width:700px){
 .hc{height:100svh;min-height:700px}
 .hc .hero-in{padding:0 22px 140px}
 .hc h1{font-size:clamp(60px,17vw,100px)}
 .hc-kicker{font-size:9px;letter-spacing:.16em;margin-bottom:14px;line-height:1.6}
 .hc .hero-sub{font-size:14px;line-height:1.4;margin-top:16px;max-width:40ch}
 .hc .hero-cta{gap:10px;margin-top:18px}
 .hc .btn{padding:13px 12px;font-size:10px;letter-spacing:.05em}
 .hc-caption{top:87px;left:22px;right:22px;max-width:none;display:flex;gap:12px;align-items:center;text-align:left}
 .hc-caption p{font-size:11px;margin:0;line-height:1.35}
 .hc-count{white-space:nowrap;font-size:9px;letter-spacing:.12em}
 .hc-silent{display:none}
 .hc-performing{--scene-x:64%;--scene-y:30%}
 .hc-casals{--scene-x:58%;--scene-y:40%}
 .hc-audi{--scene-x:54%;--scene-y:50%}
 .hc-teaching{--scene-x:52%;--scene-y:35%}
 .hc-stage::after{background:linear-gradient(0deg,rgba(10,9,8,.97) 0%,rgba(10,9,8,.82) 22%,rgba(10,9,8,.45) 53%,rgba(10,9,8,.08) 76%,rgba(10,9,8,.66) 100%),linear-gradient(90deg,rgba(10,9,8,.32),transparent 95%)}
 .hc-controls{padding:0 22px;bottom:24px;display:block}
 .hc-choices{grid-template-columns:1fr 1fr;gap:4px 22px}
 .hc-choice{font-size:11px;padding:13px 0 8px;gap:8px;min-height:46px}
 .hc-choice-number{font-size:9px}
 .hc-motion{top:126px;right:22px;bottom:auto;min-width:44px;width:44px;height:40px}
 .hc-motion [data-hc-motion-text]{display:none}
}
@media(prefers-reduced-motion:reduce){.hc-scene,.hc-frame video,.hc-choice::before{transition:none}}
