.case-study{background:var(--page);color:var(--ink)}.case-hero{min-height:100svh;padding:max(116px, calc(var(--header-clearance) + 24px)) 0 74px;color:var(--dark-text);background:radial-gradient(circle at 72% 28%,#20345a,#090d16 34%,#020204 72%);position:relative;overflow:hidden}.case-ambient{pointer-events:none;background:radial-gradient(circle at 18% 70%,#2869ff26,#0000 34%);position:absolute;inset:0}.case-hero-layout{z-index:1;gap:38px;display:grid;position:relative}.case-back{color:#d5d7dc;cursor:pointer;backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:9px;width:fit-content;max-width:100%;padding:10px 14px;line-height:1.5;display:inline-flex}.case-hero-copy-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.6fr);align-items:end;gap:56px;display:grid}.case-heading h1{letter-spacing:-.06em;max-width:13ch;margin-top:15px;font-size:clamp(56px,7vw,102px);font-weight:660;line-height:.93}[dir=rtl] .case-heading h1{line-height:var(--arabic-heading-line-height);letter-spacing:normal}.case-heading p{color:#a7abb4;max-width:58ch;margin-top:24px;font-size:16px;line-height:1.65}.case-facts{backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff24;border-radius:24px;gap:0;display:grid;overflow:hidden}.case-facts>div{border-top:1px solid #ffffff14;grid-template-columns:.8fr 1.2fr;gap:16px;padding:15px 18px;display:grid}.case-facts>div:first-child{border-top:0}.case-facts>div>span{color:#8c919c;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.case-facts strong{font-size:12px;line-height:1.4}.case-hero-visual{place-items:center;min-height:560px;display:grid;position:relative}.case-main-device{z-index:2;width:min(78%,920px);position:relative}.case-support{z-index:3;background:#11131a;border:1px solid #ffffff24;border-radius:24px;position:absolute;overflow:hidden;box-shadow:0 24px 60px #0000005c}.case-support img{object-fit:cover;width:100%;height:100%}.case-support-1{aspect-ratio:.54;inset-inline-end:3%;width:min(22%,235px);bottom:1%;transform:rotate(2deg)}.case-support-2{aspect-ratio:1.1;inset-inline-start:1%;width:min(24%,300px);top:10%;transform:rotate(-2deg)}.case-story{position:relative}.case-chapter-nav{z-index:80;top:var(--header-clearance);opacity:1;width:min(100% - 32px,920px);transition:opacity var(--motion-medium), transform var(--motion-medium);margin:24px auto -78px;position:sticky}.case-chapter-nav.is-hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.case-chapter-nav-inner{box-shadow:var(--shadow-sm);backdrop-filter:blur(20px);background:#f7f7f9d1;border:1px solid #ffffffb8;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:6px;display:grid}.case-chapter-nav button{min-width:0;color:var(--muted);text-align:start;cursor:pointer;background:0 0;border-radius:14px;gap:4px;padding:9px 11px;display:grid}.case-chapter-nav button.is-active{color:#fff;background:#1c1d20}.case-chapter-nav button>span{letter-spacing:.08em;font-size:9px;font-weight:800}.case-chapter-nav button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.case-sections{padding-top:max(96px, calc(var(--header-clearance) + 12px))}.case-section{border-top:1px solid var(--line);padding:112px 0;scroll-margin-top:90px;position:relative;overflow:clip}.case-section-number{inset-inline-end:4%;color:#0000000b;letter-spacing:-.08em;pointer-events:none;font-size:clamp(130px,18vw,260px);font-weight:700;position:absolute;top:70px}.case-section-layout{z-index:2;grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);align-items:start;gap:clamp(42px,7vw,100px);display:grid;position:relative}.case-section-copy{top:calc(var(--header-clearance) + 72px);position:sticky}.case-step{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:800}.case-section-copy h2{letter-spacing:-.052em;margin-top:14px;font-size:clamp(40px,4.5vw,64px);line-height:1}[dir=rtl] .case-section-copy h2{line-height:var(--arabic-heading-line-height);letter-spacing:normal}.case-section-copy p{color:var(--muted);margin-top:20px;font-size:14px;line-height:1.75}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.case-image{min-width:0}.case-image.is-primary{grid-column:1/-1}.case-image>div{border:1px solid var(--line);background:#e9ebef;border-radius:24px;overflow:hidden;box-shadow:0 16px 44px #00000012}.case-image img{width:100%;height:auto}.case-closing{color:var(--dark-text);background:#050609;padding:120px 0;position:relative}.case-closing-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);align-items:center;gap:68px;display:grid}.case-closing h2{letter-spacing:-.055em;max-width:13ch;margin-top:14px;font-size:clamp(46px,5vw,72px);line-height:.98}[dir=rtl] .case-closing h2{line-height:var(--arabic-heading-line-height);letter-spacing:normal}.case-closing p{color:#a5a8b0;max-width:56ch;margin-top:20px;font-size:15px;line-height:1.7}.case-closing-facts{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:22px;overflow:hidden}.case-closing-facts>div{border-top:1px solid #ffffff14;grid-template-columns:.9fr 1.1fr;gap:16px;padding:16px 18px;display:grid}.case-closing-facts>div:first-child{border-top:0}.case-closing-facts>div>span{color:#a5a8b0;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.case-closing-facts strong{font-size:12px}.next-project{color:var(--dark-text);background:#050609;padding:90px 0 110px}.next-project-card{text-align:start;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);width:100%;margin-top:20px;padding:0;display:grid;overflow:hidden}.next-project-copy{flex-direction:column;padding:34px;display:flex;position:relative}.next-project-copy>span{color:#8e929d;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.next-project-copy>strong{letter-spacing:-.05em;margin-top:18px;font-size:clamp(34px,4vw,56px);line-height:.98}[dir=rtl] .next-project-copy>strong{line-height:var(--arabic-heading-line-height);letter-spacing:normal}.next-project-copy>p{color:#a5a8b0;margin-top:16px;font-size:14px;line-height:1.6}.next-project-copy>i{align-self:flex-end;margin-top:auto;font-size:34px;font-style:normal}.next-project-image{background:#10131a;min-height:380px;overflow:hidden}.next-project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out)}.next-project-card:hover .next-project-image img{transform:scale(1.025)}@media (width<=900px){.case-hero-copy-grid,.case-closing-layout{grid-template-columns:1fr}.case-hero-visual{min-height:500px}.case-main-device{width:92%}.case-section-layout{grid-template-columns:1fr}.case-section-copy{position:relative;top:auto}.case-chapter-nav{top:var(--header-clearance)}}@media (width<=680px){.case-hero{padding-top:max(96px, calc(var(--header-clearance) + 12px))}.case-heading h1{font-size:clamp(50px,14vw,72px)}.case-hero-visual{min-height:360px}.case-main-device{width:100%}.case-support-1{width:26%}.case-support-2,.case-chapter-nav{display:none}.case-sections{padding-top:0}.case-section{padding:78px 0}.case-section-number{top:44px}.case-gallery{grid-template-columns:1fr}.case-image.is-primary{grid-column:auto}.next-project-card{grid-template-columns:1fr}.next-project-image{min-height:280px}}[dir=rtl] .case-back>span[aria-hidden]{transform:scaleX(-1)}