main:has(.about-showcase){position:relative;background-color:#f5f3ee;background-image:radial-gradient(circle at 16% 31%,rgba(120,170,180,.085),transparent 23%),radial-gradient(circle at 84% 57%,rgba(11,18,32,.04),transparent 29%),linear-gradient(rgba(11,18,32,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,180,.04) 1px,transparent 1px);background-size:auto,auto,72px 72px,72px 72px;background-position:0 0,0 0,0 0,0 0;animation:about-tech-grid-drift 36s linear infinite}
main:has(.about-showcase) .ps-page-intro{background:radial-gradient(circle at 83% 16%,rgba(120,170,180,.14),transparent 24%),radial-gradient(circle at 12% 88%,rgba(201,185,137,.05),transparent 28%),#0b1726}
main:has(.about-showcase) .ps-page-intro__layout{grid-template-columns:minmax(320px,.78fr) minmax(480px,1.22fr);gap:clamp(56px,8vw,132px)}
main:has(.about-showcase) .ps-page-intro h1{max-width:700px;font-size:clamp(58px,5.3vw,84px);line-height:.93;letter-spacing:-.055em}
main:has(.about-showcase) .ps-page-intro__lead{max-width:780px}
main:has(.about-showcase) .ps-page-intro__text{max-width:760px}

.about-history{position:relative;overflow:hidden;background:transparent!important;border-bottom:0!important}
.about-history:before{content:"SOITWEB / SINCE";position:absolute;right:5vw;top:56px;color:#63828a;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;pointer-events:none}
.about-history:after{content:"<html>   { }   //   CMS   API   WEB";position:absolute;left:4vw;bottom:34px;color:rgba(47,91,102,.12);font:800 clamp(11px,1vw,14px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;white-space:nowrap;pointer-events:none;animation:about-code-drift 18s ease-in-out infinite alternate}
.about-history .ps-split__inner{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(48px,8vw,138px);min-height:clamp(570px,55vw,700px);align-items:center}
.about-history .ps-split__copy{position:relative;z-index:2}
.about-history .ps-split h2{max-width:900px;font-size:clamp(46px,4.7vw,72px);line-height:.96;letter-spacing:-.055em}
.about-history .ps-richtext{max-width:830px;margin-top:34px}
.about-history .ps-richtext p{font-size:16px;line-height:1.82}
.about-history .ps-tags{margin-top:38px}
.about-history .ps-split__visual{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}
.about-history .ps-visual-card{position:relative;width:100%;min-height:430px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:flex-end;padding:0!important}
.about-history .ps-visual-card:before{content:"2018";position:relative;z-index:2;color:#0b1726;font:650 clamp(110px,11vw,190px)/.78 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.09em;writing-mode:vertical-rl;transform:rotate(180deg)}
.about-history .ps-visual-card:after{content:"СТУДИЯ";position:absolute;right:clamp(116px,11vw,190px);top:50%;transform:translateY(-50%);color:#6c8d94;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em}
.about-history .ps-visual-card>*{display:none!important}

.about-principle{position:relative;overflow:hidden;background:transparent!important;color:#0b1220!important;padding:0!important}
.about-principle:before{content:"</>";position:absolute;left:4vw;bottom:-.22em;color:rgba(120,170,180,.08);font:800 clamp(130px,17vw,260px)/.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.1em;white-space:nowrap;pointer-events:none;animation:about-code-drift 22s ease-in-out infinite alternate-reverse}
.about-principle .ps-statement__inner{position:relative;z-index:1;grid-template-columns:minmax(170px,.34fr) minmax(0,1.66fr);gap:34px clamp(48px,7vw,112px);padding:clamp(76px,8vw,118px) 0;border-top:1px solid rgba(11,18,32,.16);border-bottom:1px solid rgba(11,18,32,.16)}
.about-principle .ps-statement__inner:after{content:"EXPERIENCE / NOT NOSTALGIA";position:absolute;right:0;top:28px;color:#78939a;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.about-principle .ps-kicker{color:#517a83!important}
.about-principle h2{max-width:1050px;color:#0b1220!important;font-size:clamp(48px,5.4vw,80px);line-height:.94;letter-spacing:-.06em}
.about-principle p{max-width:820px!important;color:#53656c!important;font-size:16px!important;line-height:1.8!important}

.about-team{position:relative;overflow:hidden;background:transparent!important;padding:clamp(90px,9vw,138px) 0!important}
.about-team:before{content:"API   /   UI   /   SEO   /   SQL   /   DATA";position:absolute;right:4vw;bottom:34px;color:rgba(47,91,102,.105);font:800 clamp(10px,.9vw,13px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;white-space:nowrap;pointer-events:none;animation:about-code-drift 20s ease-in-out infinite alternate}
.about-team:after{content:"_";position:absolute;right:4vw;top:64px;color:rgba(47,91,102,.38);font:800 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none;animation:about-code-cursor 1.7s steps(1,end) infinite}
.about-team>.sw-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.46fr) minmax(0,1.54fr);column-gap:clamp(54px,8vw,130px)}
.about-team>.sw-wrap>.ps-kicker{grid-column:1;grid-row:1 / span 3;align-self:start;margin-top:10px;color:#517a83}
.about-team>.sw-wrap>h2{grid-column:2;max-width:850px;margin:0;font-size:clamp(48px,5vw,74px);line-height:.96;letter-spacing:-.055em}
.about-team .ps-cards__lead{grid-column:2;max-width:780px;margin:26px 0 0;color:#64757b;font-size:16px;line-height:1.78}
.about-team .ps-cards__grid{grid-column:2;display:grid;grid-template-columns:1fr;gap:0;margin-top:54px;border-top:1px solid rgba(11,18,32,.16)}
.about-team article{display:grid;grid-template-columns:72px minmax(220px,.72fr) minmax(0,1.28fr);gap:26px;align-items:start;min-height:0;padding:30px 0 34px;border:0!important;border-bottom:1px solid rgba(11,18,32,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.about-team article>b{color:#63828a;font:800 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.about-team article h3{margin:0;color:#0b1726;font-size:clamp(23px,2vw,30px);line-height:1.05;letter-spacing:-.035em}
.about-team article p{margin:0;color:#5c6d73;font-size:14px;line-height:1.75}

.about-process{position:relative;overflow:hidden;padding:clamp(96px,9vw,142px) 0!important;background:radial-gradient(circle at 84% 22%,rgba(120,170,180,.11),transparent 25%),#0b1726!important}
.about-process:before{content:"THINK / BUILD / DEVELOP";position:absolute;right:-.02em;bottom:-.08em;color:rgba(120,170,180,.038);font:800 clamp(78px,11vw,168px)/.82 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.07em;white-space:nowrap;pointer-events:none}
.about-process .ps-steps__head,.about-process ol{position:relative;z-index:2}
.about-process .ps-steps__head{grid-template-columns:minmax(190px,.38fr) minmax(0,1.62fr);gap:38px clamp(50px,8vw,118px)}
.about-process .ps-steps__head h2{max-width:930px;font-size:clamp(46px,5vw,74px);line-height:.96;letter-spacing:-.055em}
.about-process ol{max-width:1050px;margin:76px 0 0 auto;border-top:1px solid rgba(227,235,234,.2)}
.about-process li{grid-template-columns:86px minmax(230px,.72fr) minmax(0,1.28fr);gap:28px;padding:30px 0;border-bottom:1px solid rgba(227,235,234,.2)}
.about-process li>b{display:block;width:auto;height:auto;border:0;border-radius:0;color:#78aab4;font:800 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.about-process li>div{display:contents}
.about-process li strong{font-size:clamp(22px,2vw,29px);line-height:1.08}
.about-process li span{max-width:640px;font-size:14px;line-height:1.75}

.about-cta{background:linear-gradient(135deg,#dfe5db 0%,#d8e6e3 58%,#e9dfc7 100%)!important}
.about-cta .ps-cta__inner{min-height:330px;align-items:center}
.about-cta .ps-cta__button{box-shadow:0 18px 48px rgba(11,23,38,.12)}

@keyframes about-tech-grid-drift{0%{background-position:0 0,0 0,0 0,0 0}100%{background-position:0 0,0 0,72px 72px,72px 72px}}
@keyframes about-code-drift{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(12px,-8px,0)}}
@keyframes about-code-cursor{0%,46%{opacity:.18}47%,100%{opacity:.55}}

@media(max-width:1100px){
main:has(.about-showcase) .ps-page-intro__layout{grid-template-columns:1fr;gap:32px}
.about-history .ps-split__inner{grid-template-columns:1fr;min-height:0;gap:36px}
.about-history .ps-split__visual{min-height:190px;justify-content:flex-start}
.about-history .ps-visual-card{min-height:190px;justify-content:flex-start}
.about-history .ps-visual-card:before{font-size:clamp(104px,18vw,150px);writing-mode:horizontal-tb;transform:none}
.about-history .ps-visual-card:after{right:auto;left:8px;top:auto;bottom:8px;transform:none}
.about-principle .ps-statement__inner,.about-process .ps-steps__head{grid-template-columns:1fr;gap:26px}
.about-principle p{grid-column:auto!important}
.about-team>.sw-wrap{grid-template-columns:1fr}
.about-team>.sw-wrap>.ps-kicker,.about-team>.sw-wrap>h2,.about-team .ps-cards__lead,.about-team .ps-cards__grid{grid-column:1}
.about-team>.sw-wrap>.ps-kicker{grid-row:auto;margin-bottom:24px}
.about-team article{grid-template-columns:62px minmax(200px,.7fr) minmax(0,1.3fr)}
.about-process ol{margin-left:0}
}
@media(max-width:720px){
main:has(.about-showcase){background-size:auto,auto,52px 52px,52px 52px;animation-duration:44s}
main:has(.about-showcase) .ps-page-intro h1{font-size:clamp(48px,14vw,68px)}
.about-history:before,.about-history:after{display:none}
.about-history .ps-split h2{font-size:clamp(38px,11vw,52px)}
.about-history .ps-richtext{margin-top:26px}
.about-history .ps-split__visual,.about-history .ps-visual-card{min-height:150px}
.about-history .ps-visual-card:before{font-size:96px}
.about-principle:before{font-size:132px;left:-20px;bottom:-.08em}
.about-principle .ps-statement__inner{padding:68px 0}
.about-principle .ps-statement__inner:after{display:none}
.about-principle h2{font-size:clamp(38px,11vw,54px)}
.about-team{padding:76px 0!important}
.about-team:before{display:none}
.about-team:after{right:18px;top:34px;font-size:18px}
.about-team>.sw-wrap>h2{font-size:clamp(38px,11vw,52px)}
.about-team .ps-cards__grid{margin-top:38px}
.about-team article{grid-template-columns:44px 1fr;gap:16px;padding:26px 0}
.about-team article p{grid-column:2}
.about-process{padding:82px 0!important}
.about-process:before{display:none}
.about-process .ps-steps__head h2{font-size:clamp(38px,11vw,54px)}
.about-process ol{margin-top:52px}
.about-process li{grid-template-columns:42px 1fr;gap:14px;padding:26px 0}
.about-process li strong,.about-process li span{grid-column:2}
.about-cta .ps-cta__inner{min-height:0}
}
@media(prefers-reduced-motion:reduce){
main:has(.about-showcase),.about-history:after,.about-principle:before,.about-team:before,.about-team:after{animation:none!important}
}