/* Global Editorial Page Intro — canonical Editorial Side Hero.
 * One renderer, one surface, one responsive contract for every editorial page key.
 * Page width remains owned by .forma-public-page-shell; this file owns Hero composition only.
 */
.forma-page-intro{padding:var(--forma-space-12) 0 0;color:var(--forma-text);box-sizing:border-box}
.forma-page-intro,.forma-page-intro *{box-sizing:border-box}
.forma-page-intro--height-desktop-tall{--forma-page-intro-target-height:clamp(320px,30vw,460px)}
.forma-page-intro--height-desktop-medium{--forma-page-intro-target-height:clamp(224px,21vw,322px)}
.forma-page-intro--height-desktop-short{--forma-page-intro-target-height:clamp(128px,12vw,184px)}
.forma-page-intro__hero{position:relative;isolation:isolate;min-height:var(--forma-page-intro-target-height);overflow:hidden;border:1px solid var(--forma-border);border-radius:var(--forma-radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--forma-panel) 94%,transparent),color-mix(in srgb,var(--forma-page) 98%,transparent));box-shadow:0 10px 40px color-mix(in srgb,var(--forma-page) 70%,transparent)}
.forma-page-intro__content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:min(44%,var(--forma-container-reading));max-width:var(--forma-container-reading);min-height:inherit;margin-left:auto;padding:clamp(28px,3vw,48px);text-align:start}
.forma-page-intro--text-only .forma-page-intro__hero{min-height:auto;background:linear-gradient(135deg,color-mix(in srgb,var(--forma-panel) 96%,transparent),color-mix(in srgb,var(--forma-page) 99%,transparent))}
.forma-page-intro--text-only .forma-page-intro__content{width:min(100%,var(--forma-container-reading));max-width:var(--forma-container-reading);min-height:auto;padding:clamp(28px,3vw,44px)}
.forma-page-intro__eyebrow{display:block;margin:0 0 var(--forma-space-3);color:var(--forma-accent);font-size:var(--forma-font-xs);font-weight:var(--forma-weight-heavy);letter-spacing:.14em;line-height:1.4}
.forma-page-intro__title{margin:0;padding:0;color:var(--forma-text);font-size:var(--forma-page-title-size);font-weight:var(--forma-page-title-weight);line-height:var(--forma-page-title-line);letter-spacing:var(--forma-page-title-tracking)}
.forma-page-intro__description{max-width:44ch;margin:var(--forma-space-4) 0 0;color:var(--forma-text-2);font-size:var(--forma-archive-description-size);line-height:var(--forma-archive-description-line)}
.forma-page-intro__media{position:absolute;z-index:1;top:0;bottom:0;left:0;width:56%;overflow:hidden;background:color-mix(in srgb,var(--forma-panel) 88%,var(--forma-page))}
.forma-page-intro__media-image,.forma-page-intro__media-color{display:block;width:100%;height:100%}
.forma-page-intro__media-image{object-fit:cover;object-position:center;filter:none}
.forma-page-intro--treatment-monochrome .forma-page-intro__media-image{filter:grayscale(1)}
.forma-page-intro__media-color{background:radial-gradient(circle at 28% 34%,color-mix(in srgb,var(--forma-page-intro-visual-color,var(--forma-accent)) 54%,white),transparent 0 28%),linear-gradient(135deg,color-mix(in srgb,var(--forma-page-intro-visual-color,var(--forma-accent)) 88%,transparent),color-mix(in srgb,var(--forma-panel) 90%,var(--forma-page)))}
.forma-page-intro__overlay{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--forma-page) 10%,transparent) 28%,color-mix(in srgb,var(--forma-page) 42%,transparent) 46%,color-mix(in srgb,var(--forma-page) 84%,transparent) 66%,var(--forma-panel) 100%),linear-gradient(180deg,color-mix(in srgb,var(--forma-page) 14%,transparent),color-mix(in srgb,var(--forma-page) 40%,transparent))}
.forma-page-intro--effect-glass .forma-page-intro__overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:inset -1px 0 color-mix(in srgb,var(--forma-border) 48%,transparent);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--forma-panel) 8%,transparent) 28%,color-mix(in srgb,var(--forma-panel) 40%,transparent) 48%,color-mix(in srgb,var(--forma-panel) 82%,transparent) 68%,var(--forma-panel) 100%),linear-gradient(180deg,color-mix(in srgb,var(--forma-page) 10%,transparent),color-mix(in srgb,var(--forma-page) 38%,transparent))}
.forma-page-intro--mode-cover .forma-page-intro__media{width:56%}
.forma-page-intro--mode-cover .forma-page-intro__media-image{object-fit:cover}
.forma-page-intro--mode-contain .forma-page-intro__media{display:flex;align-items:center;justify-content:center;padding:var(--forma-space-7);background:linear-gradient(135deg,color-mix(in srgb,var(--forma-panel) 82%,var(--forma-page)),color-mix(in srgb,var(--forma-page) 92%,var(--forma-panel)))}
.forma-page-intro--mode-contain .forma-page-intro__media-image{object-fit:contain}
.forma-page-intro--mode-hero .forma-page-intro__media{width:74%}
.forma-page-intro--mode-hero .forma-page-intro__media-image{object-fit:cover;transform:scale(1.02)}
.forma-page-intro--mode-hero .forma-page-intro__overlay{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--forma-page) 16%,transparent) 30%,color-mix(in srgb,var(--forma-page) 54%,transparent) 50%,color-mix(in srgb,var(--forma-page) 90%,transparent) 70%,var(--forma-panel) 100%),linear-gradient(180deg,color-mix(in srgb,var(--forma-page) 8%,transparent),color-mix(in srgb,var(--forma-page) 46%,transparent))}
.forma-page-intro--mode-hero.forma-page-intro--effect-glass .forma-page-intro__overlay{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--forma-panel) 12%,transparent) 30%,color-mix(in srgb,var(--forma-panel) 50%,transparent) 52%,color-mix(in srgb,var(--forma-panel) 88%,transparent) 72%,var(--forma-panel) 100%),linear-gradient(180deg,color-mix(in srgb,var(--forma-page) 8%,transparent),color-mix(in srgb,var(--forma-page) 42%,transparent))}
.forma-page-intro--focal-center .forma-page-intro__media-image{object-position:center}
.forma-page-intro--focal-left .forma-page-intro__media-image{object-position:20% center}
.forma-page-intro--focal-right .forma-page-intro__media-image{object-position:80% center}
.forma-page-intro--focal-top .forma-page-intro__media-image{object-position:center 20%}
.forma-page-intro--focal-bottom .forma-page-intro__media-image{object-position:center 80%}
.forma-page-intro__divider{height:1px;margin-top:var(--forma-space-8);background:var(--forma-border)}

@media(max-width:899px){
.forma-page-intro{padding-top:var(--forma-space-10)}
.forma-page-intro--height-tablet-tall{--forma-page-intro-target-height:clamp(300px,34vw,420px)}
.forma-page-intro--height-tablet-medium{--forma-page-intro-target-height:clamp(210px,23.8vw,294px)}
.forma-page-intro--height-tablet-short{--forma-page-intro-target-height:clamp(120px,13.6vw,168px)}
.forma-page-intro__content{width:min(46%,var(--forma-container-reading));padding:clamp(24px,2.8vw,38px)}
.forma-page-intro__media{width:58%}
.forma-page-intro--mode-hero .forma-page-intro__media{width:78%}
}

@media(max-width:639px){
.forma-page-intro{padding-top:var(--forma-space-9)}
.forma-page-intro--height-mobile-tall{--forma-page-intro-target-height:clamp(340px,88vw,520px);--forma-page-intro-mobile-media-height:clamp(220px,58vw,340px)}
.forma-page-intro--height-mobile-medium{--forma-page-intro-target-height:clamp(238px,61.6vw,364px);--forma-page-intro-mobile-media-height:clamp(154px,40.6vw,238px)}
.forma-page-intro--height-mobile-short{--forma-page-intro-target-height:clamp(136px,35.2vw,208px);--forma-page-intro-mobile-media-height:clamp(88px,23.2vw,136px)}
.forma-page-intro__hero{display:flex;flex-direction:column;min-height:var(--forma-page-intro-target-height)}
.forma-page-intro__content{order:2;width:100%;max-width:none;min-height:auto;margin-left:0;padding:var(--forma-space-8) var(--forma-space-6) var(--forma-space-7);background:linear-gradient(to bottom,var(--forma-panel),color-mix(in srgb,var(--forma-page) 96%,var(--forma-panel)))}
.forma-page-intro--text-only .forma-page-intro__content,.forma-page-intro--mobile-visual-off .forma-page-intro__content{padding:var(--forma-space-8) var(--forma-space-6);background:none}
.forma-page-intro__description{max-width:none}
.forma-page-intro__media,.forma-page-intro--mode-cover .forma-page-intro__media,.forma-page-intro--mode-contain .forma-page-intro__media,.forma-page-intro--mode-hero .forma-page-intro__media{position:relative;order:1;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:var(--forma-page-intro-mobile-media-height);padding:0}
.forma-page-intro--mode-contain .forma-page-intro__media{padding:var(--forma-space-5)}
.forma-page-intro__overlay{top:0;right:0;bottom:auto;left:0;height:var(--forma-page-intro-mobile-media-height);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:linear-gradient(180deg,color-mix(in srgb,var(--forma-page) 2%,transparent) 0%,color-mix(in srgb,var(--forma-page) 12%,transparent) 38%,color-mix(in srgb,var(--forma-page) 62%,transparent) 72%,var(--forma-panel) 100%)}
.forma-page-intro--effect-glass .forma-page-intro__overlay,.forma-page-intro--mode-hero.forma-page-intro--effect-glass .forma-page-intro__overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:linear-gradient(180deg,color-mix(in srgb,var(--forma-panel) 4%,transparent) 0%,color-mix(in srgb,var(--forma-panel) 18%,transparent) 38%,color-mix(in srgb,var(--forma-panel) 66%,transparent) 72%,var(--forma-panel) 100%)}
.forma-page-intro--mobile-visual-off .forma-page-intro__hero{min-height:auto}
.forma-page-intro--mobile-visual-off .forma-page-intro__media,.forma-page-intro--mobile-visual-off .forma-page-intro__overlay{display:none}
.forma-page-intro__divider{margin-top:var(--forma-space-7)}
}