/* MK-HERO-ENONLY-ICONS-01 — scoped desktop hero, English edition, external icons. */
/* Existing .hero-first / .hero-second font metrics live in midnight.css. */
.hero-headlines{margin:0}
.hero-first,.hero-second{transform:none;opacity:1;will-change:auto}
.hero-second::after{animation:none;transform:none}
.hero-founder{margin:36px 0 0;font:500 15px/1.65 var(--sans);color:var(--hero-ink)}
.hero-founder a{display:inline-block;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-color:var(--hero-line);padding-block:3px}
.hero-founder a:hover{color:var(--hero-accent);text-decoration-color:currentColor}
.hero-founder + .hero-intro{margin-top:16px}
#not-an-agency{scroll-margin-top:32px}
/* Explicit geometric icons retain the original arrow's font-size-based footprint. */
svg.external-arrow{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:middle;overflow:visible}
@media screen and (min-width:1101px){
 .hero .hero-intro{font-size:17px}
 .hero .hero-descriptor{font-size:13px}
}
@media(max-width:1020px){#not-an-agency{scroll-margin-top:88px}}
@media(max-width:800px){.hero-founder{font-size:13px;margin-top:30px}.hero-founder + .hero-intro{margin-top:16px}}
/* Retain mobile headline → portrait → supporting-copy layout; insert founder by the heading. */
@media(max-width:600px){
 .hero-founder{grid-row:2;margin-top:18px;font-size:13px}
 .hero-visual{grid-row:3}
 .hero-intro{grid-row:4}
 .hero-founder + .hero-intro{margin-top:25px}
 .hero-descriptor{grid-row:5}
 .hero-actions{grid-row:6}
}

/* MK five-stage completion — approved whole-page corrections. */
@media screen and (min-width:801px){
 .perspective-section .organization-note{display:block}
 .perspective-section .organization-note>.micro-label{display:block;margin-bottom:16px}
 .perspective-section .organization-note h3{font:400 clamp(39px,4vw,64px)/1.13 var(--serif);letter-spacing:-.035em}
 .perspective-section .organization-note p{font-size:15px;line-height:1.95;max-width:700px}
}
/* Two columns / three rows on desktop; no cards, no fixed heights or card motion. */
.work-editorial-shell{max-width:1180px;margin:40px auto 0}
.work-editorial-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;border:0}
.work-editorial-item{display:block;min-width:0;padding:22px 0 0;border-top:1px solid var(--work-line);border-bottom:0;background:none;transform:none;transition:none;animation:none;break-inside:avoid}
.work-editorial-index{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:20px;min-height:0;margin-bottom:12px;font:10px/1.6 var(--sans)}
.work-editorial-index span:first-child{font:11px/1.6 var(--sans);letter-spacing:.12em;color:var(--work-accent)}
.work-editorial-copy{max-width:none}
.work-editorial-org{font:10px/1.6 var(--sans);letter-spacing:.12em;margin:0 0 8px}
.work-editorial-copy h3{font:400 15px/1.55 var(--sans);letter-spacing:normal;margin:0 0 10px}
.work-editorial-copy h4{font:italic 400 13px/1.85 var(--sans);letter-spacing:normal;margin:0 0 12px;color:var(--work-accent)}
.work-editorial-description{font:400 13px/1.85 var(--sans);letter-spacing:normal;margin:0;max-width:none;color:var(--work-muted)}
.work-editorial-credit{font:italic 12px/1.5 var(--sans);margin:18px 0 0;padding-top:12px}
/* Three retained discipline blocks left, unchanged portrait on the right. */
.practice-body-layout{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7%;align-items:start;margin-top:48px}
.practice-body-layout>.practice-portrait{grid-column:2;grid-row:1;width:100%;max-width:390px;margin:0;justify-self:end}
.practice-body-layout>.practice-list{grid-column:1;grid-row:1;display:block;margin:0;min-width:0}
.practice-body-layout .practice-item{grid-template-columns:25px minmax(0,1fr);padding-block:23px;gap:22px}
/* Keep the original logo bitmap and its strike-through. Hide only the lower tagline. */
.agency-logo-without-tagline img{clip-path:inset(0 0 31% 0)}
@media(max-width:800px){
 .work-editorial-list{grid-template-columns:1fr;gap:30px}
 .work-editorial-shell{margin-top:30px}
 .practice-body-layout{grid-template-columns:1fr;gap:30px;margin-top:32px}
 .practice-body-layout>.practice-portrait{grid-column:1;grid-row:1;justify-self:center;max-width:390px}
 .practice-body-layout>.practice-list{grid-column:1;grid-row:2;margin:0}
 .practice-body-layout .practice-item{grid-template-columns:22px minmax(0,1fr);gap:15px}
}

/* Static stacked hero phrases on every viewport. */
.hero-phrases{display:block}