/* Shared November review. Layout-specific edits remain deliberately scoped. */
html body :is(h1,h2,h3,h4,h5,h6),html body #main#main#main :is(h1,h2,h3,h4,h5,h6){font-weight:800!important}
html body .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px!important;padding:13px 22px!important;background:#00b2a9!important;color:#0b1d3a!important;border:1px solid transparent;border-radius:4px!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;text-align:center;text-decoration:none;box-shadow:none;cursor:pointer}
html body .button:hover{background:#03a59d!important;color:#0b1d3a!important}
html body #main#main#main#main .button,html body #main#main#main#main .button:hover{color:#0b1d3a!important}
html body .button[data-dn-cta-surface="white"],html body .dn-team-results-primary{background:#fffefa!important;color:#0b1d3a!important;border-color:#c9d7d1!important}
html body .button[data-dn-cta-surface="white"]:hover,html body .dn-team-results-primary:hover{background:#e7f2ed!important}
html body .button:focus-visible{outline:3px solid #00766d;outline-offset:4px}
html body .button:disabled{cursor:not-allowed;opacity:.55}
html body .site-header .dn-menu-chevron{display:inline-block;width:7px;height:7px;border:0;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:6px;font-size:0;transition:transform .18s}
html body .site-header details[open]>.dn-menu-chevron,html body .site-header details[open]>summary .dn-menu-chevron{transform:rotate(225deg) translate(-1px,-1px)}
/* Keep the two approved featured services, using a calm green/cream rhythm. */
body #main#main #our-services :is(.home-service-card,.home-service-featured,.service-grid-card){box-shadow:none}
body #main#main #our-services .service-grid-primary>article:nth-child(odd){background:#e0f0e9!important}
body #main#main #our-services .service-grid-primary>article:nth-child(even){background:#fffefa!important}
body #main#main #our-services .service-grid-primary>article{color:#0b1d3a!important}
/* One client component. The same twelve clients, split into two useful rows. */
body #main#main #client-businesses .dn-client-rows{display:grid;gap:6px;min-width:0}
body #main#main #client-businesses [data-dn-client-row]{min-width:0;max-width:100%}
body #main#main #client-businesses [data-dn-client-row] .client-logo-window{width:100%;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
body #main#main #client-businesses .client-logo-badge{background:transparent!important}
body #main#main #client-businesses .client-logo-track{animation:none!important;transform:none!important}
/* Larger optical boxes, with space for long labels and no narrowed prose column. */
body #main#main [data-dn-logo-layout="unified"]{--dn-tool-slot:268px;--dn-tool-gap:30px;--tool-gap:30px;min-width:0;max-width:100%}
body #main#main [data-dn-logo-layout="unified"] :is(.dn-tool-mark,.dn-technology-group>li) img{width:40px;height:40px;max-height:40px;min-height:40px;max-width:194px;object-fit:contain}
body #main#main [data-dn-logo-layout="unified"] :is(.dn-tool-mark,.dn-technology-group>li).is-wordmark img{width:194px;height:40px}
body #main#main [data-dn-logo-layout="unified"] :is(.dn-tool-mark>span,.dn-technology-group>li>a>span,.dn-technology-group>li>span>span){font-size:14px}
body #main#main :is(.site-prose,.dn-section-body,.dn-editorial-layout>div):has([data-dn-logo-layout="unified"]){min-width:0;max-width:100%}
/* Use the same dimensions as Home for project cards; full case-study heroes stay large. */
body #main#main :is(.site-proof-grid,.ai-evidence-grid,.work-grid,.brand-proof-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));justify-content:center;gap:22px;max-width:1244px;margin-inline:auto}
body #main#main :is(.site-proof,.ai-evidence-card,.work-card,.brand-case){min-width:0;max-width:400px;width:100%;justify-self:center}
body #main#main [data-website-showcase]:not(.website-showcase-large){width:100%;max-width:400px;margin-inline:auto}
body #main#main [data-website-showcase]:not(.website-showcase-large) .showcase-viewport{aspect-ratio:4/3;height:auto;min-height:0;max-height:300px}
body #main#main #see-the-work-and-results-for-real-businesses .dn-section-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:nowrap}
body #main#main #see-the-work-and-results-for-real-businesses .dn-team-results-primary{white-space:nowrap;min-width:116px}
/* Advertising editorial compositions use compact, equally aligned columns. */
body #main#main[data-dn-campaign-layout] .dn-campaign-journey-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:32px}
body #main#main[data-dn-campaign-layout] .dn-campaign-example{width:100%;max-width:590px;justify-self:end;margin:0}
body #main#main[data-dn-campaign-layout] .dn-campaign-work-grid{gap:20px;align-items:stretch}
body #main#main[data-dn-campaign-layout] .dn-campaign-work-grid>article{padding:21px;min-width:0}
body #main#main[data-dn-campaign-layout] .dn-campaign-related-grid{gap:24px;align-items:stretch}
body #main#main[data-dn-campaign-layout] .dn-campaign-related-grid>article{padding:22px;min-width:0}
body #main#main[data-dn-campaign-layout] .dn-campaign-team-layout{align-items:start;gap:30px}
body #main#main .dn-team-client-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body #main#main .dn-team-client-benefits>article{min-width:0;padding:0 0 14px;border-bottom:1px solid #bccfc7}
body #main#main .dn-team-client-benefits h3{font-size:19px;line-height:1.25;margin:0 0 8px}
body #main#main .dn-team-client-benefits p{font-size:15px;line-height:1.5;margin:0;max-width:45ch}
body #main#main .dn-team-benefit-footer{margin-top:20px;font-size:15px;line-height:1.6}
body #main#main [data-team-no-divider]{border-top:0!important;box-shadow:none!important}
body #main#main [data-team-no-divider]::before{display:none!important}
/* About: an opening followed by full-width readable story text and tools. */
body #main#main [data-team-wide-story]>.dn-editorial-layout{display:block!important}
body #main#main [data-team-wide-story] .dn-section-opening{max-width:850px;margin-bottom:24px}
body #main#main [data-team-wide-story]>.dn-editorial-layout>.site-prose{max-width:none;width:100%;columns:2;column-gap:40px}
body #main#main [data-team-wide-story]>.dn-editorial-layout>.site-prose>p{break-inside:avoid;max-width:none;margin:0 0 17px;line-height:1.65}
body #main#main [data-team-wide-story] [data-dn-tools-marquee]{column-span:all;width:100%;margin-top:18px}
/* Results context: preserve the existing fieldbook, colours and story. */
body #main#main [data-team-result-note]{padding:clamp(24px,4vw,48px)!important;gap:30px}
body #main#main [data-team-result-note] .dn-section-body>p{margin:0 0 18px;line-height:1.7}
@media(max-width:900px){body #main#main[data-dn-campaign-layout] .dn-campaign-journey-layout{grid-template-columns:1fr;gap:24px}body #main#main[data-dn-campaign-layout] .dn-campaign-example{max-width:none;justify-self:stretch}body #main#main .dn-team-client-benefits{gap:15px}body #main#main [data-team-wide-story]>.dn-editorial-layout>.site-prose{column-gap:26px}}
@media(max-width:640px){html body .button{font-size:14px!important;padding:12px 18px!important}body #main#main #see-the-work-and-results-for-real-businesses .dn-section-actions{justify-content:center;gap:16px;width:100%}body #main#main [data-team-wide-story]>.dn-editorial-layout>.site-prose{columns:1}body #main#main .dn-team-client-benefits{grid-template-columns:1fr}body #main#main [data-dn-logo-layout="unified"]{--dn-tool-slot:248px;--dn-tool-gap:22px}body #main#main [data-dn-logo-layout="unified"] :is(.dn-tool-mark,.dn-technology-group>li).is-wordmark img{width:180px}body #main#main :is(.site-proof-grid,.ai-evidence-grid,.work-grid,.brand-proof-grid){grid-template-columns:minmax(0,1fr)}body #main#main #client-businesses .dn-client-rows{gap:3px}}
@media(prefers-reduced-motion:reduce),print{body #main#main #client-businesses .client-logo-track{animation:none!important;transform:none!important}html body .site-header .dn-menu-chevron{transition:none}}

body #main#main .dn-team-operation{margin-top:20px;border-top:1px solid #bccfc7;padding-top:12px}body #main#main .dn-team-operation summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;font-weight:700;cursor:pointer;min-height:40px}body #main#main .dn-team-operation>div p{font-size:15px;line-height:1.55;margin:10px 0}body #main#main :is(.site-proof-grid,.ai-evidence-grid):has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,400px));justify-content:center}
@media(max-width:640px){body #main#main :is(.site-proof-grid,.ai-evidence-grid):has(> :nth-child(2):last-child){grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce),print{body #main#main #client-businesses [data-dn-client-row] .client-logo-group>li[aria-hidden="true"]{display:none!important}}

body #main#main .dn-team-client-benefits>article:last-child:nth-child(odd){grid-column:1/-1}body #main#main .dn-team-client-benefits>article:last-child:nth-child(odd)>p{max-width:none}

/* A single editorial case stays horizontal, with a Home-sized browser window. */
body #main#main :is(.site-proof-grid,.seo-city-proof-card)>.site-proof:only-child{width:100%;max-width:840px!important;display:grid!important;grid-template-columns:minmax(0,400px) minmax(0,1fr)!important;align-items:start;margin-inline:auto}
@media(max-width:700px){body #main#main :is(.site-proof-grid,.seo-city-proof-card)>.site-proof:only-child{max-width:400px!important;grid-template-columns:minmax(0,1fr)!important}}

body #main#main#main [data-website-showcase]:not(.website-showcase-large){width:100%!important;max-width:400px!important;min-width:0!important}
body #main#main#main [data-website-showcase]:not(.website-showcase-large) .showcase-viewport{max-height:300px!important}
body #main#main#main .site-proof:only-child{max-width:840px!important;display:grid!important;grid-template-columns:minmax(0,400px) minmax(0,1fr)!important;margin-inline:auto}
@media(max-width:700px){body #main#main#main .site-proof:only-child{max-width:400px!important;grid-template-columns:minmax(0,1fr)!important}}

/* Advertising keeps its distinct draft-project cards, at the same preview scale. */
body #main#main[data-dn-campaign-layout] .dn-campaign-project-grid{grid-template-columns:repeat(2,minmax(0,400px))!important;justify-content:center}
body #main#main[data-dn-campaign-layout] .dn-campaign-project{min-width:0;width:100%;max-width:400px}
body #main#main[data-dn-campaign-layout] .dn-campaign-site-window{height:auto!important;aspect-ratio:4/3;max-height:300px}
@media(max-width:700px){body #main#main[data-dn-campaign-layout] .dn-campaign-project-grid{grid-template-columns:minmax(0,400px)!important}}

/* Keep the marketing evidence readable without a second oversized card body. */
body #main#main#main[data-dn-team-marketing] .site-proof-copy{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 14px;padding:20px;align-content:start;align-items:center}
body #main#main#main[data-dn-team-marketing] .site-proof-copy>.client-logo-badge{grid-area:1/1;width:100%;height:42px;margin:0}
body #main#main#main[data-dn-team-marketing] .site-proof-copy>.client-logo-badge img{max-height:42px;max-width:100%;object-fit:contain}
body #main#main#main[data-dn-team-marketing] .site-proof-copy>h3{grid-area:1/2;font-size:23px;line-height:1.2;margin:0}
body #main#main#main[data-dn-team-marketing] .site-proof-copy>.eyebrow{grid-area:2/1/3/3;font-size:11px;line-height:1.5;letter-spacing:.08em;margin:0}
body #main#main#main[data-dn-team-marketing] .site-proof-copy>strong{grid-area:3/1;font-size:32px;line-height:1.1;margin:0}
body #main#main#main[data-dn-team-marketing] .site-proof-copy>p:not(.eyebrow){grid-area:3/2;font-size:14px;line-height:1.5;margin:0}
body #main#main#main[data-dn-team-marketing] .site-proof-copy>small{grid-area:4/1/5/3;font-size:11px;line-height:1.5;margin:0}