/* Photography, device layers, and shared visual components. */
.editorial-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.8)}
.photo-card{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:3/2;border-radius:13px;background:#e1eae4;box-shadow:0 16px 40px #183e3012;margin:0}
.photo-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102d24b3);z-index:0;pointer-events:none}
.photo-card:hover .editorial-image{transform:scale(1.035)}
.photo-card figcaption{position:absolute;bottom:22px;left:24px;right:20px;color:#fff;z-index:1;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.5px;line-height:1.7}
.photo-dot{display:block;width:6px;height:6px;background:#96ddbb;border-radius:50%;flex-shrink:0}
.icon-box{transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.icon-box:hover,.service-card:hover .icon-box,.value-card:hover .icon-box,.quality-item:hover .icon-box{background:var(--green);color:#fff;transform:translateY(-3px) rotate(-4deg);box-shadow:0 8px 18px #20987920}
.intro-layout{display:grid;grid-template-columns:1.3fr .85fr;gap:50px;align-items:center}
.intro-copy{min-width:0}.intro-copy h1{font-size:52px}.intro-visual{min-width:0}.intro-photo{aspect-ratio:1.25;transform:rotate(2deg);border:6px solid #ffffffb8;box-shadow:0 20px 45px #25493416}
.intro-photo .editorial-image{object-position:center}.intro-photo figcaption{font-size:7px;left:18px;bottom:15px}
.page-intro{overflow:hidden}
.hero-visual{height:535px;margin-top:6px}
.hero-photo{position:absolute;left:28px;right:0;top:28px;height:285px;overflow:hidden;border-radius:14px;border:6px solid #ffffffc4;box-shadow:0 24px 45px #173c2520;transform:rotate(4deg);z-index:-1}
.hero-photo .editorial-image{object-position:center 48%}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#18392b22)}
.hero-visual .dashboard{top:195px;left:9px;right:-3px;transform:perspective(1300px) rotateY(-5deg) rotateZ(-3deg) scale(.88);transform-origin:top center;border:6px solid #28483e;border-bottom-width:12px;box-shadow:0 20px 40px #284f3928;z-index:1}
.hero-device-base{position:absolute;top:514px;left:3px;right:-1px;height:12px;z-index:2;background:linear-gradient(#cbd6ce,#98aca2);border-radius:2px 2px 50% 50%;transform:rotate(-3deg);box-shadow:0 10px 14px #23433113}
.hero-device-base:after{content:'';position:absolute;left:43%;right:43%;height:4px;background:#7e9589;border-radius:0 0 5px 5px}
.hero-visual .code-float{top:112px;right:-20px;width:190px;z-index:3}
.hero-visual .success-float{bottom:-16px;left:0;z-index:3}
.hero-visual .floating-label{left:55px;top:1px;z-index:3;background:#fff}
.hero-visual .visual-caption{bottom:-40px;right:8px}
.hero-tech-chip{position:absolute;width:42px;height:42px;display:grid;place-items:center;color:var(--green);background:#fffffff2;border:1px solid #e3ece5;box-shadow:0 10px 20px #174c2f12;border-radius:11px;z-index:3;font-size:20px}
.chip-code{left:4px;top:155px;transform:rotate(-8deg)}.chip-cloud{right:2px;top:0;transform:rotate(8deg)}
.home-team-photo{aspect-ratio:2.2;margin-bottom:18px}.home-team-photo .editorial-image{object-position:center 44%}.home-team-photo figcaption{font-size:7px;bottom:15px;left:18px}
.home-team-photo+.value-grid{gap:12px}.home-team-photo+.value-grid>div{padding:18px}.home-team-photo+.value-grid .icon-box{width:33px;height:33px;font-size:16px}.home-team-photo+.value-grid h3{margin-top:12px;margin-bottom:7px}.home-team-photo+.value-grid p{font-size:11px}
.stats .stat-icon{display:flex;margin-bottom:12px;width:34px;height:34px;font-size:17px;border-radius:8px}
.quality-section{padding:58px 0;background:#f6f9f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quality-heading{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-bottom:30px}.quality-heading .eyebrow{margin:0}.quality-heading h2{font-size:25px;margin:0}
.quality-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.quality-item{padding:8px 20px 0 0;border-right:1px solid #e0e9e1}.quality-item:last-child{border:0}.quality-item h3{font-size:14px;margin:15px 0 9px}.quality-item p{font-size:11px;line-height:1.8;margin:0;max-width:165px}
.about-team-photo{aspect-ratio:.95}.about-team-photo .editorial-image{object-position:43% center}.image-context{font-size:9px;margin:10px 0 0;color:#819889}
.principle h3{display:flex;align-items:center;gap:12px}.principle .icon-box{width:35px;height:35px;font-size:18px;border-radius:8px}
.timeline{position:relative;gap:0}.timeline>div{position:relative;padding-right:30px;border-top:2px solid #c9ded0}.timeline>div:last-child{padding-right:0}.timeline>div:before{content:'';width:8px;height:8px;position:absolute;left:0;top:-5px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #ecf5ef}
.timeline .timeline-milestone{width:44px;height:44px;position:relative;font-size:19px;border-radius:12px;border:1px solid #d7e8dc}.timeline-milestone small{position:absolute;font-size:7px;right:-6px;bottom:-6px;border:2px solid #fff;background:var(--green);color:#fff;padding:2px 4px;border-radius:5px;letter-spacing:0}
.process h3>i{font-size:17px;color:var(--green);margin-right:5px}
.system-visual{position:relative;isolation:isolate;aspect-ratio:1.1;width:100%;max-width:410px;margin:auto;background:radial-gradient(ellipse,#e0eee5 0,transparent 70%)}
.system-orbit{position:absolute;inset:12%;border:1px solid #bed7c8;border-radius:50%;box-shadow:0 0 0 30px #e0ece533,0 0 0 60px #e0ece522}
.system-orbit:before,.system-orbit:after{content:'';position:absolute;left:50%;top:0;height:100%;width:1px;background:#cadfd2}.system-orbit:after{transform:rotate(90deg)}
.system-core{position:absolute;inset:32% 29%;z-index:2;background:#fffffff0;border:1px solid #dbe9df;border-radius:18px;box-shadow:0 15px 30px #1642290b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}
.system-core img{width:72px;mix-blend-mode:multiply}.system-core>span{font-size:7px;color:#73917e;text-align:center;line-height:1.5;margin-top:3px}
.system-node{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 16px;background:#fffffff0;border:1px solid #dbe9df;border-radius:10px;box-shadow:0 10px 22px #16422908;color:var(--green);font-size:20px;z-index:2}.system-node>b{font-weight:550;font-size:10px;color:#5c7d69}.node-web{top:6%;left:35%;transform:rotate(-5deg)}.node-mobile{top:43%;right:-1%;transform:rotate(5deg)}.node-cloud{bottom:6%;left:35%;transform:rotate(-4deg)}.node-data{left:-1%;top:43%;transform:rotate(-5deg)}
.service-banner{min-height:400px;isolation:isolate;background:#1b3b2f;box-shadow:0 15px 35px #14362312}.service-banner>.service-photo{position:absolute;inset:0;z-index:-2;height:100%;width:100%;object-fit:cover;filter:saturate(.7)}
.service-banner:after{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#0b251f15 5%,#0b251f20 30%,#0b251fd9 85%);z-index:-1}
.service-banner:hover>.service-photo{transform:scale(1.035)}.service-banner h2,.service-banner p{color:#fff;text-shadow:0 1px 12px #16332833}.service-banner .large-icon{width:47px;height:47px;font-size:23px;color:#fff;background:#ffffff24;border:1px solid #ffffff55;display:grid;place-items:center;border-radius:12px;backdrop-filter:blur(8px);margin-bottom:17px}.service-number{color:#fff;background:#173d328c;border:1px solid #ffffff40;border-radius:20px;padding:4px 11px;backdrop-filter:blur(7px)}
.cloud-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:65px;padding-bottom:65px}.cloud-section>div>p:not(.eyebrow){font-size:13px;max-width:470px}.cloud-art{background:#f1f7f2;border:1px solid var(--line);border-radius:15px;padding:25px;overflow:hidden}.cloud-art .system-visual{max-width:340px}.cloud-section+.quality-section{margin-bottom:70px}
.contact-workspace{aspect-ratio:2.1;margin-top:30px}.contact-workspace figcaption{font-size:7px;bottom:14px;left:17px}.contact-social .socials{margin:12px 0}.contact-social .socials a{width:34px;height:34px;font-size:15px}
.portfolio-intro-art{position:relative;aspect-ratio:1.2;background:radial-gradient(ellipse,#d8e9dc,transparent 70%)}
.preview-browser{position:absolute;top:14%;left:0;right:6%;height:65%;background:#fff;border:5px solid #e9f1eb;border-radius:12px;transform:rotate(-6deg);box-shadow:0 22px 35px #26463217;padding:12px}.preview-browser>span{font-size:7px;letter-spacing:2px;color:#91b29c;display:block;padding-bottom:10px;border-bottom:1px solid #e4ece5}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;height:70%}.preview-layout>div{border-radius:6px;background:linear-gradient(135deg,#c1dcca,#f1f6ef)}.preview-layout>div:first-child{grid-column:1/-1;background:repeating-linear-gradient(120deg,#bfd9c6 0,#bfd9c6 20px,#cae0cf 21px,#cae0cf 45px)}
.preview-phone{position:absolute;bottom:9%;right:0;width:105px;height:180px;border:5px solid #315847;border-radius:20px;background:#f6faf6;transform:rotate(8deg);box-shadow:0 15px 25px #24483218;padding:20px 12px}.preview-phone>i{display:block;color:var(--green);font-size:30px;text-align:center}.preview-phone>span{display:block;background:#dbece0;border-radius:4px;height:12px;margin-top:10px}.preview-phone>span:last-child{background:#91bca1;width:65%}.intro-art-chip{position:absolute;bottom:7%;left:5%;background:white;padding:11px 16px;border:1px solid #d6e5db;border-radius:8px;font-size:10px;color:#5f806c;box-shadow:0 9px 20px #2049330c;transform:rotate(-4deg)}.intro-art-chip>i{color:var(--green);margin-right:9px}
.project-category{display:inline-block;border:1px solid #d9e8de;background:#f1f7f3;color:#26795a;border-radius:30px;padding:3px 9px;font-size:8px}.project-category>span{font-size:6px;color:#789782}.project-open{width:auto;height:auto;display:flex;align-items:center;gap:9px;border-radius:6px;padding:8px 11px;font-size:10px;white-space:nowrap}.project-open i{font-size:14px}.project-open:hover{transform:translateY(-2px)}.project-info{gap:13px}.project-info p{max-width:330px}
.project-art{box-shadow:0 8px 24px #243d2810;transition:box-shadow .3s}.project-item:hover .project-art{box-shadow:0 15px 35px #243d2820}.project-art>div{transition:transform .6s}.project-item:hover .mini-shop{transform:rotate(-2deg) scale(1.025)}.project-item:hover .platform-window{transform:rotate(-2deg) scale(1.025)}.project-item:hover .phone-mock{transform:rotate(6deg) translateY(10px)}
.cta-visual{position:absolute;width:160px;height:160px;left:54%;top:24%;pointer-events:none;transform:rotate(-10deg);opacity:.7}.cta-visual>span{position:absolute;border:1px solid #bedac8;background:#d8eddf99;width:80px;height:80px;border-radius:17px;color:#8ab59a;display:grid;place-items:center;font-size:35px}.cta-visual>span+span{left:50px;top:50px;background:#e9f5ed}
@media(max-width:1199px){.intro-layout{gap:35px;grid-template-columns:1.2fr 1fr}.intro-copy h1{font-size:46px}.hero-visual .dashboard{top:203px}.hero-device-base{top:522px}.hero-visual .success-float{bottom:-24px}.hero-visual .visual-caption{bottom:-45px}.project-info{flex-wrap:wrap;align-items:flex-start}.project-open{margin-top:3px}.quality-heading h2{font-size:23px}.quality-grid{gap:14px}.quality-item{padding-right:12px}.cta-visual{left:51%}.cloud-section{gap:40px}}
@media(max-width:991px){.hero-visual{height:565px;margin:40px auto 0;max-width:560px}.hero-visual .dashboard{top:210px}.hero-device-base{top:529px}.hero-visual .success-float{bottom:0}.hero-visual .visual-caption{bottom:-25px}.hero-photo{height:300px}.hero-visual .code-float{top:133px;right:-5px}.intro-layout{gap:30px}.intro-copy h1{font-size:39px}.intro-copy .lead-copy{font-size:12px}.intro-photo{aspect-ratio:.95}.system-node{padding:9px 12px;font-size:17px;gap:6px}.system-node>b{font-size:9px}.system-core img{width:52px}.system-core>span{font-size:6px}.home-team-photo{aspect-ratio:2.5}.about-team-photo{aspect-ratio:1.6}.quality-heading{display:block}.quality-heading .eyebrow{margin-bottom:15px}.quality-heading h2{font-size:27px}.quality-grid{grid-template-columns:repeat(3,1fr);gap:25px}.quality-item:nth-child(3){border:0}.quality-item p{max-width:190px}.service-banner{min-height:400px}.service-banner>.service-photo{object-position:44% center}.project-info p{font-size:11px}.project-info h3{font-size:20px}.cloud-section{gap:30px}.cloud-section h2{font-size:30px}.cta-visual{left:48%;opacity:.35}.system-core{padding:7px}.preview-phone{width:86px;height:160px}.intro-art-chip{font-size:8px;padding:10px}.contact-workspace{aspect-ratio:2.8}.timeline>div:nth-child(2){padding-right:0}}
@media(max-width:767px){.intro-layout{grid-template-columns:1fr;gap:35px}.intro-copy h1{font-size:43px}.intro-copy .lead-copy{font-size:13px}.intro-visual{max-width:500px;width:100%;margin:auto}.intro-photo{aspect-ratio:1.9;transform:rotate(1deg);border-width:4px}.intro-photo figcaption{font-size:7px}.system-visual{max-width:320px;aspect-ratio:1.3}.system-core img{width:55px}.system-core{inset:31% 30%}.system-node{padding:9px 14px}.system-node>b{font-size:9px}.node-web{top:0}.node-cloud{bottom:0}.portfolio-intro-art{max-width:340px;margin:auto;aspect-ratio:1.4}.preview-phone{height:140px;width:85px;bottom:0}.preview-phone>i{font-size:22px}.preview-phone>span{margin-top:7px;height:8px}.intro-art-chip{bottom:0}.hero-visual{height:530px;margin-top:42px;max-width:480px}.hero-photo{left:17px;right:5px;height:253px;top:20px;border-width:4px}.hero-visual .dashboard{top:185px;left:-15px;right:-15px!important;transform:rotate(-3deg) scale(.86);border-width:5px;border-bottom-width:10px}.hero-device-base{top:493px;left:1px;right:0}.hero-visual .code-float{top:109px;right:-5px;width:170px}.hero-visual .success-float{bottom:1px;left:4px;padding:11px 14px}.hero-visual .floating-label{top:0;left:30px;font-size:9px;padding:6px 12px}.hero-visual .visual-caption{bottom:-20px;font-size:6px}.hero-tech-chip{height:34px;width:34px;font-size:17px;border-radius:9px}.chip-code{left:-4px;top:138px}.chip-cloud{right:0;top:0}.home-team-photo{aspect-ratio:1.85}.home-team-photo figcaption{font-size:6px}.quality-section{padding:40px 0}.quality-heading h2{font-size:25px}.quality-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.quality-item:nth-child(2n){border:0}.quality-item:nth-child(3){border-right:1px solid #e0e9e1}.quality-item:last-child{border:0}.quality-item h3{font-size:14px}.quality-item p{font-size:11px}.quality-item .icon-box{height:37px;width:37px;font-size:18px}.about-team-photo{aspect-ratio:1.1}.timeline>div{padding-right:20px}.timeline>div:nth-child(2n){padding-right:0}.timeline{row-gap:30px}.service-banner{min-height:360px}.service-banner .large-icon{margin-top:35px}.cloud-section{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:45px}.cloud-art{padding:30px 25px}.cloud-art .system-visual{max-width:300px}.cloud-section+.quality-section{margin-bottom:45px}.contact-workspace{aspect-ratio:1.9}.contact-workspace figcaption{font-size:6px}.project-info{flex-wrap:nowrap;align-items:center}.project-info p{font-size:10px}.project-open{font-size:9px;gap:6px;padding:7px 9px}.project-open i{font-size:13px}.project-category{font-size:7px}.project-category>span{font-size:5px}.cta-visual{left:auto;right:-25px;top:105px;opacity:.5}.stats .stat-icon{height:32px;width:32px;font-size:16px}.hero-row{padding-bottom:22px}}
@media(max-width:390px){.hero-visual{height:483px;margin-top:38px}.hero-photo{height:230px;left:11px}.hero-visual .dashboard{top:167px;left:-18px;right:-18px!important}.hero-device-base{top:455px}.hero-visual .code-float{width:149px;top:90px}.hero-visual .success-float{bottom:1px;padding:9px 12px}.hero-visual .visual-caption{font-size:5px;bottom:-19px}.chip-code{top:122px}.hero-tech-chip{width:30px;height:30px;font-size:16px}.hero-visual .floating-label{font-size:8px;left:22px}.intro-copy h1{font-size:38px}.intro-photo{aspect-ratio:1.6}.intro-photo figcaption{font-size:6px}.system-node{padding:8px 11px}.project-info{flex-wrap:wrap;gap:9px}.project-info>div{width:100%}.project-open{font-size:10px}.service-banner{min-height:320px}.home-team-photo+.value-grid{grid-template-columns:1fr 1fr}.home-team-photo+.value-grid>div{padding:13px}.home-team-photo+.value-grid h3{font-size:14px}.home-team-photo+.value-grid p{font-size:10px}}
.hero-device-base{display:none}
.hero-visual .dashboard{overflow:visible}
.hero-visual .dashboard:after{content:'';position:absolute;bottom:-20px;left:-24px;right:-24px;height:11px;background:linear-gradient(#d1ddd5,#98afa1);border-radius:2px 2px 50% 50%;box-shadow:0 10px 15px #21452e15}
.hero-visual .dash-top{border-radius:6px 6px 0 0;background:#fff}
.hero-visual .dash-body{background:#fff;border-radius:0 0 5px 5px}
.hero-visual .visual-caption{bottom:-91px}
@media(max-width:991px){.hero h1 br:nth-of-type(3){display:block}.hero-visual{height:615px}.hero-visual .success-float{bottom:0}.hero-visual .visual-caption{bottom:-22px}}
@media(max-width:767px){.hero-visual{height:575px}.hero-visual .success-float{bottom:4px}.hero-visual .visual-caption{bottom:-20px}}
@media(max-width:390px){.hero-visual{height:525px}.hero-visual .success-float{bottom:4px}}
@media(prefers-reduced-motion:reduce){.editorial-image,.project-art,.project-art>div,.icon-box{transition:none}}