/* Homepage alignment helpers. Site-wide margins are back to the original
   per-page values; only the homepage sections below share one grid. */
/* One content margin across the site: 5% of the screen on each side,
   a little inside the header (which sits at 3%). Same as the homepage bands. */
:root{--site-w:min(90vw,1720px);--site-edge:calc((100vw - var(--site-w))/2)}
body,body:has(>.case-page){width:auto!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}
body>main,body>footer{width:var(--site-w)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
section.home,.brand-ticker,section.home-stories,section.home-capabilities{padding-left:var(--site-edge)!important;padding-right:var(--site-edge)!important}
body.strategy-editorial>main.se-main{width:var(--site-w)!important}
main>section[data-page]:not(.home):not(.home-stories):not(.home-capabilities):not(.home-index-section){padding-left:0!important;padding-right:0!important}
/* "Selected work" matches "Brands I've worked with": no bullet, same small caps */
.home-stories-label h2::before{display:none!important}
.home-stories-label h2{font:700 12px/1.4 var(--font)!important;letter-spacing:.08em!important;text-transform:uppercase}

/* burgundy practice section: same two columns as Selected work */
section.home-capabilities{grid-template-columns:minmax(110px,.4fr) minmax(0,2.6fr)!important;gap:25px!important;align-items:start}
section.home-capabilities .capability-context{grid-row:auto!important;padding-top:0}
section.home-capabilities .capability-context .hand{display:block;line-height:1.1}
.capability-bio{margin:18px 0 0;font-size:14px;line-height:1.55;color:#EEF4F9;max-width:200px}
.capability-body{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,.85fr);gap:30px;align-items:start;min-width:0}
section.home-capabilities .capability-main{grid-row:auto!important;min-width:0}
section.home-capabilities .capability-list{margin-top:0}
section.home-capabilities .capability-description{margin:30px 0 0;max-width:46ch;min-height:0;font-size:14px}
section.home-capabilities .home-capabilities .capability-about,section.home-capabilities .capability-about{margin-top:26px}
section.home-capabilities .capability-preview{grid-column:auto!important;grid-row:auto!important;padding-top:6px;max-width:none}
@media(max-width:1100px){section.home-capabilities{grid-template-columns:1fr!important}.capability-bio{max-width:46ch}.capability-body{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
@media(max-width:760px){.capability-body{grid-template-columns:1fr}section.home-capabilities .capability-preview{order:-1}}

/* pills after Selected work: the rest of the site at a glance */
.home-explore{grid-column:2;margin-top:48px}
.home-explore-label{margin:0 0 14px;font:700 12px/1.4 var(--font);letter-spacing:.08em;text-transform:uppercase}
.home-explore ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.home-explore a{display:inline-flex;align-items:baseline;gap:10px;padding:13px 22px;border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-size:16px;letter-spacing:-.01em;box-shadow:0 8px 24px -16px #19061540;transition:background .25s ease,color .25s ease}
.home-explore a span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.home-explore a:hover,.home-explore a:focus-visible{background:#190615;color:#EEF4F9!important}
.home-explore a:hover span,.home-explore a:focus-visible span{color:#EEF4F9!important}
@media(max-width:1100px){.home-explore{grid-column:1}}
.home-explore{display:block!important;margin-left:0!important;margin-right:0!important;position:static!important;padding:0!important;background:none!important;width:auto!important;justify-self:start}
/* practice: hovered item's description sits under "Across the practice"; About is a fixed button after the list */
section.home-capabilities .capability-context .capability-description{margin:18px 0 0;max-width:none;min-height:0;font-size:14px;line-height:1.6;color:#eef4f9}
section.home-capabilities .capability-main .capability-about{margin-top:34px}
@media(max-width:1100px){section.home-capabilities .capability-context .capability-description{max-width:46ch}}
/* keep clear space between the hover text and the list */
section.home-capabilities .capability-context{padding-right:40px}
/* Strategy landing mirrors Case Studies: intro, then a hover list */
main>section[data-page="strategy"]{padding-left:0!important;padding-right:0!important}

/* Strategy landing: same intro and list styling as Case Studies */
[data-page="strategy"]{padding-top:25px!important}
[data-page="strategy"] .case-intro,[data-page="lab"] .case-intro{margin-bottom:clamp(28px,4vw,56px)}
[data-page="strategy"] .case-intro h1,[data-page="lab"] .case-intro h1{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.045em}
[data-page="strategy"] .case-intro,[data-page="lab"] .case-intro{max-width:none}
[data-page="strategy"] .case-intro h1,[data-page="lab"] .case-intro h1{font-size:clamp(48px,7.4vw,116px);font-weight:700;line-height:.98;letter-spacing:-.05em}
[data-page="strategy"] .case-intro p,[data-page="lab"] .case-intro p{font-size:16px;max-width:520px;margin-top:26px}
[data-page="strategy"] .case-intro h1,[data-page="lab"] .case-intro h1{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:700;font-size:clamp(52px,8.5vw,150px);line-height:.98;letter-spacing:-.055em;color:#000;margin:clamp(20px,4vw,60px) 0 0}
[data-page="strategy"] .case-intro p,[data-page="lab"] .case-intro p{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;font-size:clamp(16px,1.45vw,22px);line-height:1.32;letter-spacing:-.01em;color:#000;max-width:min(640px,48vw);margin-top:clamp(28px,4.5vw,72px)}
[data-page="strategy"] .case-intro,[data-page="lab"] .case-intro{margin-bottom:clamp(40px,6vw,96px)}
[data-page="strategy"] .case-intro,[data-page="lab"] .case-intro{min-height:calc(100svh - 110px);margin-bottom:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:6vh;box-sizing:border-box}
[data-page="strategy"] .case-intro h1,[data-page="lab"] .case-intro h1{margin-top:0}
[data-page="strategy"] .strategy-cover-grid .case-cover,[data-page="strategy"] .strategy-cover-grid .case-cover .strategy-overlay h2{color:#190615!important}
[data-page="strategy"] .strategy-cover-grid .case-cover .strategy-overlay small{color:#6A5866!important}
[data-page="strategy"] .strategy-cover-grid .case-cover .strategy-overlay p,[data-page="strategy"] .strategy-cover-grid .case-cover .strategy-overlay span{display:none}
