body:has(.csbk27-hero) #MainContent .cs27-chapter,body:has(.csbk27-hero) #MainContent .cs27-results{padding-block:28px}
body:has(.csbk27-hero) #MainContent .cs27-chapter-head{margin-bottom:24px}
body:has(.csbk27-hero) #MainContent .cs27-body{margin-top:16px}
body:has(.csbk27-hero) #MainContent .cs27-work{margin-top:24px;padding-bottom:24px;gap:36px;align-items:center}
body:has(.csbk27-hero) #MainContent .cs27-work-image img{border-radius:12px;max-height:430px;object-fit:cover}
body:has(.csbk27-hero) #MainContent .cs27-rhythm{margin-top:28px;padding-top:20px}
body:has(.csbk27-hero) #MainContent .cs27-method-intro{margin-bottom:20px}
body:has(.csbk27-hero) #MainContent .cs27-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-block:24px 0}
body:has(.csbk27-hero) #MainContent .cs27-result-grid .cs27-stat{padding-bottom:18px}
body:has(.csbk27-hero) #MainContent .cs27-comparison{padding-block:24px;gap:36px}
body:has(.csbk27-hero) #MainContent .cs27-review{margin-top:24px}
body:has(.csbk27-hero) #MainContent .cs27-finale-stage{padding-block:36px}
body:has(.csbk27-hero) #MainContent .csbk27-gallery{background:#f3f3f3}
body:has(.csbk27-hero) #MainContent .csbk27-artworks--grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:20px}
body:has(.csbk27-hero) #MainContent .csbk27-artworks--grid img{aspect-ratio:4/3;object-fit:cover}
body:has(.csbk27-hero) #MainContent .csbk27-artworks--campaign{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body:has(.csbk27-hero) #MainContent .csbk27-artworks--campaign figure{max-width:none;margin:0}
body:has(.csbk27-hero) #MainContent .csbk27-artworks--campaign img{aspect-ratio:4/3;object-fit:contain;background:#f3f3f3}
body:has(.csbk27-hero) #MainContent .cs27-rhythm-board{padding:24px}
body:has(.csbk27-hero) #MainContent .cs27-rhythm-step-top{margin-bottom:16px}
body:has(.csbk27-hero) #MainContent .cs27-rhythm-step h4{min-height:0;font-size:26px}
body:has(.csbk27-hero) #MainContent .cs27-rhythm-step p{margin-bottom:18px;max-width:none}
body:has(.csbk27-hero) #MainContent .cs27-rhythm-step{padding:22px}
.csbk27-hero .cs27-hero-grid{grid-template-columns:1.1fr 1fr;gap:46px}
.csbk27-hero .cs27-hero-art{padding:0;margin:0}
.csbk27-hero .cs27-art-frame{border-radius:16px;border:0}
.csbk27-hero .cs27-hero-image{height:auto;aspect-ratio:3/2;object-fit:cover}
.csbk27-hero .cs27-brand-profile{margin-top:18px}
.csbk27-hero .cs27-brand-profile h2{font-size:32px;margin-bottom:6px}
.csbk27-hero .cs27-brand-category{font-size:18px}
.csbk27-hero .cs27-hero-metrics{margin-top:28px;padding:24px 30px}
.csbk27-hero .cs27-intro{max-width:540px;margin-block:20px}
.csbk27-hero .cs27-hero-callout{margin-top:20px}
@media(min-width:900px){body:has(.csbk27-hero) #MainContent .cs27-chapter-head>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}body:has(.csbk27-hero) #MainContent .cs27-chapter-head .cs27-body{max-width:none;margin-top:0}body:has(.csbk27-hero) #MainContent .cs27-chapter-head h2{font-size:42px;max-width:none}body:has(.csbk27-hero) #MainContent .cs27-chapter-head>.cs27-eyebrow{margin-bottom:14px}body:has(.csbk27-hero) #MainContent .cs27-method-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}body:has(.csbk27-hero) #MainContent .cs27-method-intro>.cs27-body{margin-top:0;max-width:none}}
@media(max-width:899px){body:has(.csbk27-hero) #MainContent .csbk27-artworks--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csbk27-hero .cs27-hero-grid{gap:28px}}
@media(max-width:749px){body:has(.csbk27-hero) #MainContent .cs27-chapter,body:has(.csbk27-hero) #MainContent .cs27-results{padding-block:22px}body:has(.csbk27-hero) #MainContent .cs27-chapter-head{gap:10px;margin-bottom:20px}body:has(.csbk27-hero) #MainContent .cs27-chapter-head>.cs27-eyebrow{margin-bottom:0}body:has(.csbk27-hero) #MainContent .cs27-body{margin-top:14px}body:has(.csbk27-hero) #MainContent .cs27-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}body:has(.csbk27-hero) #MainContent .cs27-work{gap:20px;margin-top:20px}body:has(.csbk27-hero) #MainContent .csbk27-artworks--grid{gap:14px}body:has(.csbk27-hero) #MainContent .csbk27-artworks--campaign{grid-template-columns:1fr;gap:20px}body:has(.csbk27-hero) #MainContent .cs27-rhythm-board{padding:18px}.csbk27-hero .cs27-hero-grid{display:flex;flex-direction:column;gap:20px}.csbk27-hero .cs27-hero-art{max-width:none;width:100%}.csbk27-hero .cs27-brand-profile{margin-top:12px}.csbk27-hero .cs27-brand-profile h2{font-size:28px}.csbk27-hero .cs27-brand-category{font-size:16px}.csbk27-hero .cs27-hero-metrics{margin-top:22px;padding:20px}.csbk27-hero .cs27-hero-copy{padding:0}.csbk27-hero .cs27-hero-callout{margin-bottom:0}}
body:has(.csbk27-hero) #MainContent .cs27-product-stage{padding:0}
body:has(.csbk27-hero) #MainContent .cs27-brand-profile{padding:0;margin-top:18px}
body:has(.csbk27-hero) #MainContent .csbk27-global{background:#f3f3f3}
body:has(.csbk27-hero) #MainContent .csbk27-reach>h3{font-size:30px}
body:has(.csbk27-hero) #MainContent .csbk27-order h3{font-size:32px;line-height:1.15;margin-top:14px}
body:has(.csbk27-hero) #MainContent .csbk27-usa h3{font-size:28px;line-height:1.15;color:#007aff}
body:has(.csbk27-hero) #MainContent .csbk27-global .cs27-body{margin-top:14px}
body:has(.csbk27-hero) #MainContent .csbk27-global .cs27-body p{margin-bottom:0}
body:has(.csbk27-hero) #MainContent .csbk27-artworks--campaign img{aspect-ratio:8/5}
@media(max-width:749px){body:has(.csbk27-hero) #MainContent .csbk27-reach>h3{font-size:27px}body:has(.csbk27-hero) #MainContent .csbk27-order h3{font-size:28px}body:has(.csbk27-hero) #MainContent .csbk27-usa h3{font-size:26px}}
