@import url('common.css?v=mv0wk2bn');
/* A — Clay's clarity + Cuberto/Zelt's tactile 3D and alternating portfolio rhythm. */
:root{--paper:#f5f2eb;--paper-deep:#eae5da;--ink:#23232a;--soft:#78737d;--line:#dfd9d2;--acid:#8864c4;--blue:#7753b4;--max:1440px}
body{background:var(--paper)}.topbar{background:#f5f2ebeb}.logo .logo-mark{color:#8864c4}.logo b{color:#23232a}.topnav a{color:#5f5968}.review-return{color:#797180}.hero.new-hero.soft-hero{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;padding:158px 0 0;gap:0 20px}.soft-copy{z-index:2}.hero.new-hero h1{font-size:clamp(62px,5.9vw,94px);font-weight:500;line-height:1.02;letter-spacing:-.065em}.soft-accent{color:#8864c4}.soft-dot{color:#efad70}.primary-pill{background:#27232d;color:#fff9f2}.primary-pill:hover{background:#50405f}.text-cta{color:#68606f}.soft-art{height:530px}.soft-disc{position:absolute;inset:35px 15px 35px 15px;background:#ede5f4;border-radius:50%;filter:blur(3px)}.soft-art .sculpture{position:absolute;width:103%;height:auto;left:-2%;top:-5px;z-index:1;filter:drop-shadow(0 20px 16px #6e518c12)}.float-card{position:absolute;z-index:3;background:#fffdf9e8;border:1px solid #ede6df;border-radius:14px;padding:15px 19px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 35px #53446110;color:#55495d;font:inherit;font-size:10px;line-height:1.7;backdrop-filter:blur(10px)}.float-card b{font-weight:500;color:#2b2831}.tiny-icon{font-size:27px;color:#9873c9;line-height:1}.card-design{left:-12px;top:43px;transform:rotate(-5deg)}.card-project{right:-3px;bottom:60px;text-align:left;transition:transform .3s}.card-project:hover{transform:translateY(-5px)}.card-project small{font-size:8px;display:block;color:#8c8290}.card-project>b{font-size:25px;line-height:1;margin-left:10px}.project-dot{width:28px;height:28px;border-radius:9px;background:#efb579;display:grid;place-items:center}.project-dot::after{content:"S";font-size:13px;color:#5e3b28;font-weight:600}.soft-art-note{position:absolute;right:35px;bottom:24px;font-size:7px;letter-spacing:.12em;color:#9b8aa4}.soft-hero .hero-bottomline{margin-top:38px}
.soft-intro{width:min(calc(100% - 104px),1440px);margin:45px auto 0;padding:57px 0 65px;display:grid;grid-template-columns:.4fr 1.6fr;gap:50px;border-bottom:1px solid var(--line)}.soft-intro>span{font-size:8px;letter-spacing:.1em;color:#948797;align-self:start;margin-top:10px}.soft-intro p{margin:0;font-size:clamp(24px,3vw,43px);line-height:1.28;font-family:Manrope;letter-spacing:-.045em;max-width:940px}.soft-intro em{font-style:normal;color:#9876bd}.manifesto{display:none}
.work-heading em{color:#9876bd}.projects{grid-template-columns:1fr 1fr;gap:55px 35px;align-items:start}.project{border:0;grid-template-columns:24px 1fr 38px;padding-bottom:0;gap:8px 12px}.project:hover{padding-bottom:0}.project:nth-child(2),.project:nth-child(4){margin-top:100px}.project-preview{border-radius:15px;margin-bottom:19px}.project-title h3{font-size:31px}.project-no{color:#a59aa9;font-size:9px;margin-top:10px}.project-title p{color:#8a8190}.project-arrow{border:0;background:#e9e0ef;color:#6f4a9b;font-size:22px}.project:hover .project-arrow{background:#8864c4;color:#fff}.project-type{color:#a193ab}.project-live-link{color:#8d7e9a;border-color:#ddd3e4}.project[data-case=izbalyk] .screenshot-preview{background:#d8e4d8}.project[data-case=kifood] .screenshot-preview{background:#eddac2}.parking-preview{background:#d9d5e5}.parking-preview .preview-caption{color:#625b70}.parking-screen{border-color:#445a5240}.fashion-preview{background:#e8cfc6}.fashion-word{color:#675044}.fashion-caption{color:#675044}.fabric-art i{background:linear-gradient(90deg,#916b5e,#f1ccbc 40%,#cb9e8b 70%,#95695b)}
.services{background:#e9e1f0;color:#30273b;border:0;border-radius:26px;padding:68px 52px 55px}.dark-line{border-color:#cbbbd7}.dark-line b{color:#30273b}.dark-line span{color:#8a789b}.service-row{border-color:#d2c4dd;min-height:129px}.service-row h3{font-size:44px;font-weight:500}.service-row p{color:#897493;font-size:12px}.service-no,.service-foot{color:#9c8aaa}.service-row::before,.service-row:nth-child(2)::before,.service-row:nth-child(3)::before{background:#daccE7}.service-row:hover,.service-row:nth-child(3):hover{color:#49345b}.service-row>b{color:#9771b8}.service-foot{font-size:8px}.process-steps{border-left:0}.process-steps>div{border-right:0;padding-left:0;padding-right:35px}.process-steps b{color:#9876bd}.trust-strip{border-left:0}.trust-item{border-right:0;padding-left:0}.trust-item>span{color:#9876bd}
.contact h2 span{color:#9876bd}.contact-main{background:#27232d;color:#fff8f0;border-radius:14px}.contact-main:hover{background:#50405f}.contact-main b{font-weight:400}.contact-links a{color:#8d7e9a}.case-sheet{background:#f5f2eb}.case-close{background:#8864c4;color:#fff}.case-site-link,.case-demo-scroll{border-color:#cfc4d7;color:#6e507f;background:#ede6f3}.case-site-link:hover,.case-demo-scroll:hover{background:#dfd2e8}.case-detail-block{border-color:var(--line)}.case-next{border-color:#d8ccdf}.case-sheet-head h2::after{background:#8864c4}
@media(min-width:1600px){.hero.new-hero.soft-hero{padding-top:173px}.soft-art{height:590px}}
@media(max-width:1100px){.hero.new-hero.soft-hero{padding-top:147px;grid-template-columns:1.05fr .95fr;gap:20px}.hero.new-hero h1{font-size:6.2vw}.soft-art{height:420px}.soft-art .sculpture{top:21px}.card-design{font-size:9px;top:27px;padding:12px 15px}.card-project{padding:12px 15px;bottom:39px;right:-3px;font-size:9px}.soft-art-note{right:12px;bottom:10px;font-size:6px}.soft-intro{width:calc(100% - 64px)}.project:nth-child(2),.project:nth-child(4){margin-top:80px}.projects{gap:44px 26px}.service-row h3{font-size:38px}.services{padding-left:32px;padding-right:32px}}
@media(max-width:760px){.hero.new-hero.soft-hero{display:flex;flex-direction:column;align-items:stretch;padding:123px 0 0;gap:28px}.hero.new-hero h1{font-size:clamp(47px,12.4vw,77px);line-height:1.06}.soft-art{height:345px;width:100%;max-width:450px;align-self:center;margin:0}.soft-art .sculpture{width:96%;left:2%;top:-8px;max-height:350px;object-fit:contain}.soft-disc{inset:24px 18px 24px}.card-design{left:0;top:21px;font-size:8px;padding:10px 12px;border-radius:10px;gap:7px}.tiny-icon{font-size:20px}.card-project{right:0;bottom:34px;padding:10px 12px;font-size:9px;border-radius:10px;gap:9px}.card-project small{font-size:7px}.card-project>b{font-size:21px}.project-dot{height:24px;width:24px;border-radius:7px}.soft-art-note{bottom:13px;font-size:5px}.soft-hero .hero-bottomline{margin-top:0}.soft-intro{width:calc(100% - 40px);margin-top:18px;padding:35px 0 43px;grid-template-columns:1fr;gap:18px}.soft-intro>span{font-size:7px;margin-top:0}.soft-intro p{font-size:25px;line-height:1.3}.soft-intro p br{display:none}.projects{grid-template-columns:1fr;gap:31px}.project:nth-child(2),.project:nth-child(4){margin-top:0}.project-preview{border-radius:11px;margin-bottom:14px}.project-title h3{font-size:27px}.project-type{font-size:7px}.services{padding:42px 20px 39px;border-radius:0}.service-row{padding:24px 0;min-height:140px}.service-row h3{font-size:32px}.service-row p{font-size:11px}.service-foot{font-size:8px}.contact h2{font-size:42px}.contact-main{min-height:76px}.soft-copy .new-hero-actions{gap:16px}.soft-copy .text-cta{font-size:8px}}
@media(max-width:360px){.hero.new-hero h1{font-size:43px}.soft-art{height:290px}.soft-art .sculpture{max-height:295px}.card-design{font-size:7px}.card-project small{font-size:6px}.pill{font-size:9px;padding:0 17px;gap:24px}.new-hero-actions{gap:13px}.contact h2{font-size:36px}}