/* Yankı: scattered letters meet above the original identity ribbon. */
.hero-6.hero-bridge{display:block;min-height:0;padding-top:0;overflow:hidden}
.hero-bridge .echo-composition{position:relative;height:710px;max-width:900px;margin:0 auto;isolation:isolate}
.hero-bridge .echo-composition .art-stage{width:760px;height:760px;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;z-index:-1;max-width:none}
.hero-bridge .echo-composition .art-stage>.vector{width:100%;height:100%;max-height:none}
.hero-bridge .echo-composition .hero-copy{position:absolute;inset:0;transform:none;width:400px;height:max-content;margin:auto;padding:0}
.hero-bridge .echo-composition .kicker{font-size:9px;letter-spacing:.14em;line-height:1.5;margin:0 0 20px;transform:translateY(-22px)}
.identity-bridge{width:368.5px;height:auto;margin:6px auto 0;fill:var(--ice)}
.hero-bridge .echo-composition h1{font-family:var(--serif);font-size:54px;line-height:1.1;letter-spacing:0;font-weight:400;white-space:nowrap}
.hero-bridge .echo-composition h1 em{font-style:normal}
.hero-bridge .echo-composition .lead{max-width:330px;margin:21px auto 10px;font-size:13px;line-height:1.8;text-wrap:balance}
.hero-bridge .echo-composition .text-link{font-size:10px;min-height:38px}
.hero-6.hero-bridge .hero-baseline{margin-top:15px;transform:none}
.hero-bridge{--scatter-scale:1}
.hero-bridge .echo-composition .hero-copy{animation:none}
.hero-bridge .echo-svg .sway{animation-delay:8.6s;animation-fill-mode:both}
.gather-letters{display:inline-block}
.gather-letter{display:inline-block;transform:translateY(var(--fy,0px)) rotate(var(--fr,0deg));transform-origin:50% 85%;animation:gather-together 7s cubic-bezier(.33,0,.2,1) var(--delay) both}
/* Three complementary families, five voices, and fifteen unique pairings.
   Sizes are optically balanced to share a readable baseline on the bridge. */
.hero-bridge{--letter-blue:#005da5;--letter-navy:#142b49;--letter-teal:#247580;--letter-slate:#536b85;--letter-indigo:#52659b}
[data-theme=dark] .hero-bridge{--letter-blue:#70b7f2;--letter-navy:#e7effc;--letter-teal:#7ac9d5;--letter-slate:#a3b9d0;--letter-indigo:#a6b7ef}
.gather-letter.voice-0{font-family:Instrument,Georgia,serif;font-size:1em;font-weight:400;font-style:normal}
.gather-letter.voice-1{font-family:Manrope,'Segoe UI',sans-serif;font-size:.74em;font-weight:400;font-style:normal}
.gather-letter.voice-2{font-family:Instrument,Georgia,serif;font-size:1em;font-weight:400;font-style:italic;padding-inline:.018em}
.gather-letter.voice-3{font-family:Georgia,'Times New Roman',serif;font-size:.78em;font-weight:400;font-style:normal}
.gather-letter.voice-4{font-family:Manrope,'Segoe UI',sans-serif;font-size:.72em;font-weight:600;font-style:normal}
.letter-ink-0{color:var(--letter-blue)}.letter-ink-1{color:var(--letter-navy)}.letter-ink-2{color:var(--letter-teal)}.letter-ink-3{color:var(--letter-slate)}.letter-ink-4{color:var(--letter-indigo)}
.gather-space{display:inline-block;width:.23em}
.hero-bridge .echo-composition .kicker,.hero-bridge .echo-composition .lead{animation:gather-context 1.2s ease 7s both}
.replay-gather{display:block;position:absolute;top:calc(50% + 163px);left:50%;transform:translateX(-50%);margin:0;padding:8px 12px;min-height:34px;background:transparent;border:0;color:var(--muted);font-size:9px;letter-spacing:.02em;text-decoration:underline;text-underline-offset:4px;animation:gather-context 1s ease 7.7s both}
.replay-gather:hover{color:var(--blue)}
.gather-reset .gather-letter,.gather-reset .kicker,.gather-reset .lead,.gather-reset .text-link,.gather-reset .replay-gather{animation:none!important}
.gather-reset .echo-svg .sway{animation:none!important}
.gather-layout .gather-letter{animation:none!important;transform:none!important}
.motion-off .replay-gather{display:none}
@keyframes gather-together{
 0%,15%{transform:translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:.9}
 100%{transform:translateY(var(--fy)) rotate(var(--fr));opacity:1}
}
@keyframes gather-context{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.gather-letter,.hero-bridge .kicker,.hero-bridge .lead,.hero-bridge .text-link,.replay-gather{animation:none!important}.replay-gather{display:none}}
@media(max-width:800px){
 .replay-gather{top:calc(50% + 138px)}
 .hero-bridge .echo-composition{height:605px}
 .hero-bridge .echo-composition .art-stage{width:650px;height:650px}
 .hero-bridge .echo-composition .hero-copy{width:340px}
 .hero-bridge .echo-composition .kicker{font-size:8px;margin-bottom:17px;transform:translateY(-18px)}
 .hero-bridge{--scatter-scale:.83}
 .hero-bridge .identity-bridge{width:308px;margin:6px auto 0}
 .hero-bridge .echo-composition h1{font-size:45px}
 .hero-bridge .echo-composition .lead{font-size:12px;max-width:300px;margin-top:17px}
 .hero-bridge .echo-composition .text-link{font-size:9px}
}
@media(max-width:540px){
 .replay-gather{top:calc(50% + 105px)}
 .hero-bridge .echo-composition{height:560px}
 .hero-bridge .echo-composition .art-stage{width:calc(100vw + 130px);height:auto;aspect-ratio:1}
 .hero-bridge .echo-composition .hero-copy{width:310px;transform:translateY(-12px)}
 .hero-bridge .echo-composition .kicker{font-size:7.5px;letter-spacing:.1em}
 .hero-bridge{--scatter-scale:.72}
 .hero-bridge .identity-bridge{width:283.8px}
 .hero-bridge .echo-composition h1{font-size:41px}
 .hero-bridge .echo-composition .lead{max-width:280px;font-size:11.5px}
}
@media(max-width:360px){
 .replay-gather{top:calc(50% + 88px)}
 .hero-bridge .echo-composition{height:535px}
 .hero-bridge .echo-composition .art-stage{width:430px;height:430px}
 .hero-bridge .echo-composition .hero-copy{width:280px}
 .hero-bridge{--scatter-scale:.64}
 .hero-bridge .identity-bridge{width:261.8px}
 .hero-bridge .echo-composition h1{font-size:37px}
 .hero-bridge .echo-composition .lead{max-width:260px;font-size:11px}
}