.portfolio-page{--portrait:#b5d676}.portfolio-page .site-header{max-width:1240px}.profile-hero{width:min(calc(100% - 56px),1240px);min-height:100vh;margin:auto;padding:145px 0 70px;display:grid;grid-template-columns:1.06fr .76fr;gap:76px;align-items:center}.profile-copy h1{font-size:clamp(58px,5.7vw,88px);line-height:.96;letter-spacing:-.062em;margin:27px 0 28px;font-weight:600}.profile-copy h1 span{color:#8c9189;font-weight:480}.profile-lead{max-width:680px;color:#9ba097;font-size:18px;line-height:1.65;margin:0}.profile-actions{display:flex;gap:12px;margin-top:35px}.profile-values{display:flex;gap:25px;margin-top:68px;padding-top:22px;border-top:1px solid var(--line)}.profile-values span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#858a82}.profile-values i{font-style:normal;color:var(--accent);margin-right:7px}.portrait-wrap{height:680px;position:relative;isolation:isolate}.portrait-wrap:before{content:"";position:absolute;width:430px;height:430px;background:rgba(199,255,62,.14);filter:blur(95px);left:-50px;top:90px;z-index:-2}.portrait-wrap figure{height:100%;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:29px;overflow:hidden;position:relative;background:#0c0e0b}.portrait-wrap figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,6,5,.88) 100%);pointer-events:none}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.72) contrast(1.08) brightness(.9);transition:filter .6s,transform .8s cubic-bezier(.2,.7,.2,1)}.portrait-wrap:hover img{filter:saturate(.95) contrast(1.03) brightness(.98);transform:scale(1.015)}.portrait-wrap figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:23px;display:flex;justify-content:space-between;align-items:flex-end}.portrait-wrap figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#a2a79f}.portrait-wrap figcaption b{font-size:12px;font-weight:500;color:var(--accent)}.portrait-grid{position:absolute;inset:-20px;z-index:-1;border-radius:38px;background-image:radial-gradient(rgba(199,255,62,.33) 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(135deg,transparent 10%,black 65%,transparent 96%)}.portrait-tag{position:absolute;z-index:3;background:rgba(9,10,9,.8);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:11px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.portrait-tag span{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px;box-shadow:0 0 9px var(--accent)}.tag-top{top:28px;left:-33px}.tag-bottom{right:-26px;bottom:76px;color:#9ca199}.profile-strip{width:100%;padding:21px 28px;border-block:1px solid var(--line);background:#0b0c0b;display:flex;gap:32px;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-size:10px;letter-spacing:.15em;color:#8e938b}.profile-strip b{color:var(--accent)}.expertise-section{padding-top:135px}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:70px}.expertise-card{min-height:390px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));display:flex;flex-direction:column;transition:.35s;position:relative;overflow:hidden}.expertise-card:after{content:"";position:absolute;inset:auto -50px -140px auto;width:240px;height:240px;border-radius:50%;background:rgba(199,255,62,.07);filter:blur(30px);transition:.4s}.expertise-card:hover{transform:translateY(-4px);border-color:rgba(199,255,62,.27)}.expertise-card:hover:after{transform:translate(-25px,-25px)}.expertise-card>span{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em}.expertise-card h3{font-size:30px;letter-spacing:-.04em;line-height:1.1;font-weight:520;margin:45px 0 16px;max-width:480px}.expertise-card p{color:#898e86;line-height:1.6;margin:0;max-width:500px}.expertise-card ul{list-style:none;display:flex;gap:7px;padding:0;margin:auto 0 0}.expertise-card li{font-size:9px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:8px 10px;border-radius:100px;color:#92978f}.solution-lab{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center;padding-top:90px}.lab-copy>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:35px}.lab-copy h2{font-size:clamp(42px,4.6vw,64px)}.lab-copy>p{color:#898e86;line-height:1.6;max-width:510px;margin:25px 0 0}.lab-tabs{display:flex;flex-direction:column;gap:8px;margin-top:38px}.lab-tab{width:100%;height:55px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);color:#9da29a;text-align:left;cursor:pointer;transition:.3s}.lab-tab:hover{border-color:rgba(255,255,255,.28);color:white}.lab-tab.active{background:var(--accent);border-color:var(--accent);color:#0a0b09;font-weight:650;padding-left:25px}.solution-panel{min-height:520px;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:rgba(10,12,10,.78);backdrop-filter:blur(18px);padding:25px;display:flex;flex-direction:column;box-shadow:0 35px 90px rgba(0,0,0,.32);position:relative;overflow:hidden}.solution-panel:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(199,255,62,.08);filter:blur(60px);right:-170px;top:30px}.solution-head{position:relative;display:flex;align-items:center;gap:7px;padding-bottom:22px;border-bottom:1px solid var(--line)}.solution-head span{margin-right:auto;color:#777c74;font-size:10px;letter-spacing:.12em}.solution-head i{width:8px;height:8px;border-radius:50%;background:#30332f}.solution-main{padding:45px 15px;position:relative}.solution-main small,.solution-footer small{display:block;color:#71766f;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.solution-main h3{font-size:38px;line-height:1.05;letter-spacing:-.045em;font-weight:520;margin:12px 0}.solution-main p{color:#8f948c;line-height:1.6;max-width:520px}.solution-flow{display:flex;align-items:center;gap:8px;margin-top:38px;flex-wrap:wrap}.solution-flow span{border:1px solid var(--line);padding:10px 12px;border-radius:9px;font-size:10px}.solution-flow span:last-child{border-color:rgba(199,255,62,.4);color:var(--accent)}.solution-flow b{color:#4f534e;font-weight:400}.solution-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.solution-footer>span{padding:18px;border:1px solid var(--line);border-radius:14px}.solution-footer b{font-size:12px;font-weight:550;display:block;margin-top:8px}.architecture{padding-top:100px}.architecture-map{margin-top:70px;display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:stretch}.architecture-map article{padding:24px 20px;border:1px solid var(--line);border-radius:18px;min-height:310px;display:flex;flex-direction:column;background:#0b0d0b}.architecture-map article>span{font-size:9px;color:#5e635c}.architecture-map article>i{width:43px;height:43px;border:1px solid rgba(199,255,62,.3);border-radius:12px;display:grid;place-items:center;color:var(--accent);font-style:normal;font-size:19px;margin:35px 0 22px}.architecture-map h3{font-size:22px;font-weight:520;margin:0 0 12px;letter-spacing:-.03em}.architecture-map p{color:#7f847c;font-size:13px;line-height:1.55;margin:0}.architecture-map small{margin-top:auto;color:#5e635c;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.map-arrow{display:grid;place-items:center;color:#555a53;font-weight:400}.stack-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:45px}.stack-cloud span{padding:11px 15px;border-radius:100px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:11px;color:#9ba098;transition:.25s}.stack-cloud span:hover{color:var(--accent);border-color:rgba(199,255,62,.35);transform:translateY(-2px)}.principles{padding-top:80px}.principle-list{margin-top:65px;border-top:1px solid var(--line)}.principle-list article{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:30px;align-items:center;min-height:145px;border-bottom:1px solid var(--line)}.principle-list article>span{color:var(--accent);font-size:10px}.principle-list h3{font-size:25px;letter-spacing:-.035em;font-weight:520}.principle-list p{color:#82877f;line-height:1.6;font-size:14px}.profile-contact>p{max-width:560px;color:#858a82;line-height:1.6;margin:25px auto 0}.profile-contact .contact-link{margin-top:35px}
@media(max-width:980px){.profile-hero{grid-template-columns:1fr .72fr;gap:35px}.profile-copy h1{font-size:56px}.portrait-wrap{height:580px}.architecture-map{grid-template-columns:1fr 20px 1fr}.architecture-map article{margin-bottom:20px}.architecture-map .map-arrow:nth-of-type(2){display:none}.architecture-map article:nth-of-type(3),.architecture-map article:nth-of-type(4){margin-top:20px}}
@media(max-width:800px){.profile-hero{width:calc(100% - 40px);padding:125px 0 70px;display:flex;flex-direction:column;gap:55px;min-height:auto}.profile-copy h1{font-size:45px;overflow-wrap:anywhere}.profile-copy h1 br{display:none}.profile-lead{font-size:16px}.profile-actions{flex-direction:column}.profile-values{gap:15px;justify-content:space-between}.profile-values span{font-size:9px}.portrait-wrap{width:100%;height:610px}.tag-top{left:-8px}.tag-bottom{right:-8px}.profile-strip{justify-content:flex-start}.expertise-grid,.solution-lab{grid-template-columns:1fr}.expertise-card{min-height:365px}.solution-lab{gap:45px}.solution-panel{min-height:500px}.architecture-map{grid-template-columns:1fr}.architecture-map .map-arrow{height:32px;transform:rotate(90deg)}.architecture-map article{margin:0!important;min-height:260px}.principle-list article{grid-template-columns:35px 1fr;padding:25px 0;gap:8px 14px}.principle-list h3{margin:0}.principle-list p{grid-column:2;margin:4px 0}.profile-contact h2{font-size:60px}}
@media(max-width:440px){.portrait-wrap{height:530px}.profile-copy h1{font-size:40px}.profile-values{flex-wrap:wrap}.portrait-wrap figcaption{align-items:flex-start;flex-direction:column;gap:5px}.solution-panel{padding:18px}.solution-main{padding:35px 5px}.solution-main h3{font-size:31px}.solution-footer{grid-template-columns:1fr}.expertise-card h3{font-size:27px}.profile-contact h2{font-size:52px}}

@media(max-width:800px){.profile-copy h1{line-height:1.01}.profile-values span{font-size:11px}.expertise-card{min-height:330px;padding:24px}.expertise-card h3{margin-top:34px}.expertise-card li{font-size:10px}.lab-tab{font-size:15px}.solution-flow span{font-size:11px}.architecture-map p,.principle-list p{font-size:15px}}
@media(max-width:390px){.profile-hero{width:calc(100% - 32px)}.profile-copy h1{font-size:36px}.portrait-wrap{height:480px}.profile-values{display:grid;grid-template-columns:1fr 1fr}.profile-values span:last-child{grid-column:1/-1}.profile-contact h2{font-size:48px}}

html[data-theme="light"] .profile-copy h1 span{color:#737a70}html[data-theme="light"] .profile-lead{color:#5d645a}html[data-theme="light"] .profile-values span{color:#636a60}html[data-theme="light"] .portrait-grid{background-image:radial-gradient(rgba(105,145,0,.42) 1px,transparent 1px)}html[data-theme="light"] .profile-strip{background:#e8ebe3;color:#51574e}html[data-theme="light"] .lab-copy>p{color:#5f665c}html[data-theme="light"] .lab-tab{background:rgba(255,255,255,.62);color:#565d53}html[data-theme="light"] .lab-tab:hover{border-color:rgba(17,20,15,.3);color:#11140f}html[data-theme="light"] .lab-tab.active{background:var(--accent);color:#11140f}html[data-theme="light"] .solution-panel{background:rgba(255,255,255,.76);box-shadow:0 35px 90px rgba(31,38,25,.12)}html[data-theme="light"] .solution-panel:before{background:rgba(137,185,0,.12)}html[data-theme="light"] .solution-head span,html[data-theme="light"] .solution-main small,html[data-theme="light"] .solution-footer small{color:#697066}html[data-theme="light"] .solution-head i{background:#c7ccc2}html[data-theme="light"] .solution-main p{color:#5e655b}html[data-theme="light"] .solution-flow b{color:#858c81}html[data-theme="light"] .architecture-map article{background:rgba(255,255,255,.82);box-shadow:0 16px 45px rgba(31,38,25,.05)}html[data-theme="light"] .architecture-map p{color:#5e655b}html[data-theme="light"] .architecture-map article>span,html[data-theme="light"] .architecture-map small{color:#6d7469}html[data-theme="light"] .map-arrow{color:#7e857a}html[data-theme="light"] .stack-cloud span{background:rgba(255,255,255,.66);color:#555c52}html[data-theme="light"] .profile-contact>p{color:#5f665c}
