/*
 * GENERATED by tools/build-chrome-context.py - do not edit by hand.
 * Re-expresses hero/page-scoped header and footer rules for the shared
 * template parts (see the script docstring). Loaded after site.css and
 * before site-overrides.css so the original cascade order is kept.
 */
/* from site.css: .contact-hero .site-header */
:where(html):has(.contact-hero) .site-header{color:#fff;border-color:#ffffff2b}
/* from site.css: .contact-hero .header-cta */
:where(html):has(.contact-hero) .header-cta{border-color:#ffffff61}
/* from site.css: .web-hero .site-header */
:where(html):has(.web-hero) .site-header{z-index:3;color:#fff;border-color:#ffffff2e;position:relative}
/* from site.css: .web-hero .site-header .header-cta */
:where(html):has(.web-hero) .site-header .header-cta{border-color:#ffffff75}
/* from site.css: .web-page .footer-inner */
@media (max-width:700px){:where(html):has(.web-page) .footer-inner{grid-template-columns:1fr;padding-block:65px 0}}
/* from site.css: .web-page .footer-nav */
@media (max-width:700px){:where(html):has(.web-page) .footer-nav{flex-wrap:wrap;gap:20px}}
/* from site.css: .marketing-hero .site-header */
:where(html):has(.marketing-hero) .site-header{z-index:4;color:#fff;border-color:#fff3;position:relative}
/* from site.css: .marketing-hero .header-cta */
:where(html):has(.marketing-hero) .header-cta{color:var(--ink);background:#9be7df;border-color:#9be7df;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 10px 24px #0003}
/* from site.css: .marketing-hero .header-cta span */
:where(html):has(.marketing-hero) .header-cta span{color:var(--ink)}
/* from site.css: .marketing-hero .header-cta:hover */
:where(html):has(.marketing-hero) .header-cta:hover{background:#c2f3ee;transform:translateY(-3px);box-shadow:0 14px 30px #00000047}
/* from site.css: .marketing-page .footer-inner */
@media (max-width:700px){:where(html):has(.marketing-page) .footer-inner{grid-template-columns:1fr;padding-block:65px 0}}
/* from site.css: .marketing-page .footer-nav */
@media (max-width:700px){:where(html):has(.marketing-page) .footer-nav{flex-wrap:wrap;gap:20px}}
/* from site.css: .paid-hero .site-header */
:where(html):has(.paid-hero) .site-header{z-index:2;position:relative}
/* from site.css: .seo-hero .site-header */
:where(html):has(.seo-hero) .site-header{z-index:3;border-color:#fff3;position:relative}
/* from site.css: .seo-hero .header-cta */
:where(html):has(.seo-hero) .header-cta{border-color:#ffffff75}
/* from site.css: .strategy-hero .site-header */
:where(html):has(.strategy-hero) .site-header{z-index:3;border-color:#fff3;position:relative}
/* from site.css: .strategy-hero .header-cta */
:where(html):has(.strategy-hero) .header-cta{border-color:#ffffff75}
/* from site.css: .social-hero .site-header */
:where(html):has(.social-hero) .site-header{z-index:3;border-color:#fff3;position:relative}
/* from site.css: .social-hero .header-cta */
:where(html):has(.social-hero) .header-cta{border-color:#ffffff70}
/* from site.css: .growth-hero .site-header */
:where(html):has(.growth-hero) .site-header{color:#fff;border-color:#fff3}
/* from site.css: .growth-hero .header-cta */
:where(html):has(.growth-hero) .header-cta{border-color:var(--growth-aqua);background:#020d1059}
/* from site.css: .growth-hero .header-cta span */
:where(html):has(.growth-hero) .header-cta span{color:var(--growth-aqua)}
/* from site.css: .growth-page-stealth footer */
:where(html):has(.growth-page-stealth) footer{border-top:1px solid #91d9d124}
/* from site.css: .startup-hero .site-header */
:where(html):has(.startup-hero) .site-header{color:#fff;border-color:#fff3}
/* from site.css: .industries-hero .site-header */
:where(html):has(.industries-hero) .site-header{color:#fff;border-color:#fff3}
/* from site-overrides.css: .blog-header .site-header::before */
:where(html):has(.blog-header) .site-header::before{background:var(--ink);}
/* Heroes whose header was in their flow (position:relative): overlay it and keep the space. */
.ddh-site-header{position:relative}
:where(html):has(.web-hero) .ddh-site-header>.site-header{position:absolute;top:0;left:0;right:0}
:where(html):has(.ddh-site-header>.site-header) .web-hero{padding-top:108px}
:where(html):has(.marketing-hero) .ddh-site-header>.site-header{position:absolute;top:0;left:0;right:0}
:where(html):has(.ddh-site-header>.site-header) .marketing-hero{padding-top:108px}
:where(html):has(.paid-hero) .ddh-site-header>.site-header{position:absolute;top:0;left:0;right:0}
:where(html):has(.ddh-site-header>.site-header) .paid-hero{padding-top:108px}
:where(html):has(.seo-hero) .ddh-site-header>.site-header{position:absolute;top:0;left:0;right:0}
:where(html):has(.ddh-site-header>.site-header) .seo-hero{padding-top:108px}
:where(html):has(.strategy-hero) .ddh-site-header>.site-header{position:absolute;top:0;left:0;right:0}
:where(html):has(.ddh-site-header>.site-header) .strategy-hero{padding-top:108px}
:where(html):has(.social-hero) .ddh-site-header>.site-header{position:absolute;top:0;left:0;right:0}
:where(html):has(.ddh-site-header>.site-header) .social-hero{padding-top:108px}
/* Inherited text colour: the header previously inherited this from its hero. */
:where(.site-header){color:var(--bone)}
:where(html:has(.about-hero)) .site-header{color:var(--bone)}
:where(html:has(.article-hero)) .site-header{color:var(--bone)}
:where(html:has(.blog-header)) .site-header{color:var(--bone)}
:where(html:has(.blog-hero)) .site-header{color:var(--bone)}
:where(html:has(.case-hero)) .site-header{color:#fff}
:where(html:has(.category-hero)) .site-header{color:var(--bone)}
:where(html:has(.charter-hero)) .site-header{color:#fff}
:where(html:has(.commerce-hero)) .site-header{color:#fff}
:where(html:has(.contact-hero)) .site-header{color:#fff}
:where(html:has(.crew-hero)) .site-header{color:var(--bone)}
:where(html:has(.framework-hero)) .site-header{color:var(--bone)}
:where(html:has(.growth-hero)) .site-header{color:#fff}
:where(html:has(.hero)) .site-header{color:var(--bone)}
:where(html:has(.industries-hero)) .site-header{color:#fff}
:where(html:has(.legal-hero)) .site-header{color:var(--bone)}
:where(html:has(.manufacturer-hero)) .site-header{color:#fff}
:where(html:has(.marine-service-hero)) .site-header{color:#fff}
:where(html:has(.marketing-hero)) .site-header{color:#fff}
:where(html:has(.not-found-hero)) .site-header{color:#fff}
:where(html:has(.paid-hero)) .site-header{color:#fff}
:where(html:has(.seo-hero)) .site-header{color:#fff}
:where(html:has(.services-overview-hero)) .site-header{color:#fff}
:where(html:has(.social-hero)) .site-header{color:#fff}
:where(html:has(.startup-hero)) .site-header{color:#fff}
:where(html:has(.strategy-hero)) .site-header{color:#fff}
:where(html:has(.thanks-hero)) .site-header{color:var(--bone)}
:where(html:has(.web-hero)) .site-header{color:#fff}
:where(html:has(.work-page-hero)) .site-header{color:#fff}