/* ATO-497: fixed four-part composition; all long copy stays in the article.
   The single modal clones that copy without changing the photographic frame. */
:root{--ek-hero-height:clamp(460px,66svh,660px);--ek-hero-gap:clamp(28px,3.5vw,52px);--ek-hero-card-width:560px;--ek-hero-card-height:250px;--ek-hero-card-padding:30px;--ek-hero-card-radius:22px;--ek-hero-glass:rgba(20,28,26,.46);--ek-hero-title-size:clamp(30px,2.9vw,40px);--ek-hero-control-size:44px}
.ek-global-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;height:var(--ek-hero-height);min-height:var(--ek-hero-height);width:100%;margin:calc(-1 * var(--ek-header-h,78px)) 0 0;padding:var(--ek-header-h,78px) 0 0;overflow:hidden;border-radius:0 0 28px 28px;background:var(--ek-graphite,#303b32);box-sizing:border-box}
.ek-global-hero .ph-stage{position:absolute;inset:0;z-index:-1}
.ek-global-hero .ph-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ph-object-position,50% 42%);filter:none}
.ek-global-hero .ph-overlay{position:absolute;inset:0;background:var(--ph-overlay,rgba(18,48,63,.38))}
.ek-hero-inner{width:calc(100% - 2 * var(--ek-hero-gap));margin:0 auto;padding:0 0 var(--ek-hero-gap)}
.ek-hero-card{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr)44px;grid-template-rows:auto 1fr auto;gap:12px 18px;width:min(var(--ek-hero-card-width),100%);height:var(--ek-hero-card-height);padding:var(--ek-hero-card-padding);border:0;border-radius:var(--ek-hero-card-radius);color:#fff;background:var(--ek-hero-glass);backdrop-filter:blur(18px) brightness(.7);-webkit-backdrop-filter:blur(18px) brightness(.7)}
.ek-hero-eyebrow{grid-column:1/-1;grid-row:1;margin:0!important;color:#ffffffd6!important;font:400 11px/1.3 var(--ek-font-body,Inter,sans-serif)!important;letter-spacing:.08em;text-transform:uppercase}
.ek-hero-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:normal!important}
.ek-hero-visual-title{display:block;grid-column:1/-1;grid-row:2;align-self:end;margin:0;color:#fff;font:400 var(--ek-hero-title-size)/1.12 var(--ek-font-display,Questrial,sans-serif);letter-spacing:-.025em;white-space:normal;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.ek-hero-summary{grid-column:1;grid-row:3;align-self:start;margin:0!important;font:400 14px/1.35 var(--ek-font-body,Inter,sans-serif)!important;color:#fffffff0!important;max-width:40ch}
.ek-hero-expand{display:grid;grid-column:2;grid-row:3;align-self:end;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #ffffffa6;border-radius:50%;background:#ffffff0a;color:#fff;cursor:pointer}
.ek-hero-expand svg{display:block;width:22px;height:22px}
.ek-hero-expand:focus-visible{outline:2px solid #fff;outline-offset:4px}
.ek-hero-card>.breadcrumbs{position:absolute;left:30px;bottom:calc(100% + 14px);margin:0;color:#fff;font-size:12px}
.ek-hero-card>.breadcrumbs a{color:inherit}
main .ek-hero-reading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip-path:inset(50%)!important;overflow:hidden!important}
.ek-hero-reading{width:min(66ch,calc(100% - 48px));margin:40px auto 48px;padding:0;color:inherit;font-size:var(--ek-fs-body);line-height:var(--ek-lh-body)}
.ek-hero-full :is(.ph-copy,.ph-more-body,.ph-more-full-intro,.ek-hub-intro-preview,.ek-hub-extra-copy,.ek-introduction,.catalog-intro-copy){display:block!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;margin:0!important;color:inherit!important}
.ek-hero-full :is(p,li){color:inherit!important;font-size:var(--ek-fs-body)!important;line-height:var(--ek-lh-body)!important}
.ek-hero-full p{margin:0 0 14px!important}
.ek-hero-full .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ek-hero-full :is(.button,a.button){color:var(--ek-ink,#303b32)!important;background:transparent!important;border:1px solid currentColor!important}
.ek-hero-full em{font-style:normal}
main.ek-catalogue-page.ek-problem-hub>.ek-global-hero{width:auto;margin-inline:calc(-1 * clamp(20px,4vw,60px))}
.ek-sheet-body .ek-hero-full{display:block!important;width:auto;margin:0;color:var(--ek-ink,#303b32)}
@media(max-width:700px){:root{--ek-hero-gap:24px;--ek-hero-card-height:204px;--ek-hero-card-padding:18px;--ek-hero-title-size:clamp(24px,6.4vw,30px)}.ek-hero-inner{padding-bottom:28px}.ek-hero-card{width:100%;gap:10px 12px}.ek-hero-card>.breadcrumbs{display:none}.ek-hero-summary{font-size:13px!important;line-height:1.35!important}main.ek-catalogue-page.ek-problem-hub>.ek-global-hero{margin-inline:-18px}}
/* Universal hero modal: editorial on desktop, bottom sheet on mobile. */
.ek-sheet.ek-hero-modal .ek-sheet-title{font:400 clamp(26px,3vw,36px)/1.15 var(--ek-font-display,Questrial,sans-serif);padding-block:6px}
.ek-sheet.ek-hero-modal .ek-sheet-head{padding-top:26px;padding-bottom:20px}
.ek-sheet.ek-hero-modal .ek-sheet-close{display:grid}
@media(min-width:701px){.ek-sheet.ek-hero-modal .ek-sheet-panel{left:50%;right:auto;top:50%;bottom:auto;width:min(760px,calc(100% - 64px));max-height:84dvh;border-radius:24px;transform:translate(-50%,-45%);opacity:0;transition:opacity .18s,transform .18s}.ek-sheet.ek-hero-modal.is-open .ek-sheet-panel{transform:translate(-50%,-50%);opacity:1}.ek-sheet.ek-hero-modal .ek-sheet-grab{display:none!important}.ek-sheet.ek-hero-modal .ek-sheet-body{padding:24px 30px 32px}.ek-sheet.ek-hero-modal .ek-sheet-head{padding-inline:30px}}