/* New Altitude site — generated by build.py from the v2.0 design. */
body{margin:0}
@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url(../fonts/geist-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:116px}
body{background:#fff;font-family:Geist,system-ui,sans-serif}
.skip{position:absolute;left:-9999px;top:8px;z-index:400;background:#273489;color:#fff;padding:10px 14px;border-radius:6px}
.skip:focus{left:8px}
:focus-visible{outline:2px solid #00B3C4;outline-offset:2px}
img{max-width:100%}
.scp0:hover { color: rgb(39, 52, 137) !important; }
.scp1:hover { background: var(--hl,#00B3C4) !important; color: rgb(39, 52, 137) !important; }
.scp2:hover { border-color: var(--hl,#00B3C4) !important; transform: translateY(-1px) !important; }
.scp3:hover { border-color: var(--hl,#00B3C4) !important; }
.scp4:hover { transform: translate(-4px, -4px) !important; box-shadow: rgb(243, 233, 226) 10px 10px 0px !important; }
.scp5:hover { transform: translateY(-8px) !important; box-shadow: rgb(39, 52, 137) 8px 8px 0px !important; border-color: rgb(39, 52, 137) !important; }
.scp6:hover { background: rgb(39, 52, 137) !important; color: rgb(255, 255, 255) !important; }
.scp7:hover { transform: translateY(-8px) !important; box-shadow: rgb(39, 52, 137) 8px 8px 0px !important; }
.scp8:hover { background: rgb(255, 255, 255) !important; color: rgb(39, 52, 137) !important; }
.scp9:hover { background: rgb(227, 245, 248) !important; }
.scpa:hover { background: rgb(255, 255, 255) !important; transform: scale(1.03) !important; }
.scpb:hover { color: var(--hl,#00B3C4) !important; }
*, ::before, ::after { box-sizing: border-box; }
body { margin: 0px; -webkit-font-smoothing: antialiased; }
::selection { background: rgb(0, 179, 196); color: rgb(39, 52, 137); }
a { color: rgb(39, 52, 137); }
a:hover { color: rgb(39, 52, 137); }
@media (max-width: 1100px) { #na-sub, #na-div { display: none; } }
@media (max-width: 900px) { #na-links a[data-nl] { display: none; } }
#na-inv { border-left: 1px solid rgba(39, 52, 137, 0.16); padding-left: 32px; }
@media (max-width: 1180px) { #na-inv { border-left: 0px; padding-left: 0px; } }
/* phones (27 Oct review): hero partner card = label row + equal-height logo cells, centred; logo padding balances them optically */
@media (max-width:640px){
#na-hp{width:100%!important;display:grid!important;gap:16px!important;padding:20px 16px!important}
#na-fp,#na-inv{display:grid!important;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:0!important;width:100%;white-space:normal!important}
#na-fp>span,#na-inv>span{margin-bottom:6px}
#na-fp>img,#na-inv>img{box-sizing:border-box;width:100%!important;max-width:none;height:52px!important;object-fit:contain}
#na-fp>img:nth-of-type(1){padding:4px 0}#na-fp>img:nth-of-type(2){padding:11px 0}#na-fp>img:nth-of-type(3){padding:13px 0}#na-inv>img{padding:14px 0}
#na-inv{border-top:1px solid rgba(39,52,137,.12)!important;padding-top:14px!important}
.na-page h1{overflow-wrap:break-word}}
/* tablets (iPad 700-1180): Founding Partner + "Three forces" cards in one row of 3, equal height, tighter padding and headings */
@media (min-width:700px) and (max-width:1180px){
#na-fpc,#na-forces{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#na-fpc>div>div:first-child{height:88px!important;padding:0 18px!important}
#na-fpc>div>div:first-child img{max-width:100%!important;max-height:44px!important}
#na-fpc>div>div:last-child{padding:20px 18px 24px!important}
#na-fpc h3{font-size:18px!important}
#na-fpc p,#na-forces p{font-size:13px!important;line-height:1.65!important}
#na-forces>div{padding:24px 18px!important}
#na-forces h3{font-size:19px!important}}
/* tablets: the hero card's founding row stays on one line (it broke 2+1 at 768) */
@media (min-width:641px) and (max-width:1180px){
#na-fp{flex-wrap:nowrap!important;gap:12px 20px!important}
#na-fp>img{min-width:0;object-fit:contain}
#na-fp>img:nth-of-type(1){height:38px!important}#na-fp>img:nth-of-type(2){height:26px!important}#na-fp>img:nth-of-type(3){height:22px!important}}
/* tablets in portrait: a full-screen hero left ~400-850 px of white around ~520 px of content */
@media (min-width:641px) and (orientation:portrait){#na-hero{min-height:min(100svh,760px)!important}}
/* footer "An initiative of": label + 4 logos on one row down to 601px, a tidy 2x2 below */
@media (min-width:601px) and (max-width:1180px){
#na-ini{flex-wrap:nowrap!important;gap:16px 20px!important}
#na-ini>span{flex:0 0 auto;white-space:nowrap}
#na-ini>img{flex:0 1 auto;min-width:0;object-fit:contain}
#na-ini>img:nth-of-type(1){height:32px!important}#na-ini>img:nth-of-type(2){height:22px!important}#na-ini>img:nth-of-type(3){height:20px!important}#na-ini>img:nth-of-type(4){height:18px!important}}
@media (max-width:600px){
#na-ini{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px!important}
#na-ini>span{grid-column:1/-1}
#na-ini>img{box-sizing:border-box;width:100%!important;height:44px!important;object-fit:contain;object-position:left center}
#na-ini>img:nth-of-type(1){padding:4px 0}#na-ini>img:nth-of-type(2){padding:11px 0}#na-ini>img:nth-of-type(3){padding:12px 0}#na-ini>img:nth-of-type(4){padding:12px 0}}