/* Live homepage: the approved Kadr direction without the comparison toolbar. */
html{scroll-padding-top:86px}
.site-home .masthead{top:0;gap:24px}
.site-home .masthead-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px;margin-left:auto;min-width:0}
.site-home .chapter-nav{margin-left:0}
.site-home .language-switch{display:flex;align-items:center;gap:4px;flex-shrink:0;font-family:Manrope,sans-serif;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.site-home .language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:32px;opacity:.6}
.site-home .language-switch a:hover,.site-home .language-switch a:focus-visible,.site-home .language-switch a[aria-current=page]{opacity:1}
.site-home .language-switch a[aria-current=page]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.site-home p{text-wrap:pretty}

/* The same chapter-ending gesture in the hero and the idea section. */
.site-home.direction-kadr .hero-bottom{bottom:150px}
.site-home.direction-kadr .hero-continuation{position:absolute;left:var(--margin);right:var(--margin);bottom:42px;z-index:3;margin-top:0;opacity:calc(1 - var(--depart)*.6)}
.site-home.direction-kadr .hero-stage>.motion-control{right:10%;bottom:31%}
.site-home .partner-meta a.partner-discover{min-height:44px}
.site-home .partner-meta a.partner-discover:hover{text-decoration:underline;text-underline-offset:5px}
.site-home .footer p{font-weight:700}

/* Longer reading lines across the live PL and EN chapters. */
.site-home.direction-kadr p.editorial-copy{max-width:58ch}
.site-home.direction-kadr .hero-description.editorial-copy{flex:0 1 58ch}
.site-home.direction-kadr .idea-intro{width:64%;max-width:64%}
.site-home.direction-kadr .timeline p{max-width:none}
.site-home.direction-kadr .partners-heading>p{max-width:56ch}
.site-home.direction-kadr .area-row{grid-template-columns:4% 30% minmax(0,1fr);column-gap:32px}
.site-home.direction-kadr .area-row p{max-width:62ch}

@media(max-width:1000px) and (min-width:701px){
 .site-home .masthead-actions{gap:16px}
 .site-home .chapter-nav{gap:18px}
}
@media(max-width:700px){
 html{scroll-padding-top:112px}
 .site-home .masthead{top:0;gap:16px;align-items:flex-start}
 .site-home .masthead-actions{flex:1;flex-direction:column;align-items:flex-end;gap:3px}
 .site-home .language-switch{order:-1;font-size:9px}
 .site-home .language-switch a{min-height:28px}
 .site-home .chapter-nav{max-width:100%;gap:4px 12px}
 .site-home.direction-kadr .hero{min-height:940px}
 .site-home.direction-kadr .hero-stage{min-height:900px}
 .site-home.direction-kadr .hero-bottom{bottom:132px}
 .site-home.direction-kadr .hero-continuation{bottom:35px;font-size:22px}
 .site-home.direction-kadr .hero-stage>.motion-control{right:var(--margin);top:calc(28% + min(76vw, 330px));bottom:auto}
 .site-home .footer p{display:block;order:3;flex-basis:100%;margin-top:5px}
 .site-home.direction-kadr .idea-intro{width:100%;max-width:none;padding-left:0}
 .site-home.direction-kadr p.editorial-copy{max-width:none}
 .site-home.direction-kadr .area-row{grid-template-columns:25px minmax(0,1fr);column-gap:15px}
 .site-home.direction-kadr .area-row p{grid-column:1 / -1;max-width:none}
}

/* Arrow-only chapter links, with accessible names in the markup. */
.site-home .continuation{justify-content:flex-end;min-height:64px}


/* The brand rectangle now marks the current chapter in the navigation. */
.site-home .chapter-nav a{isolation:isolate}
.site-home .chapter-nav a.is-active{color:#000}
.site-home .chapter-nav a.is-active:after{inset:6px -8px;height:auto;width:auto;z-index:-1;background:var(--acid);transform:none;transition:background .2s ease}
@media(max-width:700px){.site-home .chapter-nav a.is-active:after{inset:1px -5px}}

.site-home .join-contact{display:inline-flex;align-items:center;gap:24px;min-height:48px;color:#000;background:var(--acid);padding:12px 18px;margin-top:24px}

/* Keep the eye scene within shorter mobile viewports. */
@media(max-width:700px) and (max-height:700px){
 .motion-ready .site-home.direction-kadr .eye-stage{min-height:100svh}
}

.site-home .areas-contact{display:flex;justify-content:flex-end;padding-top:38px;margin-top:35px;border-top:1px solid #17203455}
.site-home .areas-contact-link{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(100%,460px);min-height:64px;padding:18px 22px;background:var(--acid);color:#000;font:600 14px/1.4 Manrope,sans-serif}
.site-home .areas-contact-link span{font-size:27px;font-weight:400}
@media(max-width:700px){.site-home .areas-contact{padding-top:24px;margin-top:25px}.site-home .areas-contact-link{font-size:13px}}