/* Shared photographic opening; the homepage also carries its lead and benefits. */
.has-photo-hero{--hero-header-height:89px}
.has-photo-hero .site-header{margin-bottom:calc(-1 * var(--hero-header-height));backdrop-filter:none}
.has-photo-hero:not(.menu-open) .site-header:not(.is-scrolled){background:transparent;border-color:transparent;box-shadow:none}
.has-photo-hero:not(.menu-open) .site-header:not(.is-scrolled) .brand img{filter:brightness(0) invert(1)}
.has-photo-hero:not(.menu-open) .site-header:not(.is-scrolled) .menu-toggle{color:var(--white)}
.has-photo-hero:not(.menu-open) .site-header:not(.is-scrolled) :is(.desktop-nav>a,.nav-dropdown>summary){color:var(--white)}
.has-photo-hero:not(.menu-open) .site-header:not(.is-scrolled) .header-phone{background:var(--navy);color:var(--white);border-color:#ffffff40}
.has-photo-hero:not(.menu-open) .site-header:not(.is-scrolled) .header-phone:hover{background:var(--navy-soft);color:var(--white)}
.has-photo-hero:not(.menu-open) .site-header:not(.is-scrolled) .header-phone:focus-visible{outline-color:var(--white)}
.photo-hero{position:relative;isolation:isolate;display:grid;align-items:end;min-height:clamp(580px,82svh,840px);background:var(--navy);overflow:hidden;color:var(--white)}
.photo-hero-media{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.photo-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(1,20,37,.45) 52%),linear-gradient(90deg,rgba(1,20,37,.84),rgba(1,20,37,.6) 40%,rgba(1,20,37,.08) 78%),linear-gradient(180deg,rgba(1,20,37,.72) 0,rgba(1,20,37,.72) var(--hero-header-height),transparent calc(var(--hero-header-height) + 80px))}
.photo-hero-content{padding-block:calc(var(--hero-header-height) + 90px) 110px}
.photo-hero h1{max-width:23ch;margin:0 0 32px;color:var(--white);font-size:clamp(40px,4.3vw,64px);font-weight:600;line-height:1.12;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
.photo-hero h1 span{color:var(--gold)}
.photo-hero-action{display:flex;align-items:flex-start}
.photo-hero-action .button{min-height:54px;max-width:100%;text-align:center}
.photo-hero-action .button:focus-visible{outline-color:var(--white)}
.photo-hero-home{grid-template-rows:1fr auto}
.photo-hero-home .photo-hero-content{padding-bottom:56px}
.photo-hero-home h1{max-width:27ch;margin-bottom:20px}
.photo-hero-lead{max-width:65ch;margin:0 0 28px;font-size:20px;line-height:1.6;color:var(--white);text-wrap:pretty}
.photo-hero-bottom{padding-block:28px}
.home-hero-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;color:var(--white);font-size:16px}
.home-hero-benefits svg{color:var(--gold)}
.hero-in-view :is([data-sticky-cta],.chat-launcher){visibility:hidden;pointer-events:none}
.photo-hero-article h1{max-width:25ch}
.photo-hero-team .photo-hero-media{height:auto;top:50%;bottom:auto;transform:translateY(-50%)}
.photo-hero-intro{padding-block:32px 0;scroll-margin-top:110px}
.photo-hero-intro:empty{padding:0}
.photo-hero-intro .actions{margin-top:0}
.team-intro-photo{display:block;width:100%;max-width:960px;height:auto;margin:32px auto 0;border-radius:16px}
.photo-hero~.article-header{padding-top:32px;padding-bottom:24px}
.photo-hero~.article-header .article-meta{margin-top:20px}
#agenda,#scan,#artikel{scroll-margin-top:110px}
@media(max-width:860px){
 .has-photo-hero{--hero-header-height:77px}
 .photo-hero{min-height:620px}
 .photo-hero h1{font-size:clamp(36px,5.5vw,52px);max-width:24ch}
 .photo-hero-content{padding-block:180px 90px}
 .photo-hero-media{object-position:62% center}
 .home-hero-benefits{gap:20px;font-size:14px}
 .photo-hero.photo-hero-team{min-height:0}
 .photo-hero-team .photo-hero-media{top:var(--hero-header-height);transform:none}
 .photo-hero-team::before{background:none}
 .photo-hero-team .photo-hero-content{padding-block:calc(var(--hero-header-height) + 66.667vw + 24px) 48px}
}
@media(max-width:600px){
 .photo-hero{min-height:min(680px,88svh);align-items:end}
 .photo-hero-media{object-position:66% center}
 .photo-hero::before{background:linear-gradient(180deg,rgba(1,20,37,.65),rgba(1,20,37,.1) 28%,rgba(1,20,37,.65) 50%,rgba(1,20,37,.93) 100%)}
 .photo-hero-content{padding-block:230px 64px}
 .photo-hero h1{font-size:clamp(32px,8.8vw,42px);line-height:1.16;max-width:23ch;margin-bottom:26px}
 .photo-hero-action .button{font-size:14px;padding:16px 22px}
 .photo-hero-intro{padding-top:24px}
 .photo-hero-home .photo-hero-content{padding-block:160px 40px}
 .photo-hero-home .photo-hero-bottom{display:none}
 .photo-hero-home h1{margin-bottom:20px}
 .photo-hero-lead{font-size:17px;margin-bottom:24px}
 .photo-hero-bottom{padding-block:24px}
 .home-hero-benefits{grid-template-columns:1fr;gap:14px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.photo-hero-action .button{transition:none}}
@media print{
 .photo-hero{display:block;min-height:0;background:white;color:var(--navy)}
 .photo-hero-media,.photo-hero::before,.photo-hero-action{display:none}
 .photo-hero-content{padding:24px 0}
 .photo-hero h1,.photo-hero h1 span{color:var(--navy);font-size:30pt}
 .photo-hero-lead,.home-hero-benefits{color:var(--navy)}
}