/* Homepage: clear typography and faithful project photography. */
.page-index{--muted:#506570;--blue:#207da4;color:#243f4e;font-size:17px;line-height:1.8}
.page-index h1,.page-index h2,.page-index h3{font-weight:500}
.page-index .eyebrow{font-size:12px;line-height:1.7;letter-spacing:1.5px;font-weight:600;color:#226b89}
.page-index .hero{height:auto;min-height:660px;padding-block:38px 28px;gap:26px}
.page-index .hero-shade{background:linear-gradient(90deg,#071c2bd1,#0b223a85 60%,#071c2bb3)}
.page-index .hero-image{object-position:center 50%}
.page-index .hero h1{font-size:clamp(54px,6.2vw,92px);line-height:1.1;font-weight:500;text-shadow:0 2px 20px #0003}
.page-index .hero h1 em{color:#a7e3ff}
.page-index .hero-copy{margin:18px auto}
.page-index .hero-copy .eyebrow{font-size:13px;color:#e6f5fd}
.page-index .hero-top{font-size:12px;font-weight:500;letter-spacing:1.3px;color:#fff}
.page-index .hero-bottom p{font-size:19px;line-height:1.7;color:#fff}
.page-index .hero-foot{font-size:11px;font-weight:500;letter-spacing:1px;color:#fff;gap:22px;line-height:1.8}
.page-index .about-image img{aspect-ratio:auto;height:auto;object-fit:contain;border-radius:4px}
.page-index .about-content .body-copy{font-size:18px;line-height:1.85;color:#344e5c}
.page-index .about-content .muted{font-size:16px;line-height:1.85;color:#506570}
.page-index .about-content h2{font-size:clamp(36px,3.6vw,58px);line-height:1.16}
.page-index .text-link{font-size:15px;font-weight:500;color:#245f7b;line-height:1.7}
.page-index .stats p{font-size:14px;line-height:1.7;color:#506570}
.page-index .service-grid{gap:24px}
.page-index .service-card{overflow:hidden}
.page-index .service-card>img{aspect-ratio:3/2;height:auto;object-fit:contain;background:#edf2f4;filter:none}
.page-index .service-card:hover>img{transform:none;filter:none}
.page-index .service-card>div{padding-top:20px}
.page-index .service-card h3{font-size:24px;font-weight:500;line-height:1.3;color:#243f4e}
.page-index .clientele-intro{font-size:17px;line-height:1.8;color:#506570}
.page-index .client-name{font-size:12px;line-height:1.5;color:#405a69;font-weight:500;min-height:36px}
.page-index .client-logo{min-height:188px}
.page-index .caption{font-size:14px;line-height:1.8;color:#506570}
.page-index .work-grid img{aspect-ratio:16/9;height:auto;object-fit:contain;background:#edf2f4;border-radius:4px}
.page-index .work-grid a:hover img{filter:none}
.page-index .work-grid p{font-size:12px;font-weight:600;letter-spacing:1.3px;color:#226b89}
.page-index .work-grid h3{font-size:29px;line-height:1.3;color:#243f4e}
.page-index .project-stories summary{font-size:27px;line-height:1.4;color:#243f4e}
.page-index .project-stories summary>span{font-size:12px;line-height:1.7;font-weight:600;letter-spacing:.8px;color:#226b89}
.page-index .project-stories details>p{font-size:17px;line-height:1.9;color:#506570}
.page-index .film .muted{font-size:17px;line-height:1.8;color:#506570}
.page-index .film-screen img{height:100%;object-fit:contain;filter:brightness(.85);background:#132939}
.page-index .film-screen>span{font-size:12px;font-weight:500}
.page-index .network p:last-child{font-size:17px;line-height:1.85;color:#405a69}
.page-index .regions span{color:#334f60;border-color:#a2b8c4;font-size:16px}
.page-index footer p{font-size:15px;color:#c7d6e0}
.page-index footer .eyebrow{font-size:12px;color:#9cdbf4}
.page-index footer a{font-size:16px;color:#eef5fa}
.page-index .footer-bottom{font-size:12px;line-height:1.7;color:#bacdd9}
.page-index .footer-bottom a{font-size:12px}
@media(max-width:1000px){.page-index .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-index .about-content h2{font-size:44px}}
@media(max-width:760px){.page-index .hero{min-height:660px;padding-top:28px;gap:22px}.page-index .hero h1{font-size:clamp(46px,10vw,68px)}.page-index .hero-top{font-size:11px;letter-spacing:.7px;gap:20px}.page-index .hero-top>span{max-width:46%;text-align:left}.page-index .hero-top>span:last-child{text-align:right}.page-index .hero-copy .eyebrow{font-size:12px}.page-index .hero-bottom p{font-size:17px}.page-index .hero-foot{font-size:11px;letter-spacing:.5px;flex-wrap:wrap;text-align:left}.page-index .hero-foot>span{max-width:100%}.page-index .about-content h2{font-size:36px}.page-index .service-grid{gap:24px 16px}.page-index .service-card h3{font-size:22px}.page-index .stats p{font-size:14px;max-width:170px}.page-index .clientele-intro{font-size:16px}.page-index .client-logo{min-height:180px}.page-index .client-name{font-size:12px}.page-index .work-grid h3{font-size:26px}.page-index .project-stories summary{font-size:24px}.page-index .project-stories details>p{font-size:16px}.page-index .network p:last-child{font-size:16px}.page-index .footer-bottom{align-items:flex-start}}
@media(max-width:380px){.page-index .service-grid{grid-template-columns:minmax(0,1fr)}.page-index .hero h1{font-size:44px}.page-index .hero-top{font-size:10px}.page-index .client-logo-grid{gap:10px}.page-index .client-logo{padding-inline:10px}}

.page-index .hero-top{justify-content:flex-end}