/* Site-wide composition: centred introductions, balanced grids and deliberate section rhythm. */
body:is(.dco-home,.dco-branded) main>.hero-min:not(:has(img,form)),body:is(.dco-home,.dco-branded) :is(.p-hero,.fc-hero){text-align:center}
body:is(.dco-home,.dco-branded) :is(.hero-min,.p-hero,.fc-hero):not(:has(img,form)) :is(h1,.sub){margin-left:auto;margin-right:auto;max-width:920px}
body:is(.dco-home,.dco-branded) :is(.p-hero,.fc-hero,.hero-min):not(:has(img,form)) :is(.cta-row,.fc-search){justify-content:center;margin-inline:auto}
body:is(.dco-home,.dco-branded) .fc-results{text-align:left}
body:is(.dco-home,.dco-branded) main>section[style*="padding-top:0"]{padding-top:64px!important}
body:is(.dco-home,.dco-branded) main>section[style*="padding-bottom:0"]{padding-bottom:64px!important}
body:is(.dco-home,.dco-branded) .wrap{margin-left:auto;margin-right:auto}
body:is(.dco-home,.dco-branded) :is(.work-grid,.fc-popular,.brand-grid,.role-grid,.why-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body:is(.dco-home,.dco-branded) .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
body:is(.dco-home,.dco-branded) .gallery:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
body:is(.dco-home,.dco-branded) :is(.svc-grid,.plan-grid){grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body:is(.dco-home,.dco-branded) :is(.rev-grid,.prob-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body:is(.dco-home,.dco-branded) :is(.gallery,.work-grid) img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:0;border-radius:12px;box-shadow:none}
body:is(.dco-home,.dco-branded) .work-grid{margin-top:32px}
body:is(.dco-home,.dco-branded) .wrap:has(>:is(.work-grid,.brand-grid,.fc-popular,.rev-grid,.step-grid,.svc-grid,.plan-grid,.gallery,.role-grid,.why-grid,.faq-list))>:is(h2,.kick,.sub){text-align:center;margin-left:auto;margin-right:auto}
body:is(.dco-home,.dco-branded) section:has(>.gallery)>.wrap>:is(h2,.kick,.sub){text-align:center;margin-inline:auto}
body:is(.dco-home,.dco-branded) .wrap:has(>:is(.work-grid,.brand-grid,.fc-popular,.rev-grid,.step-grid,.svc-grid,.plan-grid,.gallery,.role-grid,.why-grid,.faq-list))>.kick{display:block}
body:is(.dco-home,.dco-branded) .wrap:has(>:is(.work-grid,.brand-grid,.fc-popular,.rev-grid,.step-grid,.svc-grid,.plan-grid,.gallery,.role-grid,.why-grid,.faq-list))>.sub{max-width:760px}
body:is(.dco-home,.dco-branded) .faq-list{margin-left:auto;margin-right:auto}
body:is(.dco-home,.dco-branded) :is(.fc-popular,.brand-grid){margin-top:28px;margin-bottom:48px}
body:is(.dco-home,.dco-branded) .fc-popular>a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:24px;min-height:128px}
body:is(.dco-home,.dco-branded) .brand-grid>a{padding:28px;display:flex;flex-direction:column;align-items:flex-start}
body:is(.dco-home,.dco-branded) .code-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
body:is(.dco-home,.dco-branded) .code-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}
body:is(.dco-home,.dco-branded) .code-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:20px;min-width:0}
body:is(.dco-home,.dco-branded) .code-link b{white-space:nowrap;font-size:17px;flex-shrink:0;max-width:100%;overflow-wrap:anywhere}
body:is(.dco-home,.dco-branded) .code-link span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6;font-size:13px}
body:is(.dco-home,.dco-branded) .wrap:has(>.code-grid)>:is(h2,.sub){text-align:center;margin-inline:auto}
body:is(.dco-home,.dco-branded) .wrap:has(>.near-links)>:is(h2,.sub){text-align:center;margin-inline:auto}
body:is(.dco-home,.dco-branded) .near-links{justify-content:center}
@media(max-width:1100px){body:is(.dco-home,.dco-branded) :is(.svc-grid,.plan-grid){grid-template-columns:repeat(2,minmax(0,1fr))}body:is(.dco-home,.dco-branded) .code-grid,body:is(.dco-home,.dco-branded) .code-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body:is(.dco-home,.dco-branded) main>section[style*="padding-top:0"]{padding-top:48px!important}body:is(.dco-home,.dco-branded) main>section[style*="padding-bottom:0"]{padding-bottom:48px!important}body:is(.dco-home,.dco-branded) :is(.work-grid,.gallery,.gallery:has(>:nth-child(4):last-child),.fc-popular,.brand-grid,.role-grid,.why-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body:is(.dco-home,.dco-branded) :is(.rev-grid,.prob-grid,.svc-grid,.plan-grid){grid-template-columns:minmax(0,1fr)}body:is(.dco-home,.dco-branded) .code-grid,body:is(.dco-home,.dco-branded) .code-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body:is(.dco-home,.dco-branded) :is(.fc-popular,.brand-grid,.role-grid,.why-grid,.code-grid,.code-grid:has(>:nth-child(5):last-child)){grid-template-columns:minmax(0,1fr)}body:is(.dco-home,.dco-branded) :is(.fc-popular,.brand-grid)>a{padding:22px;min-height:0}}
body:is(.dco-home,.dco-branded) .fc-results{margin-inline:auto;width:100%;max-width:520px}
body:is(.dco-home,.dco-branded) .fc-results[hidden]{display:none!important}
body:is(.dco-home,.dco-branded) .fc-search input{box-shadow:none;border:1px solid #bdd6dc;border-radius:12px;min-height:58px}
body:is(.dco-home,.dco-branded) :is(.wrap.prose,.wrap.cp-narrow,.wrap.bt-narrow){max-width:1000px}
body:is(.dco-home,.dco-branded) .wrap.deep:has(>.deep-block){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
body:is(.dco-home,.dco-branded) .wrap.deep:not(:has(>.deep-block)){max-width:1000px}
body:is(.dco-home,.dco-branded) .deep-block{min-width:0;margin:0}
body:is(.dco-home,.dco-branded) main>section:not([class])+section[style*="padding-top:0"]{padding-top:24px!important}
@media(max-width:760px){body:is(.dco-home,.dco-branded) .wrap.deep:has(>.deep-block){grid-template-columns:minmax(0,1fr);gap:32px}}
body.dco-branded main .code-grid .code-link span{white-space:normal;overflow-wrap:anywhere;min-width:0;width:100%;max-width:100%;overflow:visible;line-height:1.6;font-size:13px}
body.dco-branded main .code-grid .code-link b{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}
body:is(.dco-home,.dco-branded) section:has(>.gallery)>.wrap>.kick{display:block}
body.dco-branded .wrap.post-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
body.dco-branded .wrap.post-grid>*{flex:0 1 calc(25% - 18px);min-width:0}
@media(max-width:1100px){body.dco-branded .wrap.post-grid>*{flex-basis:calc(50% - 12px)}}
@media(max-width:600px){body.dco-branded .wrap.post-grid>*{flex-basis:100%}}