/* Reference structure: hero, staggered organizer columns, chameleon split. */
.about-page #header-nav{gap:clamp(14px,1.3vw,25px)}
.about-page #header-nav a{font-size:clamp(calc(15 * var(--komkon-font-unit)),1.33vw,calc(19 * var(--komkon-font-unit)))}
.about-main{color:#24463b}

.about-overview{width:min(calc(1160 * var(--komkon-font-unit)),88%);margin-inline:auto;padding:96px 0 112px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:100px;align-items:start}
.about-column{min-width:0}
.about-copy{font-size:calc(22 * var(--komkon-font-unit));line-height:1.48;hyphens:auto;overflow-wrap:break-word}
.about-copy p{margin:0 0 26px}
.about-copy p:last-child{margin-bottom:0}
.about-copy h2{font-size:calc(32 * var(--komkon-font-unit));line-height:1.2;color:var(--komkon-green);text-wrap:balance;margin:0 0 28px}
.about-copy h3{font-size:calc(24 * var(--komkon-font-unit));line-height:1.3;margin:32px 0 18px}
.about-intro{margin-bottom:64px}
.about-statement{color:var(--komkon-green);text-align:center}
.about-statement .speaker-portrait-shell{width:min(100%,calc(430 * var(--komkon-font-unit)));margin-inline:auto}
.about-statement blockquote{font-size:calc(32 * var(--komkon-font-unit));line-height:1.24;font-weight:700;max-width:100%;text-wrap:balance;margin:calc(96 * var(--komkon-font-unit)) auto 26px}
.about-attribution{font-size:calc(20 * var(--komkon-font-unit));line-height:1.4;margin:0}
.about-attribution span{display:block;margin-top:4px}
.about-program{margin-top:72px}
.about-closing{font-weight:700;color:var(--komkon-green)}
.about-chameleon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--komkon-cream)}
.about-chameleon-image{position:relative;min-width:0;min-height:560px;overflow:hidden;background:var(--komkon-green)}
.about-chameleon-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:38% center;filter:url('#about-chameleon-duotone')}
.about-chameleon-copy{padding:60px clamp(32px,5vw,80px);align-self:center}
.about-chameleon-copy ul{margin:0;padding-left:1.15em}
.about-chameleon-copy li+li{margin-top:18px}
/* Wrapped prose keeps its baseline and uses the existing underline wave. */
.about-main .about-copy a,.about-main .about-attribution a{display:inline;overflow:visible;padding-bottom:0;margin-bottom:0}
.about-main .about-copy a::after,.about-main .about-attribution a::after{top:auto;bottom:0;width:100%;height:1em;mask-size:300% 100%;mask-position:0 0;transition:mask-position .7s cubic-bezier(0,.25,.5,1)}
.about-main .about-copy a:is(:hover,:focus-visible)::after,.about-main .about-attribution a:is(:hover,:focus-visible)::after{transform:none;mask-position:100% 0}
@media(max-width:1000px){.about-overview{gap:60px;width:88%;padding:80px 0}.about-copy{font-size:calc(20 * var(--komkon-font-unit))}.about-statement blockquote{font-size:calc(28 * var(--komkon-font-unit))}.about-chameleon-copy{padding:40px 32px}.about-chameleon-image{min-height:620px}}
@media(max-width:760px){.about-page #header-nav a{font-size:calc(19 * var(--komkon-font-unit))}.about-overview{display:block;width:calc(100% - 48px);padding:52px 0 64px}.about-column+.about-column{margin-top:72px}.about-statement .speaker-portrait-shell{max-width:380px;width:94%}.about-statement blockquote{font-size:calc(28 * var(--komkon-font-unit));margin-top:88px}.about-attribution{font-size:calc(18 * var(--komkon-font-unit))}.about-copy{font-size:calc(20 * var(--komkon-font-unit));line-height:1.5}.about-copy h2{font-size:calc(30 * var(--komkon-font-unit))}.about-intro{margin-bottom:48px}.about-program{margin-top:56px}.about-chameleon{display:block}.about-chameleon-image{min-height:0;aspect-ratio:4/3}.about-chameleon-copy{padding:40px 24px 48px}}