/* bridge.css: the older pages (services, pricing, contact, articles, industries, towns) under the new header and footer. They keep their words and
   layout. They lose the pixel art, the cream bands and the hard shadows, and take the store's edge to edge sheets. Loaded last on those pages only. */
html,body,body[data-edges]{background:#fff!important}
.s6{display:contents}
.skybg{display:none}
:root{--stamp:none;--br-top:clamp(1.5rem,2.6vw,2.4rem);--br-hair:rgba(23,38,27,.13);--br-deep:#14301f;--br-sky:#d3e9fb;--br-grass:#dcefce;--br-sun:#fdf0cc}
main{position:relative}

/* first screen: centred, colour to the edge, the clay art gone */
.ksub{--k-bg:var(--br-sky);position:relative;overflow:visible;background:var(--k-bg)!important;text-align:center;padding-top:clamp(2.6rem,6vw,5rem);padding-bottom:calc(clamp(2.6rem,6vw,5rem) + var(--br-top))}
.ksub--run,.ksub--cream{--k-bg:var(--br-sun)}
.ksub--start{--k-bg:var(--br-grass)}
.ksub--urgent{--k-bg:#f9dfd5}
.ksub--prog{--k-bg:var(--br-deep)}
.ksub .kclouds,.hc,.lc,.flair,.ksub__glow,.ksub__art{display:none!important}
.ksub--art .ksub__grid,.ksub__grid{grid-template-columns:minmax(0,1fr)!important;justify-items:center}
.ksub__text{display:flex;flex-direction:column;align-items:center}
.ksub h1{max-width:18ch;margin-inline:auto;font-weight:600;letter-spacing:-.035em}
.ksub__lead{max-width:44ch;margin-inline:auto}
.ksub__acts,.kfacts{justify-content:center}
.kcrumbs ol{justify-content:center}

/* sections: edge to edge, each sliding over the last */
main>section.sec,main>.sec{position:relative;z-index:1;width:100%;margin:calc(-1 * var(--br-top)) 0 0;border-radius:var(--br-top) var(--br-top) 0 0;background:#fff!important;
 box-shadow:0 -22px 48px -34px rgba(23,38,27,.26);overflow-x:clip;padding-block:clamp(3.6rem,7vw,6.5rem) calc(clamp(3.6rem,7vw,6.5rem) + var(--br-top))}
main>section.sec--sky{background:var(--br-sky)!important}
main>section.sec--sun{background:#f7dc8f!important}
main>section.sec--green{background:var(--br-deep)!important}
main>section.has-flair{isolation:auto}
body[data-edges] .sec::before,body[data-edges] .ft::before{display:none!important}
.close .lc--a,.close .lc--b{display:none}

/* buttons: flat and deep */
main .btn{border:0;border-radius:999px;background:var(--br-deep);color:#fff;font-weight:500;box-shadow:none;transition:background .25s}
main .btn:hover{background:#21513a;color:#fff;transform:none;box-shadow:none}
main .btn--o,main .btn--s{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(23,38,27,.3)}
main .btn--o:hover,main .btn--s:hover{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--br-deep)}

/* a kept product page: the store's first screen, colour to the edge, then the long words */
.s6hero{display:block;position:relative;z-index:0}
.s6hero .ph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;min-height:calc(100svh - 70px);padding:0;text-align:left}
.s6hero .ph__art{display:grid;place-items:center;align-self:stretch;min-width:0;background:var(--a-bg)}
.s6hero .ph--found,.s6hero .ph--run{--a-bg:var(--br-sky)}
.s6hero .ph--win{--a-bg:var(--br-grass)}
.s6hero .ph--keep{--a-bg:#fbe6ad}
.s6hero .ph__p{display:block;width:auto;height:auto;max-width:min(72%,32rem)}
.s6hero .ph__t{display:grid;justify-items:start;gap:1.3rem;min-width:0;padding:clamp(2.4rem,5vw,5rem) max(1.4rem,calc((100vw - 72rem) / 2)) calc(clamp(2.4rem,5vw,5rem) + var(--br-top)) clamp(2.4rem,5vw,5rem)}
.s6hero .ph h1{max-width:none;margin:0;font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:600;letter-spacing:-.035em;line-height:1.08}
.s6hero .ph__act{width:100%;max-width:26rem}
@media (max-aspect-ratio:1/1),(max-width:599px){
 .s6hero .ph{grid-template-columns:minmax(0,1fr);min-height:0}
 .s6hero .ph__art{width:100%;aspect-ratio:4/3}
 .s6hero .ph__p{max-width:min(68%,22rem)}
 .s6hero .ph__t{padding:2.4rem 1.4rem calc(2.4rem + var(--br-top))}
}

/* phones */
@media (max-width:760px){
 .ksub h1{font-size:clamp(2.1rem,9.4vw,2.9rem)}
}