:root{--bg:#080808;--panel:#111;--panel-soft:#171717;--text:#f6f1ea;--muted:#b7aea2;--line:#f6f1ea24;--gold:#4d87ff;--blue:#0a52ff;--blue-soft:#4d87ff;--white:#fff;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;color:var(--text);background:var(--bg);margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 12% 0,#0a52ff38,#0000 34rem),linear-gradient(#050505 0%,#0e0e0e 58%,#050505 100%);min-height:100vh;overflow-x:hidden}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#050505d1;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(1.1rem,4vw,4rem);display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.72rem;font-size:.84rem;font-weight:700;display:inline-flex}.brand img{object-fit:contain;filter:drop-shadow(0 0 14px #0a52ff3d);border-radius:8px;width:auto;max-width:150px;height:58px}.brand span{color:var(--text);white-space:nowrap}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{color:#f6f1ead1;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:clamp(.7rem,1.55vw,1.45rem);font-size:.78rem;display:flex}.nav a{padding:.4rem 0;position:relative}.nav a:after{content:"";transform-origin:0;background:var(--blue-soft);height:1px;transition:transform .22s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.nav a:hover:after{transform:scaleX(1)}.menu-button{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:0 0;border-radius:50%;padding:0;display:none}.menu-button span{background:var(--text);width:18px;height:1px;margin:5px auto;display:block}.header-actions{align-items:center;gap:clamp(.7rem,1.25vw,1.1rem);display:flex}.language-button{cursor:pointer;background:#ffffff0a;border:1px solid #4d87ff47;border-radius:999px;place-items:center;width:38px;height:38px;padding:2px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-grid}.language-button img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.language-button:hover{background:#ffffff1a;border-color:#4d87ff94;transform:translateY(-1px)}.language-button.is-active{background:#0a52ff38;border-color:#4d87ffcc;box-shadow:inset 0 0 0 1px #4d87ff26}.hero-section{align-items:end;min-height:100svh;padding:8rem clamp(1.1rem,4vw,4rem) 3.2rem;display:grid;position:relative;overflow:hidden}.hero-image-wrap{z-index:0;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center;filter:saturate(.98)contrast(1.02);width:100%;height:100%;animation:.9s both heroFade}.hero-gradient{background:linear-gradient(90deg,#000000c7 0%,#00000085 38%,#0000002e 100%),linear-gradient(#00000061 0%,#0000001a 46%,#000000d6 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:930px;position:relative}.eyebrow,.section-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;margin:0 0 1.1rem;font-size:.76rem;font-weight:700}.hero-content h1,.section-head h2,.intro-grid h2,.process-content h2,.about-card h2,.contact-section h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:500}.hero-content h1{max-width:880px;margin:0;font-size:clamp(3.2rem,8.4vw,7.8rem);line-height:.92}.hero-subtitle{color:#f6f1ead1;max-width:710px;margin:1.5rem 0 0;font-size:clamp(1.05rem,1.65vw,1.38rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{text-transform:uppercase;letter-spacing:.09em;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.9rem 1.25rem;font-size:.78rem;font-weight:800;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--text);color:#050505}.button.secondary{color:var(--text);border:1px solid #f6f1ea70}.hero-metrics{z-index:2;width:min(100%, calc(var(--max) + 8rem));background:#f6f1ea1f;border:1px solid #f6f1ea2e;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin:4rem auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000057}.hero-metrics div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#080808c2,#0b141cad);min-height:124px;padding:clamp(1rem,2.4vw,1.6rem)}.hero-metrics strong{font-size:clamp(2rem,4.4vw,4.6rem);line-height:1;display:block}.hero-metrics div:nth-child(3) strong{max-width:580px;font-size:clamp(2.05rem,4.25vw,4.45rem)}.hero-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.55rem;font-size:clamp(.78rem,1vw,.92rem);display:block}.section-padding{padding:clamp(4.2rem,8vw,7.5rem) clamp(1.1rem,4vw,4rem)}.intro-section,.services-section,.gallery-section{max-width:calc(var(--max) + 8rem);margin:0 auto}.intro-grid{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding-top:2rem;display:grid}.intro-grid h2,.section-head h2,.process-content h2,.about-card h2,.contact-section h2{margin:0;font-size:clamp(2.25rem,4.8vw,5.1rem);line-height:.98}.intro-grid p,.section-head p,.process-content li,.about-card p,.contact-section p{color:var(--muted);font-size:1rem;line-height:1.75}.section-head{text-align:center;max-width:720px;margin:0 auto clamp(2rem,5vw,4rem)}.section-head.align-left{text-align:left;margin-left:0}.service-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.service-card{text-align:center;background:#111111f0;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:1.6rem;transition:background .22s,transform .22s;display:flex}.service-card:hover{background:#1c1a17;transform:translateY(-4px)}.service-card span{color:var(--blue-soft);letter-spacing:.22em;font-size:.76rem}.service-card h3{margin:1.2rem 0 .8rem;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500;line-height:1}.service-card p{color:var(--muted);max-width:34ch;margin:0;line-height:1.65}.process-section{max-width:calc(var(--max) + 8rem);grid-template-columns:minmax(280px,.95fr) minmax(280px,.85fr);align-items:center;gap:clamp(2rem,6vw,5rem);margin:0 auto;display:grid}.process-visual{border-radius:999px 999px 0 0;min-height:590px;overflow:hidden}.process-visual img{object-fit:cover;width:100%;height:100%;min-height:590px}.process-content ol{counter-reset:step;border-top:1px solid var(--line);margin:2rem 0 0;padding:0;list-style:none}.process-content li{counter-increment:step;border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;gap:1rem;padding:1.25rem 0;display:grid}.process-content li:before{content:counter(step, decimal-leading-zero);color:var(--blue-soft);letter-spacing:.15em;font-size:.78rem}.about-section{background:linear-gradient(#000000a8,#000000c7),url(/assets/knowledge-sector-DuSodTiv.jpg) 50%/cover}.about-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505b8;max-width:760px;margin-left:auto;padding:clamp(1.5rem,4vw,3.6rem)}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:1rem;display:grid}.gallery-card{background:var(--panel);margin:0;overflow:hidden}.gallery-card.wide{grid-area:span 2/span 2}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-card:hover img{transform:scale(1.04)}.project-carousel,.clients-marquee{border:1px solid var(--line);background:#111111b8;width:100%;position:relative;overflow:hidden}.project-carousel:before,.project-carousel:after,.clients-marquee:before,.clients-marquee:after{content:"";z-index:2;pointer-events:none;width:min(7rem,18vw);position:absolute;top:0;bottom:0}.project-carousel:before,.clients-marquee:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.project-carousel:after,.clients-marquee:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.project-track{gap:1rem;width:max-content;padding:1rem;animation:42s linear infinite projectsCarousel;display:flex}.project-carousel:hover .project-track,.clients-marquee:hover .clients-track{animation-play-state:paused}.project-slide{background:var(--panel);border-radius:24px;flex:0 0 clamp(280px,42vw,620px);height:clamp(240px,36vw,430px);margin:0;overflow:hidden;box-shadow:0 24px 60px #00000047}.project-slide img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.project-slide:hover img{transform:scale(1.035)}.clients-section{max-width:calc(var(--max) + 8rem);margin:0 auto}.clients-marquee{border-radius:28px}.clients-track{gap:1rem;width:max-content;padding:1rem;animation:34s linear infinite clientsCarousel;display:flex}.client-card{aspect-ratio:3/2;background:#1f2b3c;border:0;border-radius:22px;flex:0 0 clamp(230px,24vw,330px);place-items:center;padding:0;display:grid;overflow:hidden;box-shadow:0 18px 46px #0000003d}.client-card span{border-radius:inherit;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#354154 0%,#1b2535 100%);place-items:center;width:100%;height:100%;padding:1.2rem;font-size:.92rem;font-weight:900;display:grid}.client-card img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;display:block}@keyframes projectsCarousel{0%{transform:translate(0)}to{transform:translate(calc(-50% - .5rem))}}@keyframes clientsCarousel{0%{transform:translate(0)}to{transform:translate(calc(-50% - .5rem))}}.contact-section{max-width:calc(var(--max) + 8rem);grid-template-columns:1fr minmax(280px,420px);align-items:start;gap:clamp(2rem,5vw,5rem);margin:0 auto;display:grid}.contact-panel{border:1px solid var(--line);background:var(--panel-soft);gap:1rem;padding:1.4rem;display:grid}.contact-panel a:not(.button),.contact-panel span{color:var(--text);border-bottom:1px solid var(--line);padding-bottom:1rem}.site-footer{color:var(--muted);border-top:1px solid var(--line);text-align:center;background:#050505;justify-content:center;align-items:center;padding:1.25rem clamp(1.1rem,4vw,4rem);display:flex}.site-footer p{letter-spacing:.02em;width:100%;margin:0;font-size:.84rem}@keyframes heroFade{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media (width<=1040px){.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.site-header{height:68px;padding-inline:1rem}.brand img{max-width:120px;height:48px}.brand span{display:none}.menu-button{display:block}.nav{border-bottom:1px solid var(--line);opacity:0;pointer-events:none;background:#050505f5;gap:0;transition:transform .22s,opacity .22s;display:grid;position:fixed;top:68px;left:0;right:0;transform:translateY(-120%)}.nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav a{border-top:1px solid var(--line);padding:1rem 1.2rem}.hero-section{min-height:92svh;padding-top:6.4rem}.hero-content h1{font-size:clamp(2.95rem,13vw,5.4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-metrics{grid-template-columns:1fr;margin-top:2rem}.hero-metrics div{min-height:auto}.intro-grid,.process-section,.contact-section{grid-template-columns:1fr}.section-head{text-align:left;margin-left:0}.service-grid,.gallery-grid{grid-template-columns:1fr}.service-card{min-height:230px}.process-visual,.process-visual img{border-radius:180px 180px 0 0;min-height:380px}.gallery-grid{grid-auto-rows:240px}.gallery-card.wide{grid-area:span 1/span 1}.contact-panel{padding:1.1rem}.site-footer{text-align:center;justify-content:center;align-items:center}.header-actions{gap:.55rem}.language-switch{align-items:center;gap:.45rem;display:inline-flex}.language-button{cursor:pointer;background:#ffffff0a;border:1px solid #4d87ff47;border-radius:999px;place-items:center;width:38px;height:38px;padding:2px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-grid}.project-slide{border-radius:18px;flex-basis:min(82vw,360px);height:260px}.client-card{border-radius:18px;flex-basis:min(70vw,260px)}}@media (width<=420px){.hero-content h1{font-size:clamp(2.55rem,14vw,4.4rem)}.button{width:100%}}.site-header{background:#050505e6;height:82px;padding-top:0;padding-bottom:0}.brand{align-items:center;height:100%}.brand img{object-fit:contain;width:auto;max-width:150px;height:58px}.language-switch{align-items:center;gap:.45rem;display:inline-flex}.language-button{border-radius:999px;width:38px;min-width:38px;height:38px;min-height:38px;padding:2px;overflow:hidden}.language-button img{object-fit:cover;border-radius:999px;width:100%;height:100%}.hero-metrics{width:min(100%, calc(var(--max) + 8rem));border-radius:18px;margin-left:auto;margin-right:auto;overflow:hidden;box-shadow:0 28px 90px #00000057}.hero-metrics div{flex-direction:column;justify-content:center;display:flex}.hero-metrics strong{letter-spacing:-.035em}.hero-metrics div:nth-child(3) strong{font-size:clamp(2.15rem,4.2vw,4.45rem);line-height:1.02}@media (width<=760px){.site-header{height:68px;padding-inline:1rem}.brand img{max-width:124px;height:48px}.nav{top:68px}.language-button{width:34px;min-width:34px;height:34px;min-height:34px}.hero-metrics div:nth-child(3) strong{font-size:clamp(2.35rem,12vw,4rem)}}
