/* Блок команды: оригинальный портрет поверх проектов, по выбранному референсу. */
@font-face{font-family:LCHand;src:url('../fonts/bad-script-regular-v1.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:LCDisplay;src:url('../fonts/oswald-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:LCNote;src:url('../fonts/oswald-400.ttf') format('truetype');font-weight:400;font-display:swap}
.lc-about--collage{position:relative;isolation:isolate;overflow:hidden;max-width:1680px;padding-top:32px;padding-bottom:0;background:#0d0e0c}
.lc-about--collage:before{content:"";position:absolute;z-index:-1;inset:0 26% 0 0;background:url('../images/creator-texture-v1.webp') left center/cover no-repeat;mix-blend-mode:screen;opacity:.63;pointer-events:none;mask-image:radial-gradient(ellipse at 34% 55%,#000 25%,#000b 54%,transparent 78%)}
.lc-about--collage .lc-about__header{position:relative;z-index:2;margin-bottom:28px}
.lc-about--collage .lc-about__header .lc-brand-logo{width:clamp(250px,18vw,300px)}
.lc-about--collage .lc-about__header .lc-kicker{font-size:14px;letter-spacing:.13em;margin-bottom:14px}
.lc-about--collage .lc-about__grid{grid-template-columns:minmax(0,1.76fr) minmax(0,1fr);gap:54px;align-items:start}
.lc-about__collage{position:relative;isolation:isolate;aspect-ratio:1.27;min-width:0;width:100%;align-self:stretch}
.lc-about-project{position:absolute;display:block;border:1px solid #b79a46;padding:3px;box-shadow:0 8px 24px #0005;transform:rotate(var(--tilt));transition:transform .25s,border-color .25s;outline-offset:5px}
.lc-about-project:after{content:"";position:absolute;inset:-4px 4px 4px -4px;border:1px solid #b5933880;pointer-events:none}
.lc-about-project__media{display:block;height:100%;overflow:hidden;background:#171712}
.lc-about-project__media img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .25s;filter:brightness(.76) saturate(.74) contrast(.97)}
.lc-about-project--niva{--tilt:-6deg;left:-1%;top:1%;width:52%;height:38%;z-index:1}
.lc-about-project--niva img{object-position:59% top;transform:scale(1.28);transform-origin:center top}
.lc-about-project--engine{--tilt:-5deg;left:55%;top:-1%;width:43%;height:38%;z-index:2}
.lc-about-project--engine img{object-position:60% center}
.lc-about-project--ice{--tilt:4deg;left:60%;top:39%;width:38%;height:34%;z-index:2}
.lc-about-project--ice img{object-position:58% center;transform:scale(1.2);filter:brightness(.7) saturate(.67)}
.lc-about-project:hover{transform:rotate(var(--tilt)) translateY(-4px);border-color:#ffe18a}
.lc-about-project:hover .lc-about-project__media img,.lc-about-project:focus-visible .lc-about-project__media img{filter:brightness(.94) saturate(.95)}
.lc-about-project:focus-visible{z-index:5;outline:3px solid var(--lc-gold)}
.lc-about-project__play{position:absolute;right:8px;bottom:8px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--lc-gold);border-radius:50%;background:#11110fd9;color:var(--lc-gold)}
.lc-about--collage svg{fill:currentColor;display:block}
.lc-about__vlad{position:absolute;z-index:3;left:14%;bottom:0;width:57%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;filter:contrast(1.06) saturate(1.03) drop-shadow(0 8px 18px #000b) drop-shadow(0 0 4px #0008)}
.lc-about--collage .lc-about__collage-caption{position:absolute;left:62%;right:-2%;top:78%;margin:0;color:#d4d0c3;font:400 clamp(10px,1vw,14px)/1.5 LCNote,sans-serif;letter-spacing:.04em;text-transform:uppercase;transform:rotate(4deg);text-align:center}
.lc-about--collage .lc-about__collage-caption:after{content:"";display:block;width:46px;height:2px;background:var(--lc-gold);margin:8px 0 0 12px}
.lc-about--collage .lc-about__story{padding:0 0 64px}
.lc-about--collage .lc-about__lead{max-width:none;font:700 clamp(34px,3.75vw,63px)/1.15 LCDisplay,sans-serif;color:#f5f4ed;letter-spacing:-.025em}
.lc-about--collage .lc-about__lead strong{font-weight:700;color:#f0c74f}
.lc-about--collage .lc-about__trust{border:0;padding:0;margin-top:30px;font-size:clamp(19px,1.55vw,25px);line-height:1.55;color:#cbc9c3}
.lc-about--collage .lc-about__socials{justify-content:space-between;gap:14px;margin:20px 0 24px}
.lc-about--collage .lc-about__socials a{font-size:clamp(17px,1.3vw,21px);letter-spacing:0;gap:12px}
.lc-about--collage .lc-about__socials a span{font-family:Plex,sans-serif;font-size:18px}
.lc-about--collage .lc-about__result{padding:22px 0;gap:28px;border-color:#58564b}
.lc-about--collage .lc-about__result>strong{font-family:LCDisplay,sans-serif;font-weight:700;font-size:clamp(94px,7.1vw,119px);letter-spacing:-4px}
.lc-about--collage .lc-about__result h3{font-family:LCDisplay,sans-serif;font-weight:700;font-size:clamp(28px,2.1vw,35px)}
.lc-about--collage .lc-about__public{margin:24px 0 30px;gap:16px}
.lc-about--collage .lc-about__public p{font-size:clamp(14px,1.05vw,17px);line-height:1.65}
.lc-about--collage .lc-about__check{background:transparent;width:38px;height:38px}
.lc-about--collage .lc-about__cta{min-height:60px;font-size:clamp(20px,1.4vw,23px);border-color:#b79a46;background:#0b0c0980;padding-inline:24px;border-radius:2px;box-shadow:inset 0 1px #ffffff0b}
@media(max-width:1100px){
 .lc-about--collage .lc-about__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}
 .lc-about--collage .lc-about__lead{font-size:34px}
 .lc-about--collage .lc-about__trust{font-size:16px;margin-top:20px}
 .lc-about--collage .lc-about__result{gap:18px}
 .lc-about--collage .lc-about__result>strong{font-size:72px}
 .lc-about--collage .lc-about__result h3{font-size:23px}
 .lc-about__collage{align-self:start;min-height:480px}
 .lc-about__vlad{width:66%;left:9%}
 .lc-about-project--niva,.lc-about-project--engine{height:31%}
 .lc-about-project--ice{top:35%;height:28%}
 .lc-about--collage .lc-about__collage-caption{top:67%}
}
@media(max-width:980px){
 .lc-about--collage{padding-top:30px;padding-bottom:34px}
 .lc-about--collage:before{inset:0 0 40%;mask-image:linear-gradient(#000 55%,transparent 100%)}
 .lc-about--collage .lc-about__header{margin-bottom:30px}
 .lc-about--collage .lc-about__header .lc-brand-logo{width:190px}
 .lc-about--collage .lc-about__grid{grid-template-columns:1fr;gap:30px}
 .lc-about__collage{aspect-ratio:1.05;min-height:0}
 .lc-about__vlad{left:12%;width:60%;height:100%}
 .lc-about-project--niva{left:0;top:2%;height:39%;width:53%}
 .lc-about-project--engine{left:55%;top:0;height:38%;width:43%}
 .lc-about-project--ice{left:62%;top:42%;height:33%;width:36%}
 .lc-about-project__play{width:30px;height:30px;right:5px;bottom:5px}
 .lc-about-project__play svg{width:18px;height:18px}
 .lc-about--collage .lc-about__collage-caption{left:64%;right:0;top:79%;font-size:10px;line-height:1.7}
 .lc-about--collage .lc-about__story{padding:0}
 .lc-about--collage .lc-about__lead{font-size:clamp(31px,7.5vw,43px);line-height:1.25;letter-spacing:-.02em}
 .lc-about--collage .lc-about__trust{font-size:16px;line-height:1.6;margin-top:18px}
 .lc-about--collage .lc-about__socials{margin:15px 0 20px}
 .lc-about--collage .lc-about__socials a{font-size:13px;gap:10px}
 .lc-about--collage .lc-about__result{padding:20px 0;gap:24px}
 .lc-about--collage .lc-about__public{margin:22px 0}
 .lc-about--collage .lc-about__cta{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.lc-about-project,.lc-about-project img{transition:none}.lc-about-project:hover{transform:rotate(var(--tilt))}}