/* Font tokens — replaces next/font local variables with standard Google Fonts stacks. */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap'); :root{ --font-inter: 'Inter', Arial, sans-serif; --font-playfair: 'Playfair Display', Georgia, 'Times New Roman', serif; } .eco-core b{font-size:38px}.eco-core small{text-align:center;max-width:90px;line-height:1.25}.eco-panel{min-height:116px}.eco-panel i{letter-spacing:.08em}.eco-panel strong{font-size:14px;line-height:1.25}.eco-panel small{line-height:1.4}.service-photo-panel{padding:0;background:#d8d2ca} .cta-journey{position:relative;min-height:440px;border-top:1px solid rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.38);display:flex;flex-direction:column;justify-content:center;margin-left:5vw;padding:35px 0;overflow:hidden}.journey-step{position:relative;z-index:2;display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:center;padding:19px 8px;border-bottom:1px solid rgba(255,255,255,.2);max-width:430px}.journey-step:nth-child(4){border-bottom:0}.journey-step>span{font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.58)}.journey-step>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.journey-step b{font-size:clamp(26px,2.7vw,42px);letter-spacing:-.045em;font-weight:520}.journey-step small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.65)}.journey-arrow{position:absolute;right:-2%;top:-12%;font-size:300px;line-height:1;color:rgba(255,255,255,.11);font-weight:200}.cta-journey>p{position:absolute;right:0;bottom:20px;margin:0!important;text-align:right;font-family:var(--serif);font-size:16px!important;line-height:1.35!important;color:#fff!important} .premier-cta{background:linear-gradient(125deg,#f3eee9 0%,#f3e5df 55%,#eadbd5 100%);color:var(--ink)}.premier-cta .eyebrow.light{color:#74706d}.premier-cta .eyebrow.light span{background:var(--red)}.premier-cta>div>p:not(.eyebrow){color:#6d6966}.premier-cta .button.white{background:var(--ink);color:#fff}.premier-cta .cta-journey{border-color:rgba(23,32,46,.18)}.premier-cta .journey-step{border-color:rgba(23,32,46,.12)}.premier-cta .journey-step>span{color:var(--red)}.premier-cta .journey-step small{color:#77716d}.premier-cta .journey-arrow{color:rgba(223,45,49,.08)}.premier-cta .cta-journey>p{color:#6d6966!important} .service-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);filter:saturate(.82) contrast(1.03)} .service:hover .service-photo{transform:scale(1.035)} .service-photo-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,22,32,.14),transparent 48%,rgba(13,22,32,.22));pointer-events:none} .service-photo-panel .visual-index{position:absolute;top:32px;left:32px;z-index:2;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.28)} .service-photo-panel .visual-float{z-index:2} :root{--ink:#17202e;--muted:#68707c;--red:#df2d31;--paper:#f6f5f1;--line:#dcdcd7;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfbf8;color:var(--ink);font-family:var(--font-inter),Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:fixed;z-index:50;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;padding:0 clamp(24px,4vw,72px);transition:.5s ease;border-bottom:1px solid transparent}.nav-scrolled{height:72px;background:rgba(251,251,248,.8);backdrop-filter:blur(18px);border-color:rgba(23,32,46,.08)}.brand img{width:148px;display:block}.nav nav{margin-left:auto;display:flex;gap:clamp(16px,1.8vw,30px);align-items:center}.nav nav a{font-size:13px;color:#39414d;transition:.2s}.nav nav a:hover{color:var(--red)}.nav-cta{margin-left:30px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:30px;font-size:13px;display:flex;gap:16px;align-items:center}.nav-cta span,.button span,.button+span{transition:transform .25s}.nav-cta:hover span,.button:hover span{transform:translate(3px,-3px)}.menu-btn{display:none;background:none;border:0;width:36px;height:36px;position:relative}.menu-btn i{position:absolute;width:20px;height:1px;background:var(--ink);left:8px;top:14px}.menu-btn i+ i{top:21px}.hero{min-height:100vh;padding:150px clamp(24px,6vw,110px) 80px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5vw;position:relative;isolation:isolate;background:radial-gradient(circle at 70% 45%,#fff 0,transparent 45%),#f8f7f3}.blueprint{position:absolute;inset:0;z-index:-1;opacity:.26;background-image:linear-gradient(rgba(39,62,91,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(39,62,91,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 75% 45%,black,transparent 62%)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em;font-weight:700;display:flex;align-items:center;gap:11px;margin:0 0 28px}.eyebrow span{display:block;width:25px;height:1px;background:var(--red)}.eyebrow.light{color:rgba(255,255,255,.72)}.eyebrow.light span{background:#fff}.hero h1{font-size:clamp(44px,4.6vw,76px);line-height:.98;letter-spacing:-.065em;font-weight:530;margin:0;max-width:850px}.hero h1 em{font-style:normal;color:var(--red)}.hero-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.65;color:var(--muted);max-width:620px;margin:34px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 22px;border-radius:3px;font-size:14px;font-weight:600;min-width:190px;transition:.3s}.button.primary{background:var(--red);color:#fff}.button.primary:hover{background:#bd2227;transform:translateY(-2px)}.button.secondary{border:1px solid #cacbc8;background:rgba(255,255,255,.45)}.button.secondary:hover{border-color:var(--ink)}.button.white{background:#fff;color:var(--ink)}.trust{display:flex;margin-top:58px;gap:36px}.trust div{display:grid;gap:3px;padding-right:36px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b{font-size:18px}.trust span{font-size:11px;color:var(--muted)}.hero-art{min-height:600px;display:grid;place-items:center}.ecosystem{--mx:0;--my:0;width:min(44vw,670px);aspect-ratio:1;position:relative;transition:transform .2s;transform:translate(calc(var(--mx)*8px),calc(var(--my)*8px))}.orbit{position:absolute;border:1px solid rgba(42,63,87,.2);border-radius:50%;inset:17%}.orbit-two{inset:31%;border-style:dashed}.eco-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 70px rgba(23,32,46,.23)}.eco-core b{font-size:28px;letter-spacing:-.04em}.eco-core small{font-size:10px;opacity:.6}.pulse{position:absolute;inset:-12px;border:1px solid rgba(223,45,49,.35);border-radius:50%;animation:pulse 3s infinite}.eco-panel{position:absolute;width:180px;padding:18px;background:rgba(255,255,255,.83);border:1px solid rgba(23,32,46,.12);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(38,48,60,.1);border-radius:7px;display:grid;gap:10px;animation:float 6s ease-in-out infinite}.eco-panel i{font-style:normal;font-size:9px;color:var(--red)}.eco-panel strong{font-size:13px}.eco-panel small{font-size:9px;color:var(--muted)}.eco-panel.cloud{left:3%;top:16%}.eco-panel.api{right:1%;top:23%;animation-delay:-1.5s}.eco-panel.data{left:2%;bottom:13%;animation-delay:-3s}.eco-panel.workflow{right:5%;bottom:9%;animation-delay:-4.5s}.eco-panel span:not(.bars,.flow){display:flex;gap:5px}.eco-panel span em{width:7px;height:7px;background:var(--red);border-radius:50%}.bars{height:28px;display:flex;gap:4px;align-items:end}.bars em{width:12%!important;border-radius:1px!important;background:#748da8!important}.bars em:nth-child(2){height:65%}.bars em:nth-child(3){height:100%}.bars em:nth-child(4){height:78%}.flow{display:flex;align-items:center}.flow em{background:#8396a9!important}.flow em+em:before{content:"";display:block;width:22px;height:1px;background:#ccd2d6;transform:translateX(-22px)}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px rgba(223,45,49,.1)}.n1{left:33%;top:13%}.n2{right:19%;top:48%}.n3{left:24%;bottom:36%}.n4{right:34%;bottom:15%}.scroll-cue{position:absolute;bottom:24px;left:50%;display:flex;align-items:center;gap:14px;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.scroll-cue i{display:block;height:1px;width:55px;background:#9da1a5;animation:progress 2s infinite}.premier-cta{margin:0 clamp(18px,3vw,50px);min-height:570px;background:linear-gradient(125deg,#d62930,#eb4a42 55%,#f27555);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:clamp(50px,7vw,110px);overflow:hidden;position:relative}.premier-cta h2,.why h2,.work-intro h2,.team-tease h2{font-size:clamp(41px,4.8vw,73px);line-height:1;letter-spacing:-.06em;margin:0 0 28px;font-weight:520}.premier-cta h2 i,.why h2 i,.team-tease h2 i{font-family:var(--serif);font-weight:400}.premier-cta>div>p:not(.eyebrow){max-width:550px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.6;margin:0 0 35px}.cta-illustration{height:430px;position:relative}.big-ring,.small-ring{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;inset:2%}.small-ring{inset:28%}.cta-chip{position:absolute;left:25%;top:40%;background:rgba(255,255,255,.18);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.4);padding:24px 30px;font-size:17px}.cta-chip i{font-family:var(--serif);padding:0 15px}.cta-dot{position:absolute;background:#fff;border-radius:50%;width:13px;height:13px}.d1{top:4%;left:52%}.d2{bottom:7%;right:24%}.services{padding:150px clamp(24px,6vw,100px)}.section-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:5vw;align-items:end;margin:0 auto 120px;max-width:1500px}.section-intro h2,.tech-heading h2{font-size:clamp(41px,4vw,63px);line-height:1.03;letter-spacing:-.055em;margin:0;font-weight:530}.section-intro>p:last-child{line-height:1.7;color:var(--muted)}.service{max-width:1420px;margin:0 auto 150px;min-height:75vh;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center}.service.reverse{grid-template-columns:.9fr 1.1fr}.service.reverse .service-visual{order:2}.service-visual{min-height:620px;position:relative;overflow:hidden;background:#f5c6ba;padding:34px}.service-visual.blue{background:#c9ddec}.service-visual.sand{background:#ddd2b9}.service-visual.mint{background:#c9dfd5}.service-visual.lilac{background:#d6d0e7}.service-visual.rose{background:#e5c9cb}.service-visual.sky{background:#bdd9e5}.visual-index{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.visual-frame{position:absolute;inset:18% 12% 14%;background:rgba(255,255,255,.7);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.65);box-shadow:0 35px 70px rgba(48,52,63,.15);transform:rotate(-2deg)}.reverse .visual-frame{transform:rotate(2deg)}.visual-top{height:40px;border-bottom:1px solid rgba(23,32,46,.12);display:flex;gap:6px;align-items:center;padding:0 15px}.visual-top i{width:6px;height:6px;border-radius:50%;background:#fff}.visual-content{position:absolute;inset:19% 12%;display:grid;gap:14px}.visual-content span{border:1px solid rgba(23,32,46,.14);background:rgba(255,255,255,.45)}.visual-content span:first-child{width:65%}.visual-content span:nth-child(2){margin-left:20%;}.visual-content span:last-child{width:52%;margin-left:auto}.visual-accent{position:absolute;right:-9%;bottom:10%;font-size:clamp(55px,7vw,105px);font-weight:650;letter-spacing:-.08em;color:rgba(23,32,46,.08)}.visual-float{position:absolute;right:5%;bottom:8%;background:#fff;padding:17px 20px;min-width:160px;box-shadow:0 18px 45px rgba(23,32,46,.13);display:grid;gap:2px}.visual-float span{font-size:9px;color:var(--muted)}.visual-float b{font-size:22px}.visual-float i{height:2px;width:76%;background:var(--red);margin-top:8px}.service-no{font-size:10px;letter-spacing:.15em;color:var(--muted)}.service-copy h3{font-size:clamp(38px,4vw,61px);letter-spacing:-.06em;line-height:1;margin:35px 0 25px;font-weight:540}.service-copy h4{font-family:var(--serif);font-size:clamp(23px,2.2vw,35px);line-height:1.25;font-weight:400;margin:0 0 25px}.service-copy>p{color:var(--muted);line-height:1.75;font-size:16px;max-width:520px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0}.tags span{border:1px solid var(--line);padding:8px 11px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.service-copy>a,.section-intro>a{font-size:13px;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-flex;gap:15px}.why{background:#17202e;color:#fff;padding:150px clamp(24px,7vw,120px)}.why-head{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw}.why-head .eyebrow{grid-column:1/-1}.why-head>p:last-child{align-self:end;line-height:1.7;color:#9ca5b0;max-width:450px}.timeline{margin-top:120px;border-top:1px solid rgba(255,255,255,.17);display:grid;grid-template-columns:repeat(5,1fr)}.milestone{padding:35px 42px 0 12px;position:relative;border-right:1px solid rgba(255,255,255,.12);min-height:300px}.line-dot{position:absolute;top:-11px;left:0;width:22px;height:22px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:7px}.milestone b{font-size:clamp(42px,5vw,72px);letter-spacing:-.06em}.milestone p{color:#9ca5b0;font-size:13px;line-height:1.7;max-width:170px}.work{background:#17202e;color:#fff;padding:0 0 130px}.work-intro{padding:100px clamp(24px,7vw,120px);display:grid;grid-template-columns:1fr 1.3fr .5fr;align-items:end}.work-intro .eyebrow{align-self:start}.work-intro p:last-child{text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#8a939f}.case-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.case{flex:0 0 88vw;min-height:78vh;scroll-snap-align:center;margin-right:18px;position:relative;overflow:hidden;padding:clamp(35px,6vw,90px);display:grid;align-content:end;isolation:isolate}.case-a{background:linear-gradient(135deg,#6b7c8f,#213042)}.case-b{background:linear-gradient(135deg,#a2785d,#54392f)}.case-c{background:linear-gradient(135deg,#5f8277,#203d39)}.case:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.2),transparent 27%),linear-gradient(115deg,transparent 45%,rgba(255,255,255,.06) 45% 47%,transparent 47%)}.case-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,black)}.case-num{position:absolute;right:5%;top:5%;font-size:clamp(100px,18vw,280px);font-weight:650;opacity:.07;letter-spacing:-.08em}.case-copy{max-width:900px}.case-copy>p{font-size:11px;text-transform:uppercase;letter-spacing:.18em}.case h3{font-size:clamp(37px,4.8vw,73px);line-height:1;letter-spacing:-.06em;margin:20px 0 55px;font-weight:520}.case-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:800px}.case-detail span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.6)}.case-detail p{line-height:1.6;font-size:13px;color:rgba(255,255,255,.75)}.impact{position:absolute;right:7%;bottom:9%;display:grid;text-align:right}.impact b{font-size:clamp(45px,7vw,100px);letter-spacing:-.07em}.impact span{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.technologies{padding:150px 0;overflow:hidden}.tech-heading{display:flex;align-items:end;justify-content:space-between;padding:0 clamp(24px,7vw,120px);margin-bottom:90px}.tech-heading .eyebrow{align-self:flex-start}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.marquee>div{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee:hover>div{animation-play-state:paused}.marquee span{display:flex;align-items:center;gap:12px;margin:0 34px;font-size:17px}.marquee i{width:36px;height:36px;border-radius:50%;background:#ebeae5;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}.insights{padding:130px clamp(24px,7vw,120px);background:#f2f0ea}.insights .section-intro{grid-template-columns:1fr 2fr .7fr;margin-bottom:80px}.articles{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:22px}.article{position:relative}.article-image{height:480px;position:relative;overflow:hidden;padding:24px;background:#c4d1db}.article-2{height:390px;background:#dfc9bf}.article-3{height:430px;background:#c8d5c2}.article-image:before,.article-image:after{content:"";position:absolute;border:1px solid rgba(23,32,46,.2);border-radius:50%;inset:20%}.article-image:after{inset:34%;background:rgba(255,255,255,.24)}.article-image span{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.article>p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:22px}.article h3{font-size:clamp(20px,1.6vw,26px);line-height:1.2;letter-spacing:-.035em;max-width:500px;margin:13px 45px 0 0}.article>a{position:absolute;right:0;bottom:0;width:37px;height:37px;border:1px solid #b8b8b3;border-radius:50%;display:grid;place-items:center}.team-tease{min-height:730px;background:#d52d32;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:clamp(40px,8vw,130px);gap:8vw;overflow:hidden}.team-shape{height:550px;position:relative}.team-shape:before{content:"";position:absolute;width:320px;height:450px;border:1px solid rgba(255,255,255,.4);border-radius:170px 170px 20px 20px;left:15%;top:5%}.team-shape i{position:absolute;background:#fff;border-radius:50%;width:180px;height:180px;left:28%;top:14%;opacity:.9}.team-shape i:nth-child(2){width:280px;height:180px;border-radius:100% 0 0 0;top:51%;left:18%;background:#f4bdb8}.team-shape i:nth-child(3){width:90px;height:90px;top:62%;left:57%;background:#17202e}.team-tease>div>p:not(.eyebrow){color:rgba(255,255,255,.75);line-height:1.7;max-width:500px;margin-bottom:35px}.testimonials{text-align:center;padding:150px clamp(24px,10vw,180px);position:relative}.testimonials .eyebrow{justify-content:center}.quote-mark{font-family:var(--serif);font-size:100px;color:var(--red);height:70px}.testimonials blockquote{font-size:clamp(16px,1.4vw,20px);line-height:1.7;max-width:700px;margin:25px auto 55px;letter-spacing:normal;color:var(--muted);font-weight:400}.quote-meta{display:flex;justify-content:center;align-items:center;gap:14px;text-align:left}.avatar{width:46px;height:46px;border-radius:50%;background:#17202e;color:#fff;display:grid;place-items:center;font-size:11px}.quote-meta>div:last-child{display:grid}.quote-meta b{font-size:13px}.quote-meta span{font-size:10px;color:var(--muted);margin-top:4px}.dots{display:flex;justify-content:center;gap:7px;margin-top:40px}.dots button{border:0;width:7px;height:7px;border-radius:50%;background:#c8c8c4;padding:0;cursor:pointer}.dots button.active{background:var(--red);transform:scale(1.3)}footer{background:#f1efe9;padding:70px clamp(24px,7vw,120px) 30px}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 2fr;gap:7vw;padding:0 0 70px}.footer-grid>div{display:flex;flex-direction:column;gap:12px}.footer-map-canvas{height:185px;margin-top:2px;border-radius:8px;overflow:hidden;background:#e9e6dd;border:1px solid var(--line)} .footer-map-canvas img{max-width:none}.footer-map-canvas .leaflet-control-attribution{font-size:7px;padding:0 3px;background:rgba(255,255,255,.7)}.footer-map-canvas .leaflet-control-attribution a{color:inherit}.footer-map-canvas .leaflet-popup-content{font-size:12px;line-height:1.5;color:var(--ink)}.footer-map-canvas .leaflet-popup-content a{color:var(--red);font-weight:600}.footer-grid b{font-size:12px;margin-bottom:10px}.footer-grid a,.footer-grid p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.social-links{display:flex;gap:14px}.social-links a{display:inline-flex;color:var(--muted);transition:color .2s}.social-links a:hover{color:var(--red)}.footer-brand-logo{width:160px;display:block}.footer-brand p{max-width:30ch}.footer-bottom{border-top:1px solid #cfcec8;padding-top:25px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-bottom .back-to-top{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%{transform:scale(.9);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes progress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}@keyframes marquee{to{transform:translateX(-50%)}} @media(max-width:1100px){.nav nav{display:none}.menu-btn{display:block;margin-left:8px}.nav nav.open{display:flex;position:absolute;top:72px;left:20px;right:20px;background:#fff;padding:30px;flex-direction:column;align-items:flex-start;box-shadow:0 20px 50px rgba(23,32,46,.12)}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{max-width:850px}.hero-art{min-height:520px}.ecosystem{width:min(78vw,640px)}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p:last-child{grid-column:2}.service,.service.reverse{gap:6vw}.service-visual{min-height:500px}.why-head{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr);row-gap:50px}.work-intro{grid-template-columns:1fr 1.5fr}.work-intro p:last-child{display:none}.impact{position:static;text-align:left;margin-top:30px}.articles{grid-template-columns:1fr 1fr}.article:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}.cta-illustration{opacity:.75}.team-shape{height:380px}.team-shape:before{width:210px;height:290px;left:12%;top:5%}.team-shape i{width:120px;height:120px;left:26%;top:13%}.team-shape i:nth-child(2){width:185px;height:120px;top:51%;left:15%}.team-shape i:nth-child(3){width:60px;height:60px;top:62%;left:55%}} @media(max-width:760px){.nav{height:72px;padding:0 20px}.brand img{width:128px}.nav-cta{padding:10px 14px;font-size:12px;gap:8px}.hero{padding:120px 22px 70px;min-height:auto}.hero h1{font-size:clamp(38px,12vw,54px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.trust{gap:14px;margin-top:42px}.trust div{padding-right:14px}.trust b{font-size:15px}.hero-art{min-height:430px}.ecosystem{width:100%;transform:scale(.9)}.eco-panel{width:140px;padding:13px}.eco-panel.cloud{left:2%;top:2%}.eco-panel.api{right:2%;top:2%;animation-delay:-2s}.eco-panel.data{left:2%;bottom:2%;animation-delay:-4s}.eco-panel.workflow{right:2%;bottom:2%;animation-delay:-1s}.eco-panel,.eco-core{cursor:pointer}.eco-panel.front,.eco-core.front{z-index:10;box-shadow:0 30px 60px rgba(23,32,46,.3)}.scroll-cue{display:none}.premier-cta{margin:0;grid-template-columns:1fr;padding:75px 25px}.cta-illustration{height:300px}.services{padding:100px 22px}.section-intro{display:block;margin-bottom:80px}.section-intro h2{margin-bottom:25px}.service,.service.reverse{display:flex;flex-direction:column;min-height:auto;margin-bottom:110px;align-items:stretch}.service.reverse .service-visual{order:0}.service-visual{min-height:440px}.service-copy h3{margin-top:25px}.why{padding:100px 22px}.why-head{display:block}.timeline{grid-template-columns:1fr;margin-top:70px}.milestone{min-height:180px;padding-left:25px;border-left:1px solid rgba(255,255,255,.12);border-right:0}.line-dot{top:38px;left:-11px}.work-intro{display:block;padding:90px 22px 50px}.case{flex-basis:94vw;min-height:76vh;padding:35px 25px}.case h3{font-size:35px}.case-detail{grid-template-columns:1fr;gap:15px}.technologies{padding:100px 0}.tech-heading{display:block;padding:0 22px;margin-bottom:50px}.tech-heading h2{font-size:36px}.insights{padding:90px 22px}.insights .section-intro{display:block}.insights .section-intro>a{margin-top:25px}.articles{display:block}.article{margin-bottom:65px}.article-image,.article-2,.article-3{height:360px}.team-tease{grid-template-columns:1fr;padding:80px 24px}.team-shape{height:320px}.team-shape:before{width:180px;height:250px;left:10%;top:5%}.team-shape i{width:100px;height:100px;left:24%;top:12%}.team-shape i:nth-child(2){width:156px;height:100px;top:51%;left:14%}.team-shape i:nth-child(3){width:50px;height:50px;top:62%;left:54%}.testimonials{padding:100px 22px}.footer-grid{grid-template-columns:1fr 1fr;gap:50px 30px}.footer-map-canvas{height:130px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom a{width:100%}} @media(max-width:340px){.eco-panel{width:108px;padding:9px;min-height:0}.eco-panel strong{font-size:10px;line-height:1.15}.eco-panel small{font-size:8px}.eco-panel>span{display:none}.eco-panel.cloud{left:2%;top:2%}.eco-panel.api{top:2%}.eco-panel.data{bottom:2%}.eco-panel.workflow{right:2%;bottom:2%}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}} @media(max-width:760px){.cta-journey{margin:60px 0 0;min-height:390px}.journey-step{grid-template-columns:36px 1fr}.journey-step>div{display:grid;gap:3px}.cta-journey>p{display:none}.journey-arrow{font-size:220px;top:2%}} /* Mild editorial CTA theme — intentionally last to override the original red treatment. */ .premier-cta{background:linear-gradient(125deg,#f5f2ed 0%,#f3ebe6 58%,#ecdfd9 100%);color:var(--ink)} .premier-cta .eyebrow.light{color:#74706d} .premier-cta .eyebrow.light span{background:var(--red)} .premier-cta>div>p:not(.eyebrow){color:#6d6966} .premier-cta .button.white{background:var(--ink);color:#fff} .premier-cta .cta-journey{border-color:rgba(23,32,46,.18)} .premier-cta .journey-step{border-color:rgba(23,32,46,.12)} .premier-cta .journey-step>span{color:var(--red)} .premier-cta .journey-step b{color:var(--ink)} .premier-cta .journey-step small{color:#77716d} .premier-cta .journey-arrow{color:rgba(223,45,49,.07)} .premier-cta .cta-journey>p{color:#6d6966!important} /* Compact editorial services introduction. */ .services{padding-top:90px} .services-intro{grid-template-columns:.78fr 1.55fr .8fr;align-items:center;margin-bottom:75px;padding:52px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative} .services-intro .intro-label{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between} .services-intro .intro-label:before{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;background:var(--red)} .services-intro .intro-label .eyebrow{margin-bottom:25px} .services-intro .intro-label strong{font-family:var(--serif);font-size:17px;line-height:1.35;font-weight:400;color:#5e646d} .services-intro h2{font-size:clamp(39px,3.6vw,58px)} .services-intro h2 i{font-family:var(--serif);font-weight:400} .services-intro .intro-support{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:35px} .services-intro .intro-support>p{margin:0;color:var(--muted);font-size:14px;line-height:1.65} .services-intro .intro-support>div{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line)} .services-intro .intro-support span{display:flex;align-items:baseline;gap:10px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)} .services-intro .intro-support b{font-size:18px;color:var(--ink);letter-spacing:-.04em} .services-intro+.service{margin-top:0} @media(max-width:1100px){.services-intro{grid-template-columns:.7fr 1.3fr}.services-intro .intro-support{grid-column:2;margin-top:20px}.services-intro .intro-label{grid-row:1/3}} @media(max-width:760px){.services{padding-top:70px}.services-intro{display:block;padding:38px 0;margin-bottom:65px}.services-intro .intro-label strong{display:none}.services-intro h2{margin:0 0 25px}.services-intro .intro-support>div{grid-template-columns:1fr 1fr}} /* Connected editorial service stories. */ .services{padding-left:0;padding-right:0;padding-bottom:110px} .services-intro{width:min(1420px,88vw);margin-left:auto;margin-right:auto} .service,.service.reverse{width:min(1520px,92vw);max-width:none;min-height:610px;margin:0 auto 34px;display:grid;grid-template-columns:1.08fr .92fr;gap:0;align-items:stretch;background:#f2f0eb;overflow:hidden} .service.reverse{grid-template-columns:.92fr 1.08fr;background:#edf0ef} .service:nth-of-type(3){background:#f0ece5} .service:nth-of-type(4){background:#eaf0ed} .service:nth-of-type(5){background:#eeecef} .service:nth-of-type(6){background:#f1ece9} .service:nth-of-type(7){background:#e9eff2} .service .service-visual{min-height:610px;height:100%;width:100%} .service.reverse .service-visual{order:2} .service-copy{padding:clamp(55px,6vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative} .service-copy:before{content:"";position:absolute;top:0;left:clamp(55px,6vw,100px);width:72px;height:3px;background:var(--red)} .service.reverse .service-copy:before{left:auto;right:clamp(55px,6vw,100px)} .service-copy h3{font-size:clamp(36px,3.6vw,58px);margin:24px 0 20px} .service-copy h4{font-size:clamp(22px,2vw,31px);max-width:520px;margin-bottom:20px} .service-copy>p{font-size:14px;max-width:500px;margin:0} .service-copy .tags{margin:28px 0} .service-copy>a{align-self:flex-start} .service-photo-panel .visual-float{right:28px;bottom:28px} @media(max-width:1100px){.service,.service.reverse{width:94vw;min-height:520px;grid-template-columns:1fr 1fr}.service .service-visual{min-height:520px}.service-copy{padding:50px 42px}.service-copy:before{left:42px}.service.reverse .service-copy:before{right:42px}.service-copy h3{font-size:36px}} @media(max-width:760px){.services{padding-bottom:70px}.service,.service.reverse{width:calc(100% - 28px);display:flex;flex-direction:column;min-height:0;margin-bottom:22px}.service.reverse .service-visual{order:0}.service .service-visual{min-height:410px}.service-copy{padding:48px 25px 55px}.service-copy:before,.service.reverse .service-copy:before{left:25px;right:auto}.service-copy h3{font-size:35px}.service-photo-panel .visual-float{right:18px;bottom:18px}} /* Give case studies a distinct light editorial gateway after the dark proof section. */ .work{background:#f5f2ec;color:var(--ink);padding-top:0} .work-intro{padding-top:105px;padding-bottom:80px;border-bottom:1px solid #d9d5ce;position:relative} .work-intro:after{content:"CASE STUDIES";position:absolute;right:6vw;top:32px;font-size:clamp(70px,12vw,190px);font-weight:650;letter-spacing:-.08em;color:rgba(23,32,46,.035);pointer-events:none} .work-intro .eyebrow.light{color:#676d76;position:relative;z-index:1} .work-intro .eyebrow.light span{background:var(--red)} .work-intro h2{color:var(--ink);position:relative;z-index:1} .work-intro>p:last-child{color:#777d85;position:relative;z-index:1} .case-track{padding-top:28px;background:#f5f2ec} .case-d{background:linear-gradient(135deg,#5f7f9e,#1c2f42)} .case-e{background:linear-gradient(135deg,#7d6f8a,#2e2638)} /* Cards keep their own dark gradients, so their copy needs to stay light regardless of the section's ambient (light) text color. */ .case-copy>p,.case h3,.impact b,.impact span{color:#fff} @media(max-width:760px){.work-intro{padding-top:80px;padding-bottom:55px}.work-intro:after{top:36px;right:18px;font-size:70px}.case-track{padding-top:14px}} /* Technology philosophy with one purposeful marquee. */ .technologies{padding:0;background:#eeeae3} .tech-shell{padding:95px clamp(24px,7vw,120px) 85px;display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:end;border-bottom:1px solid #d4d0c8;position:relative;overflow:hidden} .tech-shell:after{content:"T";position:absolute;right:-2vw;top:-11vw;font-size:34vw;font-weight:650;line-height:1;color:rgba(23,32,46,.025);pointer-events:none} .tech-heading{display:block;padding:0;margin:0;position:relative;z-index:1} .tech-heading .eyebrow{margin-bottom:55px} .tech-heading h2{font-size:clamp(41px,4vw,65px)} .tech-heading h2 i{font-family:var(--serif);font-weight:400} .tech-philosophy{position:relative;z-index:1} .tech-philosophy>p{font-family:var(--serif);font-size:clamp(20px,1.7vw,27px);line-height:1.4;margin:0 0 40px;color:#454b53} .tech-philosophy>div{display:grid;border-top:1px solid #cbc7bf} .tech-philosophy span{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #d7d3cc;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#666c74} .tech-philosophy b{color:var(--red);font-size:9px} .technologies .marquee{background:var(--ink);border:0;padding:24px 0;color:#fff} .technologies .marquee i{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)} .technologies .marquee span{color:rgba(255,255,255,.88)} .technologies .marquee i svg{width:20px;height:20px;display:block;transition:transform .3s ease,color .3s ease} .technologies .marquee span:hover i{color:var(--brand);background:#fff;border-color:#fff;transform:translateY(-2px)} .technologies .marquee span:hover i svg{transform:scale(1.08)} .technologies .marquee span:hover{color:#fff} @media(max-width:900px){.tech-shell{grid-template-columns:1fr;gap:55px;padding-top:75px}.tech-heading .eyebrow{margin-bottom:35px}.tech-philosophy{max-width:620px}} @media(max-width:760px){.tech-shell{padding:65px 22px 55px;gap:40px}.tech-heading h2{font-size:36px}.tech-philosophy>p{font-size:21px}.technologies .marquee{padding:20px 0}.technologies .marquee span{margin:0 22px}} /* Editorial insight photography replaces the abstract placeholder artwork. */ .article-image{padding:0;background:#c4d1db;isolation:isolate} .article-image:before{content:"";position:absolute;z-index:1;inset:0;border:0;border-radius:0;background:linear-gradient(180deg,rgba(10,18,28,.32) 0%,transparent 42%,rgba(10,18,28,.12) 100%);pointer-events:none} .article-image:after{display:none} .article-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.03);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s ease} .article-image span{position:absolute;z-index:2;top:24px;left:24px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)} .article:hover .article-image img{transform:scale(1.035);filter:saturate(.95) contrast(1.02)} .article-1 img{object-position:center center} .article-2 img{object-position:center 42%} .article-3 img{object-position:center center} /* Deliberate keyboard-focus system: a bright ring plus a dark halo reads clearly on light, dark and red sections alike. */ :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(23,32,46,.55)} .dots button:focus-visible{outline-offset:3px} #top:focus-visible{outline:none;box-shadow:none} #services-hero:focus-visible{outline:none;box-shadow:none} /* Shared primitives reused across pages: a dark filled button and a breadcrumb trail. */ .button.ink{background:var(--ink);color:#fff} .button.ink:hover{background:#232f42;transform:translateY(-2px)} .breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)} .breadcrumb a{color:var(--muted);transition:.2s} .breadcrumb a:hover{color:var(--red)} .breadcrumb span[aria-current]{color:var(--ink);font-weight:600} /* Skip link for keyboard and screen-reader users, hidden until focused. */ .skip-link{position:fixed;z-index:100;left:16px;top:-60px;background:var(--ink);color:#fff;padding:13px 20px;border-radius:4px;font-size:13px;font-weight:600;transition:top .25s ease} .skip-link:focus-visible{top:16px;outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(23,32,46,.55)} /* About page — ported from the supplied about.html, styles kept as-is. Every selector is scoped under .about to avoid colliding with shared site classes that happen to share a name here (.impact, .hero, .eyebrow, footer), and the page's own design tokens (incl. a --red that differs from the site's) are scoped to .about instead of :root so they don't leak sitewide. The page's own