/* v28.5.11 — business positioning + layout repair. Intentionally keeps the cinematic full-screen Horsemen realms. */

.business-home .studio-overview .manifesto-inner{max-width:1180px}
.business-home .studio-overview .manifesto-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,6vw,78px)}
.business-home .studio-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px}
.business-home .studio-proof-grid article{min-width:0;padding:24px;border:1px solid rgba(174,98,238,.24);background:linear-gradient(145deg,rgba(149,64,232,.07),rgba(5,4,8,.56));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.business-home .studio-proof-grid small{display:block;margin-bottom:16px;color:#806f8a;font:700 9px Orbitron,sans-serif;letter-spacing:1.7px}
.business-home .studio-proof-grid b{display:block;color:#e8ddf1;font:700 13px Orbitron,sans-serif;letter-spacing:.45px}
.business-home .studio-proof-grid p{margin:10px 0 0;color:#92899a;font-size:16px;line-height:1.48}

/* Keep each Horseman as a true full-screen cinematic chapter without allowing copy to escape the viewport. */
.business-home .realm{height:auto;min-height:max(680px,100svh);padding-block:clamp(84px,11vh,132px)}
.business-home .realm-content{width:min(680px,calc(100% - 16vw));max-width:50vw;margin-left:8vw;display:flex;flex-direction:column;justify-content:center;min-width:0;container-type:inline-size;flex-shrink:0;align-self:center}
/* Size the single-word titles against their actual column, not the viewport. */
.business-home .realm h3{font-size:min(4.6vw,64px);font-size:min(10cqi,4rem);line-height:1.1;letter-spacing:-.035em;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
.business-home .realm-content>p{max-width:560px;margin:18px 0 0;font-size:clamp(17px,1.55vw,22px);line-height:1.42;overflow-wrap:break-word}
.business-home .realm-content>.realm-detail{font-size:clamp(15px,1.25vw,19px);line-height:1.55;color:#958d9f}
.business-home .realm-word{margin-top:clamp(22px,4vh,38px)}
/* Preserve the image-overrides.css top anchor so cover crops below the riders, not above them. */
.business-home .realm-bg{background-size:cover;background-position:64% top}

/* Header repair: switch to the mobile menu before desktop links can collide with the project CTA. */
@media(max-width:1180px){
  .header{padding-left:24px;padding-right:24px}
  .menu{display:block}
  .header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;flex-direction:column;align-items:stretch;gap:5px;background:rgba(4,3,8,.97);border-bottom:1px solid #33243b;box-shadow:0 24px 55px rgba(0,0,0,.45)}
  .header nav.open{display:flex}
  .header nav a{padding:10px 12px}
  .header nav .nav-ride{text-align:center;margin-top:4px}
}

@media(max-width:900px){
  .business-home .studio-overview .manifesto-grid{grid-template-columns:1fr}
  .business-home .studio-proof-grid{grid-template-columns:1fr}
  .business-home .realm-content{max-width:64vw}
  .business-home .realm-bg{background-position:69% top}
}

@media(max-width:700px){
  .business-home .studio-proof-grid{margin-top:28px}
  .business-home .realm{height:auto;min-height:max(620px,100svh);padding:100px 0 54px;align-items:flex-end}
  .business-home .realm-bg{background-position:70% top}
  .business-home .realm-content{width:calc(100% - 40px);max-width:none;margin:0 20px;align-self:auto;padding:24px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(90deg,rgba(3,3,7,.88),rgba(3,3,7,.64));backdrop-filter:blur(6px)}
  .business-home .realm-number{font-size:9px}
  .business-home .realm-icon{font-size:40px;margin:13px 0 3px}
  .business-home .realm h3{font-size:min(7vw,54px);font-size:min(10cqi,3.375rem)}
  .business-home .realm-content>p{font-size:17px;line-height:1.38;margin-top:12px}
  .business-home .realm-content>.realm-detail{font-size:15px;line-height:1.46}
  .business-home .realm-word{margin-top:17px;font-size:9px;letter-spacing:4px}
}

@media(max-height:720px) and (min-width:701px){
  .business-home .realm{min-height:max(620px,100svh);padding-block:84px}
  .business-home .realm-icon{font-size:42px;margin:12px 0 2px}
  .business-home .realm-content>p{font-size:17px;line-height:1.34;margin-top:12px}
  .business-home .realm-content>.realm-detail{font-size:15px;line-height:1.42}
  .business-home .realm-word{margin-top:18px}
}