/* Information-density layer: compact, scannable project catalog with a cool blue product system. */
:root{--ink:#0F1726;--muted:#5B6F89;--paper:#F7FAFD;--line:#D6E0EB;--accent:#2D89A7;--accent2:#2A62D6;--dark:#102232;--white:#fff}
body{background:var(--paper);color:var(--ink)}.site-header{background:rgba(247,250,253,.94);border-bottom-color:var(--line)}.nav-wrap{height:66px}.mark{width:40px;height:40px;border-radius:10px}.nav-wrap nav{gap:20px}.button{border-radius:10px}.primary{background:#1F4DB8}.secondary{border-color:#B6C7D9;background:#fff}.eyebrow{color:#1E6F7A}
.hero{min-height:auto;padding:46px 0 42px;gap:42px}.hero h1{margin-bottom:18px;font-size:clamp(2.9rem,5.4vw,4.9rem);line-height:.95;letter-spacing:-.045em}.hero h1 em{color:#2D89A7}.lede{font-size:18px;line-height:1.5;max-width:650px}.actions{margin-top:20px}.hero-panel{padding:24px;border-radius:16px;background:#102232;box-shadow:0 14px 34px rgba(15,23,38,.10)}.panel-label{color:#7EC4D7}.hero-panel ol{margin-top:12px}.hero-panel li{padding:13px 0}.hero-panel span{color:#C8D8E5}
.section{padding:50px 0}.alt{background:#EDF3F8}.section-head{margin-bottom:24px;max-width:900px}.section h2{font-size:clamp(2rem,3.7vw,3.25rem);line-height:1.02;margin-bottom:14px;letter-spacing:-.03em}.section-intro{font-size:17px;line-height:1.5}.grid{gap:14px}.card,.mini-card{padding:22px;border-radius:14px;border-color:#D9E4EF}.card.featured{border-color:#A9CBD7}.card h3,.mini-card h3{font-size:21px}.split{gap:42px}.principles-list>div{padding:13px 0}.support-box{border-radius:14px}.support-box a{padding:14px 16px}.dark{background:#102232}.light{color:#7EC4D7}.studio-card p:not(.eyebrow){font-size:18px}.text-link{color:#1F4DB8}footer{padding:24px 0 32px}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{display:flex;flex-direction:column;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,38,.045)}.project-copy{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}.project-points{margin-top:auto}.project-coming{margin:10px 0 0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.project-visual{min-height:178px}.visual-label{top:16px;left:18px}.project-copy h3{font-size:30px;margin:11px 0 8px}.project-lede{font-size:16px;line-height:1.4;margin:0 0 10px}.project-points{font-size:13px;line-height:1.42;margin:10px 0 0;padding-left:18px}.project-points li{margin:4px 0}
@media(min-width:1100px) and (max-height:900px){.nav-wrap{height:60px}.hero{padding:32px 0 30px;gap:34px}.hero h1{font-size:clamp(2.75rem,4.7vw,4.15rem);margin-bottom:14px}.lede{font-size:17px;line-height:1.46}.actions{margin-top:16px}.hero-panel{padding:20px}.hero-panel li{padding:11px 0}.section{padding:44px 0}.section-head{margin-bottom:20px}.project-visual{min-height:152px}.project-copy{padding:16px 18px 18px}.project-copy h3{font-size:27px}}
@media (min-width:1180px){:root{--max:1320px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-visual{min-height:168px}.project-copy{padding:17px 18px 19px}.project-copy h3{font-size:28px}.project-lede{font-size:15px}.project-points{font-size:12.5px}}
@media (min-width:1180px) and (max-height:900px){.project-visual{min-height:150px}.project-copy{padding:15px 17px 17px}.project-copy h3{font-size:26px}}
@media (max-width:850px){.hero{padding:38px 0;gap:26px}.section{padding:46px 0}.project-grid{grid-template-columns:1fr}.project-visual{min-height:220px}}
@media (max-width:520px){.hero{padding:28px 0 30px}.hero h1{font-size:clamp(2.35rem,12vw,3.4rem);line-height:.96}.section{padding:40px 0}.section h2{font-size:clamp(2rem,10vw,2.65rem)}}