:root{--ink:#0a0a0c;--ink-2:#15151a;--paper:#f1efe9;--paper-2:#dad7ce;--white:#fff;--red:#ff5a52;--violet:#7f2cff;--line:rgba(10,10,12,.18);--line-dark:rgba(255,255,255,.18);--shell:min(1320px,calc(100% - 64px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;font-size:17px;line-height:1.55;overflow-x:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(4.2rem,9.7vw,10rem);line-height:.81}h2{font-size:clamp(3rem,6.6vw,7.2rem);line-height:.91}h2 em{font-style:normal;color:var(--red)}.shell{width:var(--shell);margin-inline:auto}.section{padding:clamp(88px,11vw,180px) 0}.section--ivory{background:var(--paper);color:var(--ink)}.section-no{font-family:"Manrope",sans-serif;font-size:.72rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#16161a}.hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,9,.65) 0%,rgba(7,7,9,.08) 35%,rgba(7,7,9,.78) 100%),linear-gradient(90deg,rgba(7,7,9,.42),transparent 58%)}.nav{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-dark)}.brand img{width:93px;height:auto}.nav__links{display:flex;gap:30px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.nav__links a{opacity:.78;transition:opacity .25s}.nav__links a:hover{opacity:1}.nav__index{font-size:.72rem;letter-spacing:.15em}.hero__copy{position:relative;z-index:2;padding:160px 0 48px}.kicker{margin-bottom:28px;font-size:.72rem;letter-spacing:.22em;font-weight:600;text-transform:uppercase}.hero h1{max-width:1040px}.hero__footer{display:grid;grid-template-columns:minmax(280px,590px) auto;align-items:end;justify-content:space-between;gap:40px;margin-top:58px;padding-top:26px;border-top:1px solid var(--line-dark)}.hero__footer p{font-size:clamp(1rem,1.45vw,1.35rem);max-width:590px}.round-link{width:96px;height:96px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.71rem;letter-spacing:.08em;text-transform:uppercase;transition:.3s}.round-link b{font-size:1.15rem;margin-top:3px}.round-link:hover{background:var(--white);color:var(--ink)}.hero__side{position:absolute;right:15px;top:50%;z-index:2;writing-mode:vertical-rl;transform:translateY(-50%);font-size:.6rem;letter-spacing:.2em;opacity:.65}
.manifesto{background:var(--ink)}.manifesto__grid{display:grid;grid-template-columns:220px 1fr;gap:60px}.manifesto h2{max-width:1040px}.columns{display:grid;grid-template-columns:repeat(2,1fr);gap:70px;margin:60px 0 90px;max-width:980px}.columns p{color:#b7b7bd;font-size:1.08rem}.wide-media{position:relative;width:min(1680px,calc(100% - 32px));margin:auto;overflow:hidden}.wide-media img{height:min(76vw,850px);object-fit:cover}.image-label{position:absolute;left:22px;bottom:22px;background:rgba(10,10,12,.72);backdrop-filter:blur(12px);padding:9px 12px;font-size:.64rem;letter-spacing:.15em}
.section-heading{display:grid;grid-template-columns:220px 1fr;gap:60px}.section-heading h2{max-width:950px}.purpose__grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.purpose-card{min-height:380px;padding:30px 38px 42px;border-right:1px solid var(--line);display:flex;flex-direction:column}.purpose-card:last-child{border-right:0}.purpose-card>span{font-size:.72rem;letter-spacing:.15em}.purpose-card h3{font-size:clamp(2rem,3vw,3.3rem);margin:auto 0 26px}.purpose-card p{max-width:330px;color:#57575e}.purpose-card--accent{background:var(--red);color:var(--ink);transform:translateY(-24px)}.purpose-card--accent p{color:var(--ink)}
.autonomy{position:relative;background:#0b0a10;overflow:hidden}.autonomy__glow{position:absolute;width:800px;height:800px;right:-180px;top:0;border-radius:50%;background:radial-gradient(circle,rgba(127,44,255,.36),rgba(127,44,255,0) 66%);pointer-events:none}.autonomy__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.autonomy h2{margin:38px 0 46px}.big-copy{font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.5;max-width:670px;color:#d1d1d7}.feature-list{list-style:none;padding:0;margin:58px 0 0;border-top:1px solid var(--line-dark)}.feature-list li{display:grid;grid-template-columns:55px 1fr;padding:17px 0;border-bottom:1px solid var(--line-dark);font-size:.94rem}.feature-list span{color:var(--red);font-size:.72rem;letter-spacing:.12em}.phones{position:relative;min-height:760px}.phone{position:absolute;width:min(330px,65%);height:auto;filter:drop-shadow(0 40px 45px rgba(0,0,0,.55))}.phone--back{right:0;top:0;transform:rotate(7deg);opacity:.86}.phone--front{left:3%;bottom:0;transform:rotate(-5deg)}.status-chip{position:absolute;right:3%;bottom:13%;padding:13px 18px;border-radius:99px;background:rgba(24,24,30,.82);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);font-size:.78rem;box-shadow:0 20px 60px rgba(0,0,0,.35)}.status-chip i{display:inline-block;width:8px;height:8px;background:#64e697;border-radius:50%;margin-right:9px;box-shadow:0 0 16px #64e697}.flow{position:relative;margin-top:110px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:28px;align-items:center}.flow article{padding:26px 28px;border:1px solid var(--line-dark);min-height:145px;display:flex;flex-direction:column}.flow article span{font-size:.65rem;color:var(--red);letter-spacing:.16em}.flow strong{font-family:"Manrope";font-size:1.55rem;margin-top:auto}.flow small{color:#9c9ca5}.flow>b{font-weight:400;color:#64646d}.autonomy__note{text-align:center;margin-top:40px;color:#74747d;font-size:.67rem;letter-spacing:.24em}
.system__heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.system__heading .section-no{grid-column:1/-1}.system__heading p:last-child{color:#55555b;font-size:1.1rem;max-width:520px;padding-bottom:8px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);margin:100px 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers div{padding:30px 18px 28px;border-right:1px solid var(--line)}.numbers div:last-child{border:0}.numbers strong{display:block;font-family:"Manrope";font-size:clamp(2.8rem,5vw,5.5rem);line-height:1}.numbers span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.tech-gallery{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:310px 310px;gap:18px}.tech-photo{position:relative;overflow:hidden;background:#d1cec7}.tech-photo--large{grid-row:1/3}.tech-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05);transition:transform .8s ease}.tech-photo:hover img{transform:scale(1.025)}.tech-photo figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:12px 15px;background:rgba(10,10,12,.82);color:white;font-size:.62rem;letter-spacing:.13em}.tech-photo figcaption b{color:var(--red)}.stack{margin-top:65px;border-top:1px solid var(--line)}.stack>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.stack small{font-weight:700;letter-spacing:.15em;font-size:.65rem}.stack p{font-size:1rem}
.process{background:var(--ink);padding-bottom:0}.process__intro{display:grid;grid-template-columns:220px 1fr;gap:60px}.process__intro p:last-child{grid-column:2;max-width:670px;color:#a9a9b0;font-size:1.08rem;margin-top:30px}.process__canvas{position:relative;margin:90px 0 0}.process__canvas img{width:100%;height:min(68vw,850px);object-fit:cover}.process__steps{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,10,12,.82);backdrop-filter:blur(16px)}.process__steps span{padding:20px;border-right:1px solid var(--line-dark);font-size:.66rem;letter-spacing:.15em}.behind-scenes{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-top:20px;padding-bottom:120px}.behind-scenes figure{background:var(--ink-2)}.behind-scenes img{height:300px;object-fit:cover;filter:grayscale(.25)}.behind-scenes figcaption{padding:12px 2px;color:#8e8e96;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.result{overflow:hidden}.result__heading{display:grid;grid-template-columns:220px 1fr;gap:60px}.result__gallery{width:min(1680px,calc(100% - 32px));margin:90px auto 0;display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.result__gallery figure{position:relative;overflow:hidden}.result__gallery img{width:100%;height:100%;object-fit:cover}.result__wide{grid-row:span 2;height:760px}.result__gallery figure:not(.result__wide){height:371px}.result__wide figcaption{position:absolute;left:18px;bottom:18px;background:rgba(10,10,12,.75);color:#fff;padding:9px 12px;font-size:.62rem;letter-spacing:.15em}.closing{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden}.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.closing__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.05),rgba(10,10,12,.85))}.closing__copy{position:relative;padding-bottom:80px}.closing__copy h2{margin:25px 0}.closing__copy p:last-child{font-size:1.2rem;max-width:550px}footer{background:var(--ink);border-top:1px solid var(--line-dark);padding:45px 0;color:#a5a5ac}.footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:40px;align-items:end;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.footer__grid img{width:92px}.footer__grid>a:last-child{color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.tech-photo img{transition:none}}
@media(max-width:900px){:root{--shell:min(100% - 32px,1320px)}body{font-size:16px}.section{padding:90px 0}.nav{height:72px}.nav__links{display:none}.hero__copy{padding-bottom:30px}.hero__footer{grid-template-columns:1fr auto}.round-link{width:76px;height:76px}.hero__side{display:none}.manifesto__grid,.section-heading,.system__heading,.process__intro,.result__heading{grid-template-columns:1fr;gap:34px}.columns{gap:30px;margin:44px 0 60px}.wide-media img{height:72vw;min-height:460px}.purpose__grid{grid-template-columns:1fr}.purpose-card{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.purpose-card--accent{transform:none}.purpose-card h3{margin:70px 0 20px}.autonomy__grid{grid-template-columns:1fr}.phones{min-height:660px;margin-top:20px}.phone{width:min(320px,62%)}.flow{grid-template-columns:1fr;gap:12px}.flow>b{transform:rotate(90deg);justify-self:center}.flow article{min-height:120px}.system__heading .section-no{grid-column:auto}.numbers{grid-template-columns:repeat(2,1fr);margin:70px 0 50px}.numbers div:nth-child(2){border-right:0}.numbers div:nth-child(-n+2){border-bottom:1px solid var(--line)}.tech-gallery{grid-template-columns:1fr;grid-template-rows:430px 260px 260px}.tech-photo--large{grid-row:auto}.process__intro p:last-child{grid-column:auto}.process__steps{grid-template-columns:repeat(2,1fr)}.behind-scenes img{height:240px}.result__gallery{grid-template-columns:1fr}.result__wide{grid-row:auto;height:600px}.result__gallery figure:not(.result__wide){height:420px}.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>a:last-child{justify-self:end}}
@media(max-width:600px){h1{font-size:clamp(3.9rem,20vw,6.5rem)}h2{font-size:clamp(2.8rem,14vw,5rem)}.hero__footer{grid-template-columns:1fr}.round-link{display:none}.columns{grid-template-columns:1fr}.wide-media{width:100%}.wide-media img{height:72svh;min-height:0}.phones{min-height:540px}.phone{width:67%}.phone--front{left:-3%}.status-chip{bottom:7%;right:0}.numbers{grid-template-columns:1fr 1fr}.numbers strong{font-size:3.4rem}.numbers span{font-size:.6rem}.tech-gallery{grid-template-rows:330px 220px 220px}.stack>div{grid-template-columns:110px 1fr}.process__canvas img{height:78svh}.process__steps{position:relative}.behind-scenes{grid-template-columns:1fr;padding-bottom:85px}.result__gallery{width:100%;gap:8px}.result__wide{height:68svh}.result__gallery figure:not(.result__wide){height:48svh}.footer__grid{grid-template-columns:1fr}.footer__grid>a:last-child{justify-self:start}}

/* 2026-10-01: refined hero and extended project documentation */
.hero h1{font-size:clamp(3.5rem,6.4vw,6.7rem);max-width:760px;transform:translateY(-135px)}
.hero .kicker{transform:translateY(-135px)}
.hero__footer{margin-top:12px}

.transformation{width:min(1680px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}
.transformation figure{position:relative;overflow:hidden;background:#18181d}
.transformation img{width:100%;height:min(62vw,760px);object-fit:cover}
.transformation figure:first-child img{filter:saturate(.25)}
.transformation figcaption,.result__panorama figcaption{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:rgba(10,10,12,.76);color:#fff;font-size:.62rem;letter-spacing:.15em}

.mobile-proof{position:relative;margin-top:100px;display:grid;grid-template-columns:1.45fr .55fr;min-height:430px;border:1px solid var(--line-dark);overflow:hidden;background:#101015}
.mobile-proof img{width:100%;height:100%;min-height:430px;object-fit:cover}
.mobile-proof figcaption{padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line-dark)}
.mobile-proof figcaption span{font-size:.63rem;letter-spacing:.17em;color:var(--red)}
.mobile-proof figcaption strong{font-family:"Manrope";font-size:clamp(1.35rem,2.2vw,2.2rem);font-weight:500;line-height:1.08;letter-spacing:-.04em}
.autonomy-bs{position:relative;align-self:center;overflow:hidden;border:1px solid var(--line-dark);background:#101015;box-shadow:0 34px 80px rgba(0,0,0,.32)}
.autonomy-bs img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 49%;filter:saturate(.82) contrast(1.04)}
.autonomy-bs figcaption{display:flex;flex-direction:column;gap:12px;padding:24px 26px;border-top:1px solid var(--line-dark)}
.autonomy-bs figcaption span{font-size:.63rem;letter-spacing:.17em;color:var(--red)}
.autonomy-bs figcaption strong{max-width:420px;font-family:"Manrope";font-size:clamp(1.25rem,1.8vw,1.85rem);font-weight:500;line-height:1.12;letter-spacing:-.035em}

.tech-gallery{grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:310px 310px}
.tech-photo--product img{object-fit:contain;padding:28px;background:#fff;filter:none}
.behind-scenes{grid-template-columns:repeat(2,1fr)}
.behind-scenes img{height:280px}

.result__panorama{position:relative;width:min(1680px,calc(100% - 32px));height:min(62vw,760px);margin:18px auto 0;overflow:hidden}
.result__panorama img{width:100%;height:100%;object-fit:cover}

@media(max-width:900px){
  .hero h1{font-size:clamp(3.25rem,10vw,5.3rem);transform:translateY(-120px)}
  .hero .kicker{transform:translateY(-120px)}
  .transformation{grid-template-columns:1fr}.transformation img{height:62vw;min-height:360px}
  .autonomy-bs{width:min(100%,720px);margin-top:32px}
  .mobile-proof{grid-template-columns:1fr}.mobile-proof figcaption{min-height:220px;border-left:0;border-top:1px solid var(--line-dark)}
  .tech-gallery{grid-template-columns:1fr;grid-template-rows:430px repeat(4,260px)}
  .result__panorama{height:68vw;min-height:430px}
}

@media(max-width:600px){
  .hero h1{font-size:clamp(3rem,12vw,4.35rem);transform:translateY(-110px)}
  .hero .kicker{transform:translateY(-110px)}
  .transformation{width:100%;gap:8px}.transformation img{height:58svh;min-height:0}
  .autonomy-bs{width:100%;margin-top:24px}.autonomy-bs img{aspect-ratio:16/9}.autonomy-bs figcaption{padding:20px}
  .mobile-proof{width:100%;margin-top:75px;border-left:0;border-right:0}.mobile-proof img{min-height:0;height:62vw}
  .tech-gallery{grid-template-rows:330px repeat(4,220px)}
  .behind-scenes{grid-template-columns:1fr}
  .result__panorama{width:100%;height:62svh;min-height:0;margin-top:8px}
}