/* A still editorial transition gives the animated hero room to breathe. */
.connection-note{padding:64px var(--pad) 72px;background:#f9fcf8;color:#103e35;border-top:1px solid #cee2d8;border-bottom:1px solid #d9e8df}
.connection-eyebrow{display:flex;align-items:center;gap:16px;font-size:10px;font-weight:650;letter-spacing:.12em;color:#416f61}
.connection-line{height:2px;width:58px;background:#16b99c;flex-shrink:0}
.connection-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);align-items:end;gap:50px;margin-top:32px}
.connection-body h2{font-size:clamp(34px,4.2vw,68px);font-weight:550;line-height:1.16;letter-spacing:-.052em;margin:0}
.connection-body h2 em{font-style:normal;color:#098c75;white-space:nowrap}
.connection-body p{max-width:320px;margin:0 0 5px;font-size:15px;line-height:1.85;color:#4a7163}
.manifesto .value-notes{margin-top:60px;padding-top:30px;border-top:1px solid #c2d9cd}
.manifesto .value-notes h3{font-size:24px;line-height:1.28;max-width:300px}
.approach .chapter h3{font-size:clamp(19px,1.8vw,27px);line-height:1.3}
.approach-top h2>span{color:#116451}
.statement .muted,.clarity h2>span{color:#627b71}
.play-intro h2>span{color:#0b8770}
.human-cinema .cinema-content h2{font-size:clamp(36px,5.7vw,84px);line-height:1.09}
.clarity h2{font-size:clamp(35px,4vw,60px);line-height:1.15}
.closing-preview{font-size:11px;line-height:1.75;color:#356653;max-width:490px;margin-top:28px}
.contact-preview-note{background:#e8f5ed;border-left:2px solid #0eaa8a;padding:16px 18px;margin:24px 0}
.contact-preview-note strong{font-size:12px;color:#195443}
#contact-dialog .contact-preview-note p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#446d5b}
.flight-experience .flight-caption{display:block;text-align:center;padding:0 15px 8px}
.flight-experience .scene-caption strong{font-weight:550;font-size:clamp(17px,1.5vw,23px)}
.flight-experience .scene-caption>span{display:block;margin-top:7px;font-size:11px}
.flight-experience .flight-stage{margin-bottom:8px}
@media(max-width:1100px){
 .connection-body{grid-template-columns:1.65fr 1fr;gap:32px}
 .connection-body h2{font-size:clamp(32px,4.2vw,48px)}
 .connection-body p{font-size:13px}
}
@media(max-width:720px){
 .connection-note{padding:45px var(--pad) 47px}
 .connection-eyebrow{font-size:9px;gap:12px;letter-spacing:.09em}
 .connection-line{width:34px}
 .connection-body{display:block;margin-top:24px}
 .connection-body h2{font-size:clamp(28px,7.5vw,46px);line-height:1.2;letter-spacing:-.048em}
 .connection-body p{margin:24px 0 0;max-width:340px;font-size:14px;line-height:1.8}
 .manifesto .value-notes{margin-top:36px;padding-top:28px}
 .manifesto .value-notes h3{font-size:23px}
 .with-roadster .approach .chapter h3{font-size:19px}
 .human-cinema .cinema-content h2{font-size:clamp(29px,8vw,48px)}
 .closing-preview{font-size:11px;max-width:340px}
 .flight-experience .flight-caption{padding:0 0 8px;text-align:left}
 .flight-experience .flight-caption .scene-caption strong{font-size:19px}
 .flight-experience .scene-caption>span{font-size:10px}
}