/* Site 36 — Home Project Grid: cool white and cobalt directory system. */
:root{--primary:#153f91;--accent:#3476e5;--bg:#f5f8fd;--ink:#152844;--paper:#fff;--line:#d9e3f1;--shadow:0 18px 48px rgba(22,57,112,.12)}
body.gridline{background:var(--bg);color:var(--ink)}
body.gridline .site-header{background:#fff;border-bottom:1px solid var(--line)}
body.gridline .topbar{background:#102e69}
body.gridline .brand-mark{background:var(--primary)}
body.gridline .header-call,body.gridline .call-button,body.gridline .footer-call{border-radius:0;background:var(--primary)}
body.gridline .services-dropdown{border-color:var(--line);box-shadow:var(--shadow)}
body.gridline .gl-home{max-width:1300px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;margin:22px auto 0;padding:55px 30px 64px;background:#fff}
body.gridline .gl-home>div{max-width:560px}
body.gridline .gl-home h1{max-width:12ch;font-size:clamp(2.8rem,4.5vw,4.45rem);letter-spacing:-.045em}
body.gridline .gl-home figure{margin:0}
body.gridline .gl-home img{height:clamp(430px,48vw,600px);object-position:center 54%}
body.gridline .gl-home figcaption{padding:10px 0;color:#526b8d;border-color:var(--line)}
body.gridline .gl-directory{max-width:1180px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:62px;padding-bottom:62px}
body.gridline .gl-directory a{grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:116px;padding:20px;border:1px solid var(--line);border-left:4px solid var(--accent);background:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
body.gridline .gl-directory a:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(22,57,112,.08)}
body.gridline .gl-directory b,body.gridline .gl-directory em{color:var(--accent);font-style:normal;font-size:.74rem;font-weight:900;letter-spacing:.08em}
body.gridline .gl-directory strong{font-size:1.15rem}
body.gridline .gl-directory small{margin-top:5px;color:#526887;line-height:1.45}
body.gridline .x36-overview,body.gridline .x36-faq{max-width:1160px;padding-top:66px;padding-bottom:66px}
body.gridline .x36-overview>header{border-color:var(--primary)}
body.gridline .x36-service-rows{gap:0 28px}
body.gridline .x36-service-rows article{padding:25px 20px;border-bottom:1px solid var(--line)}
body.gridline .x36-service-rows b{color:var(--primary);font-size:.76rem;letter-spacing:.1em}
body.gridline .x36-tip{margin:0;padding:30px max(7vw,30px);background:#e9f1fc;border-top:1px solid #d3e1f4}
body.gridline .x36-faq details{padding:18px 0;border-bottom:1px solid var(--line)}
body.gridline .x36-final-call{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px max(7vw,30px);background:#153f91;color:#fff}
body.gridline .gg-hero{max-width:1300px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;margin:24px auto 0;padding:52px 30px 62px;background:#fff;align-items:center}
body.gridline .gg-hero-copy{max-width:600px}
body.gridline .gg-hero h1{max-width:13ch;font-size:clamp(2.7rem,4.2vw,4.2rem);letter-spacing:-.04em}
body.gridline .gg-hero-media img{height:clamp(430px,48vw,610px);object-position:center 52%}
body.gridline .gg-hero-spec{margin-top:26px;border-top:1px solid var(--line)}
body.gridline .gg-spec-row{padding:13px 0;border-bottom:1px solid var(--line)}
body.gridline .gg-sec{max-width:1160px;padding-top:66px;padding-bottom:66px}
body.gridline .gg-sec--paper{max-width:none;background:#edf3fb}
body.gridline .gg-wrap{max-width:1160px;margin:auto}
body.gridline .gg-rows,body.gridline .gg-tiles,body.gridline .gg-compare{gap:0 24px}
body.gridline .gg-row,body.gridline .gg-tile,body.gridline .gg-compare-col{padding:23px;border:1px solid var(--line);background:#fff}
body.gridline .gg-row-num,body.gridline .gg-tag{color:var(--accent)}
body.gridline .gg-callrow,body.gridline .gg-mid-call{padding:30px max(6vw,30px);background:#e8f0fd;color:var(--ink)}
body.gridline .gg-band,body.gridline .gg-close{padding:38px max(6vw,30px);background:#153f91;color:#fff}
body.gridline .gg-close{margin:16px 26px 64px}
body.gridline .gg-call--amber{background:var(--accent);color:#fff!important}
body.gridline .gl-footer{background:#102e69}
body.gridline .gl-footer-top{max-width:1240px;margin:auto;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.22)}
body.gridline .gl-footer .footer-legal{max-width:1240px;margin:24px auto 0;color:#e0e9f8;opacity:1}
body.gridline .legal-hero{background:#153f91}
body.gridline .legal-copy{max-width:920px;padding-top:58px;padding-bottom:80px;background:#fff}
body.gridline .mobile-call{border-radius:0;background:var(--primary)}
@media(max-width:900px){body.gridline .gl-home,body.gridline .gg-hero{grid-template-columns:1fr}body.gridline .gl-home img,body.gridline .gg-hero-media img{height:430px}body.gridline .gl-directory{grid-template-columns:1fr 1fr}body.gridline .x36-final-call{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){body.gridline .gl-home{margin-top:0;padding:38px 18px 42px;gap:25px}body.gridline .gl-home img,body.gridline .gg-hero-media img{height:340px}body.gridline .gl-home h1,body.gridline .gg-hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}body.gridline .gl-directory{grid-template-columns:1fr;padding:44px 18px}body.gridline .gg-hero{margin-top:0;padding:38px 18px 44px;gap:26px}body.gridline .gg-sec{padding-top:46px;padding-bottom:46px}body.gridline .gg-close{margin:8px 16px 42px;padding:28px 22px}body.gridline .site-footer{padding-bottom:100px}}