.project-case{--case-brand:#f2698d;--case-accent:hsl(var(--primary));--case-paper:#fde4ea;--case-ink:#1a1435;--case-base:#09090b;--case-surface:#111114;overflow:clip}.project-case[data-project=ozge-aykir]{--case-brand:#0a370f;--case-paper:#f2f4e9;--case-ink:#0a370f}.project-case[data-project=kakto-edno-vreme]{--case-brand:#212e1b;--case-paper:#f0eee2;--case-ink:#212e1b}.project-case[data-project=amazonis-market]{--case-brand:#e9762a;--case-paper:#faf9f9;--case-ink:#002066}.project-case section[id]{scroll-margin-top:88px}.project-case :is(a,button,[tabindex="0"]):focus-visible{outline:2px solid var(--case-accent);outline-offset:4px}.project-case [id=idea]{isolation:isolate}[data-project=ozge-aykir] .case-brief-image img{object-position:80%}.case-brand-studio{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.case-colour-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.case-colour-options button{text-align:left;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:12px;transition:border-color .2s,background .2s;display:flex}.case-colour-options button>span{border:1px solid #ffffff20;border-radius:6px;place-items:center;width:100%;height:44px;display:grid}.case-colour-options button[aria-pressed=true]{border-color:var(--case-accent);background:color-mix(in srgb,var(--case-accent) 6%,transparent)}.case-colour-options button:hover{border-color:var(--case-accent)}.case-colour-options code{color:#a1a1aa;font-size:11px}.case-brand-stage{isolation:isolate;border:1px solid #ffffff1a;border-radius:24px;height:460px;position:relative;overflow:hidden}.case-tablist{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.case-tablist button{color:#ceccd1;background:0 0;border:1px solid #ffffff30;border-radius:100px;align-items:center;gap:10px;min-height:48px;padding:13px 23px;font-size:14px;line-height:1.3;transition:background .2s,color .2s;display:inline-flex}.case-tablist button span{opacity:.6;font-size:10px}.case-tablist button[aria-selected=true]{color:var(--case-ink);background:var(--case-accent);border-color:var(--case-accent)}.case-tablist button:hover:not([aria-selected=true]){border-color:var(--case-accent);color:var(--case-accent)}.case-journey-panel{background:#19191d;border:1px solid #ffffff20;border-radius:20px;grid-template-columns:1fr 1.15fr;min-height:485px;display:grid;overflow:hidden}.case-journey-visual{background:var(--case-paper);min-height:430px;position:relative;overflow:hidden}.case-journey-visual>img{object-fit:cover}.case-journey-index{width:44px;height:44px;color:var(--case-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fff9;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:20px;left:24px}.case-journey-copy{flex-direction:column;justify-content:center;min-width:0;padding:48px;display:flex}.project-case .case-journey-copy h3{font-size:clamp(28px,3.1vw,42px);line-height:1.12}.case-journey-copy>p{color:#bbb8c0;margin-top:20px;font-size:16px;line-height:1.65}.case-flow{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;padding:0;list-style:none;display:grid}.case-flow li{min-width:0;font-size:12px;line-height:1.5;position:relative}.case-flow-icon{background:color-mix(in srgb,var(--case-accent) 15%,transparent);width:48px;height:48px;color:var(--case-accent);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.case-flow-arrow{color:#77737c;position:absolute;top:15px;right:0}.project-case .case-demo-note{color:#8e8a96;margin-top:16px;font-size:11px;line-height:1.5}.case-service-symbol{background:#2b422b22;place-items:center;display:grid;position:absolute;inset:0}.case-service-symbol svg{width:130px;height:130px;color:var(--case-ink);background:#f4f6e6ee;border:1px solid #fff;border-radius:30px;padding:32px;transform:rotate(-8deg);box-shadow:0 25px 50px #24341a30}.case-storefront{background:#1b1b20;padding-block:85px}.case-browser-stage{background:color-mix(in srgb,var(--case-accent) 16%,#17171b);border-radius:20px;min-height:300px;padding:40px 40px 0;overflow:hidden}.case-browser-frame{background:#eee;border:1px solid #ffffff30;border-radius:10px 10px 0 0;max-width:1180px;margin:auto;overflow:hidden;box-shadow:0 18px 70px #0005}.case-browser-chrome{color:#e3e0e7;background:#313137;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:10px;display:flex}.case-browser-chrome i{background:#8e8b96;border-radius:50%;width:5px;height:5px;display:block}.case-browser-chrome span{margin-left:12px}.case-browser-image{scrollbar-width:thin;scrollbar-color:#87838d #eee;max-height:660px;overflow:auto}.case-browser-image img{display:block}.case-browser-mobile .case-browser-frame{border-width:6px 6px 0;border-radius:26px 26px 0 0;max-width:350px}.case-browser-mobile .case-browser-image{max-height:590px}.case-enlarge{color:#eee;align-items:center;gap:10px;min-height:44px;padding:10px 0;font-size:13px;display:inline-flex}.case-enlarge:hover{color:var(--case-accent)}.case-viewer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000d;position:fixed;inset:0}.case-viewer{color:#f5f3f7;z-index:101;background:#1b1b20;border:1px solid #ffffff30;border-radius:16px;outline:none;flex-direction:column;max-width:1280px;margin:auto;display:flex;position:fixed;inset:5vh 4vw;overflow:hidden}.case-viewer-toolbar{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.case-viewer-toolbar h2{font-size:17px;line-height:1.4}.case-viewer-toolbar>div{flex-shrink:0;gap:8px;display:flex}.case-viewer-toolbar button{border:1px solid #ffffff30;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.case-viewer-description{color:#bbb8c4;margin:0;padding:12px 20px;font-size:13px;line-height:1.5}.case-viewer-scroll{scrollbar-width:thin;background:#f6f4f0;flex:1;min-height:0;overflow:auto}.case-viewer-scroll img{display:block}.case-viewer :focus-visible{outline-offset:-3px;outline:2px solid #c084fc}.project-case .case-screen-caption{margin-top:20px;font-size:16px;line-height:1.6}.case-original-mark{z-index:3;background:#fff;border:1px solid #fff6;border-radius:18px;width:210px;height:98px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.case-original-mark img{object-fit:contain;padding:14px 28px}.case-stage-grid{opacity:.65;pointer-events:none;background-image:linear-gradient(#ffffff18 1px,#0000 1px),linear-gradient(90deg,#ffffff18 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.case-jewelry-fan{perspective:900px;width:0;height:0;position:absolute;top:59%;left:50%}.case-jewel-card{border:6px solid #fff;border-radius:100px 100px 12px 12px;width:172px;height:224px;position:absolute;top:-100px;left:-86px;overflow:hidden;box-shadow:0 18px 40px #1a14354d}.case-jewel-card img{object-fit:cover}.case-practice-orbit{position:absolute;inset:155px 70px 35px}.case-practice-photo{border-radius:50% 50% 15px 15px;position:absolute;inset:-25px 0 0;overflow:hidden;box-shadow:0 18px 50px #0003}.case-practice-photo img{object-fit:cover;object-position:80%}.case-orbit-node{color:#0a370f;background:#f7f9ec;border:1px solid #fff;border-radius:20px;place-items:center;width:70px;height:70px;display:grid;position:absolute;box-shadow:0 10px 25px #0003}.case-orbit-node-0{top:28px;left:-20px}.case-orbit-node-1{top:40px;right:-20px}.case-orbit-node-2{bottom:-8px;left:45%}.case-local-scene{position:absolute;inset:145px 0 0}.case-local-landscape{border-radius:48% 48% 0 0;position:absolute;inset:0;overflow:hidden}.case-local-landscape img{object-fit:cover}.case-local-plate{border:7px solid #fff6;border-radius:50%;width:180px;height:180px;position:absolute;bottom:20px;right:30px;overflow:hidden;box-shadow:0 18px 40px #0004}.case-local-plate img{object-fit:cover}.case-industrial-stack{flex-direction:column;gap:12px;display:flex;position:absolute;inset:145px 18% 28px}.case-industrial-stack>div{background:#07132b;border:1px solid #ffffff40;border-radius:4px;flex:1;align-items:center;min-height:0;display:flex;position:relative;box-shadow:0 10px 20px #0003}.case-industrial-stack img{object-fit:contain;width:100%;height:100%;padding:5px 22px}.case-industrial-stack span{color:#e9762a;font-family:monospace;font-size:9px;position:absolute;top:10px;left:10px}.case-jewel-glint{pointer-events:none;background:linear-gradient(110deg,#0000 30%,#fff6 50%,#0000 70%);width:70%;position:absolute;inset:-30%;transform:rotate(15deg)}.case-delivery-diagram{color:#212e1b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0eee2ed;border:1px solid #fff8;border-radius:20px;align-items:center;gap:18px;padding:22px;display:flex;position:absolute;bottom:28px;left:30px;right:30px;box-shadow:0 12px 30px #0003}.case-delivery-track{background:#212e1b30;flex:1;height:2px;position:relative}.case-delivery-track>div{transform-origin:0;background:#212e1b;position:absolute;inset:0}.case-delivery-track>span{color:#fff;background:#212e1b;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:-15px}.case-connected-service{justify-content:center;align-items:center;gap:20px;display:flex}.case-connected-service>span{display:block;position:relative}.case-connected-service>span:not(:last-child):after{content:"";background:#fff8;width:40px;height:1px;position:absolute;top:50%;right:-35px}.case-connected-service svg{border-radius:22px;width:85px;height:85px;padding:23px;transform:none}.case-catalogue-scan{pointer-events:none;background:#e9762a;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 35px 12px #e9762a44}.case-journey-panel{background:#ffffff03;border-color:#ffffff1a;border-radius:16px;min-height:420px}.case-tablist button{border-radius:12px}.case-journey-visual{min-height:380px}.case-journey-photo{position:absolute;inset:0}.case-journey-photo img{object-fit:cover}.project-case .case-journey-copy h3{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.15}.case-journey-copy{padding:40px}.case-browser-stage{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--case-brand) 16%,transparent),#ffffff02);border:1px solid #ffffff1a}.case-browser-frame{max-width:960px}[data-project=amazonis-market] .case-journey-photo img{object-fit:contain;padding:24px}[data-project=amazonis-market] .case-journey-visual{background:#07132b}[data-project=amazonis-market] .case-original-mark{background:#faf9f9}[data-project=ozge-aykir] .case-journey-photo img{object-position:80%}[data-project=lumies-jewelry] .case-stage-grid{background-image:radial-gradient(#ffffff60 1px,#0000 1px);background-size:24px 24px}@media (max-width:1023px){.case-brand-studio{gap:36px}.case-journey-copy{padding:28px}.case-flow{gap:14px}.case-connected-service{gap:10px}.case-connected-service svg{width:65px;height:65px;padding:16px}.case-practice-orbit{inset:155px 35px 35px}}@media (max-width:767px){.case-brand-studio{grid-template-columns:1fr;gap:32px}.case-brand-stage{height:365px}.case-colour-options{gap:8px}.case-colour-options button{padding:10px}.case-original-mark{width:175px;height:82px;top:20px}.case-original-mark img{padding:12px 22px}.case-jewelry-fan{top:62%}.case-jewel-card{border-width:4px;width:120px;height:175px;top:-80px;left:-60px}.case-practice-orbit{inset:135px 40px 25px}.case-orbit-node{border-radius:15px;width:55px;height:55px}.case-orbit-node svg{width:25px}.case-local-scene{inset:120px 0 0}.case-local-plate{width:135px;height:135px;bottom:15px;right:15px}.case-industrial-stack{gap:9px;inset:125px 16% 22px}.case-tablist{gap:8px;margin-bottom:20px}.case-tablist button{padding:12px 14px;font-size:13px}.case-journey-panel{grid-template-columns:1fr;min-height:0}.case-journey-visual{height:260px;min-height:0}.case-journey-copy{padding:24px 20px}.case-flow{gap:14px;margin-top:28px}.case-flow li{font-size:11px}.case-flow-arrow{right:-6px}.case-flow-icon{width:42px;height:42px}.case-delivery-diagram{gap:14px;padding:16px;bottom:18px;left:18px;right:18px}.case-connected-service{gap:15px}.case-connected-service svg{border-radius:18px;width:62px;height:62px;padding:15px}.case-browser-stage{min-height:0;padding:16px 12px 0}.case-browser-image{max-height:460px}.case-browser-mobile .case-browser-image{max-height:520px}.case-viewer{inset:12px}.case-viewer-toolbar{gap:8px;padding:10px 12px}.case-viewer-toolbar h2{font-size:15px}.case-viewer-description{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.project-case *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html.light .project-case{--case-base:#faf9fc;--case-surface:#fff}html.light .project-case .text-primary{color:var(--case-brand)}html.light .project-case[data-project=lumies-jewelry] .text-primary{color:#b82e59}html.light .project-case[data-project=amazonis-market] .text-primary{color:#a34308}html.light :is(.case-colour-options button,.case-brand-stage,.case-tablist button,.case-journey-panel,.case-browser-stage){border-color:hsl(var(--border))}html.light :is(.case-colour-options code,.case-journey-copy>p,.project-case .case-demo-note){color:hsl(var(--muted-foreground))}html.light .case-tablist button:not([aria-selected=true]),html.light .case-enlarge{color:hsl(var(--foreground))}html.light .case-journey-panel{background:hsl(var(--card))}