.emotion-hero{position:relative;background:#111619;color:#eeeade;overflow:hidden;--emotion-colour:#dcca9c}.hero-overline{display:flex;justify-content:space-between;padding:28px 5vw 0;font-size:9px;text-transform:uppercase;letter-spacing:.19em;color:#afbbb7}.hero-composition{display:grid;grid-template-columns:37% 63%;max-width:1700px;margin:auto;min-height:600px;padding:0 2vw 0 5vw;align-items:center}.hero-copy{z-index:2;padding:65px 0;position:relative;pointer-events:none}.hero-copy a{pointer-events:auto}.edition{font-size:10px;color:#a5b2ae;letter-spacing:.05em;display:flex;align-items:center;gap:24px}.edition span{font-size:9px;color:#c7c9ba}.hero-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(66px,8.6vw,140px);letter-spacing:-.065em;line-height:1.12;margin:30px -100px 14px 0;color:var(--emotion-colour);transition:color 2s}.companion{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;font-style:italic;font-size:clamp(21px,2.5vw,36px);color:#b5c1bb}.companion-line{width:42px;height:1px;background:var(--emotion-colour)}.hero-statement{margin-top:42px;font-size:14px;line-height:1.8;color:#c0c6c1}.explore-link{display:inline-flex;margin-top:36px;font-size:11px;gap:30px;align-items:center;border-bottom:1px solid #7f8b80;padding-bottom:12px}.explore-link span{font-size:18px}.dancer-stage{height:620px;position:relative;min-width:0}.dancer-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}#resonance-canvas{pointer-events:none}.dancer-stage-note{position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:#a4b3ad;pointer-events:none}.dancer-fallback{position:absolute;top:40%;left:20%;right:20%;font-size:14px;line-height:1.7}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 5vw 30px;color:#a9b5af;font-size:10px;letter-spacing:.03em}.hero-bottom>span:first-child{color:var(--emotion-colour)}.hero-bottom a{font-size:22px}.scene-thread{height:1px;background:#ffffff16}.scene-thread:after{content:'';display:block;height:1px;background:var(--emotion-colour);transform:scaleX(var(--scene-progress,0));transform-origin:left}.quiet-controls{position:fixed;bottom:18px;right:22px;z-index:30;display:flex;align-items:center;gap:11px;padding:2px 15px;background:#172321eb;border:1px solid #a1ada746;border-radius:30px;box-shadow:0 4px 24px #0001;color:#edeede;backdrop-filter:blur(16px)}.quiet-controls button{background:none;border:0;color:inherit;font-size:10px;min-height:40px;padding:0 2px}.quiet-controls button:disabled{opacity:.45}.quiet-controls>span{opacity:.3}
/* Integrated into the original orange page; controls belong to this section. */
.emotion-hero p{margin:0}.emotion-hero .hero-statement{margin-top:42px}
.emotion-hero .quiet-controls{position:relative;bottom:auto;right:auto;z-index:2;width:fit-content;margin:0 5vw 26px auto;box-shadow:none}
.emotion-hero .quiet-controls button{cursor:pointer;min-height:44px}
.emotion-hero .hero-overline a{border-bottom:1px solid #afbbb750;padding-bottom:5px}
.emotion-hero :focus-visible{outline:2px solid #edc477;outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1500px){.hero-composition{min-height:700px}.dancer-stage{height:700px}}
@media(max-width:900px){.hero-composition{grid-template-columns:35% 65%;min-height:540px}.dancer-stage{height:540px}.hero-copy h2{font-size:76px}.hero-statement{font-size:12px}}
@media(max-width:600px){.hero-overline{padding:24px 6vw 0;font-size:8px;gap:18px;align-items:start}.hero-overline a{max-width:100px;text-align:right;line-height:1.6}.hero-composition{display:flex;flex-direction:column;padding:0;min-height:0}.hero-copy{align-self:stretch;padding:38px 6vw 0}.edition{font-size:9px;gap:20px}.hero-copy h2{font-size:clamp(63px,17vw,96px);margin:18px 0 6px;letter-spacing:-.07em}.companion{font-size:23px;gap:12px}.companion-line{width:28px}.emotion-hero .hero-statement{font-size:12px;line-height:1.7;margin-top:22px}.explore-link{margin-top:18px;font-size:10px;gap:24px}.dancer-stage{width:100%;height:385px;margin-top:-12px}.dancer-stage-note{bottom:24px;font-size:7px}.hero-bottom{padding:0 6vw 24px;font-size:8px}.hero-bottom>span:nth-child(2){display:none}.emotion-hero .quiet-controls{margin-right:6vw}.quiet-controls button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.emotion-hero *{transition:none!important}}
/* Wind travels across the complete scene; text stays above it and readable. */
@media(min-width:901px){
 .emotion-hero .hero-composition{position:relative;display:block;min-height:740px;padding:0 5vw}
 .emotion-hero .hero-copy{width:32%;min-height:740px;display:flex;flex-direction:column;justify-content:center}
 .emotion-hero .dancer-stage{position:absolute;inset:0;height:100%;width:100%}
 .emotion-hero .hero-copy:before{content:'';position:absolute;inset:0 -35px 0 -5vw;background:linear-gradient(90deg,#111619e6,#111619a8 60%,transparent);z-index:-1;pointer-events:none}
 .emotion-hero .dancer-stage-note{left:35%;width:65%}
 .emotion-hero .explore-link{align-self:flex-start}
}
/* Pull attention into the travelling shot, then return the words on arrival. */
.emotion-hero .hero-copy{opacity:calc(1 - var(--camera-immersion,0)*.90)}
.emotion-hero .dancer-stage-note{opacity:calc(1 - var(--camera-immersion,0))}
@media(prefers-reduced-motion:reduce){.emotion-hero .hero-copy,.emotion-hero .dancer-stage-note{opacity:1}}

/* English leads; untracked Devanagari is a quiet second line, never squeezed. */
.emotion-hero .hero-copy h2{font-size:clamp(38px,calc(7.4vw * var(--emotion-scale,1)),100px);margin:26px 0 4px;line-height:1.12;letter-spacing:-.05em}
.emotion-hero .emotion-hindi{display:block;font-family:"Kohinoor Devanagari","Nirmala UI","Devanagari Sangam MN",serif;font-size:clamp(22px,2.2vw,30px);font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.7;color:#c5c7bb}
.emotion-hero .companion{margin-top:24px;align-items:flex-start;font-size:clamp(25px,3vw,40px);line-height:1.2}
.emotion-hero .companion-line{margin-top:.65em;width:25px;flex-shrink:0}
.emotion-hero .companion-words{display:flex;flex-direction:column;gap:4px}

.emotion-hero .dancer-stage-note{font-size:11px;letter-spacing:.04em;text-transform:none}
@media(max-width:600px){
 .home-page .emotion-hero .hero-copy h2{font-size:clamp(38px,calc(18vw * var(--emotion-scale,1)),76px)}
 .emotion-hero .hero-copy{padding-top:30px}
 .emotion-hero .companion{margin-top:14px;font-size:28px}
 .emotion-hero .emotion-hindi{font-size:23px}

 .emotion-hero .hero-statement{margin-top:20px}
 .emotion-hero .dancer-stage-note{font-size:10px}
}

/* One English pairing, one Hindi line. No duplicate stage/footer labels. */
.emotion-hero .hero-copy .companion{margin-top:3px;gap:12px;font-size:clamp(29px,3.5vw,48px);align-items:baseline;color:#e0e3d9}
.emotion-hero .companion-join{font-size:.58em;color:#96a59d;font-style:normal}

.emotion-hero .dancer-stage-note,.emotion-hero #pair-caption{display:none}
.emotion-hero .hero-bottom>span:nth-child(2){display:block}
@media(max-width:600px){
 .emotion-hero .hero-copy .companion{font-size:32px;margin-top:2px}

}

/* English-only main composition; no repeated translation captions. */
.emotion-hero .hero-bottom{gap:24px}
.emotion-hero .hero-bottom>a{flex-shrink:0}

/* English leads on the left; the Hindustani pair and thought close the scene at right. */
.emotion-hero .hero-statement{margin-bottom:0;min-block-size:3.6em}
.emotion-hero .hero-bottom{align-items:flex-end;min-height:112px}
.emotion-hero .hero-bottom>a{order:0;margin-right:auto;align-self:center}
.emotion-hero .hero-hindustani{order:1;flex:0 1 440px;margin-left:auto;text-align:right;font-family:"Kohinoor Devanagari","Nirmala UI","Devanagari Sangam MN",serif;font-weight:400;font-style:normal;letter-spacing:normal}
.emotion-hero .hero-emotions-hindi{font-size:23px;line-height:1.65;color:#d1d4c8;margin:0 0 8px}
.emotion-hero .hero-statement-hindi{white-space:pre-line;font-size:15px;line-height:1.8;color:#b8bdb7;min-block-size:3.6em;text-wrap:pretty}
@media(max-width:600px){.emotion-hero .hero-bottom{gap:22px;padding-top:12px}.emotion-hero .hero-hindustani{flex-basis:280px}.emotion-hero .hero-emotions-hindi{font-size:21px}.emotion-hero .hero-statement-hindi{font-size:14px;min-block-size:5.4em}}
@media(prefers-reduced-motion:reduce){.emotion-hero .hero-hindustani{opacity:1}}
