/* MYKE / São Paulo / cinematic city hero. Keep all existing interactive city sections untouched. */
.sp-body .sp-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(690px,calc(100svh - 86px),890px);background:#0c1117;overflow:hidden}
.sp-body .sp-hero>.sp-bound{position:relative;z-index:3}
.sp-body .sp-hero>.sp-skyline-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;z-index:0;overflow:hidden}
.sp-body .sp-hero .sp-skyline-frame>.sp-skyline{display:block;position:static;inset:auto;transform:none;width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:1;filter:none;max-width:none}
.sp-body .sp-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,15,.79) 0%,rgba(6,10,16,.64) 29%,rgba(6,10,16,.22) 62%,rgba(6,10,16,.09) 100%),linear-gradient(0deg,rgba(6,9,14,.65) 0%,transparent 37%,rgba(4,9,15,.13) 100%)}
.sp-body .sp-hero .sp-toprow{border-color:rgba(255,255,255,.50);padding-top:22px}
.sp-body .sp-hero .sp-toprow .sp-kicker{color:#f1f3f7;text-shadow:0 2px 12px #0008}
.sp-body .sp-hero .sp-herotext{padding-top:clamp(100px,13vh,170px);padding-bottom:clamp(150px,17vh,230px)}
.sp-body .sp-hero .sp-gigantic{margin:35px 0 35px;color:#fff;font-weight:800;font-size:clamp(96px,15vw,226px);line-height:.78;text-shadow:0 12px 48px rgba(0,0,0,.31)}
.sp-body .sp-hero .sp-gigantic span:last-child{color:#fff}
.sp-body .sp-hero .sp-slogan{color:#f5f7fb;text-shadow:0 2px 17px #0008}
.sp-body .sp-hero .sp-lede{color:#e0e5eb;text-shadow:0 2px 12px #000a}
@media(max-width:700px){
 .sp-body .sp-hero{min-height:clamp(680px,calc(100svh - 72px),850px);align-items:stretch}
 .sp-body .sp-hero>.sp-bound{width:calc(100% - 42px);display:flex;flex-direction:column}
 .sp-body .sp-hero>.sp-skyline-frame{width:100%;height:100%;margin:0;aspect-ratio:auto}
 .sp-body .sp-hero .sp-skyline-frame>.sp-skyline{object-fit:cover;object-position:52% 48%}
 .sp-body .sp-hero::after{background:linear-gradient(180deg,rgba(5,8,14,.48) 0%,rgba(7,10,14,.50) 28%,rgba(5,9,13,.38) 51%,rgba(5,9,13,.80) 100%),linear-gradient(90deg,rgba(5,8,13,.4),transparent 88%)}
 .sp-body .sp-hero .sp-toprow{padding-top:16px}
 .sp-body .sp-hero .sp-herotext{padding-top:clamp(148px,24vh,220px);padding-bottom:66px}
 .sp-body .sp-hero .sp-gigantic{font-size:clamp(75px,17vw,130px);line-height:.82;margin:25px 0 33px;letter-spacing:-.10em}
 .sp-body .sp-hero .sp-slogan{font-size:clamp(23px,6vw,35px);margin-bottom:15px}
 .sp-body .sp-hero .sp-lede{font-size:14px;line-height:1.65;max-width:330px}
}
@media(max-width:390px){.sp-body .sp-hero .sp-gigantic{font-size:clamp(70px,18vw,100px)}}
@media(prefers-reduced-motion:no-preference){.sp-body .sp-hero .sp-skyline{animation:sp-cinema-in 1.5s cubic-bezier(.2,.7,.2,1) both}@keyframes sp-cinema-in{from{opacity:.12;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}}