/* One responsive layout for the opening section; decorations stay in their own column. */
.why-section>.why-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:center;min-height:0;padding:72px 0 48px}
.why-section>.why-copy::before{display:none}
.why-section>.why-copy>.why-text{display:block;min-width:0}
.why-section>.why-copy>.why-text>.display-title{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:18px;max-width:none;font-size:clamp(28px,2vw,38px);line-height:1.16}
.why-section>.why-copy>.why-text>.display-title>span:first-of-type{grid-column:2;grid-row:1}
.why-section>.why-copy>.why-text>.display-title>.hero-rotating-line{grid-column:2;grid-row:2;margin-top:28px;padding:4px 14px 10px;font-size:clamp(25px,1.9vw,36px);line-height:1.22;overflow-wrap:break-word}
.why-section>.why-copy>.why-text>.display-title>.hero-title-logo{display:block;width:96px;left:0;top:var(--hero-logo-top,90px);clip-path:inset(0 0 14% 0)}
.why-section>.why-copy>.why-text>.display-title>.hero-community-note{grid-column:2;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 0;margin-top:28px;padding:0 14px;font-size:17px;line-height:1.5}
.hero-community-copy{grid-column:1/-1;grid-row:1;padding:0;max-width:440px}
.hero-community-copy>.hero-community-detail{font-size:15px}
.hero-community-connector{display:none!important}
.hero-community-join{grid-column:2;grid-row:2;transform:none!important;min-height:46px}
.why-section>.why-copy>.why-text>.why-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;margin:34px 0 0;padding:24px 0 0;border-top:1px solid #cfcfcf}
.why-section>.why-copy>.why-text>.why-columns p{font-size:16px;line-height:1.55}
.why-section>.why-copy>.why-brand{grid-column:2;grid-row:1;display:block;align-self:center;width:100%;height:auto;aspect-ratio:1.25;min-height:0;margin:0;position:relative;transform:none;overflow:hidden}
.why-section>.why-copy>.why-brand>.hero-europe-map{display:block;position:absolute;left:50%;top:50%;width:180%;height:auto;max-width:none;translate:none;transform:translate(-50.36%,-47.93%);mask-image:none}
.why-section>.why-copy>.why-brand>.auth-entry{position:absolute;left:50%;top:50%;width:184px;height:62px;margin:0;transform:translate(-50%,-50%)}
html[data-site-theme="dark"] .why-section>.why-copy>.why-text>.why-columns{border-color:#383838}
@media(max-width:1100px){
 .why-section>.why-copy{grid-template-columns:minmax(0,1fr);gap:30px;padding:48px 0 36px}
 .why-section>.why-copy>.why-text>.display-title{grid-template-columns:86px minmax(0,1fr);font-size:clamp(28px,3.4vw,34px)}
 .why-section>.why-copy>.why-text>.display-title>.hero-title-logo{width:78px;position:absolute;height:auto;margin:0}
 .why-section>.why-copy>.why-text>.display-title>.hero-rotating-line{font-size:clamp(23px,2.9vw,30px);margin-top:26px}
 .why-section>.why-copy>.why-text>.display-title>.hero-community-note{grid-column:2;font-size:16px}
 .why-section>.why-copy>.why-brand{grid-column:1;grid-row:2;width:min(100%,720px);justify-self:center;aspect-ratio:1.25}
}
@media(max-width:600px){
 .why-section>.why-copy{padding:34px 0 28px;gap:20px}
 .why-section>.why-copy>.why-text>.display-title{grid-template-columns:56px minmax(0,1fr);column-gap:8px;font-size:clamp(25px,6.4vw,30px)}
 .why-section>.why-copy>.why-text>.display-title>span:first-of-type{grid-column:1/-1}
 .why-section>.why-copy>.why-text>.display-title>.hero-title-logo{width:52px}
 .why-section>.why-copy>.why-text>.display-title>.hero-rotating-line{font-size:clamp(19px,4.8vw,23px);line-height:1.3;padding:4px 12px 10px;margin-top:24px}
 .why-section>.why-copy>.why-text>.display-title>.hero-community-note{grid-column:1/-1;margin-top:24px;padding:0;font-size:16px;row-gap:20px}
 .hero-community-copy>.hero-community-detail{font-size:14px}
 .hero-community-join{font-size:14px;min-height:46px}
 .why-section>.why-copy>.why-text>.why-columns{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px;padding-top:20px}
 .why-section>.why-copy>.why-text>.why-columns p{font-size:15px}
 .why-section>.why-copy>.why-brand>.auth-entry{width:172px;height:54px}
}

/* Let the map's pixel edge meet the screen edge without adding page overflow. */
.why-section>.why-copy>.why-brand{width:calc(100% + 21px)}
.why-section>.why-copy>.why-brand>.hero-europe-map{left:60%}
.hero-program-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#aaa;stroke-width:1;z-index:1}
.hero-program-wire path{vector-effect:non-scaling-stroke}
html[data-site-theme="dark"] .hero-program-wire{stroke:#666}
.hero-copy-accent{position:relative;display:inline;color:inherit}
.hero-copy-accent::after{content:"";position:absolute;left:0;right:0;bottom:-.13em;border-bottom:1px solid currentColor;opacity:.55;transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.why-columns.is-revealed .hero-copy-accent::after{transform:scaleX(1)}
.why-columns.is-revealed p{animation:hero-copy-reveal .8s cubic-bezier(.22,1,.36,1) both}
.why-columns.is-revealed p:nth-child(2){animation-delay:.12s}
.why-columns .hero-copy-accent:nth-of-type(2)::after{transition-delay:.18s}
@keyframes hero-copy-reveal{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){
 .why-section>.why-copy>.why-brand{width:min(calc(100% + 12px),780px);justify-self:end;transform:translateX(12px)}
}
@media(max-width:600px){
 .why-section>.why-copy>.why-brand{width:calc(100% + 24px)}
}
@media(prefers-reduced-motion:reduce){.why-columns.is-revealed p{animation:none}.hero-copy-accent::after{transition:none}}