/* The portrait belongs to the opening composition at every screen size. */
.clarity-hero{padding:40px 0 56px}
.clarity-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". portrait" "headline portrait" "summary portrait" "action portrait";gap:24px 60px;align-items:start}
.clarity-hero h1{grid-area:headline;font-size:clamp(52px,5.7vw,84px);line-height:1.02;margin:0;letter-spacing:-.06em;max-width:760px}
.clarity-hero .hero-definition{grid-area:summary;font-size:20px;line-height:1.5;max-width:510px;color:#d1cec8;margin:0}
.clarity-hero .hero-actions{grid-area:action;margin:6px 0 0;display:block}
.clarity-hero .primary-link{font-size:15px;padding:18px 24px;min-height:54px}
.clarity-hero .clarity-portrait{grid-area:portrait;align-self:center;width:100%;max-width:none;margin:0;transform:none}
.clarity-hero .clarity-portrait img{width:100%;height:570px;max-height:none;margin:0;object-fit:contain;mask-image:none;animation:none}
.hero-topics{margin-top:0;padding-top:30px;padding-bottom:40px}
@media(min-width:701px) and (max-width:1100px){
 .clarity-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px 28px}
 .clarity-hero h1{font-size:clamp(44px,5.7vw,64px)}
 .clarity-hero .clarity-portrait img{height:460px}
 .clarity-hero .hero-definition{font-size:18px}
}
@media(max-width:700px){
 .header-main{min-height:66px}
 .language-strip{padding:5px 20px 7px}
 .language-strip ul{gap:0 9px}
 .language-strip a{min-height:32px;font-size:12px}
 .clarity-hero{padding:28px 0 36px}
 .clarity-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"headline" "portrait" "summary" "action";gap:18px;align-items:start}
 .clarity-hero h1{font-size:clamp(35px,10.5vw,54px);line-height:1.02;margin:0;max-width:540px}
 .clarity-hero .clarity-portrait{width:100%;margin:0 auto}
 .clarity-hero .clarity-portrait img{height:clamp(300px,82vw,360px);width:100%;object-fit:contain}
 .clarity-hero .hero-definition{font-size:16px;line-height:1.45;max-width:480px;margin:0}
 .clarity-hero .hero-actions{margin:2px 0 0}
 .clarity-hero .hero-actions .primary-link{min-height:48px;padding:14px 18px;font-size:14px;width:100%}
 .hero-topics{padding-top:26px;padding-bottom:30px}
}