/* About uses the homepage contact palette; scoped to keep the accepted pages intact. */
body.ls-about-page{--about-bg:#0e0f12;--about-text:#f5f5f7;--about-muted:#b0b3bd;--about-line:rgba(255,255,255,.14);--about-blue:#9aafff;background:var(--about-bg)!important;color:var(--about-text)}
.ls-about-page #main{position:relative;isolation:isolate;background:radial-gradient(ellipse 650px 500px at 92% 260px,rgba(49,92,255,.2),transparent 75%),radial-gradient(ellipse 520px 700px at 0 1550px,rgba(49,92,255,.12),transparent 75%)!important}
.ls-about-page .ls-section{max-width:1320px;padding-inline:clamp(20px,4vw,60px)}
.ls-about-page #main p{color:var(--about-muted)}
.ls-about-page #main em{color:var(--about-blue)}
.ls-about-page #main .ls-kicker,.ls-about-page .ls-footer .ls-kicker{color:var(--about-blue)!important}
.ls-about-page #main .ls-inline{color:var(--about-blue)!important}
.ls-about-page #main a:hover{color:#fff}
.ls-about-page :focus-visible{outline-color:#aabaff}
.ls-about-page .ls-header{background:rgba(14,15,18,.94);border-color:var(--about-line);color:var(--about-text)}
.ls-about-page .ls-logo>span{background:#315cff;color:#fff}
.ls-about-page .ls-nav-book{border-color:#315cff;background:#315cff;color:#fff}
.ls-about-page .ls-nav-book:hover{background:#456aff;border-color:#456aff}
.ls-about-page .ls-nav-quote{color:var(--about-blue)!important}
.ls-about-page .ls-nav>a[href='/o-nas']{color:var(--about-blue)}
.ls-about-page .ls-menu-button{border-color:var(--about-line);color:#fff}
.ls-about-page .ls-services-panel{background:#17191e;border-color:#343640;color:#f5f5f7}
.ls-about-page .ls-services-panel a{border-color:#343640}
.ls-about-page .ls-services-panel a:hover{background:#22283c;color:#fff}
.ls-about-page .ls-services-panel .ls-kicker{color:var(--about-blue)!important}
.ls-about-page .ls-footer{background:var(--about-bg);border-color:var(--about-line);color:var(--about-text)}
.ls-about-page .ls-footer p{color:var(--about-muted)}
.ls-about-page .ls-footer a:hover,.ls-about-page .ls-footer button:hover{color:var(--about-blue)}
.ls-about-page .ls-footer .ls-copyright{border-color:var(--about-line)}
.ls-about-page .ls-dialog{color:#101112}
/* People first: a short introduction, profiles, our story and one contact action. */
.ls-about-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,80px);align-items:end;padding-block:clamp(120px,10vw,150px) 52px!important}
.ls-about-opening h1{font-size:clamp(48px,5.5vw,76px);line-height:1.06;letter-spacing:-.06em;margin:0;text-wrap:initial}
.ls-about-opening .ls-kicker{margin-bottom:22px!important}
.ls-about-opening-copy>p{font-size:18px;line-height:1.8;max-width:48ch;margin:0 0 22px}
.ls-about-jump{display:flex;gap:24px;flex-wrap:wrap}
.ls-about-jump a{display:inline-flex;align-items:center;gap:16px;font-size:14px;line-height:1.6;min-height:44px;border-bottom:1px solid #636c88;padding-bottom:4px}
.ls-about-jump a span{color:var(--about-blue)}
.ls-about-people{padding-block:0 64px!important;scroll-margin-top:100px}
.ls-about-people-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-bottom:28px;padding-top:28px;border-top:1px solid var(--about-line)}
.ls-about-people-intro h2{font-size:30px;line-height:1.2;margin:0}
.ls-about-people-intro>p{font-size:16px;line-height:1.75;max-width:58ch;margin:0}
.ls-about-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.ls-about-person{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-rows:minmax(370px,auto) auto;min-height:432px;border:1px solid var(--about-line);background:#16171c;border-radius:20px;box-shadow:none;transition:border-color .2s}
.ls-about-person:hover,.ls-about-person:has(>.ls-person-details[open]){border-color:rgba(142,165,255,.65)}
.ls-about-person-visual{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--about-line)}
.ls-about-person .ls-person-portrait{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;background:#202124}
.ls-about-person .ls-person-portrait img{object-fit:cover;object-position:center 28%;width:100%;height:100%}
.ls-about-person .ls-person-initials{background:radial-gradient(ellipse at 50% 70%,#233154,#17191f 75%)}
.ls-about-person .ls-person-initials>span{font:500 clamp(66px,7vw,112px)/1 'Bricolage Grotesque',Manrope,sans-serif;letter-spacing:-.075em;color:#91a8ff}
.ls-about-person-number{position:absolute;left:16px;top:16px;padding:4px 7px;border-radius:4px;background:#10111299;color:#fff;font:400 10px/1.5 'DM Mono',monospace;letter-spacing:.08em;pointer-events:none}
.ls-about-person-experience{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);white-space:nowrap;padding:7px 11px;background:#101112b3;border:1px solid #ffffff30;border-radius:99px;color:#fff;font-size:12px;line-height:1.5;pointer-events:none}
.ls-about-person-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 24px}
.ls-about-person .ls-person-kind{color:#a6b9ff;font-size:10px;letter-spacing:.06em;margin-bottom:22px}
.ls-about-person-copy>h3{font:500 clamp(26px,2.4vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-.045em;color:#fff;margin:0 0 14px}
.ls-about-person .ls-person-role{font-size:14px;line-height:1.65;color:#c1c5d0;min-height:0;margin-bottom:24px}
.ls-about-person .ls-person-role small{font-size:13px;margin-top:4px;color:#a7bbff}
.ls-about-person .ls-about-person-bio{font-size:16px;line-height:1.75;margin:0}
.ls-about-person>.ls-person-details{grid-column:1/-1;border-top:1px solid var(--about-line)}
.ls-about-person .ls-person-details>summary{padding:16px 24px;height:auto}
.ls-about-person .ls-person-toggle{border:0;padding:0;margin:0;min-height:28px;gap:16px;font-size:14px;line-height:1.5;color:#c7d3ff}
.ls-about-person .ls-person-toggle>span:last-child{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#315cff;color:#fff;font-size:22px}
.ls-about-person .ls-person-details[data-faq-open=false] .ls-person-toggle>span:last-child{transform:none}
.ls-about-person .ls-person-details[data-faq-open=true] .ls-person-toggle>span:last-child{transform:rotate(45deg)}
.ls-about-person .ls-person-expanded{padding:0 24px 26px}
.ls-about-person .ls-person-expanded>p{font-size:15px;line-height:1.8;margin:0 0 20px}
.ls-about-person .ls-person-expanded ul{gap:12px;margin:0}
.ls-about-person .ls-person-expanded li{font-size:14px;color:#c1c5d0;padding-left:20px}
.ls-about-person .ls-person-expanded li:before{color:var(--about-blue)}
.ls-about-person:not(:has(>.ls-person-details)) .ls-about-person-visual{grid-row:1/-1}
/* Four chapters share one continuous axis; nothing is hidden during reveal. */
.ls-about-story{display:block;padding-block:72px 88px!important;border-top:1px solid var(--about-line);scroll-margin-top:90px}
.ls-story-heading{max-width:700px;margin:0 auto 48px;text-align:center}
.ls-story-heading h2{font-size:clamp(38px,4.4vw,58px);line-height:1.12;letter-spacing:-.055em;margin:0}
.ls-story-timeline{position:relative;--story-progress:0}
.ls-story-chapters{list-style:none;margin:0;padding:0}
.ls-story-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:24px;align-items:center;min-height:340px;padding-block:32px}
.ls-story-copy{grid-column:3;grid-row:1;max-width:450px;justify-self:start;min-width:0}
.ls-story-copy .ls-kicker{font-size:11px!important;margin-bottom:16px!important}
.ls-about-story .ls-story-copy h3{font-size:clamp(29.9px,2.875vw,39.1px);line-height:1.22;letter-spacing:-.04em;text-wrap:initial;margin:0 0 20px;max-width:20ch}
.ls-about-page #main .ls-story-copy>p:not(.ls-kicker){font-size:17px;line-height:1.85;color:#c6c9d3;margin:0}
.ls-story-copy a{color:var(--about-blue);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.ls-story-art{grid-column:1;grid-row:1;justify-self:center;width:min(100%,400px);min-width:0}
.ls-story-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.ls-story-chapter:nth-child(even) .ls-story-copy{grid-column:1;justify-self:end}
.ls-story-chapter:nth-child(even) .ls-story-art{grid-column:3}
.ls-story-node{grid-column:2;grid-row:1;justify-self:center;position:relative;z-index:1;width:12px;height:12px;border-radius:50%;border:1px solid #58627b;background:#181d2b;box-shadow:0 0 0 7px var(--about-bg);transition:background .3s,border-color .3s,box-shadow .3s}
.ls-story-rail{position:absolute;top:var(--rail-top,170px);height:var(--rail-height,calc(100% - 340px));left:calc(50% - 1px);width:2px;background:#2a3040;border-radius:2px;pointer-events:none}
.ls-story-rail-fill{display:block;width:100%;height:100%;background:linear-gradient(#536eff,#9aafff);transform:scaleY(var(--story-progress));transform-origin:top;border-radius:inherit;transition:transform .12s linear;box-shadow:0 0 12px #6085ff40}
.ls-story-chapter.is-reached .ls-story-node{background:#9aafff;border-color:#b9c7ff;box-shadow:0 0 0 7px var(--about-bg),0 0 0 8px #8ca5ff30}
@media(max-width:900px){.ls-story-chapter{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:16px}.ls-about-story .ls-story-copy h3{font-size:32.2px}.ls-about-page #main .ls-story-copy>p:not(.ls-kicker){font-size:16px}}
@media(max-width:700px){
 .ls-about-story{padding-block:48px 56px!important}.ls-story-heading{text-align:left;margin:0 0 36px}.ls-story-heading h2{font-size:clamp(36px,9vw,46px)}
 .ls-story-chapter{grid-template-columns:1fr;gap:16px;min-height:0;padding:14px 0 42px 34px}.ls-story-chapter:last-child{padding-bottom:0}
 .ls-story-copy,.ls-story-chapter:nth-child(even) .ls-story-copy{grid-column:1;grid-row:1;justify-self:stretch;max-width:none}
 .ls-story-art,.ls-story-chapter:nth-child(even) .ls-story-art{grid-column:1;grid-row:2;justify-self:center;width:min(100%,300px)}
 .ls-story-node{position:absolute;grid-column:auto;grid-row:auto;justify-self:start;left:0;top:20px;width:10px;height:10px}.ls-story-rail{left:4px}
 .ls-about-story .ls-story-copy h3{font-size:31.05px;margin-bottom:14px;max-width:22ch}.ls-story-copy .ls-kicker{margin-bottom:12px!important}
}
@media(prefers-reduced-motion:reduce){.ls-story-rail-fill{transform:scaleY(1);transition:none}.ls-story-node,.ls-story-art{transition:none}.ls-story-art{opacity:1}}
@media print{.ls-story-rail,.ls-story-node,.ls-story-art{display:none}.ls-story-chapter{display:block;min-height:0;padding:20px 0;break-inside:avoid}.ls-story-copy{max-width:none}.ls-story-heading{text-align:left}}
.ls-about-invitation{display:flex;justify-content:center;gap:clamp(32px,5vw,72px);align-items:center;padding-block:64px 80px!important;border-top:1px solid var(--about-line)}
.ls-about-invitation>div{max-width:520px}
.ls-about-invitation h2{font-size:clamp(40px,4.5vw,62px);line-height:1.1;letter-spacing:-.055em;margin:0 0 22px}
.ls-about-invitation p:not(.ls-kicker){font-size:17px;line-height:1.8;max-width:46ch;margin:0 0 26px}
.ls-about-invitation .ls-action{background:#315cff;border-color:#315cff;color:#fff;font-size:16px;min-height:56px}
.ls-about-invitation .ls-action:hover{background:#466dff;border-color:#466dff}
.ls-about-invitation p.ls-about-meeting-note{font-size:14px;line-height:1.8;margin:16px 0 0}
.ls-about-contact-portrait{display:block;flex:none;width:clamp(260px,26vw,360px);text-decoration:none}
.ls-about-contact-portrait>.ls-person-portrait{aspect-ratio:4/5;max-height:none;border-radius:20px;transition:filter .2s}
.ls-about-contact-portrait:hover>.ls-person-portrait{filter:brightness(1.08)}
.ls-about-contact-portrait>span:last-child{display:flex;justify-content:space-between;margin-top:12px;color:#e9eaf0;font-size:14px}
@media(max-width:1100px){
 .ls-about-opening{gap:32px}.ls-about-opening h1{font-size:58px}
 .ls-about-profiles{gap:20px}.ls-about-person{grid-template-columns:1fr;grid-template-rows:auto minmax(220px,auto) auto;min-height:0}
 .ls-about-person-visual{aspect-ratio:4/5;border-right:0;border-bottom:1px solid var(--about-line)}
 .ls-about-person-copy{padding:26px}.ls-about-person-copy>h3{font-size:30px}.ls-about-person .ls-person-kind{margin-bottom:16px}
 .ls-about-person .ls-person-role{margin-bottom:18px}.ls-about-person:not(:has(>.ls-person-details)) .ls-about-person-visual{grid-row:auto}
}
@media(max-width:970px){.ls-about-page .ls-nav{background:#17191e;border-color:#343640}}
@media(max-width:760px){
 .ls-about-opening{grid-template-columns:1fr;gap:28px;padding-block:110px 38px!important}.ls-about-opening h1{font-size:56px}
 .ls-about-opening-copy>p{font-size:17px;max-width:55ch}.ls-about-people-intro{grid-template-columns:1fr;gap:16px}
 .ls-about-person-copy{padding:22px}.ls-about-person-copy>h3{font-size:27px}.ls-about-person .ls-person-kind{font-size:9px}
 .ls-about-person .ls-person-details>summary{padding:16px 20px}.ls-about-person .ls-person-toggle{font-size:13px}
 .ls-about-people{padding-bottom:42px!important}.ls-about-invitation{gap:28px;padding-block:42px 52px!important}
 .ls-about-invitation h2{font-size:42px}.ls-about-contact-portrait{width:30vw}
}
@media(max-width:600px){
 .ls-about-opening h1{font-size:clamp(43px,11vw,56px)}.ls-about-opening .ls-kicker{font-size:11px!important}
 .ls-about-opening-copy>p{font-size:16px}.ls-about-jump{gap:22px}.ls-about-jump a{font-size:13px}
 .ls-about-people-intro h2{font-size:28px}.ls-about-people-intro>p{font-size:15px}
 .ls-about-profiles{grid-template-columns:1fr;gap:24px}.ls-about-person{grid-template-rows:auto auto auto}
 .ls-about-person-copy{padding:24px}.ls-about-person-copy>h3{font-size:30px}.ls-about-person .ls-person-kind{font-size:10px}
 .ls-about-person .ls-person-details>summary{padding:16px 24px}.ls-about-person .ls-person-toggle{font-size:14px}
 .ls-about-person .ls-person-expanded{padding:0 24px 24px}.ls-about-person .ls-person-initials>span{font-size:108px}
 .ls-about-invitation{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,30vw);gap:18px;align-items:center}
 .ls-about-invitation>div{min-width:0}
 .ls-about-invitation .ls-kicker{font-size:10px;letter-spacing:.1em;margin-bottom:16px}
 .ls-about-invitation h2{font-size:clamp(24px,7vw,40px);margin-bottom:16px}
 .ls-about-invitation p:not(.ls-kicker){font-size:15px;line-height:1.7;margin-bottom:20px}
 .ls-about-invitation .ls-action{width:100%;font-size:14px;padding:13px 10px;text-align:center;white-space:normal;line-height:1.45;gap:8px}
 .ls-about-contact-portrait{display:block;width:100%;min-width:0}
 .ls-about-contact-portrait>.ls-person-portrait{border-radius:16px;aspect-ratio:4/5}
 .ls-about-contact-portrait>span:last-child{font-size:12px;gap:5px}

}
@media(prefers-reduced-motion:reduce){.ls-about-person,.ls-about-example>summary>span,.ls-about-contact-portrait>.ls-person-portrait{transition:none}}
@media print{.ls-about-page,.ls-about-page #main{background:#fff!important;color:#101112}.ls-about-page #main p,.ls-about-page #main em{color:#343434!important}.ls-about-person,.ls-about-person-copy>h3{background:#fff;color:#101112}.ls-about-person-visual,.ls-about-contact-portrait{display:none}.ls-about-person{display:block;min-height:0}.ls-about-person-bio,.ls-about-person .ls-person-role{color:#343434}.ls-about-profiles{grid-template-columns:1fr 1fr}}
