
/* MYKE Group: São Paulo editorial microsite. Namespaced, no Home style overrides. */
:root {color-scheme:dark}
.sp-body{background:#111315;color:#f2f1ed}
.sp-body *{box-sizing:border-box}
.sp-bound{width:min(1240px,calc(100% - 92px));margin-inline:auto}
.sp-kicker{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#a4aaae}
.sp-hero{position:relative;background:radial-gradient(ellipse at 73% 55%,#292d31 0%,#17191b 43%,#101112 85%);min-height:900px;overflow:hidden}
.sp-hero>div{position:relative;z-index:2}
.sp-toprow{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid #595e62;gap:15px}
.sp-herotext{padding-top:117px;padding-bottom:350px}
.sp-gigantic{font-family:Manrope,Arial,sans-serif;font-size:clamp(90px,17vw,246px);line-height:.76;letter-spacing:-.115em;font-weight:800;margin:27px 0 39px;max-width:1150px}
.sp-gigantic span{display:block}
.sp-gigantic span:last-child{color:#a2a5a6}
.sp-slogan{font-size:clamp(21px,3.3vw,43px);font-weight:700;letter-spacing:-.055em;margin:0 0 24px}
.sp-lede{color:#b1b7b8;font-size:clamp(15px,1.6vw,19px);line-height:1.8;max-width:600px;margin:0}
.sp-skyline{position:absolute;z-index:1;bottom:5px;left:50%;transform:translateX(-50%);width:min(1100px,100%);height:auto;opacity:.78;filter:drop-shadow(0 0 25px rgba(236,237,240,.12))}
.sp-section{padding:120px 0}
.sp-display{font-family:Manrope,Arial,sans-serif;font-size:clamp(49px,6.5vw,92px);line-height:1.04;letter-spacing:-.078em;font-weight:800;margin:26px 0 33px}
.sp-display span{color:#9da2a5}
.sp-body .sp-p{font-family:Manrope,Arial,sans-serif;color:#aeb5b7;font-size:clamp(15px,1.55vw,18px);line-height:1.85;max-width:580px;margin:0}
.sp-city-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px}
.sp-statstrip{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#515558;border:1px solid #515558;margin-top:83px}
.sp-stat{background:#1a1d1f;padding:43px 34px 47px;min-width:0}
.sp-stat strong{font-family:Manrope,Arial,sans-serif;display:block;font-size:clamp(41px,6vw,82px);line-height:1.1;letter-spacing:-.075em;font-weight:750;white-space:nowrap}
.sp-stat small{display:block;margin-top:26px;color:#bdc0c1;font-size:11px;font-weight:800;letter-spacing:.16em}
.sp-source{font-size:11px;margin:19px 0 0;color:#898f91}
.sp-sand{background:#ebe9e1;color:#121416}
.sp-sand .sp-kicker{color:#72767a}
.sp-sand .sp-display span{color:#8a8e91}
.sp-sand .sp-p{color:#505659}
.sp-comp-head{display:grid;grid-template-columns:1fr .85fr;gap:85px;align-items:end;margin-bottom:74px}
.sp-bars{display:grid;gap:39px}
.sp-bar-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:800;letter-spacing:.14em}
.sp-bar-head strong{font-size:34px;font-weight:700;letter-spacing:-.05em}
.sp-track{height:22px;background:#d5d3cb;position:relative;margin-top:15px;overflow:hidden}
.sp-fill{display:block;height:100%;background:#23272a}
.sp-fill.sp-current{background:#798088}
.sp-signature{border-top:1px solid #c8c6bd;padding-top:24px;margin-top:64px;font-size:clamp(25px,3.5vw,45px);font-weight:800;letter-spacing:-.06em}
.sp-footnote{font-size:11px;line-height:1.7;color:#767b7c;margin-top:21px;max-width:720px}
.sp-zonehead{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end;margin-bottom:55px}
.sp-zone-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}
.sp-map{border:1px solid #383d41;background:radial-gradient(circle at 50% 44%,#2a2e31 0%,#16191b 58%,#141617 100%);padding:20px;min-height:480px;display:flex;align-items:center;justify-content:center}
.sp-map svg{width:100%;height:auto;max-height:500px;display:block}
.sp-map path{fill:#33383c;stroke:#bbc0c4;stroke-width:2;stroke-linejoin:round}
.sp-map path.sp-mid{fill:#4c5357}
.sp-map text{fill:#f4f3ed;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:17px;letter-spacing:.12em;text-anchor:middle;dominant-baseline:middle}
.sp-map text.sp-center{font-size:14px}
.sp-zonelist{display:grid;gap:0}
.sp-zonerow{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #414649;padding:20px 0}
.sp-zonerow:first-child{border-top:1px solid #414649}
.sp-zonerow span{font-size:12px;letter-spacing:.14em;color:#c3c7ca;font-weight:800}
.sp-zonerow strong{font-size:clamp(23px,2.3vw,34px);font-weight:750;letter-spacing:-.055em;white-space:nowrap}
.sp-mapnote{margin:15px 0 0;color:#828a8e;font-size:11px;line-height:1.7}
.sp-scale{background:#f0eee7;color:#121315}
.sp-scale .sp-kicker{color:#6e7577}
.sp-scale .sp-display span{color:#81888c}
.sp-scale-grid{display:grid;grid-template-columns:1fr .95fr;gap:82px;align-items:start}
.sp-big{font-size:clamp(95px,13vw,195px);font-weight:800;line-height:.84;letter-spacing:-.095em;margin:30px 0 24px;white-space:nowrap}
.sp-unit{font-size:clamp(19px,2.2vw,29px);letter-spacing:-.035em;font-weight:800}
.sp-milestone{border-top:1px solid #a4a7a7;border-bottom:1px solid #a4a7a7;padding:25px 0;margin-top:45px}
.sp-milestone strong{display:block;color:#23272a;font-weight:800;font-size:23px;letter-spacing:-.05em;margin:12px 0}
.sp-milestone p{color:#5e6466;font-size:14px;line-height:1.75;max-width:520px;margin:0}
.sp-scale .sp-p{color:#555b5d}
.sp-rio{background:#171a1c;border-top:1px solid #4b5155;padding:68px 0 74px}
.sp-rio .sp-bound{display:flex;align-items:center;justify-content:space-between;gap:24px}
.sp-rio-title{margin:10px 0;font-size:clamp(40px,5.5vw,76px);font-weight:750;letter-spacing:-.065em;line-height:1}
.sp-coming{color:#a8afb2;font-size:13px;font-weight:800;letter-spacing:.19em}
.sp-cta{display:inline-block;font-size:12px;letter-spacing:.14em;font-weight:800;color:#e8e7e2!important;text-decoration:none!important;border-bottom:1px solid #aeb0b1;padding:12px 0}
.sp-cta:hover{color:#9ea6b2!important}
.sp-legal{color:#81898b;font-size:11px;line-height:1.7;padding:20px 0 35px}
.sp-legal a{color:#bec2c5}
@media(max-width:960px){.sp-city-grid,.sp-comp-head,.sp-zonehead,.sp-zone-layout,.sp-scale-grid{grid-template-columns:1fr;gap:26px}.sp-map{max-width:660px}.sp-herotext{padding-top:145px}.sp-statstrip{margin-top:55px}}
@media(max-width:650px){.sp-bound{width:calc(100% - 40px)}.sp-hero{min-height:675px}.sp-toprow{padding-top:19px}.sp-kicker{font-size:9px;letter-spacing:.18em}.sp-herotext{padding-top:145px;padding-bottom:220px}.sp-gigantic{font-size:clamp(70px,19vw,130px);margin-bottom:25px}.sp-slogan{font-size:24px}.sp-lede{font-size:15px;line-height:1.6}.sp-skyline{width:125%;max-width:none;bottom:5px}.sp-section{padding:77px 0}.sp-display{font-size:clamp(45px,11vw,64px)}.sp-statstrip{grid-template-columns:1fr;gap:1px}.sp-stat{padding:28px 26px}.sp-stat strong{font-size:clamp(46px,12vw,65px)}.sp-stat small{margin-top:10px}.sp-comp-head{margin-bottom:52px}.sp-bars{gap:27px}.sp-track{height:18px}.sp-bar-head strong{font-size:26px}.sp-zone-layout{gap:30px}.sp-map{padding:8px;min-height:260px}.sp-zonerow{padding:16px 0}.sp-zonerow span{font-size:10px}.sp-zonerow strong{font-size:25px}.sp-big{font-size:clamp(89px,18vw,130px)}.sp-rio .sp-bound{flex-direction:column;align-items:start}.sp-rio-title{font-size:50px}.sp-legal{font-size:10px}}
