/* Shared layout rhythm for homepage content; the approved hero and footer keep their own layout. */
body[data-page="home"]{--home-section-space:64px;--home-heading-gap:36px;--home-heading-rail:230px;--home-column-gap:40px}
body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section{padding-top:var(--home-section-space);padding-bottom:var(--home-section-space);margin-top:0;margin-bottom:0}
body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading{display:grid;grid-template-columns:var(--home-heading-rail) minmax(0,1fr);column-gap:var(--home-column-gap);row-gap:16px;margin:0 0 var(--home-heading-gap);align-items:start}
body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading>div{min-width:0}
body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading>.eyebrow{padding-top:7px;margin:0}
body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading h2{font:500 var(--desk-section-title-size)/1.08 Raleway,Arial,sans-serif;letter-spacing:-.045em;max-width:950px;margin:0}
body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading h2 .brand-word{font-size:1em;line-height:inherit;letter-spacing:-.035em;font-weight:700}
body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading>div>p{font-size:15px;line-height:1.65;margin:20px 0 0;max-width:800px}
/* Align section-end links and reading teasers to the same spacing scale. */
body[data-page="home"] :is(#media .hc-section-link,#platform-cycle .pl-actions,#cases .practice-actions){margin-top:32px}
body[data-page="home"] :is(#home-ai .hc-ai-blog,#quality-analytics .hc-report-blog){margin-top:32px}
body[data-page="home"] #clients .dc-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;min-height:166px}
body[data-page="home"] #clients .dc-logo{min-width:0;height:78px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ececf2;border-radius:16px 16px 5px 16px;padding:17px 20px}
body[data-page="home"] #clients .dc-logo img{width:100%;height:100%;max-width:128px;object-fit:contain;animation:dc-logo-in .45s ease both}
body[data-page="home"] #clients .dc-logo:nth-child(2n) img{animation-delay:.04s}
body[data-page="home"] #clients .dc-logo:nth-child(3n) img{animation-delay:.08s}
body[data-page="home"] #clients .dc-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:20px}
body[data-page="home"] #clients .dc-controls[hidden]{display:none}
body[data-page="home"] #clients .dc-caption{font-size:12px;color:#696979}
body[data-page="home"] #clients .dc-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body[data-page="home"] #clients .dc-buttons button{display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:44px;border:1px solid #d9dce5;border-radius:12px 12px 4px 12px;background:transparent;color:#272733;padding:8px 15px;font-size:12px;font-weight:650;transition:color .3s,background .3s,border-color .3s}
body[data-page="home"] #clients .dc-buttons button:is(:hover,:focus-visible){color:#ff450a;border-color:#ff450a;background:#fff}
body[data-page="home"] #clients .dc-buttons .dc-pause[aria-pressed="true"]{background:#272733;color:#fff;border-color:#272733}
body[data-page="home"] #clients .dc-buttons .dc-pause{min-width:98px}
body[data-page="home"] #clients .brand-clasp{display:block;position:relative;width:25px;height:25px;flex:0 0 25px;background:none;color:#ff450a}
body[data-page="home"] #clients .brand-clasp:before,body[data-page="home"] #clients .brand-clasp:after{content:'';position:absolute;top:5px;bottom:auto;width:8px;height:15px;border:0;border-radius:0;background:currentColor;mask:url('./design-assets/tiposka_brace.svg') center/contain no-repeat;-webkit-mask:url('./design-assets/tiposka_brace.svg') center/contain no-repeat;transition:transform .3s}
body[data-page="home"] #clients .brand-clasp:before{left:3px;right:auto;transform:scaleX(-1)}
body[data-page="home"] #clients .brand-clasp:after{right:3px;left:auto;transform:none}
body[data-page="home"] #clients button:is(:hover,:focus-visible) .brand-clasp:before{transform:translateX(2px) scaleX(-1)}
body[data-page="home"] #clients button:is(:hover,:focus-visible) .brand-clasp:after{transform:translateX(-2px)}
body[data-page="home"] #clients .dc-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes dc-logo-in{from{transform:translateY(5px)}to{transform:translateY(0)}}
@media(max-width:1100px) and (min-width:761px){body[data-page="home"]{--home-heading-rail:200px;--home-column-gap:32px;--home-section-space:56px;--home-heading-gap:32px}}
@media(max-width:760px){body[data-page="home"]{--home-section-space:44px;--home-heading-gap:28px}body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading{display:block}body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading>.eyebrow{padding:0;margin-bottom:16px}body[data-page="home"] #home-ai .hc-intelligence-brand{margin-bottom:20px}body[data-page="home"] main>:is(#home-ai,#creative-studio,#media,#platform-cycle,#quality-analytics,#cases,#clients,#group).site-section>.wrap>.section-heading>div>p{font-size:14px;line-height:1.65;margin-top:18px}body[data-page="home"] :is(#media .hc-section-link,#platform-cycle .pl-actions,#cases .practice-actions,#home-ai .hc-ai-blog,#quality-analytics .hc-report-blog){margin-top:28px}body[data-page="home"] #clients .dc-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:158px}body[data-page="home"] #clients .dc-logo{height:74px;padding:15px}body[data-page="home"] #clients .dc-controls{justify-content:flex-end;margin-top:18px}body[data-page="home"] #clients .dc-caption{display:none}body[data-page="home"] #clients .dc-buttons{gap:7px}body[data-page="home"] #clients .dc-buttons button{font-size:11px;padding:8px 12px;gap:10px}body[data-page="home"] #clients .dc-buttons .dc-pause{min-width:92px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] #clients *{animation:none!important;transition:none!important}}

/* More partners in view, while keeping long wordmarks readable on phones. */
@media(min-width:761px) and (max-width:1100px){body[data-page="home"] #clients .dc-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){body[data-page="home"] #clients .dc-logos{grid-template-columns:repeat(2,minmax(0,1fr));min-height:150px}body[data-page="home"] #clients .dc-logo{height:70px;padding:14px 18px}body[data-page="home"] #clients .dc-logo img{max-width:120px}}