.florin-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;background:var(--canvas, #f7f6f2);color:var(--ink, #121316);isolation:isolate;--fi-glow: rgba(217, 78, 40, .12)}.fi-skip{position:absolute;z-index:5;top:max(var(--space-3, 16px),env(safe-area-inset-top));right:var(--space-3, 16px);min-width:60px;min-height:40px;border-radius:var(--radius, 8px);border:1px solid var(--border, rgba(18, 19, 22, .12));background:#fff;color:var(--ink, #121316);cursor:pointer;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.fi-skip:hover{background:#1213160d;transform:translateY(-1px)}.fi-stage,.fi-world,.fi-camera{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fi-typing,.fi-code,.fi-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.fi-typing{white-space:pre;font-family:inherit;font-size:clamp(16px,2.3vw,30px);font-weight:700;color:var(--ink, #121316)}.fi-cursor{height:1.1em;width:2px;margin-left:5px;background:var(--accent, #d94e28)}.fi-code{flex-direction:column;gap:14px;color:var(--ink, #121316);font-family:Space Grotesk,ui-monospace,monospace;font-size:clamp(11px,1.7vw,20px);white-space:pre}.fi-code code{opacity:0}.fi-world{opacity:0;perspective:850px;perspective-origin:50% 42%}.fi-camera{transform-style:preserve-3d}.fi-grid{position:absolute;width:180%;height:170%;left:-40%;top:15%;background:radial-gradient(ellipse at center,var(--fi-glow) 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at center,black 15%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 15%,transparent 70%);transform-origin:center 30%}.fi-window{position:absolute;width:clamp(190px,25vw,360px);top:29%;left:12%;opacity:0;background:#fff;border:1px solid rgba(18,19,22,.12);border-radius:var(--radius, 8px);box-shadow:0 18px 48px #12131614;overflow:hidden}.fi-window-1{left:40%;top:34%}.fi-window-2{left:73%;top:24%;width:clamp(120px,13vw,180px)}.fi-window-bar{display:flex;gap:5px;align-items:center;padding:10px 14px;background:#f4f2ee;border-bottom:1px solid rgba(18,19,22,.08)}.fi-window-bar>i{width:6px;height:6px;background:var(--accent, #d94e28);border-radius:50%;opacity:.6}.fi-window-bar small{margin-left:auto;font-family:Space Grotesk,ui-monospace,monospace;font-size:9px;font-weight:700;color:var(--muted, #5e636e);text-transform:uppercase}.fi-store,.fi-app{padding:16px}.fi-store strong{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:15px;font-weight:800;color:var(--ink, #121316)}.fi-products{display:flex;gap:8px;margin:14px 0}.fi-products i{flex:1;height:65px;border-radius:6px;background:#1213160d}.fi-products i:nth-child(2){background:var(--accent-subtle, rgba(217, 78, 40, .08))}.fi-store b,.fi-app b{display:block;height:5px;width:70%;margin:8px 0;background:#12131614;border-radius:4px}.fi-store b:last-child,.fi-app b:last-of-type{width:40%}.fi-dashboard{display:flex;gap:12px;padding:16px;height:174px}.fi-dashboard aside{width:28px;border-radius:4px;background:#1213160d}.fi-dashboard>div{flex:1}.fi-metrics{display:flex;gap:8px;height:30px}.fi-metrics i{flex:1;background:#1213160d;border-radius:4px}.fi-chart{height:85px;display:flex;align-items:end;gap:8px;margin-top:20px}.fi-chart i{flex:1;background:var(--ink, #121316);opacity:.75;border-radius:3px 3px 0 0}.fi-chart i:nth-child(2n){background:var(--accent, #d94e28);opacity:1}.fi-app-disc{display:block;width:54px;height:54px;margin:10px auto 20px;border-radius:50%;border:6px solid var(--accent, #d94e28)}.fi-app>div{display:flex;gap:8px;margin:18px 0}.fi-app>div i{height:40px;flex:1;border-radius:6px;background:#1213160d}.fi-app em{display:block;height:16px;background:var(--ink, #121316);border-radius:4px}.fi-reveal{opacity:0;flex-direction:column;text-align:center;padding:24px;pointer-events:none}.florin-intro .fi-wordmark{font-family:Plus Jakarta Sans,system-ui,sans-serif!important;font-size:clamp(54px,12vw,150px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--ink, #121316);margin:0}.fi-wordmark .orbit-hero__word-dot{color:var(--accent, #d94e28)}.florin-intro .fi-tagline{margin:18px 0 0;font-size:clamp(16px,1.8vw,24px);font-weight:600;color:var(--muted, #5e636e);line-height:1.5}.fi-explore{margin-top:28px;display:inline-flex;align-items:center;gap:8px;background:var(--ink, #121316);color:#fff!important;border:1px solid var(--ink, #121316);border-radius:var(--radius, 8px);padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;pointer-events:auto;transition:transform .2s,background .2s}.fi-explore:hover{background:#23252b;transform:translateY(-1px)}.fi-explore:disabled{opacity:.5;cursor:not-allowed}@layer od-layout{.od-stack{display:flex;flex-direction:column;gap:var(--od-gap, 8px)}.od-row{display:flex;align-items:center;gap:var(--od-gap, 8px)}.od-fill{flex:1 1 0;min-width:0}.od-fixed{flex:none}.od-grid{display:grid;gap:var(--od-gap, 12px);grid-template-columns:repeat(var(--od-cols, 3),minmax(0,1fr))}.od-field{display:grid;gap:var(--od-gap, 2px)}.od-field>*{display:block}.od-nowrap{white-space:nowrap}.od-touch{min-width:44px;min-height:44px}}:root{--ivory: #f7f3ec;--paper: #fffdfa;--ink: #15191f;--muted: #66707d;--line: #d9d7d2;--blue: #1648d8;--blue-deep: #1238a8;--coral: var(--accent, #d94e28);--success: #1b7952;--danger: #b33b35;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--space-5: 64px;--space-6: 96px;--radius: 14px;--ease: cubic-bezier(.2, .7, .2, 1);--motion-fast: .18s;--motion-mid: .32s;--motion-page: .4s;--motion-stagger: 40ms;--motion-sequence: 80ms;font-family:Assistant,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--ivory)}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ivory);font-size:18px;line-height:1.55}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.skip{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-150%);background:var(--ink);color:#fff;padding:10px 14px;font-weight:700;text-decoration:none}.skip:focus{transform:none}.shell{max-width:1600px;margin:auto;padding:0 clamp(24px,5vw,80px)}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--ivory) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand i{color:var(--coral);font-style:normal}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a,.nav-links button.nav-btn{background:none;border:0;padding:0;font-size:16px;font-weight:600;text-decoration:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--ink)}.nav-links a:hover,.nav-links a[aria-current=page],.nav-links button.nav-btn:hover,.nav-links button.nav-btn[aria-current=page]{border-color:var(--blue)}.lang{--lang-x: 0px;position:relative;isolation:isolate;direction:ltr;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:5px;display:flex;gap:2px}.lang:before{content:"";position:absolute;z-index:-1;inset-block:5px;left:5px;width:calc((100% - 14px) / 3);border-radius:999px;background:var(--ink);transform:translate(var(--lang-x));transition:transform var(--motion-mid) var(--ease)}.lang button{border:0;background:transparent;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:14px;color:var(--muted);transition:color var(--motion-fast) var(--ease)}.lang button[aria-pressed=true]{color:#fff}.menu{display:none;border:0;background:none;font-size:24px;cursor:pointer}main{min-height:75vh}.page{display:none}.page.active{display:block;animation:page-in .35s var(--ease)}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}h1,h2,h3,p{margin:0;overflow-wrap:break-word;word-wrap:break-word}h1{font-size:clamp(48px,7vw,104px);line-height:.93;letter-spacing:-.07em;max-width:10ch}h2{font-size:clamp(34px,4vw,62px);line-height:1;letter-spacing:-.055em;max-width:13ch}h3{font-size:26px;line-height:1.05;letter-spacing:-.03em}p{max-width:64ch}.lead{font-size:clamp(20px,2vw,26px);line-height:1.35;color:#39424e}.text-muted{color:var(--muted)}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:6px;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;border:1px solid var(--blue);cursor:pointer;transition:transform .2s var(--ease),background .2s}.button:hover{background:var(--blue-deep);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button.secondary:hover{background:var(--ink);color:#fff}.button:focus-visible,.nav-links a:focus-visible,.nav-links button:focus-visible,.lang button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent, #d94e28);outline-offset:2px}.section{padding:var(--space-6) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.section-head p{color:var(--muted)}.hero{display:grid;gap:clamp(32px,4vw,52px);padding-block:56px 96px}.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);column-gap:clamp(28px,5vw,80px);row-gap:20px;align-items:end}.hero-copy .eyebrow{grid-column:1 / -1}.hero-copy h1{grid-row:span 2;max-width:13ch;font-size:clamp(48px,6.5vw,92px)}.hero-copy .lead{max-width:34ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{position:relative;height:clamp(420px,48vw,630px);overflow:hidden;background:#e8edf1;border-radius:8px}.hero-media img,.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:63% center}.hero-video{z-index:1}.hero-motion-control{position:absolute;z-index:2;bottom:18px;right:18px;width:44px;height:44px;border:1px solid #fff;border-radius:50%;background:#fffdfae8;color:var(--ink);cursor:pointer;font-size:17px;line-height:1}.hero-motion-control:focus-visible{outline:2px solid var(--accent, #d94e28);outline-offset:2px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project{grid-column:span 4;text-decoration:none;display:grid;gap:16px;cursor:pointer}.project.featured{grid-column:span 8}.project:focus-visible{outline:2px solid var(--accent, #d94e28);outline-offset:2px}.thumb{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--ink);isolation:isolate}.project.featured .thumb{aspect-ratio:16/9}.thumb.has-image:before{display:none!important}.thumb.has-image:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(380px circle at var(--spot-x, 50%) var(--spot-y, 50%),#ffffff52,transparent 70%);opacity:0;transition:opacity var(--motion-mid) var(--ease)}.project:hover .thumb.has-image:after,.project:focus-visible .thumb.has-image:after{opacity:1}.thumb-screenshot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s var(--ease)}.project:hover .thumb-screenshot{transform:scale(1.04)}.live-pill{position:absolute;top:14px;right:14px;z-index:5;background:#15191fd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;letter-spacing:.05em;text-transform:uppercase}.live-pill .live-dot{width:6px;height:6px;border-radius:50%;background:#27c93f;box-shadow:0 0 8px #27c93f;animation:pulse-live 2s infinite ease-in-out}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}[dir=rtl] .live-pill{right:auto;left:14px}.thumb:before,.thumb:after{content:"";position:absolute;transition:transform .5s var(--ease)}.thumb.thumb-luxe{background:var(--ink)}.thumb.thumb-luxe:before{width:75%;height:75%;left:14%;top:13%;background:var(--paper);transform:rotate(-7deg)}.thumb.thumb-luxe:after{width:48%;height:46%;right:7%;bottom:8%;background:var(--blue);transform:rotate(15deg)}.thumb.thumb-resume{background:#e9dac1}.thumb.thumb-resume:before{background:var(--coral);border-radius:50%;width:58%;height:72%;left:20%;top:14%}.thumb.thumb-resume:after{background:var(--ink);width:37%;height:35%;right:10%;bottom:13%}.thumb.thumb-adnan{background:#1c2d37}.thumb.thumb-adnan:before{background:var(--paper);width:58%;height:58%;left:21%;top:21%;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.thumb.thumb-adnan:after{background:var(--coral);width:32%;height:10px;right:18%;bottom:24%;border-radius:4px}.project:hover .thumb:before{transform:rotate(4deg) scale(1.05)}.project:hover .thumb:after{transform:rotate(-8deg) scale(1.12)}.project-meta{display:flex;justify-content:space-between;gap:12px}.project-meta p{font-size:16px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:270px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.service b{font-size:15px;color:var(--blue)}.service p{font-size:17px;color:var(--muted)}.service b,.service h3,.service p,.step span,.step h3{transition:color var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{padding-top:16px;border-top:2px solid var(--ink)}.step span{display:block;font-weight:800;color:var(--coral)}@media(hover:hover){.service:hover{background:var(--paper)}.service:hover b{transform:translateY(-4px)}.service:hover h3,.service:hover p{color:var(--ink)}.step:hover{border-color:var(--blue);background:var(--paper)}.step:hover span{transform:translateY(-4px)}.step:hover h3{color:var(--blue)}}.cta{min-height:85svh;padding:100px max(6vw,24px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;isolation:isolate;background:var(--canvas, #f7f6f2);color:var(--ink, #121316)}.cta-bloom{position:absolute;z-index:-1;width:min(50vw,670px);inset-inline-end:-6vw;top:50%;transform:translateY(-50%);opacity:.32}.cta-bloom img{width:100%}.cta .eyebrow{color:var(--accent, #d94e28)}.cta h2{max-width:950px;margin:24px 0 0;font-size:clamp(3rem,6.8vw,6rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.cta .button{margin-top:40px}.intro{padding:80px 0 30px}.intro p{margin-top:20px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery .project{grid-column:auto}.case{display:grid;gap:var(--space-5)}.case-hero{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:end}.case-shot{aspect-ratio:16/10;background:var(--ink);position:relative;overflow:hidden}.case-hero-intro{display:flex;flex-direction:column;justify-content:flex-end;gap:16px}.case-hero-cta{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}.case-live-url{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;color:var(--muted)}.case-browser-showcase{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 16px 36px #15191f14;display:flex;flex-direction:column}.browser-chrome{height:38px;background:#ecebe6;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:12px}.browser-dots{display:flex;gap:6px;flex-shrink:0}.browser-dots .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-address-bar{flex:1;min-width:0;height:24px;background:#fff;border:1px solid #d5d3cd;border-radius:4px;display:flex;align-items:center;padding:0 8px;gap:6px;font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.browser-lock{font-size:10px}.browser-url-text{color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-popout{font-size:14px;font-weight:700;color:var(--muted);text-decoration:none;padding:2px 6px;border-radius:4px;transition:color var(--motion-fast);flex-shrink:0}.browser-popout:hover{color:var(--blue)}.browser-viewport{width:100%;aspect-ratio:16/10;background:#fff;overflow:hidden;position:relative}.browser-screenshot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.case-poster{aspect-ratio:16/10;border-radius:8px;position:relative;overflow:hidden;padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 36px #15191f14;transition:transform var(--motion-mid) var(--ease),box-shadow var(--motion-mid) var(--ease)}.case-poster:hover{transform:translateY(-3px);box-shadow:0 22px 48px #15191f1f}.poster-luxe{background:var(--ink);color:var(--paper)}.poster-luxe:before{content:"";position:absolute;width:65%;height:65%;right:-10%;bottom:-15%;background:var(--blue);border-radius:50%;opacity:.55;filter:blur(50px)}.poster-luxe:after{content:"";position:absolute;width:35%;height:35%;left:10%;top:15%;background:var(--coral);border-radius:50%;opacity:.25;filter:blur(40px)}.poster-resume{background:#ede3d2;color:var(--ink)}.poster-resume:before{content:"";position:absolute;width:55%;height:55%;right:-5%;top:-10%;background:var(--coral);border-radius:50%;opacity:.35;filter:blur(40px)}.poster-adnan{background:#1c2d37;color:#fff}.poster-adnan:before{content:"";position:absolute;width:65%;height:65%;right:-10%;top:-15%;background:#2f536c;border-radius:50%;opacity:.6;filter:blur(50px)}.poster-adnan:after{content:"";position:absolute;width:35%;height:35%;left:10%;bottom:-5%;background:var(--coral);border-radius:50%;opacity:.35;filter:blur(40px)}.poster-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between}.poster-header{display:flex;justify-content:space-between;align-items:center}.poster-badge{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.poster-resume .poster-badge{background:#15191f17}.poster-num{font-size:15px;font-weight:800;opacity:.6}.poster-brand{margin:auto 0;padding:16px 0}.poster-title{font-size:clamp(32px,4.5vw,56px);line-height:.95;letter-spacing:-.04em;font-weight:800;margin-bottom:10px}.poster-tagline{font-size:clamp(16px,1.8vw,20px);line-height:1.35;opacity:.88}.poster-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.poster-pill-group{display:flex;gap:8px;flex-wrap:wrap}.poster-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:4px;border:1px solid currentColor;opacity:.85}.poster-launch-btn{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 4px 12px #0000001f;transition:transform var(--motion-fast) var(--ease),background var(--motion-fast)}.poster-launch-btn:hover{transform:scale(1.1);background:var(--coral);color:#fff}.case-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid var(--line);padding:20px 0}.case-info b,.case-info span{display:block}.case-info span{font-size:16px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,140px)}.portrait{aspect-ratio:4/5;position:relative;overflow:hidden}.portrait img{display:block;width:100%;height:100%;object-fit:cover}.about-copy{display:grid;align-content:center;gap:24px}.about-copy p{font-size:20px;color:#39424e}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,9vw,160px);padding:80px 0}.contact-copy{display:grid;align-content:start;gap:22px}.form{display:grid;gap:20px;padding:clamp(22px,4vw,48px);background:var(--paper);border:1px solid var(--line)}.field{display:grid;gap:8px}.field label{font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #afb5bd;background:#fff;padding:12px 14px;border-radius:4px;color:var(--ink)}.field textarea{min-height:150px;resize:vertical}.field small{color:var(--danger);min-height:1.2em;display:block;font-size:14px}.form-status{min-height:24px;font-weight:700}.form-status.success{color:var(--success)}.form-status.error{color:var(--danger)}.footer{padding:32px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:15px}.footer a,.footer button{text-decoration:none;color:var(--ink);font-weight:700;background:none;border:0;cursor:pointer;padding:0;font-size:inherit}[dir=rtl]{font-family:Tajawal,Heebo,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.23}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .nav-links{flex-direction:row-reverse}[dir=rtl] .hero,[dir=rtl] .case-hero,[dir=rtl] .about-grid,[dir=rtl] .contact{direction:rtl}.mobile-note{display:none}.brand,.nav-links a,.nav-links button,.lang button,.menu,.service,.step,.form-status{transition:color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),opacity var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease)}.brand:hover{color:var(--blue)}.lang button:active,.menu:active{transform:scale(.96)}.button:disabled{cursor:wait;opacity:.62;animation:soft-pulse .9s ease-in-out infinite}.form-status.success,.form-status.error{animation:status-pop var(--motion-mid) var(--ease)}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity var(--motion-mid) var(--ease),transform var(--motion-mid) var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .reveal[data-delay="1"]{transition-delay:var(--motion-stagger)}.motion-ready .reveal[data-delay="2"]{transition-delay:calc(var(--motion-stagger) * 2)}.motion-ready .reveal[data-delay="3"]{transition-delay:calc(var(--motion-stagger) * 3)}.motion-ready .process .step{transition-delay:var(--reveal-delay, 0ms)}.process .step:nth-child(2){--reveal-delay: var(--motion-sequence)}.process .step:nth-child(3){--reveal-delay: calc(var(--motion-sequence) * 2)}.process .step:nth-child(4){--reveal-delay: calc(var(--motion-sequence) * 3)}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes status-pop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes soft-pulse{50%{opacity:.42}}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav-links{gap:13px}.hero-copy{display:flex;flex-direction:column;align-items:start;gap:24px}.hero-copy h1{font-size:clamp(48px,7vw,92px)}.hero-media{height:440px}.service-grid,.process{grid-template-columns:repeat(2,1fr)}.case-hero,.about-grid,.contact{grid-template-columns:1fr}.project{grid-column:span 6}.project.featured{grid-column:span 12}}@media(max-width:650px){body{font-size:17px}.shell{padding:0 20px}.nav{height:68px}.menu{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.open{display:flex;animation:menu-in var(--motion-mid) var(--ease)}.service-grid,.process{grid-template-columns:repeat(2,1fr)}.case-hero,.about-grid,.contact{grid-template-columns:1fr}.project{grid-column:span 6}.project.featured{grid-column:span 12}}@media(max-width:650px){body{font-size:17px}.shell{padding:0 20px}.nav{height:68px}.menu{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.open{display:flex;animation:menu-in var(--motion-mid) var(--ease)}.nav-links a,.nav-links button.nav-btn{padding:10px 0;text-align:start}.lang{margin-left:auto}[dir=rtl] .lang{margin-left:0;margin-right:auto}.hero{padding-block:44px 56px;gap:32px}.hero-media{height:350px}.section{padding:64px 0}.section-head{display:grid;gap:14px;margin-bottom:28px}.work-grid,.gallery{grid-template-columns:1fr}.project,.project.featured{grid-column:auto}.project.featured .thumb{aspect-ratio:4/3}.service-grid,.process{grid-template-columns:1fr}.service{min-height:190px}.cta h2{font-size:clamp(2.7rem,11vw,5rem)}.cta-bloom{width:78vw;opacity:.25;inset-inline-end:-25vw}.cta .button{width:100%}.case-info{grid-template-columns:1fr 1fr}.footer{display:grid}.mobile-note{display:block}.hero-actions .button{flex:1}.case{gap:40px}}.shiny-text{background:linear-gradient(115deg,var(--ink) 0%,var(--blue) 35%,#f26d5b 50%,var(--blue) 65%,var(--ink) 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer var(--shimmer-speed, 4s) linear infinite;display:inline-block;font-weight:800}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.rotating-text-wrapper{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom;position:relative;min-height:1.25em}.rotating-text-word{display:inline-block;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .25s ease;white-space:nowrap}.rotating-text-word.flip-in{transform:translateY(0);opacity:1}.rotating-text-word.flip-out{transform:translateY(-110%);opacity:0}.hero-highlight{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff!important;padding:2px 16px 6px;border-radius:999px;box-shadow:0 4px 14px #8c426f29;display:inline-block}.spotlight-card{position:relative;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease)}.spotlight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(var(--spot-radius, 300px) circle at var(--spot-x, -1000px) var(--spot-y, -1000px),var(--spot-color, rgba(140, 66, 111, .08)),transparent 80%);opacity:var(--spot-opacity, 0);transition:opacity .25s ease;z-index:1}.spotlight-card:hover{border-color:var(--spot-border, rgba(140, 66, 111, .25));box-shadow:0 16px 36px -12px #15191f0f}.magnetic-btn{will-change:transform;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hero-animated-section{position:relative;padding-block:48px 84px;overflow:hidden;border-radius:20px;margin-top:12px;background:radial-gradient(circle at 15% 15%,rgba(140,66,111,.04),transparent 50%),radial-gradient(circle at 85% 85%,rgba(231,119,168,.03),transparent 50%),var(--ivory)}.hero-animated-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(32px,5vw,64px);align-items:center}.hero-copy-animated{display:flex;flex-direction:column;gap:20px}.hero-badge-container{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:var(--paper);border:1px solid var(--line);border-radius:999px;width:fit-content;box-shadow:0 2px 8px #0000000a}.hero-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b98199}70%{transform:scale(1.05);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-eyebrow-shiny{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.hero-heading{font-size:clamp(42px,5.8vw,82px);line-height:1.05;letter-spacing:-.05em;font-weight:800;display:flex;flex-direction:column;gap:8px}.hero-heading-main{color:var(--ink)}.hero-rotating-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-rotator{font-size:clamp(34px,4.8vw,68px)}.hero-lead{font-size:clamp(19px,1.8vw,24px);line-height:1.45;color:#39424e;max-width:48ch}.hero-actions-animated{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:6px}.hero-cta-btn{padding:14px 26px;font-size:18px;box-shadow:0 6px 18px #8c426f2e}.hero-secondary-btn{padding:14px 24px;font-size:17px;background:var(--paper)}.hero-chips-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hero-stat-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffffbf;border:1px solid var(--line);border-radius:8px;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink)}.chip-bullet{width:6px;height:6px;border-radius:50%;background:var(--blue)}.chip-val{font-weight:700}.chip-sep{color:var(--line)}.chip-label{color:var(--muted)}.hero-showcase-column{position:relative}.hero-spotlight-display{border-radius:16px;overflow:hidden;box-shadow:0 24px 48px -12px #15191f29}.showcase-card-inner{display:flex;flex-direction:column}.showcase-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#20242b;color:#a0aec0;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.topbar-dots{display:flex;gap:6px}.topbar-dots .dot{width:10px;height:10px;border-radius:50%}.topbar-dots .red{background:#ef4444}.topbar-dots .yellow{background:#f59e0b}.topbar-dots .green{background:#10b981}.topbar-url{background:#ffffff14;padding:2px 14px;border-radius:4px;letter-spacing:.02em}.topbar-badge{color:#34d399;font-weight:600;display:flex;align-items:center;gap:4px}.showcase-screen{position:relative;aspect-ratio:16/11;overflow:hidden;background:#111418}.showcase-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.hero-spotlight-display:hover .showcase-img{transform:scale(1.03)}.showcase-floating-card{position:absolute;bottom:16px;left:16px;right:16px;background:#15191fe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#fff}.card-icon{font-size:22px;background:color-mix(in srgb,var(--blue) 25%,transparent);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.card-info strong{display:block;font-size:14px;font-weight:700}.card-info span{display:block;font-size:12px;color:#94a3b8}.project-slider-wrapper{position:relative;width:100%;perspective:1400px;margin-top:24px;padding:16px 0 24px}.slider-stage{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.project-slide{position:absolute;width:100%;max-width:900px;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s cubic-bezier(.2,.8,.2,1),filter .6s ease;will-change:transform,opacity;cursor:pointer}.slide-current{transform:translate(0) translateZ(0) scale(1) rotateY(0);opacity:1;z-index:10;pointer-events:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.12))}.slide-prev{transform:translate(-38%) translateZ(-160px) scale(.86) rotateY(18deg);opacity:.45;z-index:5;pointer-events:auto;filter:blur(1px)}[dir=rtl] .slide-prev{transform:translate(38%) translateZ(-160px) scale(.86) rotateY(-18deg)}.slide-next{transform:translate(38%) translateZ(-160px) scale(.86) rotateY(-18deg);opacity:.45;z-index:5;pointer-events:auto;filter:blur(1px)}[dir=rtl] .slide-next{transform:translate(-38%) translateZ(-160px) scale(.86) rotateY(18deg)}.slide-hidden{transform:translate(0) translateZ(-300px) scale(.7);opacity:0;pointer-events:none;z-index:1}.slide-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 16px 36px -12px #15191f14}.slide-media{position:relative;aspect-ratio:16/9;background:#0f172a;overflow:hidden}.slide-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.slide-card:hover .slide-img{transform:scale(1.04)}.slide-badge-row{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:2}.slide-number{background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:800;letter-spacing:.05em}.slide-body{padding:clamp(20px,3vw,32px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.slide-header{flex:1 1 300px}.slide-title{font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.04em;margin-bottom:8px;color:var(--ink)}.slide-desc{font-size:clamp(16px,1.4vw,18px);color:var(--muted);line-height:1.4;max-width:50ch}.slide-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.slide-actions .button{padding:10px 20px;border-radius:8px;display:inline-flex;align-items:center;gap:8px}.slide-live-btn{background:var(--ivory)}.slider-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;position:relative;z-index:15}.slider-nav-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000000f;transition:transform .2s var(--ease),background .2s,border-color .2s}.slider-nav-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:scale(1.08)}.slider-nav-btn:active{transform:scale(.96)}.slider-indicators{display:flex;align-items:center;gap:8px}.slider-dot{width:28px;height:10px;border-radius:999px;border:0;background:var(--line);cursor:pointer;clip-path:inset(0 9px round 999px);transition:clip-path .3s var(--ease),background .3s;padding:0}.slider-dot.active{background:var(--blue);clip-path:inset(0 0 round 999px)}.work-view-controls{display:flex;gap:10px;margin-top:20px}.view-toggle-btn{padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s}.view-toggle-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.project-card-spotlight{border-radius:var(--radius);overflow:hidden;background:var(--paper);box-shadow:0 4px 16px #0000000a}.project-card-link{display:flex;flex-direction:column;height:100%}.card-top-badges{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;z-index:2}.card-index-pill{background:#15191fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700}.project-arrow-badge{width:38px;height:38px;border-radius:50%;background:var(--ivory);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform .2s,background .2s,color .2s}.project-card-spotlight:hover .project-arrow-badge{background:var(--blue);color:#fff;transform:translate(2px,-2px)}.service-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-spotlight-card{padding:32px;display:flex;flex-direction:column;gap:16px;min-height:240px}.service-card-header{display:flex;justify-content:space-between;align-items:center}.service-icon-wrap{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);display:flex;align-items:center;justify-content:center}.service-num-badge{font-size:13px;font-weight:800;color:var(--muted);background:var(--ivory);padding:4px 10px;border-radius:999px;letter-spacing:.05em}.service-spotlight-card h3{font-size:24px;font-weight:800;color:var(--ink)}.service-spotlight-card p{color:var(--muted);line-height:1.45;font-size:16px}.service-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}.service-tag-pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px;background:var(--ivory);color:var(--ink);border:1px solid var(--line)}.process-timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step-card{padding:28px;display:flex;flex-direction:column;gap:14px}.step-top-row{display:flex;justify-content:space-between;align-items:center}.step-num-pill{width:32px;height:32px;border-radius:8px;background:#f26d5b1f;color:var(--coral);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}.step-phase-tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted)}.step-card-title{font-size:22px;font-weight:800}.step-card-desc{font-size:15px;line-height:1.4}.step-indicator-bar{height:4px;width:100%;background:var(--line);border-radius:2px;overflow:hidden;margin-top:auto;padding-top:2px}.step-progress-fill{height:100%;background:var(--accent);border-radius:2px}.about-bento-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(32px,5vw,64px);align-items:center;margin-bottom:48px}.about-main-card{display:flex;flex-direction:column;gap:20px}.about-main-title{font-size:clamp(36px,4.5vw,64px);line-height:1.05;letter-spacing:-.04em}.about-badge-row{display:inline-flex;align-items:center;gap:10px}.portrait-wrap{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3}.about-img{width:100%;height:100%;object-fit:cover}.about-floating-badge{position:absolute;bottom:16px;left:16px;right:16px;background:#15191fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;color:#fff}.badge-icon{color:var(--coral);font-size:18px}.badge-meta strong{display:block;font-size:13px}.badge-meta span{display:block;font-size:11px;color:#94a3b8}.about-highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.highlight-card{padding:24px;display:flex;flex-direction:column;gap:10px}.highlight-icon-num{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.05em}.highlight-title{font-size:18px;font-weight:800;color:var(--ink)}.highlight-desc{font-size:14px;line-height:1.45}.contact-upgraded{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(32px,5vw,64px);align-items:start}.contact-features-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.contact-feature-item{display:flex;align-items:flex-start;gap:14px}.feat-icon{width:36px;height:36px;border-radius:8px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-feature-item strong{display:block;font-size:15px;color:var(--ink)}.contact-feature-item p{font-size:13px;color:var(--muted);margin:0}.contact-form-spotlight{padding:clamp(24px,4vw,40px);border-radius:20px}.chips-selector-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip-choice-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--ivory);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .2s}.chip-choice-btn:hover{border-color:var(--blue)}.chip-choice-btn.selected{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 8px #8c426f29}.submit-inquiry-btn{width:100%;margin-top:12px;padding:14px;font-size:16px}.site-header-glass{background:#f7f3ece0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,215,210,.6)}.nav-btn{position:relative;display:inline-flex;align-items:center;gap:6px}.nav-active-pill{position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--blue);border-radius:2px;box-shadow:none}.footer-upgraded{padding:56px 0 36px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:32px}.footer-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-brand{font-size:26px}.footer-tagline{font-size:14px;margin-top:4px}.footer-links-col{display:flex;gap:20px;flex-wrap:wrap}.footer-nav-link{background:none;border:0;padding:0;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:color .2s}.footer-nav-link:hover{color:var(--blue)}.footer-bottom-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);flex-wrap:wrap;gap:16px}.back-to-top-btn{position:fixed;z-index:30;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--paper);box-shadow:0 8px 24px #31202e29;cursor:pointer}.back-to-top-btn:hover{background:var(--blue);border-color:var(--blue)}@media(max-width:1024px){.hero-animated-content,.service-bento-grid{grid-template-columns:1fr}.process-timeline-grid{grid-template-columns:repeat(2,1fr)}.about-bento-layout{grid-template-columns:1fr}.about-highlights-grid{grid-template-columns:repeat(2,1fr)}.contact-upgraded{grid-template-columns:1fr}}@media(max-width:650px){.hero-animated-section{padding-block:32px 48px}.hero-heading{font-size:clamp(32px,8.5vw,44px)}.hero-rotator{font-size:clamp(26px,7vw,36px)}.slider-stage{min-height:480px}.project-slide.slide-prev,.project-slide.slide-next{display:none}.process-timeline-grid,.about-highlights-grid{grid-template-columns:1fr}.slide-body{flex-direction:column;align-items:flex-start}.slide-actions{width:100%}.slide-actions .button{flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;transition-delay:0ms!important}.motion-ready .reveal{opacity:1;transform:none}}.spotlight-card{position:relative;overflow:hidden;border-radius:var(--radius)}.spotlight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(var(--spot-radius) circle at var(--spot-x) var(--spot-y),var(--spot-color),transparent 40%);opacity:var(--spot-opacity);transition:opacity .3s ease;z-index:1}.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:radial-gradient(var(--spot-radius) circle at var(--spot-x) var(--spot-y),var(--spot-border),transparent 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:var(--spot-opacity);transition:opacity .3s ease;z-index:3}.spotlight-content{position:relative;z-index:2;height:100%}.stats-bar-container{padding-block:clamp(40px,8vw,80px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.stat-card{padding:32px 24px;text-align:center;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line)}.stat-val{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;color:var(--blue);line-height:1.1;margin-bottom:8px}.stat-label{font-size:16px;font-weight:600;color:var(--muted)}.why-miza-wrapper{padding-block:clamp(80px,10vw,140px)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px;margin-top:48px}.why-card{padding:40px 32px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line)}.why-icon-wrap{width:48px;height:48px;border-radius:50%;background:#f26d5b1a;color:var(--coral);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.why-card-title{font-size:22px;font-weight:700;margin:0 0 12px}.why-card-desc{font-size:16px;line-height:1.6;margin:0}.faq-container{padding-block:clamp(48px,8vw,120px)}.faq-layout{display:grid;grid-template-columns:1fr;gap:28px}.faq-intro{position:static;top:auto}.faq-intro h2{font-size:clamp(26px,5.5vw,42px);line-height:1.25;margin:0;word-break:break-word}@media(min-width:900px){.faq-layout{grid-template-columns:1fr 1.6fr;gap:80px;align-items:start}.faq-intro{position:sticky;top:120px}}.faq-list{display:flex;flex-direction:column;gap:12px;width:100%}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden;transition:border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.faq-item.open{border-color:var(--blue);box-shadow:0 4px 16px -8px #8c426f1a}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:none;border:none;text-align:start;font-size:clamp(15px,4vw,19px);line-height:1.45;font-weight:700;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media(min-width:768px){.faq-question{padding:22px 28px;font-size:20px}}.faq-q-text{flex:1;text-align:start}.faq-icon{color:var(--blue);flex-shrink:0;width:20px;height:20px;transition:transform var(--motion-fast) var(--ease)}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-mid) var(--ease)}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{min-height:0;overflow:hidden}.faq-answer p{padding:0 18px 18px;margin:0;color:var(--muted);font-size:clamp(14px,3.8vw,16px);line-height:1.65}@media(min-width:768px){.faq-answer p{padding:0 28px 24px;font-size:17px}}@supports not (grid-template-rows: 0fr){.faq-answer-wrapper{display:none}.faq-item.open .faq-answer-wrapper{display:block}}.service-deep-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:40px}@media(min-width:860px){.service-deep-grid{grid-template-columns:repeat(2,1fr)}}.service-deep-card{padding:36px 32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.service-deep-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.service-deep-icon{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);display:flex;align-items:center;justify-content:center}.service-deep-badge{font-size:13px;font-weight:700;color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent);padding:4px 12px;border-radius:999px}.service-deep-title{font-size:24px;font-weight:800;margin:0 0 12px}.service-deep-lead{font-size:16px;line-height:1.6;color:var(--ink);margin-bottom:20px}.service-deliverables-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:12px}.service-deep-deliverables{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}.service-deep-deliverables li{font-size:15px;display:flex;align-items:flex-start;gap:10px;color:var(--ink)}.service-deep-deliverables li:before{content:"✓";color:var(--blue);font-weight:800;flex-shrink:0}.service-deep-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.service-deep-tags span{font-size:12px;font-weight:600;padding:4px 10px;background:var(--ivory);border-radius:6px;color:var(--muted)}.case-extended-details{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}@media(min-width:768px){.case-extended-details{grid-template-columns:repeat(3,1fr)}}.case-detail-box{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.case-detail-box h4{font-size:15px;color:var(--blue);margin:0 0 8px}.case-detail-box p{font-size:15px;line-height:1.6;margin:0;color:var(--muted)}.case-deliverables-section{margin-top:40px;padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.case-deliverables-title{font-size:18px;font-weight:800;margin:0 0 20px;color:var(--ink)}.case-deliverables-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.case-deliverables-grid{grid-template-columns:repeat(2,1fr)}}.case-deliverable-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;color:var(--ink)}.case-deliverable-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-size:13px;font-weight:800;flex-shrink:0}.case-actions-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.case-actions-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.header-lang-switch{display:inline-flex;align-items:center;gap:3px;margin-inline-start:14px;padding:3px 6px;background:var(--paper);border:1px solid var(--line);border-radius:999px}@media(max-width:380px){.nav{gap:4px}.header-lang-switch{margin-inline-start:0}}.lang-switch-btn{background:none;border:none;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;line-height:1;transition:all var(--motion-fast) var(--ease)}.lang-switch-btn.active{background:var(--blue);color:#fff}.lang-switch-sep{opacity:.3;font-size:11px;color:var(--muted)}:root{--canvas: #f7f6f2;--canvas-subtle: #f0eee9;--paper: #ffffff;--card-bg: #ffffff;--ink: #121316;--ink-secondary: #5e636e;--muted: #5e636e;--border: rgba(18, 19, 22, .09);--line: rgba(18, 19, 22, .09);--border-focus: #121316;--accent: #d94e28;--accent-hover: #c4401c;--accent-subtle: rgba(217, 78, 40, .08);--radius: 8px;--radius-lg: 12px;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html[lang=he],[lang=he] body,[lang=he] input,[lang=he] textarea,[lang=he] button,[lang=he] select,[lang=he] h1,[lang=he] h2,[lang=he] h3,[lang=he] h4,[lang=he] p,[lang=he] span,[lang=he] a{font-family:Heebo,Plus Jakarta Sans,system-ui,-apple-system,sans-serif!important}html[lang=ar],[lang=ar] body,[lang=ar] input,[lang=ar] textarea,[lang=ar] button,[lang=ar] select,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4,[lang=ar] p,[lang=ar] span,[lang=ar] a{font-family:Tajawal,Plus Jakarta Sans,system-ui,-apple-system,sans-serif!important}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#d94e282e;color:#121316}::-moz-selection{background:#d94e282e;color:#121316}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f7f6f2}::-webkit-scrollbar-thumb{background:#1213162e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#12131659}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button,.button--primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius);background:var(--ink);color:#fff!important;border:1px solid var(--ink);font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.button:hover,.button--primary:hover{background:#23252b;transform:translateY(-1px);box-shadow:0 4px 14px #1213161f}.button:active,.button--primary:active{transform:translateY(0)}.button.secondary,.button--secondary{background:transparent;color:var(--ink)!important;border:1px solid rgba(18,19,22,.22)}.button.secondary:hover,.button--secondary:hover{background:#1213160d;border-color:var(--ink);color:var(--ink)!important;transform:translateY(-1px);box-shadow:none}.site-header{background:#f7f6f2f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.site-header .nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand-logo-wrap{display:inline-flex;align-items:center;gap:12px;line-height:1;text-decoration:none;direction:ltr}.brand-logo-mark{width:32px;height:32px;background:var(--ink);border-radius:6px;display:grid;place-items:center;flex-shrink:0;transition:transform .26s cubic-bezier(.16,1,.3,1)}.brand:hover .brand-logo-mark{transform:scale(1.05)}.brand-mark-cube{width:9px;height:9px;background:var(--accent);border-radius:2px}.brand-logo-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.brand-logo-name{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:20px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.02em}.brand-logo-accent{color:var(--accent)}.brand-logo-slogan{font-family:Space Grotesk,ui-monospace,monospace;font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1;margin-top:3px}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.2vw,32px)}.nav-links .nav-btn{background:none;border:0;color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:8px 4px;position:relative;transition:color .18s ease}.nav-links .nav-btn:hover{color:var(--ink)}.nav-links .nav-btn.active{color:var(--ink);font-weight:700}.nav-links .nav-btn.active:after{content:"";position:absolute;bottom:0;left:4px;right:4px;height:2px;background:var(--accent);border-radius:1px}.header-lang-switch{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px 4px}.lang-switch-btn{border:0;background:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;padding:3px 7px;border-radius:4px;transition:color .14s ease,background-color .14s ease}.lang-switch-btn:hover{color:var(--ink)}.lang-switch-btn.active{color:var(--ink);background:#12131614;font-weight:700}.lang-switch-sep{color:#12131633;font-size:11px}.studio-hero{position:relative;isolation:isolate;background:var(--canvas);color:var(--ink);min-height:calc(100dvh - 68px);display:flex;align-items:center;padding-block:clamp(48px,6vw,84px);border-bottom:1px solid var(--border)}.studio-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(36px,5vw,80px);width:100%}.studio-badge-row{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.studio-status-indicator{display:inline-grid;place-items:center;width:14px;height:14px}.studio-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133}.studio-kicker{font-family:Space Grotesk,ui-monospace,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.studio-hero__title{margin:0;font-size:clamp(38px,4.8vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}.studio-hero__lead{max-width:48ch;margin:20px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.65;color:var(--muted)}.studio-hero__actions{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.studio-evidence-strip{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.studio-evidence-item{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}.studio-evidence-icon{color:var(--accent);flex-shrink:0}.studio-hero__console{position:relative}.studio-console-frame{background:#fff;border:1px solid rgba(18,19,22,.12);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #12131614}.studio-console-bar{background:#f4f2ee;border-bottom:1px solid rgba(18,19,22,.08);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-console-tabs{display:flex;gap:4px;overflow-x:auto}.studio-console-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;background:transparent;border-radius:4px;font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .14s ease}.studio-console-tab:hover{color:var(--ink);background:#1213160d}.studio-console-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #12131614}.studio-tab-num{font-family:Space Grotesk,ui-monospace,monospace;font-size:10px;color:var(--accent)}.studio-meta-tag{display:inline-flex;align-items:center;gap:6px;font-family:Space Grotesk,ui-monospace,monospace;font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-subtle);padding:3px 8px;border-radius:4px;white-space:nowrap}.studio-live-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent)}.studio-console-screen{position:relative;aspect-ratio:16 / 10;background:#121316;overflow:hidden}.studio-screen-img{width:100%;height:100%;object-fit:cover;display:block}.studio-screen-overlay{position:absolute;inset:auto 0 0 0;padding:20px 24px;background:linear-gradient(to top,rgba(18,19,22,.94) 0%,rgba(18,19,22,.65) 65%,transparent 100%);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.studio-screen-kind{font-family:Space Grotesk,ui-monospace,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#f7a082}.studio-screen-title{margin:4px 0 2px;font-size:20px;font-weight:800;color:#fff}.studio-screen-desc{margin:0;font-size:13px;color:#ffffffd9;max-width:32ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-screen-actions{display:flex;gap:8px;flex-shrink:0}.studio-screen-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:4px;background:#fff;color:#121316;font-size:12px;font-weight:700;text-decoration:none;border:0;cursor:pointer;transition:transform .14s ease}.studio-screen-btn:hover{transform:translateY(-1px)}.studio-screen-btn--case{background:#ffffff2e;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-console-footer{background:#fbfaf8;border-top:1px solid rgba(18,19,22,.08);padding:12px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studio-footer-stat{display:flex;flex-direction:column}.studio-stat-label{font-family:Space Grotesk,ui-monospace,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.studio-stat-val{font-size:12px;font-weight:700;color:var(--ink);margin-top:2px}.card,.spotlight-card,.service-spotlight-card,.highlight-card,.why-card,.stat-card,.audience-paths__card,.contact-form-spotlight,.slide-card,.project-card-spotlight{background:var(--card-bg, #ffffff)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg, 12px)!important;box-shadow:0 4px 16px #12131608!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.card:hover,.spotlight-card:hover,.service-spotlight-card:hover,.highlight-card:hover,.why-card:hover,.project-card-spotlight:hover{transform:translateY(-2px)!important;border-color:#1213162e!important;box-shadow:0 12px 28px #12131612!important}.stat-card{padding:24px}.stat-val{font-family:Space Grotesk,ui-monospace,monospace;font-size:clamp(32px,3.5vw,44px);font-weight:800;letter-spacing:-.03em;color:var(--ink)}.stat-label{font-size:14px;color:var(--muted);margin-top:8px;font-weight:500}.service-spotlight-card{min-height:290px;padding:32px}.service-icon-wrap{border-radius:var(--radius);background:var(--accent-subtle);color:var(--accent)}.service-tag-pill{border-radius:4px;background:#1213160d;font-size:11px;font-weight:600;color:var(--ink)}.process-step-card{border-top:2px solid var(--accent)!important;background:#fff!important;border-radius:var(--radius-lg);padding:28px}.audience-paths{padding-block:clamp(64px,8vw,112px)}.audience-paths__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:32px;align-items:end;margin-bottom:28px}.audience-paths__head h2{font-size:clamp(28px,3.2vw,44px);font-weight:800;letter-spacing:-.025em;margin:10px 0 0}.audience-paths__head p{max-width:50ch;margin:0;color:var(--muted);line-height:1.7}.audience-paths__switch{display:inline-flex;gap:4px;margin-bottom:14px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.audience-paths__switch button{border:0;border-radius:6px;padding:10px 18px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:all .18s ease}.audience-paths__switch button:hover{color:var(--ink)}.audience-paths__switch button.active{color:#fff;background:var(--ink);box-shadow:0 4px 12px #12131624}.audience-paths__content{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,.75fr) auto;gap:24px;align-items:center;padding:clamp(24px,4vw,44px)}.audience-paths__icon{display:grid;place-items:center;width:52px;aspect-ratio:1;border-radius:var(--radius);color:var(--accent);background:var(--accent-subtle)}.audience-paths__content h3{margin:0 0 8px;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.15}.audience-paths__content p{margin:0;color:var(--muted);line-height:1.7}.audience-paths__content ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.audience-paths__content li{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:14px}.audience-paths__content li svg{color:var(--accent);flex-shrink:0}.contact-form-spotlight{background:#fff!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg);padding:clamp(28px,4vw,48px)}.field input,.field textarea{border-radius:var(--radius);border:1px solid rgba(18,19,22,.22);background:#fff;color:var(--ink);font-family:inherit;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-subtle)}.chip-choice-btn{border-radius:var(--radius);border:1px solid rgba(18,19,22,.16);background:#fff;color:var(--muted);font-weight:600;font-size:13px;transition:all .16s ease}.chip-choice-btn.selected,.chip-choice-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.contact-direct-email{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:#fff;transition:all .16s ease}.contact-direct-email:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.cta{background:var(--ink);color:#fff;padding-block:clamp(64px,8vw,108px);text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}.cta-bloom{display:none!important}.cta h2{color:#fff;font-size:clamp(32px,4.4vw,56px);font-weight:800;letter-spacing:-.025em;max-width:22ch;margin:12px auto 28px;line-height:1.12}.cta .eyebrow{color:var(--accent);font-family:Space Grotesk,ui-monospace,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.cta .button{background:var(--accent);color:#fff!important;border-color:var(--accent)}.cta .button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.footer-upgraded{background:#0d0e10;color:#8c909a;padding-block:48px 36px;border-top:1px solid rgba(255,255,255,.08)}.footer-copy{color:#8c909a;font-size:13px}.footer-brand .brand-logo-name{color:#fff}.footer-brand .brand-logo-mark{background:#fff}.footer-brand .brand-mark-cube{background:var(--accent)}.footer-brand .brand-logo-slogan{color:#8c909a}.intro h1,.about-main-title,.contact-copy h1{font-size:clamp(38px,5.2vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.eyebrow{color:var(--accent);font-family:Space Grotesk,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}@media(max-width:900px){.studio-hero__grid{grid-template-columns:1fr;gap:40px}.studio-hero{min-height:auto;padding-block:40px 60px}.audience-paths__content{grid-template-columns:auto 1fr}.audience-paths__content ul,.audience-paths__content .button{grid-column:2;justify-self:start}}@media(max-width:650px){.site-header .nav-links{top:68px;z-index:100;border-radius:0 0 16px 16px;padding:24px;background:#fff;box-shadow:0 20px 45px #12131624;border:1px solid var(--border);border-top:0}.site-header .nav-links .nav-btn{padding:12px 6px;width:100%;text-align:inherit}.site-header .menu{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:#fff;border:1px solid var(--border);color:var(--ink);width:40px;height:40px}}@media(max-width:600px){.studio-hero__title{font-size:clamp(32px,8vw,42px)}.studio-hero__actions{flex-direction:column;width:100%}.studio-hero__actions .button{width:100%}.studio-console-footer{grid-template-columns:1fr;gap:8px}.audience-paths__head{grid-template-columns:1fr;gap:14px}.audience-paths__switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.audience-paths__content{grid-template-columns:1fr;gap:18px}.audience-paths__content ul,.audience-paths__content .button{grid-column:1}.audience-paths__content .button{width:100%}}.studio-showcase{position:relative;isolation:isolate;background:var(--canvas, #f7f6f2);color:var(--ink, #121316);padding-block:clamp(80px,10vw,140px);border-top:1px solid var(--border, rgba(18, 19, 22, .08));border-bottom:1px solid var(--border, rgba(18, 19, 22, .08))}.studio-showcase__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(18,19,22,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(18,19,22,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,black 40%,transparent 95%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 95%)}.studio-showcase__inner{position:relative;z-index:1}.studio-showcase__header{max-width:820px;margin-bottom:clamp(48px,6vw,84px)}.studio-showcase__title{margin:16px 0 12px;font-size:clamp(32px,4.2vw,54px);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--ink, #121316)}.studio-showcase__lead{max-width:58ch;margin:0;color:var(--ink-secondary, #5e636e);font-size:clamp(16px,1.4vw,19px);line-height:1.65}.studio-showcase__list{display:flex;flex-direction:column;gap:clamp(60px,8vw,110px)}.studio-showcase-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,80px);padding:clamp(32px,4vw,56px);background:var(--card-bg, #ffffff);border:1px solid var(--border, rgba(18, 19, 22, .09));border-radius:var(--radius-lg, 12px);box-shadow:0 12px 36px #1213160a}.studio-showcase-item:nth-child(2n) .studio-showcase-item__media{order:2}.studio-showcase-item__media{min-width:0}.studio-device-frame{background:#fff;border:1px solid rgba(18,19,22,.12);border-radius:var(--radius, 8px);overflow:hidden;box-shadow:0 18px 48px #12131614;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.studio-device-frame:hover{transform:translateY(-3px);box-shadow:0 24px 60px #1213161f}.studio-device-header{height:36px;background:#f4f2ee;border-bottom:1px solid rgba(18,19,22,.08);display:flex;align-items:center;padding:0 14px;gap:12px;-webkit-user-select:none;user-select:none}.studio-device-dots{display:flex;gap:5px}.studio-device-dots span{width:9px;height:9px;border-radius:50%;background:#12131633}.studio-device-dots span:nth-child(1){background:#e06c75}.studio-device-dots span:nth-child(2){background:#e5c07b}.studio-device-dots span:nth-child(3){background:#98c379}.studio-device-url{font-family:Space Grotesk,ui-monospace,monospace;font-size:11px;color:#666a75;background:#fff;padding:2px 10px;border-radius:4px;border:1px solid rgba(18,19,22,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}.studio-device-badge{margin-inline-start:auto;font-family:Space Grotesk,ui-monospace,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:4px;background:var(--accent-subtle, rgba(217, 78, 40, .08));color:var(--accent, #d94e28)}.studio-device-link{display:block;aspect-ratio:16 / 9.5;background:#eae7e1;overflow:hidden;position:relative}.studio-device-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.studio-device-frame:hover .studio-device-img{transform:scale(1.02)}.studio-showcase-item__content{display:flex;flex-direction:column;gap:16px}.studio-item-meta{display:flex;align-items:center;gap:12px}.studio-item-number{font-family:Space Grotesk,ui-monospace,monospace;font-size:13px;font-weight:700;color:var(--accent, #d94e28)}.studio-item-tag{font-size:12px;font-weight:600;color:var(--ink-secondary, #5e636e);background:#1213160d;padding:2px 8px;border-radius:4px}.studio-item-headline{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ink, #121316)}.studio-item-body{margin:0;color:var(--ink-secondary, #5e636e);font-size:15px;line-height:1.65}.studio-item-brand-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink, #121316)}.studio-item-client-name{font-weight:700}.studio-item-sep{color:#1213164d}.studio-item-scope{color:var(--ink-secondary, #5e636e);font-weight:500}.studio-item-actions{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.studio-showcase__footer{text-align:center;margin-top:clamp(48px,6vw,84px)}@media(max-width:900px){.studio-showcase-item{grid-template-columns:1fr;gap:28px;padding:24px}.studio-showcase-item:nth-child(2n) .studio-showcase-item__media{order:0}}
