@font-face {
    font-family: "Vazirmatn EXXA";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/vazirmatn-arabic-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face {
    font-family: "Vazirmatn EXXA";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("../fonts/vazirmatn-latin-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: "Manrope EXXA";
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
    --ink: #07060a;
    --ink-soft: #0d0b12;
    --paper: #f4f2f6;
    --muted: #a7a1ad;
    --line: rgba(255, 255, 255, .13);
    --violet: #8b5cf6;
    --cyan: #61d8ff;
    --lime: #9effa1;
    --coral: #ff8166;
    --header-h: 88px;
    --ease: cubic-bezier(.22, 1, .36, 1);
    --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
}

* { box-sizing: border-box; }
html { background: var(--ink); color-scheme: dark; scroll-behavior: smooth; scrollbar-color: var(--violet) var(--ink); }
body {
    margin: 0;
    background: var(--ink);
    color: var(--paper);
    font-family: "Vazirmatn EXXA", Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
[lang="en"] body { font-family: "Manrope EXXA", "Segoe UI", sans-serif; letter-spacing: -.012em; }
::selection { background: var(--lime); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input, textarea { color: inherit; font: inherit; }
button { border: 0; cursor: pointer; }
img, video { display: block; max-width: 100%; }
canvas { display: block; }
.wrap { width: min(92vw, 1440px); margin-inline: auto; }
.section { position: relative; padding-block: clamp(7rem, 12vw, 13rem); }

.skip-link {
    position: fixed; inset-block-start: 10px; inset-inline-start: 10px; z-index: 1000;
    transform: translateY(-150%); background: var(--paper); color: var(--ink); padding: .7rem 1rem;
}
.skip-link:focus { transform: none; }
.grain {
    position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: .065;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}
.cursor-dot, .cursor-orbit { position: fixed; inset: 0 auto auto 0; pointer-events: none; z-index: 300; opacity: 0; }
.cursor-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); margin: -2px 0 0 -2px; }
.cursor-orbit {
    width: 42px; height: 42px; margin: -21px 0 0 -21px; border: 1px solid rgba(255,255,255,.45);
    border-radius: 50%; transition: width .3s var(--ease), height .3s var(--ease), margin .3s var(--ease), background .3s;
}
.cursor-orbit span { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--violet); inset: 2px auto auto 5px; }
body.cursor-ready .cursor-dot, body.cursor-ready .cursor-orbit { opacity: 1; }
body.cursor-hover .cursor-orbit { width: 68px; height: 68px; margin: -34px 0 0 -34px; background: rgba(139,92,246,.12); border-color: var(--lime); }

.loader {
    position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; background: #050407;
    transition: transform 1s var(--ease) .25s; overflow: hidden;
}
.loader::before { content: ""; position: absolute; inset: 50% auto auto 50%; width: 32vw; aspect-ratio: 1; transform: translate(-50%,-50%); background: #632dff; filter: blur(140px); opacity: .2; }
.loader__mark { position: relative; width: 84px; height: 84px; }
.loader__mark span { position: absolute; inset: 39px 0 auto; height: 5px; border-radius: 5px; background: var(--paper); transform-origin: center; animation: loader-cross 1s var(--ease) forwards; }
.loader__mark span:first-child { transform: rotate(45deg) scaleX(0); }
.loader__mark span:last-child { transform: rotate(-45deg) scaleX(0); }
.loader p { position: absolute; inset-block-end: 12vh; font-size: .65rem; letter-spacing: .38em; direction: ltr; }
.loader p b { color: var(--lime); }
.loader__line { position: absolute; inset-block-end: 9vh; width: 150px; height: 1px; background: rgba(255,255,255,.15); overflow: hidden; }
.loader__line i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--violet),var(--cyan)); transform: translateX(-100%); animation: loader-line 1.2s var(--ease) forwards; }
body.is-loaded .loader { transform: translateY(-101%); opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes loader-cross { to { transform: rotate(45deg) scaleX(1); } }
.loader__mark span:last-child { animation-name: loader-cross-reverse; }
@keyframes loader-cross-reverse { to { transform: rotate(-45deg) scaleX(1); } }
@keyframes loader-line { to { transform: translateX(0); } }

.site-header {
    position: fixed; inset: 0 0 auto; height: var(--header-h); padding-inline: 4vw; display: flex; align-items: center;
    justify-content: space-between; z-index: 100; transition: transform .5s var(--ease), background .35s, backdrop-filter .35s;
}
.site-header::after { content: ""; position: absolute; inset: auto 4vw 0; height: 1px; background: var(--line); transform: scaleX(0); transition: transform .5s var(--ease); }
.site-header.is-scrolled { background: rgba(7,6,10,.72); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.site-header.is-scrolled::after { transform: scaleX(1); }
.site-header.is-hidden { transform: translateY(-100%); }
.brand { position: relative; display: flex; align-items: center; gap: .7rem; z-index: 2; direction: ltr; }
[dir="rtl"] .brand { flex-direction: row-reverse; }
.brand__icon { width: 34px; height: 34px; display: block; filter: drop-shadow(0 0 16px rgba(124,255,202,.22)); }
.brand__word { font-size: 1.28rem; font-weight: 800; letter-spacing: .18em; line-height: 1; }
.brand__signal { width: 6px; height: 6px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 18px var(--lime); animation: signal 2s ease-in-out infinite; }
@keyframes signal { 50% { opacity: .35; transform: scale(.6); } }
.desktop-nav { display: flex; align-items: center; gap: clamp(1.4rem, 3vw, 3.2rem); font-size: .78rem; }
.desktop-nav a { position: relative; color: #c8c4cc; transition: color .25s; }
.desktop-nav a::after { content: ""; position: absolute; inset: auto 0 -.5rem; height: 1px; background: var(--lime); transform: scaleX(0); transition: transform .3s var(--ease); }
.desktop-nav a:hover { color: white; }
.desktop-nav a:hover::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: .7rem; }
.lang-switch { display: grid; place-items: center; min-width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; font-size: .68rem; font-weight: 700; transition: background .3s, color .3s; }
.lang-switch:hover { background: var(--paper); color: var(--ink); }
.header-cta { display: flex; align-items: center; gap: 1.1rem; padding: .65rem .8rem .65rem 1.2rem; border: 1px solid var(--line); border-radius: 99px; font-size: .74rem; }
[dir="rtl"] .header-cta { padding: .65rem 1.2rem .65rem .8rem; }
.header-cta i { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: var(--paper); color: var(--ink); font-style: normal; transition: transform .35s var(--ease-bounce); }
.header-cta:hover i { transform: rotate(45deg); }
.menu-toggle { display: none; position: relative; z-index: 2; width: 42px; height: 42px; background: transparent; }
.menu-toggle i { position: absolute; width: 20px; height: 1px; inset-inline: 11px; background: white; transition: transform .35s, top .35s; }
.menu-toggle i:first-child { top: 17px; }.menu-toggle i:last-child { top: 24px; }
.menu-toggle[aria-expanded="true"] i:first-child { top: 21px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] i:last-child { top: 21px; transform: rotate(-45deg); }
.mobile-menu { position: fixed; inset: 0; z-index: 99; padding: 18vh 7vw 8vh; background: rgba(8,6,12,.98); display: flex; flex-direction: column; justify-content: center; visibility: hidden; opacity: 0; transition: .4s var(--ease); }
.mobile-menu.is-open { visibility: visible; opacity: 1; }
.mobile-menu a { border-block-end: 1px solid var(--line); font-size: clamp(2rem, 10vw, 4rem); font-weight: 700; line-height: 1.45; transform: translateY(25px); opacity: 0; transition: .5s var(--ease); }
.mobile-menu.is-open a { transform: none; opacity: 1; }
.mobile-menu.is-open a:nth-child(2){transition-delay:.05s}.mobile-menu.is-open a:nth-child(3){transition-delay:.1s}.mobile-menu.is-open a:nth-child(4){transition-delay:.15s}
.mobile-menu a span { color: var(--muted); font-size: .65rem; margin-inline-end: 1rem; font-weight: 400; vertical-align: middle; }
.mobile-menu small { margin-block-start: auto; color: var(--muted); letter-spacing: .2em; direction: ltr; }

.toast-stack { position: fixed; inset-block-start: calc(var(--header-h) + 1rem); inset-inline-end: 4vw; z-index: 150; }
.toast { padding: .9rem 1.2rem; border: 1px solid var(--line); background: rgba(10,9,14,.9); backdrop-filter: blur(15px); font-size: .82rem; box-shadow: 0 15px 50px rgba(0,0,0,.3); }
.toast--success { border-color: rgba(158,255,161,.55); }.toast--error { border-color: rgba(255,129,102,.55); }

.hero { position: relative; height: max(760px,100svh); min-height: 720px; display: grid; align-items: center; isolation: isolate; overflow: hidden; }
.hero__art { position: absolute; inset: -4%; z-index: -4; background: center/cover no-repeat; filter: saturate(.9) contrast(1.06); transform: scale(1.06); will-change: transform; }
.hero__canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; opacity: .7; }
.hero__vignette { position: absolute; inset: 0; z-index: -3; background: linear-gradient(90deg,rgba(2,2,4,.87) 0%,rgba(4,3,8,.45) 43%,rgba(4,3,8,.15) 70%),linear-gradient(0deg,var(--ink) 0%,transparent 25%,rgba(0,0,0,.1) 90%); }
[dir="rtl"] .hero__vignette { background: linear-gradient(-90deg,rgba(2,2,4,.87) 0%,rgba(4,3,8,.45) 43%,rgba(4,3,8,.15) 70%),linear-gradient(0deg,var(--ink) 0%,transparent 25%,rgba(0,0,0,.1) 90%); }
.hero__content { padding-block-start: 5vh; }
.eyebrow { margin: 0 0 1.8rem; font-size: clamp(.68rem,1vw,.82rem); color: #c9c4cf; letter-spacing: .08em; }
.eyebrow::before { content: ""; display: inline-block; width: 2rem; height: 1px; background: var(--lime); margin-inline-end: .8rem; vertical-align: middle; }
.hero h1 { margin: 0; max-width: 1050px; font-size: clamp(4rem,10.3vw,10rem); line-height: .86; letter-spacing: -.075em; font-weight: 650; }
[dir="rtl"] .hero h1 { font-size: clamp(3.5rem,9vw,8.5rem); letter-spacing: -.06em; line-height: 1.02; }
.hero__line { display: block; overflow: hidden; padding-block: .07em; }
.hero__line > span { display: block; transform: translateY(110%); transition: transform 1.1s var(--ease); }
body.is-loaded .hero__line > span { transform: translateY(0); }
body.is-loaded .hero__line:nth-child(2) > span { transition-delay: .12s; }
.hero__line--accent { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.78); }
.hero__line--accent span { background: linear-gradient(100deg,#fff 5%,#c3bbff 35%,#65dcff 68%,#fff 92%); background-size: 200%; -webkit-background-clip: text; background-clip: text; animation: text-flow 6s linear infinite; }
@keyframes text-flow { to { background-position: 200% center; } }
.hero__bottom { display: flex; align-items: center; gap: clamp(2rem,6vw,7rem); margin-block-start: clamp(2rem,5vh,4.5rem); }
.hero__bottom > p { width: min(100%,460px); margin: 0; color: #c4bec9; font-size: clamp(.94rem,1.2vw,1.12rem); }
.orb-button { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; min-width: 190px; height: 62px; padding-inline: 1.5rem; border: 1px solid rgba(255,255,255,.3); border-radius: 99px; font-size: .78rem; overflow: hidden; position: relative; isolation: isolate; }
.orb-button::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--paper); transform: translateY(105%); transition: transform .45s var(--ease); }
.orb-button:hover { color: var(--ink); }.orb-button:hover::before { transform: none; }
.orb-button svg { width: 23px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.hero__scroll { position: absolute; inset-inline-end: 4vw; inset-block-end: 3.5rem; display: flex; align-items: center; gap: .8rem; font-size: .62rem; color: var(--muted); writing-mode: vertical-rl; }
.hero__scroll i { height: 55px; width: 1px; background: var(--line); overflow: hidden; position: relative; }
.hero__scroll i::after { content: ""; position: absolute; inset: 0; background: var(--paper); animation: scroll-line 2s ease-in-out infinite; }
@keyframes scroll-line { 0%{transform:translateY(-100%)} 50%,100%{transform:translateY(100%)} }
.hero__coords { position: absolute; inset-inline-end: 4vw; inset-block-start: 32%; display: flex; gap: .65rem; transform: rotate(90deg) translateX(100%); transform-origin: top right; color: rgba(255,255,255,.4); font-size: .55rem; letter-spacing: .18em; direction: ltr; }
.hero__index { position: absolute; inset-inline-start: 4vw; inset-block-end: 3.3rem; font-size: .63rem; letter-spacing: .15em; direction: ltr; }.hero__index span{color:var(--violet);margin:.4rem}

.signal-strip { background: var(--lime); color: var(--ink); overflow: hidden; transform: rotate(-1deg) scale(1.02); position: relative; z-index: 2; }
.signal-strip__track { display: flex; width: max-content; padding-block: .65rem; animation: marquee 25s linear infinite; direction: ltr; }
.signal-strip span { font-size: .62rem; letter-spacing: .16em; font-weight: 800; white-space: nowrap; margin-inline: 2rem; }
.signal-strip i { font-style: normal; margin-inline-start: 2rem; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section-label { display: flex; align-items: center; gap: 1rem; color: var(--muted); font-size: .72rem; min-width: 170px; }
.section-label span { color: var(--lime); font-variant-numeric: tabular-nums; }.section-label p{margin:0}.section-label::after{content:"";height:1px;width:45px;background:var(--line)}
.display-title { margin: 0; font-size: clamp(3rem,7vw,7.5rem); line-height: 1.02; letter-spacing: -.065em; font-weight: 580; }
[dir="rtl"] .display-title { line-height: 1.25; letter-spacing: -.045em; }
.split-word { display: inline-block; overflow: hidden; vertical-align: bottom; margin-inline-end: .18em; }
.split-word > i { display: inline-block; font-style: normal; transform: translateY(120%); transition: transform .9s var(--ease); }
.split-text.in-view .split-word > i { transform: none; }
.manifesto { overflow: hidden; background: radial-gradient(circle at 85% 50%,rgba(62,32,119,.16),transparent 38%); }
.manifesto__halo { position: absolute; width: 44vw; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 50%; inset-inline-end: -18vw; inset-block-start: 20%; }
.manifesto__halo::before,.manifesto__halo::after{content:"";position:absolute;inset:14%;border:1px solid var(--line);border-radius:50%}.manifesto__halo::after{inset:32%;border-color:rgba(158,255,161,.2)}
.manifesto__grid { display: grid; grid-template-columns: minmax(160px,.25fr) 1fr; gap: 4vw; }
.manifesto__copy .display-title { max-width: 1100px; }
.manifesto__support { display: grid; grid-template-columns: minmax(260px,.7fr) 1fr; gap: clamp(3rem,8vw,10rem); margin-block-start: 6rem; align-items: start; }
.manifesto__support > p { margin: 0; color: var(--muted); font-size: clamp(1rem,1.35vw,1.22rem); max-width: 560px; }
.capability-list { border-block-start: 1px solid var(--line); }
.capability-list span { display: flex; align-items: center; padding-block: 1.15rem; border-block-end: 1px solid var(--line); font-size: .92rem; transition: padding .3s, color .3s; }
.capability-list span:hover { padding-inline-start: .7rem; color: var(--lime); }
.capability-list i { font-size: .6rem; color: var(--muted); font-style: normal; width: 45px; }

.work { min-height: 100vh; background: #09070e; overflow: hidden; }
.work__canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .65; }
.work__head { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(160px,.25fr) 1fr; gap: 4vw; margin-block-end: 5rem; }
.work__head > div:last-child { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.work__hint { display: flex; align-items: center; gap: .6rem; color: var(--muted); font-size: .68rem; margin: 0 0 .7rem; max-width: 240px; }
.work__hint i { flex: 0 0 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow:0 0 12px var(--lime); }
.project-deck { position: relative; z-index: 2; width: 100%; overflow: hidden; outline: 0; cursor: grab; touch-action: pan-y; direction: ltr; }
.project-deck.is-dragging { cursor: grabbing; }
.project-deck__rail { display: flex; gap: 5vw; direction: ltr; width: max-content; padding-inline: 12vw; transition: transform .9s var(--ease); will-change: transform; }
[dir="rtl"] .project-deck__rail { flex-direction: row-reverse; }
.project-card { flex: 0 0 min(76vw,1120px); min-height: 610px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(330px,.8fr); direction: ltr; background: #0c0a10; border: 1px solid var(--line); opacity: .3; transform: scale(.88); transition: opacity .6s, transform .9s var(--ease), border-color .6s; overflow: hidden; }
.project-card.is-active { opacity: 1; transform: scale(1); border-color: color-mix(in srgb,var(--accent) 50%,transparent); }
.project-card__visual { position: relative; min-height: 520px; overflow: hidden; background: radial-gradient(circle at 50% 50%,rgba(255,255,255,.055),transparent 44%),#07060a; border-inline-end: 1px solid var(--line); }
.project-card__visual img,.project-card__visual video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: opacity .6s var(--ease); }
.project-card.is-active .project-card__visual img,.project-card.is-active .project-card__visual video{transform:none}
.project-card__wash { position: absolute; inset: 0; background: linear-gradient(135deg,transparent 62%,color-mix(in srgb,var(--accent) 18%,transparent)); mix-blend-mode: screen; pointer-events: none; }
.project-card__number { position: absolute; inset-block-start: 1.5rem; inset-inline-start: 1.5rem; font-size: .65rem; letter-spacing: .15em; color: rgba(255,255,255,.55); }
.project-card__generated { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(circle at 55% 45%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 35%),linear-gradient(135deg,#09070e,#131021); }
.project-card__generated::before,.project-card__generated::after { content:"";position:absolute;width:55%;height:9%;background:linear-gradient(90deg,transparent,var(--accent),var(--cyan),transparent);inset:45% auto auto 22%;filter:blur(2px);transform:rotate(38deg);box-shadow:0 0 80px var(--accent); }
.project-card__generated::after{transform:rotate(-38deg)}
.project-card__generated i { position:absolute; border:1px solid color-mix(in srgb,var(--accent) 35%,transparent); border-radius:50%; inset:12%; animation:orbit-spin 16s linear infinite; }
.project-card__generated i:nth-child(2){inset:26%;animation-direction:reverse;animation-duration:9s}.project-card__generated i::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:18%;left:1%;box-shadow:0 0 18px var(--accent)}
.project-card__generated b { position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:12rem;color:rgba(255,255,255,.025);line-height:1; }
@keyframes orbit-spin{to{transform:rotate(360deg)}}
.project-card__content { padding: clamp(2rem,4vw,4.5rem) clamp(1.8rem,3.3vw,3.7rem); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: relative; direction: ltr; background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); }
[dir="rtl"] .project-card__content { direction: rtl; }
.project-card__content > p:first-child { color: var(--accent); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; }
.project-card h3 { margin: .5rem 0 1.5rem; font-size: clamp(2.5rem,5.2vw,5.5rem); line-height: .9; letter-spacing: -.06em; font-weight: 600; }
[dir="rtl"] .project-card h3 { line-height: 1.15; }
.project-card__summary { margin: 0; color: var(--muted); font-size: .88rem; }
.project-card__meta { display: flex; align-items: center; gap: .85rem; margin-block-end: .7rem; }
.project-card__meta span { color: var(--accent); font-size: .62rem; letter-spacing: .16em; direction: ltr; }
.project-card__meta p { margin: 0; color: var(--accent); font-size: .64rem; letter-spacing: .08em; text-transform: uppercase; }
.project-card__takeaway { margin: 1.4rem 0 0; color: #f1edf5; font-size: .76rem; line-height: 1.8; }
.project-card__micro { display: flex; flex-wrap: wrap; gap: .45rem; z-index: 2; direction: ltr; margin-block-start: 1.2rem; }
.project-card__micro span { padding: .32rem .55rem; border: 1px solid rgba(255,255,255,.18); background: rgba(5,4,8,.45); backdrop-filter: blur(12px); font-size: .52rem; letter-spacing: .12em; color: rgba(255,255,255,.78); }
.project-card__generated--satellite,
.case-hero__generated--satellite { background-image: linear-gradient(135deg,rgba(97,216,255,.2),transparent 38%), repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 56px), repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 56px), linear-gradient(135deg,#08121a,#09070e); }
.project-card__generated--robotics,
.case-hero__generated--robotics { background-image: radial-gradient(ellipse at 50% 50%,rgba(158,255,161,.18),transparent 38%), repeating-linear-gradient(22deg,rgba(158,255,161,.13) 0 1px,transparent 1px 34px), linear-gradient(135deg,#07120d,#09070e); }
.project-card__generated--voice,
.case-hero__generated--voice { background-image: repeating-linear-gradient(90deg,rgba(182,161,255,.2) 0 2px,transparent 2px 22px), linear-gradient(135deg,#0d0a18,#09070e); }
.project-card__generated--medical,
.case-hero__generated--medical { background-image: linear-gradient(90deg,rgba(77,225,193,.16),transparent 30%,rgba(255,255,255,.05)), repeating-linear-gradient(0deg,rgba(77,225,193,.12) 0 1px,transparent 1px 44px), linear-gradient(135deg,#071512,#09070e); }
.project-card__generated--access,
.case-hero__generated--access { background-image: repeating-linear-gradient(90deg,rgba(255,129,102,.18) 0 1px,transparent 1px 38px), linear-gradient(135deg,#170b0a,#09070e); }
.text-link { display: inline-flex; align-items: center; gap: 1.2rem; margin-block-start: 2.5rem; padding-block: .7rem; border-block-end: 1px solid currentColor; font-size: .74rem; }
.text-link i { color: var(--accent); font-size: 1rem; font-style: normal; transition: transform .3s; }.text-link:hover i{transform:translate(4px,-4px)}
.project-nav { position: relative; z-index: 2; width: min(76vw,1120px); margin: 2rem auto 0; display: flex; align-items: center; gap: 1.4rem; direction: ltr; }
.project-nav button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; transition: background .3s,color .3s; }.project-nav button:hover{background:var(--paper);color:var(--ink)}
.project-nav__progress{height:1px;background:var(--line);flex:1;overflow:hidden}.project-nav__progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));transform-origin:left;transition:transform .7s var(--ease)}
.project-nav > span { font-size:.67rem;color:var(--muted);min-width:62px}.project-nav b{color:var(--paper);font-weight:500}
[dir="rtl"] .project-nav { flex-direction: row-reverse; }
[dir="rtl"] .project-nav__progress i { transform-origin: right; }
.empty-mission { min-height: 420px; border: 1px solid var(--line); display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(139,92,246,.14),transparent 40%)}
.empty-mission__x { font-size:10rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line)}.empty-mission p{color:var(--muted)}

.lab { background: var(--paper); color: var(--ink); }
.lab .section-label { color: #69636d; }.lab .section-label::after,.lab .force-card { border-color: rgba(0,0,0,.15); }.lab .section-label span{color:#633ed4}
.lab__intro { margin-inline-start: calc(25% + 1vw); display:grid; grid-template-columns:1fr minmax(230px,.35fr); align-items:end; gap:5vw; }
.lab__intro p { margin:0;color:#67616a;font-size:.95rem; }
.lab__statement { margin-block-start: clamp(2.6rem,5vw,5rem); font-size: clamp(2rem,4.6vw,5rem); line-height: 1.28; letter-spacing: -.035em; max-width: 1080px; font-weight: 680; color: #120f17; }
.lab__statement::before { content:""; display:block; width:76px; height:4px; margin-block-end:1.2rem; background:linear-gradient(90deg,#633ed4,#1eafb4,#111); }
.force-grid { display:grid;grid-template-columns:repeat(4,1fr);margin-block-start:7rem;border-block-start:1px solid rgba(0,0,0,.15); }
.force-card { position:relative;min-height:430px;padding:1.3rem clamp(1.2rem,2vw,2.2rem) 2rem;border-inline-end:1px solid rgba(0,0,0,.15); transform-style:preserve-3d;transition:background .4s; }
.force-card:first-child{border-inline-start:1px solid rgba(0,0,0,.15)}.force-card:hover{background:#ebe8ee}
.force-card > span { font-size:.62rem;color:#77717a}.force-card h3{font-size:clamp(1.6rem,2.5vw,2.8rem);margin:0 0 .8rem;letter-spacing:-.05em}.force-card p{font-size:.8rem;color:#6f6971;margin:0}
.force-card__glyph { height:215px;display:grid;place-items:center;transform:translateZ(25px); }
.force-card__glyph i { position:relative;display:block;width:72px;height:72px;border:1px solid #a09aa3;transition:transform .6s var(--ease-bounce); }
.force-card:hover .force-card__glyph i{transform:rotate(45deg) scale(1.12)}
.glyph-discover i{border-radius:50%;box-shadow:inset 0 0 0 18px var(--paper),inset 0 0 0 19px #a09aa3}.glyph-direct i{border-radius:50% 50% 0 50%}.glyph-build i::before,.glyph-build i::after{content:"";position:absolute;inset:12px;border:1px solid #a09aa3;transform:rotate(45deg)}.glyph-build i::after{inset:26px}.glyph-grow i{border-radius:50%;border-style:dashed}.glyph-grow i::after{content:"";position:absolute;width:11px;height:11px;background:#633ed4;border-radius:50%;top:-6px;left:30px}

.founder { background: #0a080d; overflow:hidden; }
.founder::before { content:"HUMAN";position:absolute;inset:auto auto -7vw -2vw;font-size:24vw;line-height:.7;font-weight:800;color:rgba(255,255,255,.018);letter-spacing:-.09em;direction:ltr; }
.founder__grid { display:grid;grid-template-columns:minmax(350px,.85fr) 1fr;gap:clamp(4rem,10vw,12rem);align-items:center; }
.founder__portrait { position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);background:#100d15;transform-style:preserve-3d; }
.founder__portrait img { width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05); }
.founder__portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(8,6,10,.8));pointer-events:none}
.founder__placeholder { position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(139,92,246,.27),transparent 34%),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.03) 40px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.03) 40px); }
.founder__placeholder span { position:absolute;font-size:clamp(8rem,19vw,18rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13);font-weight:800;direction:ltr}.founder__placeholder p{position:absolute;inset:auto 2rem 2.5rem;margin:0;color:var(--muted);font-size:.7rem;z-index:2}
.founder__scan{position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan);animation:scan 4s ease-in-out infinite;opacity:.5}.founder__tag{position:absolute;inset:1.2rem 1.2rem auto auto;font-size:.55rem;letter-spacing:.2em;z-index:2;direction:ltr}
@keyframes scan{0%,100%{top:5%}50%{top:95%}}
.founder__copy .section-label{margin-block-end:3rem}.founder__copy .display-title{font-size:clamp(3.2rem,6.3vw,6.5rem);max-width:900px}
.founder__identity{margin-block-start:4rem;padding-block-start:1.5rem;border-block-start:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:2rem}.founder__identity h3{margin:0;font-size:1.5rem}.founder__identity span{color:var(--lime);font-size:.7rem}
.founder__bio{color:var(--muted);max-width:690px;font-size:clamp(.95rem,1.2vw,1.12rem)}.founder blockquote{margin:2.5rem 0 0;padding-inline-start:1.5rem;border-inline-start:1px solid var(--violet);font-size:1.18rem;color:#d8d3dc}.founder__links{display:flex;gap:2rem;margin-block-start:2rem;font-size:.72rem}.founder__links a{border-block-end:1px solid var(--line);padding-block-end:.4rem}
.founder__portrait { background: radial-gradient(circle at 55% 35%,rgba(97,216,255,.16),transparent 34%), radial-gradient(circle at 35% 72%,rgba(158,255,161,.12),transparent 28%), #09070e; }
.founder__placeholder { background: repeating-linear-gradient(90deg,transparent 0 37px,rgba(255,255,255,.04) 38px), repeating-linear-gradient(0deg,transparent 0 37px,rgba(255,255,255,.035) 38px), radial-gradient(circle at 50% 45%,rgba(139,92,246,.22),transparent 36%); }
.founder__monogram { position: relative; width: min(62%,330px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; display: grid; place-items: center; direction: ltr; }
.founder__monogram::before,.founder__monogram::after { content:""; position:absolute; inset:18%; border:1px solid rgba(97,216,255,.18); border-radius:50%; animation: orbit-spin 18s linear infinite; }
.founder__monogram::after { inset:32%; border-color:rgba(158,255,161,.2); animation-duration:11s; animation-direction:reverse; }
.founder__monogram span { position:relative; z-index:2; font-size:clamp(3.8rem,8vw,8rem); font-weight:800; letter-spacing:-.08em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.86); text-shadow:0 0 35px rgba(97,216,255,.18); }
.founder__monogram i { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--lime); top:20%; right:10%; box-shadow:0 0 28px var(--lime); }
.founder__orbit { position:absolute; inset:9%; border:1px solid rgba(255,255,255,.08); border-radius:50%; animation:orbit-spin 28s linear infinite; }
.founder__orbit i { position:absolute; inset:12%; border:1px solid rgba(97,216,255,.09); border-radius:50%; }
.founder__orbit i:nth-child(2){inset:27%;border-color:rgba(158,255,161,.1)}.founder__orbit i:nth-child(3){inset:42%;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 65%);filter:blur(12px)}
.founder__panel { position:absolute; inset:auto 1.2rem 1.2rem; display:grid; grid-template-columns:repeat(4,1fr); gap:.45rem; z-index:3; direction:ltr; }
.founder__panel span { border:1px solid rgba(255,255,255,.14); background:rgba(5,4,8,.55); backdrop-filter:blur(14px); padding:.45rem .35rem; text-align:center; font-size:.52rem; letter-spacing:.13em; color:#dcd6e1; }
.founder__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; margin-block-start:2.5rem; max-width:760px; }
.founder__stats div { border:1px solid var(--line); background:rgba(255,255,255,.035); padding:1rem; min-height:115px; display:flex; flex-direction:column; justify-content:flex-end; }
.founder__stats strong { color:var(--lime); font-size:clamp(1.9rem,3vw,3.2rem); line-height:1; letter-spacing:-.06em; direction:ltr; }
.founder__stats span { color:var(--muted); font-size:.68rem; margin-block-start:.6rem; }
.founder__skillwall { margin-block-start:1rem; display:grid; grid-template-columns:repeat(2,1fr); gap:.7rem; max-width:850px; }
.founder__skillwall article { border:1px solid var(--line); background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); padding:1.1rem; min-height:128px; }
.founder__skillwall h3 { margin:0 0 .6rem; color:#f2edf6; font-size:.85rem; }
.founder__skillwall p { margin:0; color:var(--muted); font-size:.72rem; line-height:1.8; direction:ltr; }

.contact { min-height:850px;background:#0b0910;display:grid;align-items:center;overflow:hidden; }
.contact__orb { position:absolute;width:min(65vw,900px);aspect-ratio:1;inset:50% -25vw auto auto;transform:translateY(-50%);border:1px solid rgba(139,92,246,.18);border-radius:50%;animation:orbit-spin 35s linear infinite; }
[dir="rtl"] .contact__orb{right:auto;left:-25vw}.contact__orb i{position:absolute;inset:15%;border:1px solid rgba(97,216,255,.13);border-radius:50%}.contact__orb i:nth-child(2){inset:30%}.contact__orb i:nth-child(3){inset:44%;background:radial-gradient(circle,var(--violet),transparent 68%);filter:blur(25px);opacity:.24}.contact__orb::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--lime);top:26%;left:4%;box-shadow:0 0 35px var(--lime)}
.contact__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(460px,1fr);gap:clamp(3rem,7vw,8rem);align-items:start;position:relative;z-index:1}.contact__copy .display-title{font-size:clamp(3.7rem,7vw,7.2rem);max-width:900px;margin-block:2rem}.contact__copy>p{color:#c7c1cc;max-width:620px}.contact__email{display:none}
.contact-channels { display:grid; gap:.75rem; }
.contact-channel { position:relative; min-height:88px; border:1px solid var(--line); background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); padding:1rem 1.1rem; display:grid; grid-template-columns:1fr auto; align-items:end; overflow:hidden; }
.contact-channel::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--lime) 12%,transparent),transparent); transform:translateX(-120%); transition:transform .6s var(--ease); }
.contact-channel:hover::before { transform:translateX(120%); }
.contact-channel span { color:var(--muted); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; }
.contact-channel strong { grid-column:1; font-size:clamp(1rem,1.45vw,1.35rem); direction:ltr; justify-self:start; }
[dir="rtl"] .contact-channel strong { justify-self:end; }
.contact-channel i { grid-row:1/3; grid-column:2; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--paper); color:var(--ink); font-style:normal; transition:transform .3s var(--ease-bounce); }
.contact-channel:hover i { transform:rotate(45deg) scale(1.08); }
.contact-channel--telegram { border-color:rgba(97,216,255,.38); background:linear-gradient(135deg,rgba(97,216,255,.09),rgba(255,255,255,.018)); }
.contact-channel--bale { border-color:rgba(158,255,161,.35); background:linear-gradient(135deg,rgba(158,255,161,.08),rgba(255,255,255,.018)); }
.contact__intro .contact-channels { margin-block-start:3rem; grid-template-columns:1fr 1fr; }
.contact-form { padding:clamp(1.7rem,3vw,3rem);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 100px rgba(0,0,0,.32);backdrop-filter:blur(18px); }
.contact-form__head{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-block-end:1.5rem;margin-block-end:2rem;border-block-end:1px solid var(--line)}.contact-form__head>span{color:var(--lime);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.contact-form__head>strong{max-width:270px;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.35;text-align:end}.contact-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}.contact-form label{display:block;position:relative;margin-block-end:1.6rem}.contact-form label>span{display:block;color:#bbb4c0;font-size:.68rem;margin-block-end:.3rem}.contact-form input,.contact-form textarea{width:100%;border:0;border-block-end:1px solid rgba(255,255,255,.22);background:transparent;padding:.55rem 0 .7rem;outline:0;resize:none;border-radius:0}.contact-form textarea{line-height:1.8}.contact-form input:focus,.contact-form textarea:focus{color:#fff}.contact-form label>i{position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--lime));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}[dir="rtl"] .contact-form label>i{transform-origin:right}.contact-form input:focus~i,.contact-form textarea:focus~i{transform:scaleX(1)}.contact-form small{display:block;color:#ff9882;font-size:.65rem;margin-block-start:.35rem}.contact-form__brief{grid-column:1/-1}.contact-form__honeypot{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.contact-form__footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-block-start:.6rem}.contact-form__footer p{max-width:280px;margin:0;color:#9d96a2;font-size:.62rem}.contact-form__submit{min-height:54px;padding:.65rem .75rem .65rem 1.25rem;display:flex;align-items:center;gap:1.2rem;background:var(--lime);color:#071009;font-weight:700}.contact-form__submit i{display:grid;place-items:center;width:38px;height:38px;background:#071009;color:var(--lime);font-style:normal;transition:transform .35s var(--ease-bounce)}.contact-form__submit:hover i{transform:rotate(45deg)}
.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.2rem;margin-block-start:2rem;border-radius:99px;background:var(--paper);color:var(--ink);font-weight:600;font-size:.76rem}.submit-button i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ink);color:white;font-style:normal;transition:transform .3s}.submit-button:hover i{transform:rotate(45deg)}

.footer { position:relative;background:#07060a;padding:9rem 0 2rem;overflow:hidden; }.footer__word{font-size:clamp(7rem,25vw,26rem);line-height:.73;text-align:center;font-weight:800;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15);direction:ltr;user-select:none}.footer__bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;border-block-start:1px solid var(--line);padding-block-start:1.5rem;color:var(--muted);font-size:.62rem}.footer__bottom p{margin:0}.footer__bottom p:last-child{text-align:end}.footer__bottom div{display:flex;gap:1.5rem}.footer__bottom a:hover{color:var(--paper)}

.reveal { opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease); }.reveal.in-view{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}

/* Project case */
.page-project .loader { display:none; }.page-project .site-header{background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}
.case-hero{position:relative;height:max(760px,100svh);min-height:720px;overflow:hidden;display:grid;align-items:end}.case-hero__visual{position:absolute;inset:0;background:#0d0a12}.case-hero__visual img,.case-hero__visual video{width:100%;height:100%;object-fit:cover}.case-hero__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,4,8,.97),rgba(6,4,8,.08) 65%),linear-gradient(90deg,rgba(6,4,8,.5),transparent)}
.case-hero__signal{position:absolute;inset:0;width:100%;height:100%;opacity:.58;mix-blend-mode:screen}
.case-hero__matrix{position:absolute;inset:auto 4vw 12vh auto;display:grid;gap:.55rem;direction:ltr;color:rgba(255,255,255,.34);font-size:.58rem;letter-spacing:.18em;text-align:end;z-index:1}
.case-hero__matrix span{transform:translateX(18px);animation:matrix-float 4s ease-in-out infinite}.case-hero__matrix span:nth-child(2n){animation-delay:.45s;color:color-mix(in srgb,var(--accent) 70%,white 30%)}.case-hero__matrix span:nth-child(3n){animation-delay:.9s}
@keyframes matrix-float{50%{opacity:.42;transform:translateX(0)}}
.case-hero__generated{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 60%,transparent),transparent 30%),#09070d;overflow:hidden}.case-hero__generated::before,.case-hero__generated::after{content:"";position:absolute;width:75%;height:8%;inset:45% auto auto 12%;background:linear-gradient(90deg,transparent,var(--accent),var(--cyan),transparent);transform:rotate(38deg);filter:blur(3px);box-shadow:0 0 130px var(--accent)}.case-hero__generated::after{transform:rotate(-38deg)}.case-hero__generated i{position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;animation:orbit-spin 20s linear infinite}.case-hero__generated i:nth-child(2){inset:26%;animation-direction:reverse}.case-hero__generated b{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:45vw;color:rgba(255,255,255,.018);line-height:1}
.case-hero__content{position:relative;z-index:2;padding-block:calc(var(--header-h) + 2rem) 3rem}.case-back{display:inline-flex;margin-block-end:clamp(3rem,11vh,8rem);font-size:.72rem;color:#d4cfd7}.case-hero__heading{max-width:min(1120px,92vw)}.case-hero h1{font-size:clamp(3.8rem,9vw,9rem);line-height:.96;letter-spacing:-.06em;margin:.5rem 0 2rem;font-weight:650;overflow-wrap:anywhere}.case-hero__summary{max-width:780px;font-size:clamp(1rem,1.45vw,1.34rem);color:#d1cbd5}.case-hero__meta{position:absolute;inset:auto 0 3.5rem;display:flex;justify-content:space-between;gap:1rem;color:rgba(255,255,255,.45);font-size:.6rem;letter-spacing:.15em;direction:ltr}
[dir="rtl"] .case-hero h1{line-height:1.12;letter-spacing:-.035em}
.case-story{background:var(--paper);color:var(--ink)}.case-story .section-label{color:#69636d}.case-story .section-label span{color:var(--accent)}.case-story__grid{display:grid;grid-template-columns:minmax(160px,.25fr) 1fr;gap:4vw}.case-story__lead{margin:0;font-size:clamp(1.6rem,3vw,3.4rem);line-height:1.45;max-width:1100px;letter-spacing:-.035em}.case-story__body{margin:clamp(2rem,4vw,4rem) 0 0;max-width:920px;color:#48424d;font-size:clamp(.98rem,1.24vw,1.16rem)}.case-story__note{margin:2rem 0 0;padding:1.1rem 1.3rem;border-inline-start:3px solid var(--accent);background:rgba(0,0,0,.045);max-width:860px;color:#2e2933;font-size:.92rem}.case-tech{margin-block-start:6rem;border-block-start:1px solid rgba(0,0,0,.18);padding-block-start:1.2rem;display:grid;grid-template-columns:.3fr 1fr;gap:2rem}.case-tech>span{font-size:.66rem;color:#6d6870}.case-tech div{display:flex;flex-wrap:wrap;gap:.6rem}.case-tech i{font-style:normal;border:1px solid rgba(0,0,0,.16);padding:.45rem .9rem;border-radius:99px;font-size:.7rem}.case-visit{margin-block-start:4rem;border-color:rgba(0,0,0,.25)}.case-visit::before{background:var(--ink)}.case-visit:hover{color:white}
.case-proof{position:relative;background:#07060a;border-block:1px solid var(--line);overflow:hidden}.case-proof::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 12%,transparent),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 80px);opacity:.9}.case-proof__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr)}.case-proof__item{min-height:255px;padding:2rem;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.case-proof__item:first-child{border-inline-start:1px solid var(--line)}.case-proof__item>span{margin-block-end:auto;color:var(--accent);font-size:.62rem;letter-spacing:.18em}.case-proof__item strong{font-size:clamp(2.8rem,5vw,5.8rem);line-height:.86;letter-spacing:-.08em}.case-proof__item h2{margin:1rem 0 .35rem;font-size:.9rem}.case-proof__item p{margin:0;color:var(--muted);font-size:.72rem}
.case-experience { background:#08070c; overflow:hidden; }
.case-experience::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 18% 15%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.025) 79px); pointer-events:none; }
.case-experience__head { position:relative; display:grid; grid-template-columns:minmax(160px,.25fr) 1fr; gap:4vw; align-items:end; margin-block-end:4rem; }
.case-experience__head .display-title { font-size:clamp(2.9rem,6.7vw,7.4rem); max-width:1100px; }
.case-experience__head p { color:var(--muted); max-width:760px; margin:1.5rem 0 0; }
.case-visual-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:clamp(1rem,2vw,2rem); }
.case-generated-shot { margin:0; min-height:520px; border:1px solid var(--line); background:#0d0b12; overflow:hidden; display:flex; flex-direction:column; }
.case-generated-shot__stage { position:relative; flex:1; min-height:440px; overflow:hidden; background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%),#07060a; }
.case-generated-shot figcaption { display:flex; gap:1rem; padding:1rem; border-block-start:1px solid var(--line); color:var(--muted); font-size:.72rem; }
.case-generated-shot figcaption span { color:var(--accent); font-size:.62rem; letter-spacing:.15em; white-space:nowrap; }
.shot-core { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); font-size:clamp(4rem,11vw,10rem); line-height:1; color:rgba(255,255,255,.05); font-weight:800; direction:ltr; letter-spacing:-.08em; }
.case-generated-shot__stage i { position:absolute; display:block; border:1px solid color-mix(in srgb,var(--accent) 42%,transparent); }
.case-generated-shot__stage i:nth-of-type(1){inset:12%;border-radius:50%}.case-generated-shot__stage i:nth-of-type(2){inset:27%;border-radius:50%;border-style:dashed}.case-generated-shot__stage i:nth-of-type(3){width:12px;height:12px;border-radius:50%;background:var(--accent);top:18%;left:18%;box-shadow:0 0 28px var(--accent)}.case-generated-shot__stage i:nth-of-type(4){width:32%;height:2px;right:14%;top:58%;background:linear-gradient(90deg,transparent,var(--accent),transparent);border:0}
.shot-line { position:absolute; display:block; background:linear-gradient(90deg,transparent,var(--accent),transparent); opacity:.75; }
.shot-line--a { width:76%; height:2px; top:36%; left:12%; }.shot-line--b { width:2px; height:68%; top:16%; left:50%; }
.case-generated-shot--motion .case-generated-shot__stage i:nth-of-type(1){animation:orbit-spin 16s linear infinite}.case-generated-shot--motion .case-generated-shot__stage i:nth-of-type(2){animation:orbit-spin 9s linear infinite reverse}.case-generated-shot--motion .shot-line--a{animation:scan-x 2.4s ease-in-out infinite}.case-generated-shot--motion .shot-line--b{animation:scan-y 3.1s ease-in-out infinite}.case-generated-shot--motion .shot-core{animation:pulse-core 2.8s ease-in-out infinite}
@keyframes scan-x{50%{transform:translateY(105px);opacity:.35}}@keyframes scan-y{50%{transform:translateX(130px);opacity:.35}}@keyframes pulse-core{50%{color:rgba(255,255,255,.12);text-shadow:0 0 35px var(--accent)}}
.case-generated-shot--adas .case-generated-shot__stage{background:linear-gradient(180deg,rgba(255,206,84,.08),transparent 48%),repeating-linear-gradient(90deg,transparent 0 84px,rgba(255,206,84,.08) 85px),#08080a}.case-generated-shot--adas .case-generated-shot__stage::after{content:"";position:absolute;inset:auto 0 16%;height:38%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.16) 43% 45%,transparent 46%),linear-gradient(0deg,rgba(255,255,255,.08),transparent);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
.case-generated-shot--satellite .case-generated-shot__stage{background:repeating-linear-gradient(0deg,rgba(97,216,255,.12) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(97,216,255,.1) 0 1px,transparent 1px 46px),#07111a}.case-generated-shot--satellite i{border-radius:0!important}
.case-generated-shot--identity .case-generated-shot__stage{background:radial-gradient(circle at 50% 45%,rgba(255,111,174,.2),transparent 28%),linear-gradient(90deg,rgba(255,111,174,.12),transparent 52%,rgba(97,216,255,.12)),#0d0710}.case-generated-shot--identity .shot-core{font-size:clamp(3rem,8vw,7rem)}
.case-generated-shot--robotics .case-generated-shot__stage{background:repeating-radial-gradient(circle at 52% 52%,rgba(158,255,161,.12) 0 1px,transparent 2px 42px),#07120d}.case-generated-shot--robotics .shot-line--a{transform:rotate(-23deg);top:48%}
.case-generated-shot--voice .case-generated-shot__stage{background:repeating-linear-gradient(90deg,rgba(182,161,255,.16) 0 2px,transparent 2px 24px),#090712}.case-generated-shot--voice .shot-line--a{height:12px;filter:blur(2px)}
.case-generated-shot--medical .case-generated-shot__stage{background:linear-gradient(90deg,rgba(77,225,193,.12),transparent),repeating-linear-gradient(0deg,rgba(77,225,193,.08) 0 1px,transparent 1px 40px),#071210}.case-generated-shot--medical .shot-core{font-size:clamp(3.5rem,8vw,8rem)}
.case-generated-shot--access .case-generated-shot__stage{background:repeating-linear-gradient(90deg,rgba(255,129,102,.16) 0 1px,transparent 1px 70px),linear-gradient(90deg,rgba(255,129,102,.14),transparent 48%,rgba(158,255,161,.1)),#130806}.case-generated-shot--access .shot-line--b{width:8px;filter:blur(5px)}
.case-layers{background:#0a080d;overflow:hidden}.case-layers::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.035) 48px),linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 48%);pointer-events:none}.case-layers__head{position:relative;display:grid;grid-template-columns:minmax(160px,.25fr) 1fr;gap:4vw;align-items:start}.case-layers__head .display-title{font-size:clamp(2.8rem,6vw,6.8rem)}.case-layers__grid{position:relative;margin-block-start:5rem;display:grid;grid-template-columns:repeat(3,1fr);border-block-start:1px solid var(--line)}.case-layer{min-height:360px;padding:1.4rem clamp(1.2rem,2vw,2.1rem) 2rem;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.018);transition:background .35s,border-color .35s}.case-layer:first-child{border-inline-start:1px solid var(--line)}.case-layer:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.case-layer span{margin-block-end:auto;color:var(--accent);font-size:.62rem;letter-spacing:.18em}.case-layer h3{margin:0 0 .8rem;font-size:clamp(1.55rem,2.5vw,2.8rem);line-height:1.1;letter-spacing:-.045em}.case-layer p{margin:0;color:#bbb4c0;font-size:.82rem}
.case-gallery{padding-block:clamp(5rem,10vw,10rem);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,2rem)}.case-media{margin:0;background:#100d15;overflow:hidden}.case-media--wide{grid-column:1/-1}.case-media img,.case-media video{width:100%;height:auto;min-height:380px;max-height:80vh;object-fit:cover}.case-media figcaption{display:flex;gap:1rem;padding:1rem;color:var(--muted);font-size:.7rem}.case-media figcaption span{color:var(--accent)}
.next-case{position:relative;min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--next-accent) 26%,transparent),transparent 42%),#0a080d;overflow:hidden}.next-case::before{content:"X";position:absolute;font-size:55vw;line-height:1;color:rgba(255,255,255,.014);font-weight:800}.next-case>span{color:var(--muted);font-size:.7rem}.next-case h2{position:relative;margin:1rem 0;font-size:clamp(4rem,12vw,12rem);line-height:.85;letter-spacing:-.08em}.next-case>i{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--next-accent);font-style:normal;color:var(--ink);transition:transform .4s var(--ease-bounce)}.next-case:hover>i{transform:rotate(45deg) scale(1.15)}.footer--compact{padding:2rem 0}.footer--compact .footer__bottom{border:0;padding:0}.footer--compact .footer__bottom>a{font-size:1.2rem;font-weight:800;letter-spacing:.15em}

@media (max-width: 1050px) {
    :root{--header-h:76px}.desktop-nav{display:none}.menu-toggle{display:block}.header-cta{display:none}
    .hero h1{font-size:clamp(4rem,11vw,7.2rem)}
    .project-card{grid-template-columns:1.2fr .8fr;min-height:560px}.project-card__visual{min-height:480px}.project-card h3{font-size:clamp(2.5rem,6vw,4.8rem)}
    .force-grid{grid-template-columns:repeat(2,1fr)}.force-card:nth-child(3){border-inline-start:1px solid rgba(0,0,0,.15)}
    .founder__grid{gap:5rem}.contact__layout{grid-template-columns:1fr;gap:4rem}.contact-form{width:min(100%,760px)}
}
@media (max-width: 760px) {
    .wrap{width:min(88vw,620px)}.section{padding-block:7rem}.grain{opacity:.045}.cursor-dot,.cursor-orbit{display:none}
    .site-header{padding-inline:6vw}.site-header::after{inset-inline:6vw}.brand__icon{width:30px;height:30px}.brand__word{font-size:1.08rem}.lang-switch{width:38px;height:38px;min-width:38px}.menu-toggle{width:38px;height:38px}
    .hero{height:100svh;min-height:680px;align-items:end;padding-block-end:7.5rem}.hero__art{inset:-2% -30%;background-position:64% center;opacity:.76}.hero__vignette{background:linear-gradient(0deg,var(--ink) 0%,rgba(5,3,8,.56) 65%,rgba(5,3,8,.3) 100%)}
    [dir="rtl"] .hero__vignette{background:linear-gradient(0deg,var(--ink) 0%,rgba(5,3,8,.56) 65%,rgba(5,3,8,.3) 100%)}.hero__coords{display:none}.hero__content{padding-block-start:0}.eyebrow{margin-block-end:1.15rem}.hero .eyebrow{max-width:30ch;margin-inline:auto;line-height:1.8;letter-spacing:0}.hero .eyebrow::before{display:none}.hero__line>span{transform:none;transition:none}.hero h1,[dir="rtl"] .hero h1{font-size:clamp(3.35rem,16.5vw,6.2rem);line-height:.98;letter-spacing:-.065em}[dir="rtl"] .hero__content{text-align:center}[dir="rtl"] .hero h1{font-size:clamp(2.55rem,12vw,4.5rem);line-height:1.16;max-width:9.5ch;letter-spacing:0;margin-inline:auto}.hero__bottom{display:block;margin-block-start:1.8rem}.hero__bottom>p{font-size:.86rem;max-width:90%}[dir="rtl"] .hero__bottom>p{max-width:100%;margin-inline:auto}.hero .orb-button{margin-block-start:1.5rem;height:52px;min-width:170px}[dir="rtl"] .hero .orb-button{min-width:0;width:min(100%,220px)}.hero__scroll{display:none}.hero__index{inset-block-end:2rem;inset-inline-start:6vw}
    .signal-strip span{margin-inline:1.2rem}.manifesto__grid,.work__head,.case-story__grid{display:block}.section-label{margin-block-end:2rem}.manifesto__support{display:block;margin-block-start:3rem}.manifesto__support>p{margin-block-end:3rem}.display-title{font-size:clamp(2.8rem,13vw,5rem)}[dir="rtl"] .display-title{line-height:1.22}.manifesto__halo{width:80vw;inset-inline-end:-50vw}
    .work__head>div:last-child{display:block}.work__hint{margin-block-start:1.2rem}.work{padding-block-end:6rem}.project-deck__rail{gap:6vw;padding-inline:6vw}.project-card{flex-basis:88vw;min-height:650px;display:flex;flex-direction:column}.project-card__visual{min-height:360px;flex:1;border-inline-end:0;border-block-end:1px solid var(--line)}.project-card__content{padding:1.7rem 1.5rem 2rem;justify-content:flex-start;min-height:290px}.project-card__meta{align-items:flex-start}.project-card h3{font-size:2.45rem;margin:.25rem 0 .8rem}.project-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-link{margin-block-start:1.2rem}.project-nav{width:88vw;gap:.7rem}.project-nav__progress{display:none}
    .lab__intro{display:block;margin:0}.lab__intro p{margin-block-start:1.5rem}.force-grid{grid-template-columns:1fr;margin-block-start:4rem}.force-card{min-height:330px;border-inline-start:1px solid rgba(0,0,0,.15)}.force-card__glyph{height:160px}
    .founder__grid{display:flex;flex-direction:column-reverse;gap:4rem}.founder__copy .display-title{font-size:clamp(3.2rem,13vw,5rem)}.founder__identity{margin-block-start:2.5rem}.founder__portrait{width:100%}.founder__stats,.founder__skillwall{grid-template-columns:1fr}.founder__stats div{min-height:96px}.founder::before{font-size:42vw}
    .contact{min-height:auto}.contact__layout{display:block}.contact__copy .display-title{font-size:clamp(3.15rem,14vw,5.6rem)}.contact__intro .contact-channels{margin-block-start:3rem;grid-template-columns:1fr}.contact-channel{min-height:82px}.contact-form{margin-block-start:4rem;padding:1.5rem}.contact-form__grid{grid-template-columns:1fr}.contact-form__brief{grid-column:auto}.contact-form__head,.contact-form__footer{display:block}.contact-form__head>strong{display:block;margin-block-start:.7rem;text-align:start}.contact-form__footer p{margin-block-end:1.3rem}.contact-form__submit{width:100%;justify-content:space-between}.contact__orb{width:120vw;inset-inline-end:-70vw}.footer{padding-block-start:6rem}.footer__word{font-size:31vw}.footer__bottom{grid-template-columns:1fr auto}.footer__bottom p:last-child{display:none}.footer__bottom div{justify-content:end}
    .case-hero{min-height:680px;height:100svh}.case-hero__content{padding-block-end:2rem}.case-back{margin-block-end:10vh}.case-hero h1{font-size:clamp(2.9rem,14vw,5.8rem);line-height:1.05}.case-hero__summary{font-size:.92rem}.case-hero__meta{inset-block-end:2rem}.case-story__lead{font-size:1.5rem}.case-tech{display:block;margin-block-start:4rem}.case-tech>span{display:block;margin-block-end:1rem}.case-gallery{grid-template-columns:1fr}.case-media--wide{grid-column:auto}.case-media img,.case-media video{min-height:260px}.next-case{min-height:48vh}.next-case h2{font-size:clamp(4rem,18vw,7rem)}.footer--compact .footer__bottom{grid-template-columns:1fr auto}.footer--compact .footer__bottom p:last-child{display:none}
    .project-card__takeaway{display:none}.project-card__micro span{font-size:.48rem}.case-hero__matrix{display:none}.case-hero__signal{opacity:.38}.case-story__body{font-size:.92rem}.case-story__note{font-size:.82rem;padding:1rem}.case-experience__head,.case-visual-grid{display:block}.case-experience__head p{font-size:.9rem}.case-generated-shot{min-height:390px;margin-block-end:1rem}.case-generated-shot__stage{min-height:320px}.case-proof__grid,.case-layers__grid{grid-template-columns:1fr}.case-proof__item,.case-proof__item:first-child,.case-layer,.case-layer:first-child{border-inline:1px solid var(--line);min-height:230px}.case-layers__head{display:block}.case-layers__grid{margin-block-start:3rem}.case-layer{min-height:280px}
}
@media (max-width: 420px) {
    .hero h1,[dir="rtl"] .hero h1{font-size:3.3rem}.hero__bottom>p{max-width:100%}.project-card__visual{min-height:330px}.project-card{min-height:600px}.project-nav button{width:40px;height:40px}.founder__identity{display:block}.founder__identity span{display:block;margin-block-start:.5rem}
}
@media (prefers-reduced-motion: reduce) {
    html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}.hero__line>span{transform:none}.reveal{opacity:1;transform:none}.split-word>i{transform:none}.signal-strip__track{animation:none}.cursor-dot,.cursor-orbit{display:none}
}

/* 2026 dimensional redesign */
.hero__art--world {
    inset: -6%;
    background-position: center;
    filter: saturate(1.08) contrast(1.1) brightness(.84);
}
.hero__three,
.case-hero__three,
.project-card__three,
.case-generated-shot__three {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.hero__three {
    z-index: -1;
    opacity: .92;
    mix-blend-mode: screen;
}
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 96px 96px;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 76%, transparent);
    opacity: .38;
}
.hero__vignette {
    background:
        linear-gradient(90deg, rgba(2,2,4,.93) 0%, rgba(4,3,8,.58) 44%, rgba(4,3,8,.18) 74%),
        linear-gradient(0deg, var(--ink) 0%, transparent 28%, rgba(0,0,0,.08) 92%);
}
[dir="rtl"] .hero__vignette {
    background:
        linear-gradient(-90deg, rgba(2,2,4,.93) 0%, rgba(4,3,8,.58) 44%, rgba(4,3,8,.18) 74%),
        linear-gradient(0deg, var(--ink) 0%, transparent 28%, rgba(0,0,0,.08) 92%);
}

.project-card {
    border-radius: 0;
    transform-style: preserve-3d;
    box-shadow: 0 34px 110px rgba(0,0,0,.46);
}
.project-card__visual {
    isolation: isolate;
    perspective: 1200px;
}
.project-card__world {
    z-index: 0;
    object-fit: cover !important;
    filter: saturate(1.06) contrast(1.08) brightness(.78);
    transform: scale(1.02);
}
.project-card.is-active .project-card__world {
    transform: scale(1.08);
    transition: transform 1.4s var(--ease), filter .7s var(--ease);
    filter: saturate(1.18) contrast(1.08) brightness(.92);
}
.project-card__three {
    z-index: 2;
    opacity: .86;
    mix-blend-mode: screen;
}
.project-card__media {
    z-index: 4;
    inset: auto clamp(1rem, 2vw, 2rem) clamp(1rem, 2vw, 2rem) auto !important;
    width: min(34%, 280px) !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    object-fit: cover !important;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(5,4,8,.62);
    box-shadow: 0 22px 70px rgba(0,0,0,.48);
    backdrop-filter: blur(18px);
}
[dir="rtl"] .project-card__media {
    right: auto !important;
    left: clamp(1rem, 2vw, 2rem) !important;
}
.project-card__media--image {
    opacity: .9;
}
.project-card__artifact {
    position: absolute;
    z-index: 5;
    inset: clamp(1rem, 2vw, 2rem) auto auto clamp(1rem, 2vw, 2rem);
    display: grid;
    place-items: center;
    width: 96px;
    aspect-ratio: 1;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(5,4,8,.45);
    color: white;
    direction: ltr;
    transform: translateZ(40px);
    backdrop-filter: blur(18px);
}
[dir="rtl"] .project-card__artifact {
    left: auto;
    right: clamp(1rem, 2vw, 2rem);
}
.project-card__artifact span {
    position: relative;
    z-index: 2;
    max-width: 78px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(.9rem, 1.6vw, 1.6rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.04em;
}
.project-card__artifact i {
    position: absolute;
    inset: 13px;
    border: 1px solid color-mix(in srgb, var(--accent) 64%, transparent);
    transform: rotate(45deg);
    box-shadow: 0 0 34px color-mix(in srgb, var(--accent) 30%, transparent);
}
.project-card__wash {
    z-index: 3;
    background:
        linear-gradient(135deg, rgba(0,0,0,.18), transparent 45%, color-mix(in srgb, var(--accent) 20%, transparent)),
        radial-gradient(circle at 72% 26%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 34%);
}
.project-card__content {
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
        linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 54%);
}

.case-hero__visual--world img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.12) contrast(1.08) brightness(.76);
    transform: scale(1.04);
}
.case-hero__three {
    z-index: 1;
    opacity: .9;
    mix-blend-mode: screen;
}
.case-hero__shade {
    z-index: 1;
    background:
        linear-gradient(0deg, rgba(6,4,8,.99), rgba(6,4,8,.2) 58%, rgba(6,4,8,.5)),
        linear-gradient(90deg, rgba(6,4,8,.74), transparent 62%);
}
[dir="rtl"] .case-hero__shade {
    background:
        linear-gradient(0deg, rgba(6,4,8,.99), rgba(6,4,8,.2) 58%, rgba(6,4,8,.5)),
        linear-gradient(-90deg, rgba(6,4,8,.74), transparent 62%);
}
.case-hero__signal,
.case-hero__matrix,
.case-hero__content {
    z-index: 2;
}
.case-hero__heading {
    max-width: min(940px, 70vw);
}
.case-hero__media {
    position: absolute;
    inset: auto 0 7.5rem auto;
    width: min(34vw, 460px);
    aspect-ratio: 16 / 10;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(5,4,8,.54);
    overflow: hidden;
    box-shadow: 0 28px 90px rgba(0,0,0,.52);
    backdrop-filter: blur(18px);
}
[dir="rtl"] .case-hero__media {
    right: auto;
    left: 0;
}
.case-hero__media video,
.case-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.case-hero__media span {
    position: absolute;
    inset: auto .9rem .8rem auto;
    direction: ltr;
    padding: .38rem .55rem;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(5,4,8,.62);
    color: #f4f2f6;
    font-size: .52rem;
    letter-spacing: .16em;
}
.case-hero__meta {
    z-index: 3;
}

.case-generated-shot {
    box-shadow: 0 28px 90px rgba(0,0,0,.35);
}
.case-generated-shot__stage {
    isolation: isolate;
    background: #07060a !important;
}
.case-generated-shot__stage > img {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .62;
    filter: saturate(1.08) contrast(1.08) brightness(.72);
}
.case-generated-shot__stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, transparent 35%, rgba(5,4,8,.76)),
        linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 46%);
}
.case-generated-shot__three {
    z-index: 2;
    opacity: .72;
    mix-blend-mode: screen;
}
.case-generated-shot__stage .shot-line,
.case-generated-shot__stage .shot-core,
.case-generated-shot__stage i {
    z-index: 3;
}
.case-generated-shot__stage i:nth-of-type(3) {
    z-index: 4;
}
.case-generated-shot figcaption {
    min-height: 74px;
    align-items: center;
}

@media (max-width: 1180px) {
    .case-hero__heading {
        max-width: min(860px, 92vw);
    }
    .case-hero__media {
        position: relative;
        inset: auto;
        width: min(100%, 440px);
        margin-block-start: 2rem;
    }
}
@media (max-width: 760px) {
    .hero__three {
        opacity: .54;
    }
    .hero__art--world {
        inset: -1% -52%;
        background-position: 58% center;
    }
    .project-card__three {
        opacity: .58;
    }
    .project-card__artifact {
        width: 72px;
    }
    .project-card__artifact span {
        max-width: 58px;
        font-size: .9rem;
    }
    .project-card__media {
        display: none;
    }
    .case-hero__three {
        opacity: .54;
    }
    .case-hero__heading {
        max-width: 100%;
    }
    .case-hero__media {
        display: none;
    }
    .case-generated-shot figcaption {
        min-height: 92px;
    }
}

/* Per-case worlds: each project gets its own spatial language */
.case {
    --case-bg: #07060a;
    --case-ink: #f4f2f6;
    --case-muted: #aaa3af;
    --case-panel: rgba(255,255,255,.055);
    background: var(--case-bg);
    color: var(--case-ink);
}
.case h1,
.case h2,
.case h3,
.case .display-title,
.case .next-case h2 {
    letter-spacing: 0;
}
[dir="rtl"] .case-hero h1 {
    max-width: 13ch;
    font-size: clamp(3.4rem, 6.2rem, 6.6rem);
    line-height: 1.16;
}
[dir="rtl"] .case-hero__heading {
    max-width: min(900px, 82vw);
}
.case-hero {
    isolation: isolate;
}
.case-hero__signature {
    position: absolute;
    z-index: 2;
    inset: 18vh auto auto 4vw;
    width: clamp(120px, 13vw, 220px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    direction: ltr;
    opacity: .82;
    pointer-events: none;
}
[dir="rtl"] .case-hero__signature {
    left: auto;
    right: 4vw;
}
.case-hero__signature span {
    position: relative;
    z-index: 2;
    max-width: 86%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.82);
    font-size: clamp(1.5rem, 3vw, 3.8rem);
    font-weight: 850;
    line-height: .9;
}
.case-hero__signature i {
    position: absolute;
    inset: 0;
    border: 1px solid color-mix(in srgb, var(--accent) 48%, transparent);
}
.case-hero__signature i:nth-child(2) {
    inset: 18%;
    transform: rotate(45deg);
}
.case-hero__signature i:nth-child(3) {
    inset: 34%;
    border-style: dashed;
    animation: orbit-spin 18s linear infinite;
}
.case-hero__readout {
    position: absolute;
    z-index: 3;
    inset: auto 4vw 4.5rem auto;
    width: min(38vw, 560px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .55rem;
    pointer-events: none;
}
[dir="rtl"] .case-hero__readout {
    right: auto;
    left: 4vw;
}
.case-hero__readout span {
    min-height: 86px;
    padding: .85rem;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(5,4,8,.52);
    backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.case-hero__readout b {
    color: var(--accent);
    font-size: clamp(1rem, 1.5vw, 1.7rem);
    line-height: 1.05;
    font-weight: 800;
}
.case-hero__readout em {
    margin-block-start: .35rem;
    color: rgba(255,255,255,.7);
    font-style: normal;
    font-size: .58rem;
    line-height: 1.45;
}
.case-signature {
    min-height: 100vh;
    display: grid;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.03) 1px, transparent 1px),
        var(--case-bg);
    background-size: 72px 72px, 72px 72px, auto;
}
.case-signature__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    gap: clamp(2rem, 5vw, 6rem);
    align-items: center;
}
.case-signature__visual {
    position: relative;
    min-height: clamp(470px, 64vh, 760px);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent) 32%, rgba(255,255,255,.12));
    background: #050408;
    transform-style: preserve-3d;
    box-shadow: 0 34px 110px rgba(0,0,0,.36);
}
.case-signature__visual img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.08) contrast(1.08) brightness(.72);
}
.case-signature__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 35%, rgba(5,4,8,.72)),
        linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 48%);
    pointer-events: none;
}
.case-signature__three {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: .78;
}
.case-diagram {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}
.case-signature__copy {
    max-width: 680px;
}
.case-signature__copy h2 {
    margin: 0;
    font-size: clamp(2.5rem, 5.8rem, 6rem);
    line-height: 1.06;
    font-weight: 780;
}
[dir="rtl"] .case-signature__copy h2 {
    line-height: 1.22;
}
.case-signature__copy > p:not(.eyebrow) {
    margin: 1.5rem 0 0;
    color: var(--case-muted);
    font-size: clamp(.98rem, 1.12rem, 1.18rem);
}
.case-signature__tokens {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-block-start: 2.2rem;
    direction: ltr;
}
.case-signature__tokens span {
    border: 1px solid color-mix(in srgb, var(--accent) 35%, rgba(255,255,255,.13));
    background: var(--case-panel);
    padding: .42rem .68rem;
    color: color-mix(in srgb, var(--accent) 65%, white 35%);
    font-size: .56rem;
    letter-spacing: .12em;
}

.case-tone--adas {
    --case-bg: #080806;
    --case-ink: #fff7e4;
    --case-muted: #c8beaa;
    --case-panel: rgba(255,184,72,.075);
}
.case-tone--adas .case-hero__visual img {
    object-position: center bottom;
    filter: saturate(1.22) contrast(1.13) brightness(.7);
}
.case-tone--adas .case-hero__shade {
    background:
        linear-gradient(0deg, #080806 0%, rgba(8,8,6,.38) 56%, rgba(8,8,6,.72)),
        linear-gradient(90deg, rgba(8,8,6,.86), transparent 68%);
}
[dir="rtl"] .case-tone--adas .case-hero__shade {
    background:
        linear-gradient(0deg, #080806 0%, rgba(8,8,6,.38) 56%, rgba(8,8,6,.72)),
        linear-gradient(-90deg, rgba(8,8,6,.86), transparent 68%);
}
.case-tone--adas .case-hero::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: auto 0 0;
    height: 40%;
    background:
        linear-gradient(115deg, transparent 44%, rgba(255,221,120,.28) 45% 46%, transparent 47%),
        linear-gradient(65deg, transparent 44%, rgba(94,225,255,.2) 45% 46%, transparent 47%);
    clip-path: polygon(34% 0, 66% 0, 100% 100%, 0 100%);
    opacity: .58;
    pointer-events: none;
}
.case-tone--adas .case-signature__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
}
.case-tone--adas .case-signature__visual {
    clip-path: polygon(0 8%, 100% 0, 92% 100%, 7% 92%);
}
.road-lane {
    position: absolute;
    inset: auto auto 0 50%;
    width: 2px;
    height: 62%;
    background: linear-gradient(0deg, rgba(255,214,104,.95), transparent);
    transform-origin: bottom;
}
.road-lane--left { transform: rotate(19deg); }
.road-lane--right { transform: rotate(-19deg); }
.road-horizon {
    position: absolute;
    left: 12%;
    right: 12%;
    top: 50%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,205,84,.9), transparent);
    box-shadow: 0 0 38px rgba(255,205,84,.55);
}
.road-sign {
    position: absolute;
    width: 72px;
    aspect-ratio: 1;
    border: 2px solid rgba(255,205,84,.9);
    background: rgba(255,205,84,.13);
    transform: rotate(45deg);
    box-shadow: 0 0 34px rgba(255,205,84,.22);
}
.road-sign--a { top: 22%; left: 20%; }
.road-sign--b { top: 36%; right: 21%; width: 54px; }
.road-sign--c { bottom: 20%; left: 48%; width: 38px; }
.case-tone--adas .case-story,
.case-tone--adas .case-layers {
    background:
        repeating-linear-gradient(90deg, transparent 0 88px, rgba(255,221,120,.045) 89px),
        #0d0c09;
    color: var(--case-ink);
}
.case-tone--adas .case-story__body,
.case-tone--adas .case-story__note,
.case-tone--adas .case-layer p {
    color: #c8beaa;
}

.case-tone--satellite {
    --case-bg: #07121a;
    --case-ink: #eaf8ff;
    --case-muted: #a8c1cf;
    --case-panel: rgba(91,202,255,.075);
}
.case-tone--satellite .case-hero {
    align-items: center;
}
.case-tone--satellite .case-hero__visual img {
    object-position: 68% center;
    filter: saturate(1.08) contrast(1.04) brightness(.8);
}
.case-tone--satellite .case-hero__heading {
    max-width: min(780px, 62vw);
}
.case-tone--satellite .case-hero__shade {
    background:
        linear-gradient(90deg, rgba(7,18,26,.95), rgba(7,18,26,.54) 40%, rgba(7,18,26,.16) 78%),
        linear-gradient(0deg, #07121a, transparent 34%);
}
[dir="rtl"] .case-tone--satellite .case-hero__shade {
    background:
        linear-gradient(-90deg, rgba(7,18,26,.95), rgba(7,18,26,.54) 40%, rgba(7,18,26,.16) 78%),
        linear-gradient(0deg, #07121a, transparent 34%);
}
.case-tone--satellite .case-signature {
    background:
        repeating-linear-gradient(0deg, rgba(91,202,255,.08) 0 1px, transparent 1px 54px),
        repeating-linear-gradient(90deg, rgba(91,202,255,.07) 0 1px, transparent 1px 54px),
        #07121a;
}
.case-tone--satellite .case-signature__grid {
    grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);
}
.case-tone--satellite .case-signature__visual {
    order: 2;
    transform: perspective(1200px) rotateX(8deg) rotateZ(-2deg);
    box-shadow: 0 48px 120px rgba(20,130,190,.18);
}
.case-tone--satellite .case-signature__copy {
    order: 1;
}
.map-tile {
    position: absolute;
    border: 1px solid rgba(91,202,255,.72);
    background: rgba(91,202,255,.08);
}
.map-tile--a { inset: 16% 16% 56% 48%; }
.map-tile--b { inset: 44% 52% 22% 13%; border-color: rgba(255,114,192,.8); }
.map-tile--c { inset: 50% 18% 18% 62%; }
.map-arc {
    position: absolute;
    border-block-start: 2px solid rgba(91,202,255,.82);
    border-radius: 50% 50% 0 0;
    transform-origin: bottom center;
}
.map-arc--a { width: 36%; height: 24%; left: 42%; top: 28%; transform: rotate(-13deg); }
.map-arc--b { width: 28%; height: 19%; left: 25%; top: 34%; transform: rotate(18deg); border-color: rgba(255,114,192,.75); }
.map-arc--c { width: 31%; height: 18%; right: 16%; bottom: 26%; }
.case-tone--satellite .case-story {
    background: #edf6fb;
    color: #07121a;
}
.case-tone--satellite .case-proof {
    background: #06111a;
}
.case-tone--satellite .case-layers {
    background:
        linear-gradient(90deg, rgba(91,202,255,.06), transparent 42%),
        #07121a;
}

.case-tone--identity {
    --case-bg: #0d0711;
    --case-ink: #fff2fb;
    --case-muted: #d3bacc;
    --case-panel: rgba(255,122,190,.075);
}
.case-tone--identity .case-hero {
    align-items: center;
    text-align: center;
}
.case-tone--identity .case-hero__heading {
    margin-inline: auto;
    max-width: min(1040px, 90vw);
}
[dir="rtl"] .case-tone--identity .case-hero h1 {
    max-width: 10.5ch;
    font-size: clamp(3.2rem, 5.45rem, 5.7rem);
}
.case-tone--identity .case-hero__media {
    width: min(27vw, 390px);
}
.case-tone--identity .case-hero__visual img {
    object-position: center;
    filter: saturate(1.08) contrast(1.03) brightness(.78);
}
.case-tone--identity .case-hero__shade {
    background:
        linear-gradient(0deg, #0d0711 0%, rgba(13,7,17,.18) 62%, rgba(13,7,17,.6)),
        linear-gradient(90deg, rgba(255,122,190,.18), transparent 24%, transparent 76%, rgba(91,202,255,.14));
}
.case-tone--identity .case-back {
    margin-inline: auto;
}
.case-tone--identity .case-signature__grid {
    display: block;
}
.case-tone--identity .case-signature__visual {
    width: min(92vw, 980px);
    margin-inline: auto;
    clip-path: ellipse(48% 47% at 50% 50%);
    border: 0;
}
.case-tone--identity .case-signature__copy {
    margin: 3rem auto 0;
    text-align: center;
}
.identity-face {
    position: absolute;
    top: 24%;
    width: 14%;
    aspect-ratio: 2 / 3;
    border: 1px solid rgba(255,214,239,.54);
    border-radius: 50% 50% 45% 45%;
    background: rgba(255,122,190,.08);
}
.identity-face--a { left: 24%; transform: scale(.72); opacity: .55; }
.identity-face--b { left: 43%; transform: scale(1.18); opacity: .9; }
.identity-face--c { right: 23%; transform: scale(.82); opacity: .48; }
.identity-ring {
    position: absolute;
    inset: 12%;
    border: 1px solid rgba(255,214,239,.34);
    border-radius: 50%;
    animation: orbit-spin 24s linear infinite;
}
.identity-ring--b {
    inset: 24%;
    border-color: rgba(91,202,255,.32);
    animation-direction: reverse;
    animation-duration: 15s;
}
.case-tone--identity .case-story,
.case-tone--identity .case-layers {
    background:
        linear-gradient(90deg, rgba(255,122,190,.08), transparent 50%, rgba(91,202,255,.06)),
        #100915;
    color: var(--case-ink);
}
.case-tone--identity .case-story__body,
.case-tone--identity .case-story__note,
.case-tone--identity .case-layer p {
    color: #d3bacc;
}

.case-tone--robotics {
    --case-bg: #06110c;
    --case-ink: #effff3;
    --case-muted: #abc6b3;
    --case-panel: rgba(117,255,130,.075);
}
.case-tone--robotics .case-hero__visual img {
    object-position: 40% center;
    filter: saturate(1.22) contrast(1.08) brightness(.72);
}
.case-tone--robotics .case-hero__shade {
    background:
        linear-gradient(0deg, #06110c, rgba(6,17,12,.22) 60%, rgba(6,17,12,.62)),
        linear-gradient(90deg, rgba(6,17,12,.86), transparent 68%);
}
[dir="rtl"] .case-tone--robotics .case-hero__shade {
    background:
        linear-gradient(0deg, #06110c, rgba(6,17,12,.22) 60%, rgba(6,17,12,.62)),
        linear-gradient(-90deg, rgba(6,17,12,.86), transparent 68%);
}
.case-tone--robotics .case-signature {
    background:
        repeating-linear-gradient(0deg, rgba(117,255,130,.08) 0 1px, transparent 1px 38px),
        repeating-linear-gradient(90deg, rgba(117,255,130,.07) 0 1px, transparent 1px 38px),
        #06110c;
}
.case-tone--robotics .case-signature__grid {
    grid-template-columns: minmax(350px, .7fr) minmax(0, 1.3fr);
}
.case-tone--robotics .case-signature__visual {
    order: 2;
    clip-path: polygon(5% 0, 100% 7%, 94% 100%, 0 91%);
}
.case-tone--robotics .case-signature__copy {
    order: 1;
}
.robot-route {
    position: absolute;
    left: 11%;
    right: 12%;
    top: 57%;
    height: 4px;
    background: linear-gradient(90deg, rgba(117,255,130,.1), rgba(117,255,130,.96), rgba(91,202,255,.78));
    transform: rotate(-12deg);
    box-shadow: 0 0 30px rgba(117,255,130,.55);
}
.robot-node {
    position: absolute;
    width: 20px;
    aspect-ratio: 1;
    border: 2px solid rgba(117,255,130,.9);
    background: rgba(117,255,130,.18);
}
.robot-node--a { left: 18%; top: 54%; }
.robot-node--b { left: 51%; top: 46%; }
.robot-node--c { right: 18%; top: 35%; }
.robot-scan {
    position: absolute;
    width: 42%;
    aspect-ratio: 1;
    border: 1px solid rgba(117,255,130,.42);
    border-radius: 50%;
    left: 12%;
    bottom: 7%;
}
.robot-scan--b {
    left: auto;
    right: 9%;
    top: 15%;
    bottom: auto;
    border-color: rgba(91,202,255,.35);
}
.case-tone--robotics .case-story,
.case-tone--robotics .case-layers {
    background: #07120d;
    color: var(--case-ink);
}
.case-tone--robotics .case-story__body,
.case-tone--robotics .case-story__note,
.case-tone--robotics .case-layer p {
    color: #abc6b3;
}

.case-tone--voice {
    --case-bg: #080713;
    --case-ink: #f6f1ff;
    --case-muted: #bfb0df;
    --case-panel: rgba(178,137,255,.075);
}
.case-tone--voice .case-hero {
    align-items: center;
}
.case-tone--voice .case-hero__visual img {
    object-position: center;
    filter: saturate(1.25) contrast(1.1) brightness(.74);
}
.case-tone--voice .case-hero__shade {
    background:
        linear-gradient(0deg, #080713, rgba(8,7,19,.16) 58%, rgba(8,7,19,.7)),
        linear-gradient(90deg, rgba(8,7,19,.9), rgba(8,7,19,.24) 58%, transparent);
}
[dir="rtl"] .case-tone--voice .case-hero__shade {
    background:
        linear-gradient(0deg, #080713, rgba(8,7,19,.16) 58%, rgba(8,7,19,.7)),
        linear-gradient(-90deg, rgba(8,7,19,.9), rgba(8,7,19,.24) 58%, transparent);
}
.case-tone--voice .case-signature__grid {
    grid-template-columns: 1fr;
}
.case-tone--voice .case-signature__copy {
    max-width: 980px;
}
.case-tone--voice .case-signature__visual {
    min-height: 420px;
    order: 2;
    clip-path: polygon(0 16%, 100% 0, 100% 84%, 0 100%);
}
.voice-wave {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(178,137,255,.94), rgba(91,202,255,.88), transparent);
    box-shadow: 0 0 34px rgba(178,137,255,.58);
}
.case-diagram--voice i {
    position: absolute;
    bottom: 24%;
    width: 2.8%;
    background: linear-gradient(180deg, rgba(178,137,255,.95), rgba(91,202,255,.38));
    box-shadow: 0 0 24px rgba(178,137,255,.34);
}
.case-diagram--voice i:nth-child(2){left:24%;height:18%}.case-diagram--voice i:nth-child(3){left:29%;height:31%}.case-diagram--voice i:nth-child(4){left:34%;height:46%}.case-diagram--voice i:nth-child(5){left:39%;height:28%}.case-diagram--voice i:nth-child(6){left:44%;height:58%}.case-diagram--voice i:nth-child(7){left:49%;height:38%}.case-diagram--voice i:nth-child(8){left:54%;height:48%}.case-diagram--voice i:nth-child(9){left:59%;height:26%}.case-diagram--voice i:nth-child(10){left:64%;height:34%}.case-diagram--voice i:nth-child(11){left:69%;height:20%}.case-diagram--voice i:nth-child(12){left:74%;height:44%}.case-diagram--voice i:nth-child(13){left:79%;height:24%}
.case-tone--voice .case-story,
.case-tone--voice .case-layers {
    background:
        repeating-linear-gradient(90deg, rgba(178,137,255,.055) 0 2px, transparent 2px 26px),
        #080713;
    color: var(--case-ink);
}
.case-tone--voice .case-story__body,
.case-tone--voice .case-story__note,
.case-tone--voice .case-layer p {
    color: #bfb0df;
}

.case-tone--medical {
    --case-bg: #071210;
    --case-ink: #eefdf7;
    --case-muted: #b8ccc5;
    --case-panel: rgba(74,227,195,.075);
}
.case-tone--medical .case-hero__visual img {
    object-position: center;
    filter: saturate(1.02) contrast(1.02) brightness(.78);
}
.case-tone--medical .case-hero__shade {
    background:
        linear-gradient(0deg, #071210, rgba(7,18,16,.18) 62%, rgba(7,18,16,.66)),
        linear-gradient(90deg, rgba(7,18,16,.9), transparent 67%);
}
[dir="rtl"] .case-tone--medical .case-hero__shade {
    background:
        linear-gradient(0deg, #071210, rgba(7,18,16,.18) 62%, rgba(7,18,16,.66)),
        linear-gradient(-90deg, rgba(7,18,16,.9), transparent 67%);
}
.case-tone--medical .case-signature {
    background:
        linear-gradient(90deg, rgba(74,227,195,.08), transparent 46%, rgba(255,174,91,.06)),
        #eef7f3;
    color: #071210;
}
.case-tone--medical .case-signature__grid {
    grid-template-columns: minmax(340px, .82fr) minmax(0, 1.18fr);
}
.case-tone--medical .case-signature__visual {
    order: 2;
    border-color: rgba(7,18,16,.16);
    background: #071210;
}
.case-tone--medical .case-signature__copy {
    order: 1;
}
.case-tone--medical .case-signature__copy > p:not(.eyebrow) {
    color: #43554f;
}
.case-tone--medical .case-signature__tokens span {
    border-color: rgba(7,18,16,.14);
    background: rgba(7,18,16,.045);
    color: #075d50;
}
.medical-flow {
    position: absolute;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, rgba(74,227,195,.08), rgba(74,227,195,.9), rgba(255,174,91,.9), transparent);
}
.medical-flow--a { top: 34%; }
.medical-flow--b { top: 50%; }
.medical-flow--c { top: 66%; }
.medical-card {
    position: absolute;
    width: 24%;
    height: 13%;
    border: 1px solid rgba(74,227,195,.7);
    background: rgba(74,227,195,.08);
}
.medical-card--a { left: 10%; top: 22%; }
.medical-card--b { right: 12%; top: 42%; border-color: rgba(255,174,91,.78); background: rgba(255,174,91,.1); }
.medical-card--c { left: 21%; bottom: 18%; }
.case-tone--medical .case-story {
    background: #f2f8f5;
    color: #071210;
}
.case-tone--medical .case-story__body,
.case-tone--medical .case-story__note {
    color: #3f514b;
}
.case-tone--medical .case-proof {
    background: #071210;
}
.case-tone--medical .case-layers {
    background: #0a1714;
}

.case-tone--access {
    --case-bg: #100b09;
    --case-ink: #fff4ea;
    --case-muted: #cebdae;
    --case-panel: rgba(255,129,102,.08);
}
.case-tone--access .case-hero {
    text-align: center;
}
.case-tone--access .case-hero__heading {
    margin-inline: auto;
}
[dir="rtl"] .case-tone--access .case-hero h1 {
    margin-inline: auto;
}
.case-tone--access .case-back {
    margin-inline: auto;
}
.case-tone--access .case-hero__visual img {
    object-position: center;
    filter: saturate(1.14) contrast(1.08) brightness(.72);
}
.case-tone--access .case-hero__shade {
    background:
        linear-gradient(0deg, #100b09, rgba(16,11,9,.18) 58%, rgba(16,11,9,.68)),
        linear-gradient(90deg, rgba(255,129,102,.15), transparent 50%, rgba(111,255,148,.13));
}
.case-tone--access .case-signature__grid {
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
}
.case-tone--access .case-signature__visual {
    min-height: clamp(560px, 76vh, 820px);
    clip-path: polygon(12% 0, 88% 0, 100% 100%, 0 100%);
}
.access-gate {
    position: absolute;
    top: 8%;
    bottom: 8%;
    width: 2px;
    background: linear-gradient(180deg, transparent, rgba(255,129,102,.98), transparent);
    box-shadow: 0 0 35px rgba(255,129,102,.7);
}
.access-gate--a { left: 34%; }
.access-gate--b { right: 34%; background: linear-gradient(180deg, transparent, rgba(111,255,148,.96), transparent); box-shadow: 0 0 35px rgba(111,255,148,.62); }
.access-beam {
    position: absolute;
    left: 17%;
    right: 17%;
    top: 52%;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(255,129,102,.95), rgba(111,255,148,.85), transparent);
}
.access-dot {
    position: absolute;
    width: 16px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(111,255,148,.9);
    box-shadow: 0 0 24px rgba(111,255,148,.7);
}
.access-dot--a { left: 29%; top: 28%; background: rgba(255,129,102,.9); }
.access-dot--b { right: 29%; top: 68%; }
.access-dot--c { left: 49%; bottom: 22%; background: rgba(93,220,255,.9); }
.case-tone--access .case-story,
.case-tone--access .case-layers {
    background:
        repeating-linear-gradient(90deg, rgba(255,129,102,.06) 0 1px, transparent 1px 56px),
        #100b09;
    color: var(--case-ink);
}
.case-tone--access .case-story__body,
.case-tone--access .case-story__note,
.case-tone--access .case-layer p {
    color: #cebdae;
}

.case-tone--adas .case-experience,
.case-tone--satellite .case-experience,
.case-tone--identity .case-experience,
.case-tone--robotics .case-experience,
.case-tone--voice .case-experience,
.case-tone--medical .case-experience,
.case-tone--access .case-experience {
    background: var(--case-bg);
}
.case-tone--satellite .case-visual-grid {
    grid-template-columns: .8fr 1.2fr;
}
.case-tone--identity .case-visual-grid {
    grid-template-columns: 1fr;
    max-width: 980px;
}
.case-tone--robotics .case-visual-grid {
    grid-template-columns: 1.15fr .85fr;
}
.case-tone--voice .case-visual-grid {
    grid-template-columns: 1fr;
}
.case-tone--medical .case-visual-grid {
    grid-template-columns: .9fr 1.1fr;
}
.case-tone--access .case-visual-grid {
    grid-template-columns: .85fr 1.15fr;
}
.case-tone--medical .case-generated-shot,
.case-tone--satellite .case-generated-shot {
    border-color: color-mix(in srgb, var(--accent) 34%, rgba(255,255,255,.18));
}

@media (max-width: 1180px) {
    .case-hero__readout {
        display: none;
    }
    .case-signature__grid,
    .case-tone--adas .case-signature__grid,
    .case-tone--satellite .case-signature__grid,
    .case-tone--robotics .case-signature__grid,
    .case-tone--medical .case-signature__grid,
    .case-tone--access .case-signature__grid {
        grid-template-columns: 1fr;
    }
    .case-tone--satellite .case-signature__visual,
    .case-tone--robotics .case-signature__visual,
    .case-tone--medical .case-signature__visual {
        order: initial;
    }
}
@media (max-width: 760px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .site-header {
        max-width: 100vw;
        overflow: hidden;
    }
    [dir="rtl"] .site-header {
        display: block;
    }
    .brand {
        min-width: 0;
    }
    [dir="rtl"] .brand {
        position: absolute;
        top: 50%;
        right: 6vw;
        transform: translateY(-50%);
    }
    [dir="rtl"] .header-actions {
        position: absolute;
        top: 50%;
        left: 6vw;
        right: auto;
        transform: translateY(-50%);
    }
    .brand__icon {
        display: block;
    }
    .brand__word {
        display: none;
    }
    .brand__signal {
        display: none;
    }
    .case-hero,
    .case-signature,
    .case-story,
    .case-experience,
    .case-proof,
    .case-layers,
    .case-gallery,
    .next-case {
        max-width: 100vw;
        overflow-x: hidden;
    }
    [dir="rtl"] .case-hero__content {
        width: min(88vw, 420px);
        max-width: 88vw;
        margin-inline: auto;
        padding-right: clamp(1.4rem, 9vw, 2.6rem);
        padding-left: 0;
        text-align: right;
        transform: translateX(clamp(-4.5rem, -12vw, -2.2rem));
    }
    [dir="rtl"] .case-tone--identity .case-hero__content,
    [dir="rtl"] .case-tone--access .case-hero__content {
        padding-right: 0;
        transform: none;
    }
    [dir="rtl"] .case-hero__heading {
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
    }
    [dir="rtl"] .case-hero h1,
    [dir="rtl"] .case-tone--identity .case-hero h1,
    [dir="rtl"] .case-tone--access .case-hero h1 {
        width: min(100%, 330px);
        max-width: 290px;
        margin-left: auto;
        margin-right: 0;
        font-size: clamp(2.45rem, 2.9rem, 3.05rem);
        line-height: 1.2;
        overflow-wrap: anywhere;
        text-align: right;
    }
    [dir="rtl"] .case-tone--identity .case-hero h1,
    [dir="rtl"] .case-tone--access .case-hero h1 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .case-hero__summary {
        max-width: 100%;
        font-size: .88rem;
    }
    [dir="rtl"] .case-hero__summary {
        width: min(100%, 300px);
        max-width: 300px;
        margin-left: auto;
        margin-right: 0;
    }
    [dir="rtl"] .case-tone--identity .case-hero__summary,
    [dir="rtl"] .case-tone--access .case-hero__summary {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .case-back {
        display: none;
    }
    .case-hero__signature {
        display: none;
    }
    .case-hero__meta {
        display: none;
    }
    .case-signature {
        min-height: auto;
    }
    .case-signature__visual,
    .case-tone--access .case-signature__visual {
        min-height: 360px;
        clip-path: none;
    }
    .case-tone--identity .case-signature__visual {
        width: 100%;
        clip-path: none;
    }
    .case-signature__copy h2 {
        font-size: clamp(2.2rem, 3.6rem, 3.8rem);
    }
    .case-tone--satellite .case-visual-grid,
    .case-tone--robotics .case-visual-grid,
    .case-tone--medical .case-visual-grid,
    .case-tone--access .case-visual-grid {
        grid-template-columns: 1fr;
    }
    .road-sign {
        width: 48px;
    }
    .case-diagram--voice i {
        bottom: 18%;
    }
}
@media (max-width: 420px) {
    [dir="rtl"] .case-hero h1,
    [dir="rtl"] .case-tone--identity .case-hero h1,
    [dir="rtl"] .case-tone--access .case-hero h1 {
        font-size: 2.45rem;
    }
}