:root{--cream:#f4efe7;--cream-2:#fbf8f2;--paper:#fff;--ink:#17191e;--ink-2:#2b2e35;--muted:#6a6e76;--muted-2:#9a9ea6;--line:#e4ddd1;--line-2:#d8cfbf;--teal:#1bb0ce;--teal-dark:#128299;--teal-soft:#d6eef4;--sand:#ead9c2;--coral:#f2724b;--font-display:"Sora", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--maxw:1200px;--gutter:clamp(20px, 5vw, 56px);--r:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);font-size:17px;line-height:1.7;overflow-x:hidden}::selection{background:var(--teal);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.section{padding-block:clamp(26px,3.5vw,52px);position:relative}.reveal{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transform:translateY(30px)}.reveal.in{opacity:1;transform:none}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.line-mask{display:block;overflow:hidden}.line-mask>span{transition:transform 1s var(--ease);display:block;transform:translateY(110%)}.in .line-mask>span{transform:none}.line-reveal .line-mask:nth-child(2)>span{transition-delay:.1s}.line-reveal .line-mask:nth-child(3)>span{transition-delay:.2s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.line-mask>span{transform:none}}.eyebrow{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--teal);border-radius:2px;width:26px;height:2px}.eyebrow.center{justify-content:center}.h-sec{font-family:var(--font-display);letter-spacing:-.025em;margin-top:18px;font-size:clamp(32px,5vw,60px);font-weight:700;line-height:1.05}.h-sec .teal{color:var(--teal)}.sec-sub{color:var(--muted);max-width:56ch;margin-top:18px;font-size:clamp(16px,1.4vw,19px)}.sec-head-center{text-align:center;max-width:720px;margin:0 auto clamp(40px,5vw,64px)}.sec-head-center .sec-sub{margin-inline:auto}.btn{font-family:var(--font-display);transition:transform .4s var(--ease), background .3s, color .3s, box-shadow .4s var(--ease);border-radius:999px;align-items:center;gap:11px;padding:16px 30px;font-size:15px;font-weight:600;display:inline-flex}.btn svg{width:18px;height:18px;transition:transform .4s var(--ease)}.btn-primary{background:var(--ink);color:#fff}@media (hover:hover){.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px -14px #17191e99}.btn-primary:hover svg{transform:translate(4px)}}.btn-teal{background:var(--teal);color:#fff}@media (hover:hover){.btn-teal:hover{box-shadow:0 16px 32px -12px color-mix(in oklab, var(--teal) 70%, transparent);transform:translateY(-3px)}.btn-teal:hover svg{transform:translate(4px)}}.btn-ghost{border:1.5px solid var(--line-2);color:var(--ink)}@media (hover:hover){.btn-ghost:hover{border-color:var(--ink);transform:translateY(-3px)}}.pnav{z-index:100;transition:background .4s var(--ease), box-shadow .4s var(--ease), padding .4s var(--ease);padding-block:8px;position:fixed;inset:0 0 auto}.pnav.scrolled{box-shadow:0 1px 0 var(--line)}.pnav-inner{max-width:var(--maxw);padding:14px var(--gutter);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.plogo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:11px;font-size:19px;font-weight:700;display:flex}.plogo .mk{place-items:center;width:34px;height:34px;display:grid}.plogo .teal{color:var(--teal)}.pnav-links{gap:6px;display:flex}.pnav-links>a{font-family:var(--font-display);color:var(--ink-2);border-radius:999px;padding:9px 15px;font-size:14.5px;font-weight:500;transition:background .25s,color .25s}@media (hover:hover){.pnav-links>a:hover{background:var(--cream-2);color:var(--teal-dark)}}@media (max-width:940px){.pnav-links{display:none}}.pnav-inner{position:relative}.pnav-mega{position:static}.mega-trigger{font-family:var(--font-display);color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:9px 15px;font-size:14.5px;font-weight:500;transition:background .25s,color .25s;display:inline-flex}.pnav-mega.open .mega-trigger{background:var(--cream-2);color:var(--teal-dark)}@media (hover:hover){.mega-trigger:hover{background:var(--cream-2);color:var(--teal-dark)}}.mega-trigger svg{width:15px;height:15px;transition:transform .3s var(--ease)}.pnav-mega.open .mega-trigger svg{transform:rotate(180deg)}.mega-panel{background:var(--paper);border:1px solid var(--line);opacity:0;visibility:hidden;transform-origin:top;width:min(760px,94vw);transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;z-index:120;border-radius:22px;margin-inline:auto;padding:16px;position:absolute;top:calc(100% + 4px);left:0;right:0;transform:translateY(10px)scale(.99);box-shadow:0 36px 80px -34px #17191e6b}.pnav-mega.open .mega-panel{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.mega-head{justify-content:space-between;align-items:center;padding:4px 8px 14px;display:flex}.mega-all-link{font-family:var(--font-display);color:var(--teal-dark);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.mega-all-link svg{width:14px;height:14px;transition:transform .35s var(--ease)}@media (hover:hover){.mega-all-link:hover svg{transform:translate(3px,-3px)}}.mega-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mega-card{border-radius:14px;flex-direction:column;gap:4px;padding:8px;transition:background .25s;display:flex}@media (hover:hover){.mega-card:hover{background:var(--cream-2)}}.mega-thumb{aspect-ratio:16/10;background:var(--teal-soft);border-radius:10px;margin-bottom:6px;overflow:hidden}.mega-thumb .work-card-art{aspect-ratio:auto;border-radius:0;width:100%;height:100%;padding:14px}.mega-thumb .dev-phones{transform:scale(.92)}.mega-thumb .cphone{border-radius:13px;height:108%;padding:2.5px}.mega-thumb .cphone .scr{border-radius:11px}.mega-thumb .dev-laptop{width:96%;transform:scale(1.04)}.mega-thumb .dev-laptop .dev-top{border-radius:7px;padding:2.5px}.mega-thumb .dev-laptop .dev-scr{border-radius:5px}.mega-thumb .dev-laptop .dev-base{border-radius:0 0 7px 7px;height:6px}@media (hover:hover){.mega-card:hover .mega-thumb .dev-phones{transform:scale(.96)}.mega-card:hover .mega-thumb .dev-laptop{transform:scale(1.08)}}.mt-lockup{z-index:2;transition:transform .4s var(--ease);flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}@media (hover:hover){.mega-card:hover .mt-lockup{transform:translateY(-2px)}}.mt-name{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:0 1px 9px #0006;font-size:14px;font-weight:700}.work-card-art[data-brand=wimsa] .mt-name{color:var(--ink);text-shadow:none}.mt-ic{border-radius:15px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 12px 24px -10px #0000008c,inset 0 0 0 1px #ffffff1a}.mt-ic.sw{background:linear-gradient(155deg,#23281b,#0e1109);justify-content:center;align-items:flex-end;gap:4px;padding-bottom:13px;display:flex}.mt-ic.sw i{background:linear-gradient(#e9eef2,#7e858c);border-radius:2px;width:6px}.mt-ic.sw i:first-child{height:14px}.mt-ic.sw i:nth-child(2){background:linear-gradient(#dff85a,#9bcf2a);height:24px}.mt-ic.sw i:nth-child(3){height:19px}.mt-ic.ah{background:linear-gradient(150deg,#f7941d,#ed1164)}.mt-ic.ah span{border:3px solid #fff;border-radius:6px;width:19px;height:19px}.mt-ic.wm{color:#fff;background:linear-gradient(150deg,#1f6bf5,#19cfc0)}.mt-ic.wm svg{width:27px;height:27px}.mt-ic.rl{color:#e8c468;background:linear-gradient(155deg,#1c1a16,#0c0b09);font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:600;line-height:1;box-shadow:0 12px 24px -10px #0009,inset 0 0 0 1px #e8c468}.mt-ic.mz{background:linear-gradient(155deg,#1d1830,#0e0c16);position:relative}.mt-ic.mz:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(130deg,#2ee6e6,#ff1b8d 55%,#ff7a2f);border-radius:15px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mt-ic.mz span{font-family:var(--font-display);background:linear-gradient(130deg,#2ee6e6,#ff1b8d 55%,#ff7a2f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;line-height:1}.mega-thumb .ph{width:100%;height:100%;display:block}.mega-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.2}.mega-ind{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.mega-foot{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:11px;margin-top:14px;padding-top:16px;display:flex}.mega-foot .btn{padding:13px 26px;font-size:14.5px}.mega-foot .btn svg{width:17px;height:17px}@media (hover:hover){.mega-foot .btn-primary:hover svg{transform:translate(3px,-3px)}}.mega-cta{background:var(--teal);color:#fff;transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:14px;flex-direction:column;justify-content:flex-end;gap:3px;padding:14px;display:flex}@media (hover:hover){.mega-cta:hover{box-shadow:0 18px 34px -16px color-mix(in oklab, var(--teal) 72%, transparent);transform:translateY(-3px)}}.mega-cta-ic{background:#ffffff38;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:auto;display:grid}.mega-cta-ic svg{width:18px;height:18px;transition:transform .4s var(--ease)}@media (hover:hover){.mega-cta:hover .mega-cta-ic svg{transform:translate(3px,-3px)}}.mega-cta-t{font-family:var(--font-display);font-size:15px;font-weight:700}.mega-cta-s{opacity:.85;font-size:12px}.phero{padding-top:150px;padding-bottom:clamp(50px,7vw,96px);position:relative;overflow:clip}.phero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid}.phero-eyebrow{font-family:var(--font-display);color:var(--teal-dark);align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.phero-eyebrow .wave{font-size:22px}.phero h1{font-family:var(--font-display);letter-spacing:-.035em;margin-top:16px;font-size:clamp(42px,6.6vw,86px);font-weight:700;line-height:1}.phero h1 .teal{color:var(--teal)}.phero h1 .outline{color:#0000;-webkit-text-stroke:2px var(--ink)}.phero p.lede{color:var(--muted);max-width:46ch;margin-top:26px;font-size:clamp(17px,1.5vw,20px)}.phero-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.phero-cta .socials{gap:8px;margin-left:6px;display:flex}.phero-cta .socials a{border:1.5px solid var(--line-2);width:44px;height:44px;color:var(--ink-2);transition:all .3s var(--ease);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.phero-cta .socials a:hover{background:var(--teal);border-color:var(--teal);color:#fff;transform:translateY(-3px)}}.phero-cta .socials svg{width:18px;height:18px}.phero-art{aspect-ratio:1/1.04;position:relative}.phero-blob{background:var(--teal);border-radius:46% 54% 52% 48%/56% 50% 50% 44%;position:absolute;inset:4% 6% 0}.phero-ring{border:2px dashed var(--line-2);border-radius:48% 52% 50% 50%/54% 50% 50% 46%;animation:50s linear infinite spin;position:absolute;inset:-3% -2% 8% 2%}@keyframes spin{to{transform:rotate(360deg)}}.phero-photo{border-radius:44% 56% 52% 48%/56% 50% 50% 44%;position:absolute;inset:8% 9% 0;overflow:hidden}.phero-photo image-slot{width:100%;height:100%}.phero-badge{background:var(--paper);border:1px solid var(--line);font-family:var(--font-display);border-radius:16px;align-items:center;gap:9px;padding:11px 15px;font-size:14px;font-weight:600;display:flex;position:absolute;box-shadow:0 18px 40px -22px #17191e80}.phero-badge .d{color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.phero-badge.b1{animation:6s ease-in-out infinite floaty;top:8%;left:-6%}.phero-badge.b2{animation:7s ease-in-out .5s infinite floaty;top:38%;right:-8%}.phero-badge.b3{animation:6.5s ease-in-out 1s infinite floaty;bottom:16%;left:-8%}.phero-badge.b4{animation:7.5s ease-in-out .3s infinite floaty;bottom:2%;right:-2%}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phero-dots{background-image:radial-gradient(var(--line-2) 2px, transparent 2px);background-size:16px 16px;width:90px;height:90px;position:absolute}.phero-dots.one{top:-2%;right:8%}.phero-dots.two{bottom:4%;left:0}@media (max-width:880px){.phero-inner{grid-template-columns:1fr}.phero-art{max-width:420px;margin:20px auto 0}}.pstrip{background:var(--ink);color:var(--cream);white-space:nowrap;padding-block:20px;overflow:hidden}.pstrip-track{gap:50px;animation:26s linear infinite scrollx;display:inline-flex}.pstrip span{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:50px;font-size:clamp(18px,2.2vw,26px);font-weight:600;display:inline-flex}.pstrip span b{align-items:center;gap:50px;font-weight:600;display:inline-flex}.pstrip span b:after{content:"✦";color:var(--teal);font-size:.7em}.pstrip span:after{content:none}@keyframes scrollx{to{transform:translate(-50%)}}.svc-list{border-top:1px solid var(--line)}.svc-row{border-bottom:1px solid var(--line);cursor:default;transition:padding-left .4s var(--ease);grid-template-columns:70px 1fr auto;align-items:center;gap:24px;padding-block:clamp(22px,3vw,38px);display:grid;position:relative}@media (hover:hover){.svc-row:hover{padding-left:14px}}.svc-row:after{content:"";background:var(--teal);width:0;height:1px;transition:width .5s var(--ease);position:absolute;bottom:-1px;left:0}@media (hover:hover){.svc-row:hover:after{width:100%}}.svc-row .no{transition:color .3s var(--ease)}@media (hover:hover){.svc-row:hover .no{color:var(--teal)}}.svc-row .meta{transition:color .3s var(--ease), transform .4s var(--ease)}@media (hover:hover){.svc-row:hover .meta{color:var(--ink);transform:translate(-6px)}}.svc-tag-label{display:none}.svc-tags{justify-content:flex-end;align-items:center;gap:12px;display:flex}.svc-shield{width:52px;height:52px;color:var(--tint,var(--teal));background:radial-gradient(120% 120% at 30% 0%, color-mix(in oklab, var(--tint,var(--teal)) 26%, #1a1d22) 0%, #14161a 65%);isolation:isolate;transition:color .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease);border-radius:30%;place-items:center;display:grid;position:relative;box-shadow:0 4px 14px #14161a38}.svc-shield:after{content:"";border-radius:inherit;background:linear-gradient(150deg, var(--tint,var(--teal)), #fff3 48%, color-mix(in oklab, var(--tint,var(--teal)) 70%, #000));-webkit-mask-composite:xor;opacity:.75;transition:opacity .4s var(--ease);padding:1.2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.svc-shield svg{width:19px;height:19px}.svc-shield i.ph{z-index:1;font-size:23px;line-height:1;position:relative}.svc-tags{position:relative}.svc-tag{display:block;position:relative}.svc-tag:before{content:attr(data-tip);background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);z-index:20;border-radius:5px;padding:5px 9px;font-size:11.5px;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}@media (hover:hover){.svc-tag:hover:before{opacity:1;transform:translate(-50%)}.svc-row:hover .svc-shield{color:#fff;box-shadow:0 8px 22px color-mix(in oklab, var(--tint,var(--teal)) 35%, transparent);transform:translateY(-3px)}.svc-row:hover .svc-shield:after{opacity:1}.svc-row:hover .svc-tag:nth-child(2) .svc-shield{transition-delay:50ms}.svc-row:hover .svc-tag:nth-child(3) .svc-shield{transition-delay:.1s}.svc-row:hover .svc-tag:nth-child(4) .svc-shield{transition-delay:.15s}.svc-row:hover .svc-tag:nth-child(5) .svc-shield{transition-delay:.2s}.svc-row:hover .svc-tag:nth-child(6) .svc-shield{transition-delay:.25s}}.svc-row .no{font-family:var(--font-display);color:var(--muted-2);font-size:15px;font-weight:600}.svc-row .nm{font-family:var(--font-display);letter-spacing:-.03em;transition:color .3s var(--ease);font-size:clamp(26px,4vw,52px);font-weight:700;line-height:1.02}@media (hover:hover){.svc-row:hover .nm{color:var(--teal)}}.svc-row .meta{color:var(--muted);text-align:right;max-width:30ch;font-size:15px}.svc-row .arrow{border:1.5px solid var(--line-2);width:52px;height:52px;transition:all .4s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}@media (hover:hover){.svc-row:hover .arrow{background:var(--teal);border-color:var(--teal);color:#fff;transform:rotate(-45deg)}}@media (min-width:721px) and (max-width:1080px){.svc-tags{gap:8px}.svc-shield{width:44px;height:44px}.svc-shield i.ph{font-size:20px}}@media (max-width:720px){.svc-row{grid-template-columns:40px 1fr;gap:6px 14px}.svc-row .meta{display:none}.svc-tags{flex-wrap:wrap;grid-column:2;justify-content:flex-start;gap:6px}.svc-tag:before,.svc-shield{display:none}.svc-tag-label{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;display:block}}.approach{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,80px);display:grid}.approach-art{aspect-ratio:5/4.4;border-radius:var(--r);background:var(--teal-soft);position:relative;overflow:hidden;container-type:inline-size}.approach-art image-slot,.approach-art .ph{width:100%;height:100%;position:absolute;inset:0}.studio-mix{position:absolute;inset:0}.studio-mix-photo{object-fit:cover;object-position:50% 65%;width:100%;height:100%;position:absolute;inset:0}.studio-mix-mark{font-family:var(--font-display);color:#fff;opacity:.3;mix-blend-mode:overlay;pointer-events:none;letter-spacing:-.04em;place-items:center;font-size:min(46cqw,300px);font-weight:700;line-height:.8;display:grid;position:absolute;inset:0}.studio-mix:after{content:"";background:linear-gradient(200deg, color-mix(in oklab, var(--teal) 42%, transparent), transparent 55%, #14161a8c);pointer-events:none;position:absolute;inset:0}.studio-mix-badge{z-index:2;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:999px;align-items:center;gap:9px;padding:8px 14px 8px 9px;font-size:15px;font-weight:700;display:flex;position:absolute;bottom:18px;left:18px}.studio-mix-badge .mk{place-items:center;width:26px;height:26px;display:grid}.studio-mix-badge .teal{color:var(--teal)}.approach-stat{background:var(--paper);border-radius:20px;padding:18px 22px;position:absolute;bottom:18px;right:18px;box-shadow:0 20px 44px -22px #17191e80}.approach-stat .n{font-family:var(--font-display);color:var(--teal);letter-spacing:-.03em;font-size:34px;font-weight:700;line-height:1}.approach-stat .n .u{font-family:var(--font-body);color:var(--muted);letter-spacing:normal;margin-left:7px;font-size:13px;font-weight:400}.approach-stat .l{color:var(--muted);margin-top:5px;font-size:13px}.approach-points{flex-direction:column;gap:16px;margin-top:26px;display:flex}.approach-point{align-items:flex-start;gap:14px;display:flex}.approach-point .ic{background:var(--teal-soft);width:38px;height:38px;color:var(--teal-dark);border-radius:11px;flex:none;place-items:center;display:grid}.approach-point .ic svg{width:19px;height:19px}.approach-point b{font-family:var(--font-display);font-size:17px;font-weight:600}.approach-point p{color:var(--muted);margin-top:2px;font-size:15px}@media (max-width:820px){.approach{grid-template-columns:1fr}}.scards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.scard{background:var(--cream-2);border:1px solid var(--line);transition:transform .4s var(--ease), background .4s;border-radius:22px;padding:30px 26px}@media (hover:hover){.scard:hover{background:var(--ink);transform:translateY(-6px)}.scard:hover h4,.scard:hover p{color:var(--cream)}.scard:hover .sc-ic{background:var(--teal);color:#fff}}.sc-ic{background:var(--teal-soft);width:56px;height:56px;color:var(--teal-dark);transition:all .4s var(--ease);border-radius:16px;place-items:center;display:grid}.sc-ic svg{width:27px;height:27px}.scard h4{font-family:var(--font-display);letter-spacing:-.02em;margin-top:22px;font-size:21px;font-weight:700;transition:color .4s}.scard p{color:var(--muted);margin-top:10px;font-size:14.5px;transition:color .4s}@media (max-width:920px){.scards{grid-template-columns:1fr 1fr}}@media (max-width:540px){.scards{grid-template-columns:1fr}}.skills-wrap{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,6vw,84px);display:grid}.cap-list{gap:26px;display:grid}.cap-item{border-top:1px solid var(--line);gap:7px;padding-top:20px;display:grid}.cap-num{font-family:var(--font-display);letter-spacing:.02em;font-size:15px;font-weight:600}.cap-item p{color:var(--muted);text-wrap:pretty;max-width:46ch;margin:0;font-size:15.5px;line-height:1.6}@media (max-width:860px){.cap-list{gap:20px}}.skill-bars{flex-direction:column;gap:22px;display:flex}.skill-b .top{font-family:var(--font-display);justify-content:space-between;margin-bottom:9px;font-size:15px;font-weight:600;display:flex}.skill-b .top .pct{color:var(--teal-dark)}.skill-b .track{background:var(--paper);border:1px solid var(--line);border-radius:999px;height:9px;overflow:hidden}.skill-b .track i{background:linear-gradient(90deg, var(--teal), var(--teal-dark));width:0;height:100%;transition:width 1.2s var(--ease);border-radius:999px;display:block}.in .skill-b .track i{width:var(--lvl)}.counters{background:var(--ink);border-radius:var(--r);grid-template-columns:repeat(4,1fr);gap:30px;padding:clamp(40px,5vw,64px) clamp(28px,4vw,56px);display:grid}.counter{text-align:center;color:var(--cream)}.counter .n{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1}.counter .n .teal{color:var(--teal)}.counter .l{color:var(--muted-2);margin-top:12px;font-size:14px}@media (max-width:720px){.counters{grid-template-columns:1fr 1fr;gap:36px 20px}}.pf-list{flex-direction:column;gap:clamp(56px,6vw,96px);display:flex}.pf-item{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid}.pf-item:nth-child(2n) .pf-art{order:2}.pf-art{aspect-ratio:4/3.1;border-radius:var(--r);background:var(--teal-soft);position:relative;overflow:hidden}.pf-art image-slot,.pf-art .ph{width:100%;height:100%;position:absolute;inset:0}.pf-art.has-img{background:#000}.pf-art.has-img a{display:block;position:absolute;inset:0}.pf-img{object-fit:cover;object-position:center 16%;width:100%;height:100%;transition:transform .7s var(--ease);position:absolute;inset:0}@media (hover:hover){.pf-item:hover .pf-img{transform:scale(1.04)}}.pf-badge{z-index:5;font-family:var(--font-display);letter-spacing:.02em;color:#000;background:#d6f23d;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px;box-shadow:0 8px 20px -8px #00000080}.pf-art.phones-art{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.pf-phones{display:block;position:absolute;inset:0}.pf-phones:before{content:"";filter:blur(8px);background:radial-gradient(#17191e47,#0000 70%);width:64%;height:26px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.pf-phone{aspect-ratio:780/1688;width:39%;transition:transform .6s var(--ease), scale .6s var(--ease);background:linear-gradient(155deg,#2a2c2e,#101113 55%,#26282a);border-radius:26px;padding:5px;position:absolute;box-shadow:0 30px 60px -24px #0000008c,0 0 0 1px #0006}.pf-phone .scr{background:#000;border-radius:21px;width:100%;height:100%;position:relative;overflow:hidden}.pf-phone .scr img{object-fit:cover;border-radius:21px;width:100%;height:100%}.pf-phone.back{z-index:1;animation:pf-bob 6s var(--ease) infinite;top:2%;left:11%;transform:rotate(-9deg)translate(0,0)}.pf-phone.front{z-index:2;animation:pf-bob 6.6s var(--ease) infinite .5s;top:13%;left:47%;transform:rotate(7deg)translate(0,0)}@keyframes pf-bob{0%,to{translate:0}50%{translate:0 -13px}}@media (hover:hover){.pf-item:hover .pf-phone.back{transform:rotate(-11deg)scale(1.02)}.pf-item:hover .pf-phone.front{transform:rotate(5deg)scale(1.03)}}@media (prefers-reduced-motion:reduce){.pf-phone{animation:none}}@media (max-width:820px){.pf-art.phones-art{min-height:360px}.pf-phone{width:36%}}.moods-stage{z-index:1;aspect-ratio:16/5.6;width:100%;max-width:1000px;margin:clamp(0px,1vw,12px) auto 0;position:relative}.ml-glow{z-index:0;pointer-events:none;filter:blur(90px);background:radial-gradient(closest-side,#e74a8a47,#3cc8dc29 55%,#0000 75%);border-radius:50%;width:70%;height:80%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.ml-laptop{transition:transform .6s var(--ease);position:absolute}.ml-laptop .scr{aspect-ratio:16/10.4;background:linear-gradient(160deg,#2a2c2f,#0e0f12 55%,#26282b);border-radius:14px 14px 6px 6px;width:100%;padding:2.4%;display:block;position:relative;box-shadow:0 40px 80px -36px #14081e8c,0 0 0 1px #0000008c}.ml-laptop .scr img{object-fit:cover;object-position:top;border-radius:5px;width:100%;height:100%;display:block}.ml-laptop .scr:after{content:"";clip-path:polygon(1.2% 0,98.8% 0,96.4% 100%,3.6% 100%);background:linear-gradient(#e6ecf4,#b4c1d2);border-radius:0 0 10px 10px;width:119%;height:5.2%;position:absolute;bottom:-5.2%;left:50%;transform:translate(-50%)}.ml-laptop .scr:before{content:"";z-index:3;background:#aab9cc;border-radius:0 0 6px 6px;width:12%;height:2.1%;position:absolute;bottom:-1.2%;left:50%;transform:translate(-50%)}.ml-laptop.back{z-index:1;width:40%;bottom:9%;left:14%}.ml-laptop.front{z-index:2;width:46%;bottom:0;right:14%}@media (hover:hover){.pf-showcase-item:hover .ml-laptop.back{transform:translateY(-5px)}.pf-showcase-item:hover .ml-laptop.front{transform:translateY(-8px)}}.moods-no{background:linear-gradient(90deg,#39c6d6,#e8458a 55%,#f7941d);-webkit-text-fill-color:transparent;color:#e8458a;-webkit-background-clip:text;background-clip:text}@media (max-width:820px){.moods-stage{aspect-ratio:16/6.6}.ml-laptop.back{width:46%;bottom:12%;left:8%}.ml-laptop.front{width:52%;right:8%}}.pf-banner-item{display:block}.pf-banner{isolation:isolate;border-radius:var(--r);background:linear-gradient(116deg,#110d3f 0%,#2b1257 24%,#6f165f 49%,#d11a63 72%,#f7941d 112%);grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(34px,4.4vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -50px #460a37b3}.pf-banner-glow{filter:blur(120px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.pf-banner-glow.g-a{opacity:.45;background:#ff2d77;width:380px;height:380px;top:-130px;right:22%}.pf-banner-glow.g-b{opacity:.4;background:#ffae3c;width:320px;height:320px;bottom:-150px;right:-70px}.pf-banner-copy{z-index:2;position:relative}.pf-banner-copy .pf-no.on-dark{color:#ffc27a}.pf-banner h3{color:#fff}.pf-banner p{color:#ffffffd1;max-width:40ch}.pf-tags.on-dark span{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.pf-link.on-dark{color:#fff}.pf-link.on-dark .ar{color:#fff;background:#ff1f6a}.pf-banner-art{z-index:1;align-self:stretch;min-height:clamp(360px,33vw,470px);position:relative}.ahb-phones{position:absolute;inset:0}.ahb-phones:before{content:"";filter:blur(11px);background:radial-gradient(#14051e80,#0000 70%);width:58%;height:30px;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.ahb-phone{aspect-ratio:9/19.5;transition:transform .6s var(--ease), scale .6s var(--ease);background:linear-gradient(155deg,#2a2c2e,#101113 55%,#26282a);border-radius:30px;padding:6px;position:absolute;box-shadow:0 36px 70px -28px #1e051eb3,0 0 0 1px #0006}.ahb-phone .scr{background:#000;border-radius:24px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.ahb-phone .scr img{object-fit:cover;object-position:center;border-radius:24px;width:100%;height:100%;transform:scale(1.1)}.ahb-phone.side{height:85%}.ahb-phone.left{z-index:1;animation:pf-bob 6s var(--ease) infinite;top:11%;left:1%;transform:rotate(-11deg)}.ahb-phone.right{z-index:1;animation:pf-bob 6.3s var(--ease) infinite .3s;top:11%;left:55%;transform:rotate(11deg)}.ahb-phone.main{z-index:3;height:97%;animation:pf-bob 6.6s var(--ease) infinite .5s;top:1%;left:28%;transform:rotate(0)}.ahb-phone.main.video{box-shadow:none;background:0 0;padding:0}.ahb-phone .ahb-live{object-fit:cover;border-radius:30px;width:100%;height:100%;display:block;box-shadow:0 36px 70px -28px #1e051eb3,0 0 0 1px #0006}@media (hover:hover){.pf-banner:hover .ahb-phone.left{transform:rotate(-13deg)translate(-6px)}.pf-banner:hover .ahb-phone.right{transform:rotate(13deg)translate(6px)}.pf-banner:hover .ahb-phone.main{transform:translateY(-7px)scale(1.02)}}@media (prefers-reduced-motion:reduce){.ahb-phone{animation:none}}@media (max-width:820px){.pf-banner{grid-template-columns:1fr;gap:8px}.pf-banner-art{min-height:400px;margin-top:8px}}.pf-showcase-item{display:block}.wimsa-block{position:relative}.wimsa-head{z-index:2;text-align:center;max-width:920px;margin:0 auto;position:relative}.wimsa-no{color:#1f6bf5}.wimsa-head h3{max-width:720px;margin-inline:auto}.wimsa-head p{color:var(--muted);max-width:78ch;margin:18px auto 0;font-size:16px}.wimsa-head .pf-tags{justify-content:center}.wimsa-foot{z-index:2;text-align:center;justify-items:center;margin-top:clamp(16px,2.2vw,28px);display:grid;position:relative}.wimsa-foot .pf-tags{justify-content:center;margin-top:0}.wimsa-stage{z-index:1;aspect-ratio:16/6.7;width:100%;max-width:1000px;margin:clamp(8px,1.6vw,22px) auto 0;position:relative}.wm-monitor{z-index:2;width:46%;transition:transform .6s var(--ease);position:absolute;bottom:9%;left:5%}.wm-monitor .scr{aspect-ratio:16/10;background:linear-gradient(160deg,#13234a,#0a1530);border-radius:13px;width:100%;padding:9px;display:block;position:relative;box-shadow:0 30px 60px -30px #0f1e4680,0 0 0 1px #0a142d99}.wm-monitor .scr img{object-fit:cover;object-position:top;border-radius:5px;width:100%;height:100%;display:block}.wm-monitor:before{content:"";clip-path:polygon(33% 0,67% 0,78% 100%,22% 100%);z-index:-1;background:linear-gradient(#d3ddea,#aab9cc);width:13%;height:9%;position:absolute;bottom:-8.5%;left:50%;transform:translate(-50%)}.wm-monitor:after{content:"";background:linear-gradient(#dbe3ee,#b0bed0);border-radius:7px;width:27%;height:3%;position:absolute;bottom:-11%;left:50%;transform:translate(-50%)}.wm-laptop{z-index:1;width:40%;transition:transform .6s var(--ease);position:absolute;bottom:6%;right:8%}.wm-laptop .scr{aspect-ratio:16/10.3;background:linear-gradient(160deg,#13234a,#0a1530);border-radius:14px 14px 5px 5px;width:100%;padding:9px 9px 10px;display:block;position:relative;box-shadow:0 40px 75px -34px #0f1e468c,0 0 0 1px #0a142d99}.wm-laptop .scr img{object-fit:cover;object-position:top;border-radius:6px;width:100%;height:100%;display:block}.wm-laptop:after{content:"";clip-path:polygon(1.5% 0,98.5% 0,96% 100%,4% 100%);background:linear-gradient(#e6ecf4,#bdcad9);border-radius:0 0 11px 11px;width:116%;height:6%;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.wm-laptop:before{content:"";z-index:3;background:#aab9cc;border-radius:0 0 7px 7px;width:13%;height:2.4%;position:absolute;bottom:-1.4%;left:50%;transform:translate(-50%)}.wm-phones{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.wm-phones:before{content:"";filter:blur(10px);background:radial-gradient(#0f1e464d,#0000 70%);width:18%;height:20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wm-phone{aspect-ratio:9/19.5;transition:transform .6s var(--ease), scale .6s var(--ease);background:linear-gradient(155deg,#2a2c2e,#101113 55%,#26282a);border-radius:22px;padding:4px;position:absolute;box-shadow:0 26px 52px -24px #0f1e468c,0 0 0 1px #0006}.wm-phone .scr{background:#000;border-radius:18px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.wm-phone .scr img{object-fit:cover;object-position:top;border-radius:18px;width:100%;height:100%}.wm-phone.p1{z-index:3;height:62%;animation:pf-bob 6.4s var(--ease) infinite;bottom:4%;left:47%;transform:rotate(6deg)}.wm-phone.p2{z-index:2;height:62%;animation:pf-bob 6.8s var(--ease) infinite .4s;bottom:4%;left:39%;transform:rotate(-7deg)}@media (hover:hover){.pf-showcase-item:hover .wm-monitor{transform:translateY(-5px)}.pf-showcase-item:hover .wm-laptop{transform:translateY(-7px)}.pf-showcase-item:hover .wm-phone.p1{transform:rotate(5deg)translateY(-6px)scale(1.03)}.pf-showcase-item:hover .wm-phone.p2{transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.wm-phone{animation:none}}@media (max-width:820px){.wimsa-stage{aspect-ratio:16/8.4}.wm-monitor{width:50%;bottom:12%}.wm-laptop{width:48%;bottom:8%}.wm-phone.p1{height:58%}.wm-phone.p2{height:50%}}.pf-no{font-family:var(--font-display);color:var(--teal);letter-spacing:.08em;font-size:15px;font-weight:700}.pf-item h3{font-family:var(--font-display);letter-spacing:-.03em;margin-top:12px;font-size:clamp(28px,3.6vw,46px);font-weight:700;line-height:1.05}.pf-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pf-tags span{font-family:var(--font-display);background:var(--cream-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}.pf-item p{color:var(--muted);max-width:46ch;margin-top:18px;font-size:16px}.pf-link{font-family:var(--font-display);color:var(--ink);align-items:center;gap:11px;margin-top:26px;font-weight:600;display:inline-flex}.pf-link .ar{background:var(--teal);color:#fff;width:44px;height:44px;transition:transform .4s var(--ease);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.pf-link:hover .ar{transform:rotate(-45deg)}}.pf-link .ar svg{width:18px;height:18px}@media (max-width:820px){.pf-item{grid-template-columns:1fr}.pf-item:nth-child(2n) .pf-art{order:0}}.pf-more{flex-direction:column;align-items:center;gap:14px;margin-top:clamp(48px,6vw,84px);display:flex}.pf-more .btn-primary svg{width:17px;height:17px}@media (hover:hover){.pf-more .btn-primary:hover svg{transform:translate(3px,-3px)}}.pf-more-note{font-family:var(--font-display);letter-spacing:.04em;color:var(--muted);font-size:13.5px;font-weight:500}.workhero{padding-top:150px}.work-head{text-align:center;max-width:760px;margin:0 auto clamp(44px,5vw,70px)}.work-head h1{font-family:var(--font-display);letter-spacing:-.032em;margin-top:18px;font-size:clamp(38px,6vw,72px);font-weight:700;line-height:1.02}.work-head h1 .teal{color:var(--teal)}.work-grid{grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,40px);display:grid}.work-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);transition:transform .5s var(--ease), box-shadow .5s var(--ease);flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.work-card[href]:hover{transform:translateY(-6px);box-shadow:0 32px 64px -34px #17191e6b}}.work-card-art{aspect-ratio:16/10.5;place-items:center;padding:clamp(22px,3vw,40px);display:grid;position:relative;overflow:hidden}.work-card-art[data-accent="0"]{background:linear-gradient(150deg,#a9dfeb,#e4f4f8 72%)}.work-card-art[data-accent="1"]{background:linear-gradient(150deg,#f0d3a2,#f9eede 72%)}.work-card-art[data-accent="2"]{background:linear-gradient(150deg,#ffc7b3,#ffe4d8 74%)}.work-card-art:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% -10%,#ffffff73,#0000 58%);position:absolute;inset:0}.work-card-art[data-brand=smartwealth]{background:radial-gradient(85% 70% at 50% 4%,#cdf94d33,#0000 58%),linear-gradient(160deg,#1b1e16,#0a0b08 72%)}.work-card-art[data-brand=alhilal]{background:linear-gradient(162deg,#232a63 0%,#5a4a82 42%,#c98aa0 74%,#f6cdd2 100%)}.work-card-art[data-brand=relatedapp]{background:radial-gradient(82% 68% at 50% 6%,#e8b84b33,#0000 56%),linear-gradient(160deg,#261d12,#14100a 76%)}.work-card-art[data-brand=moods]{background:radial-gradient(66% 58% at 20% 16%,#3fd0e03d,#0000 56%),radial-gradient(78% 70% at 84% 90%,#ff1f8f4d,#0000 56%),linear-gradient(160deg,#170f1e,#0c0710 76%)}.work-card-art[data-brand=wimsa]{background:radial-gradient(95% 85% at 6% 102%,#b9e0ff,#0000 56%),linear-gradient(150deg,#d6ebff 0%,#eef7ff 70%)}.work-card-art[data-brand=gaia]{background:radial-gradient(70% 62% at 86% 10%,#7c5cff57,#0000 58%),radial-gradient(80% 70% at 10% 96%,#5b8def4d,#0000 58%),linear-gradient(150deg,#e3daf7 0%,#f3effb 72%)}.work-card-art[data-brand=goalpot]{background:radial-gradient(80% 66% at 84% 100%,#3ddc6e57,#0000 58%),radial-gradient(60% 52% at 16% 8%,#3ddc6e1f,#0000 56%),linear-gradient(160deg,#06150c,#0b2616 76%)}.work-card-art[data-brand=barley]{background:radial-gradient(76% 64% at 80% 96%,#e0654a4d,#0000 58%),radial-gradient(60% 52% at 14% 8%,#edab3f24,#0000 56%),linear-gradient(160deg,#18140f,#0c0b0a 76%)}.work-card-art[data-brand=msheireb]{background:radial-gradient(72% 62% at 84% 8%,#e8743b38,#0000 56%),radial-gradient(80% 70% at 12% 100%,#4fb0a54d,#0000 58%),linear-gradient(160deg,#3d2a52,#1c1328 78%)}.work-card-art[data-brand=discotek]{background:radial-gradient(70% 60% at 82% 12%,#ff3ba747,#0000 56%),radial-gradient(76% 66% at 14% 92%,#22e0ff33,#0000 56%),linear-gradient(160deg,#120b1c,#07050b 76%)}.work-card-art[data-brand=smartwealth]:after,.work-card-art[data-brand=relatedapp]:after,.work-card-art[data-brand=moods]:after,.work-card-art[data-brand=msheireb]:after,.work-card-art[data-brand=discotek]:after,.work-card-art[data-brand=goalpot]:after,.work-card-art[data-brand=barley]:after{background:radial-gradient(120% 100% at 50% 120%,#00000059,#0000 55%)}.dev{z-index:1;transition:transform .55s var(--ease);display:block;position:relative}.dev-scr{background:#fff;display:block;overflow:hidden}.dev-scr img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.ph-screen{background:linear-gradient(160deg, var(--teal-soft), #fff 80%);width:100%;height:100%;display:block}.dev-phones{width:100%;height:100%;display:block;position:relative}.dev-phones:after{content:"";filter:blur(3px);z-index:0;background:radial-gradient(#14161c47,#0000 70%);width:58%;height:16px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.cphone{aspect-ratio:9/19.3;height:90%;transition:transform .55s var(--ease);background:linear-gradient(155deg,#2a2c2e,#101113 55%,#26282a);border-radius:20px;padding:4px;position:absolute;top:50%;left:50%;box-shadow:0 24px 48px -20px #00000080,0 0 0 1px #00000059}.cphone .scr{background:#000;border-radius:16px;width:100%;height:100%;display:block;overflow:hidden}.cphone .scr img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cphone .scr .ph-screen{border-radius:16px}.cphone.back{z-index:1;transform:translate(-76%,-52%)rotate(-9deg)}.cphone.front{z-index:2;transform:translate(-24%,-48%)rotate(7deg)}@media (hover:hover){.work-card[href]:hover .cphone.back{transform:translate(-79%,-54%)rotate(-11deg)}.work-card[href]:hover .cphone.front{transform:translate(-21%,-50%)rotate(5deg)}}.dev-laptop{width:90%;max-width:360px;display:block}.dev-laptop .dev-top{background:#16181d;border-radius:13px;padding:7px;display:block;box-shadow:0 20px 38px -18px #17191e80,inset 0 0 0 1px #ffffff14}.dev-laptop .dev-scr{aspect-ratio:16/10;border-radius:7px}.dev-laptop .dev-base{background:linear-gradient(#cfd3da,#aeb4bd);border-radius:0 0 12px 12px;width:118%;height:11px;margin-left:-9%;display:block;position:relative;box-shadow:0 10px 16px -10px #17191e73}.dev-laptop .dev-base:after{content:"";background:#17191e2e;border-radius:0 0 5px 5px;width:18%;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (hover:hover){.work-card[href]:hover .dev{transform:translateY(-7px)}}.work-card-body{flex-direction:column;flex:1;padding:clamp(22px,2.4vw,30px);display:flex}.work-card-body .pf-no{letter-spacing:.09em;text-transform:uppercase;font-size:12.5px}.work-card-body h3{font-family:var(--font-display);letter-spacing:-.025em;margin-top:10px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.08}.work-card-body>p{color:var(--muted);flex:1;margin-top:12px;font-size:15px;line-height:1.6}.work-card-body .pf-tags{flex:auto;margin-top:0}.work-card-foot{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:18px;display:flex}.work-card-link{font-family:var(--font-display);color:var(--teal-dark);white-space:nowrap;flex:none;align-items:center;gap:9px;margin-top:0;margin-left:auto;font-size:14.5px;font-weight:600;display:inline-flex}.work-card-link.muted{color:var(--muted-2)}.work-card-link svg{width:17px;height:17px;transition:transform .4s var(--ease)}@media (hover:hover){.work-card[href]:hover .work-card-link svg{transform:translate(3px,-3px)}}@media (max-width:720px){.work-grid{grid-template-columns:1fr}.work-card-foot{flex-direction:column;align-items:flex-start;gap:14px}}.tcards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tcard{background:var(--cream-2);border:1px solid var(--line);border-radius:22px;flex-direction:column;padding:30px 28px;display:flex}.tcard .stars{color:var(--teal);letter-spacing:3px;font-size:14px}.tcard p{color:var(--ink-2);margin-top:16px;font-size:16px}.tcard .by{border-top:1px solid var(--line);align-items:center;gap:13px;margin-top:24px;padding-top:22px;display:flex}.tcard .av{background:var(--teal);color:#fff;width:48px;height:48px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.tcard .by b{font-family:var(--font-display);font-size:15px;font-weight:600;display:block}.tcard .by span{color:var(--muted);font-size:13px}@media (max-width:860px){.tcards{grid-template-columns:1fr}}.cta{text-align:center;background:var(--teal);border-radius:var(--r);color:#fff;padding:clamp(50px,8vw,110px) clamp(28px,5vw,60px);position:relative;overflow:hidden}.cta:before,.cta:after{content:"";background:#ffffff1f;border-radius:50%;position:absolute}.cta:before{width:320px;height:320px;top:-120px;left:-80px}.cta:after{width:260px;height:260px;bottom:-120px;right:-60px}.cta-in{z-index:2;position:relative}.cta .eyebrow{color:#d6f4fa}.cta .eyebrow:before{background:#fff}.cta h2{font-family:var(--font-display);letter-spacing:-.035em;margin-top:16px;font-size:clamp(34px,5.5vw,72px);font-weight:700;line-height:1}.cta .btn-light{color:var(--ink);background:#fff;margin-top:34px}@media (hover:hover){.cta .btn-light:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px #0006}}.cta .email{font-family:var(--font-display);color:#eafafd;margin-top:22px;font-size:18px;font-weight:600;display:block}.pfooter{padding-block:clamp(44px,6vw,72px)}.pfooter-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;display:flex}.pfooter .plogo{font-size:24px}.pfooter-links{flex-wrap:wrap;gap:8px;display:flex}.pfooter-links a{font-family:var(--font-display);color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .25s,color .25s}@media (hover:hover){.pfooter-links a:hover{background:var(--cream-2);color:var(--teal-dark)}}.pfooter-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:26px;font-size:14px;display:flex}.pfooter-bottom .socials{gap:8px;display:flex}.pfooter-bottom .socials a{border:1.5px solid var(--line-2);width:40px;height:40px;color:var(--ink-2);transition:all .3s var(--ease);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.pfooter-bottom .socials a:hover{background:var(--teal);border-color:var(--teal);color:#fff}}.pfooter-bottom .socials svg{width:17px;height:17px}.pfooter-bottom{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.pfooter-tag{text-align:center}.pfooter-bottom .socials{justify-self:end}@media (max-width:700px){.pfooter-bottom{text-align:center;grid-template-columns:1fr;justify-items:center}.pfooter-bottom .socials{justify-self:center}}.pnav-burger{width:44px;height:44px;color:var(--ink);border-radius:12px;flex:none;align-content:center;place-items:center;gap:5px;padding:0;transition:background .25s;display:none}@media (hover:hover){.pnav-burger:hover{background:var(--cream-2)}}.pnav-burger>span{width:20px;height:2px;transition:transform .32s var(--ease), opacity .2s linear;background:currentColor;border-radius:2px;display:block}.pnav.menu-open .pnav-burger>span:first-child{transform:translateY(7px)rotate(45deg)}.pnav.menu-open .pnav-burger>span:nth-child(2){opacity:0}.pnav.menu-open .pnav-burger>span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.pnav-mobile{z-index:130;padding-inline:var(--gutter);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 100%);position:absolute;inset:calc(100% - 4px) 0 auto;overflow-y:auto}.pnav-mobile-inner{max-width:var(--maxw);background:var(--paper);border:1px solid var(--line);border-radius:22px;gap:2px;margin-inline:auto;padding:12px;display:grid;box-shadow:0 36px 80px -34px #17191e6b}.pnav-mobile-inner>a{font-family:var(--font-display);min-height:48px;color:var(--ink);border-radius:14px;align-items:center;padding:0 14px;font-size:16px;font-weight:600;transition:background .2s,color .2s;display:flex}.pnav-mobile-inner>a:focus-visible{background:var(--cream-2);color:var(--teal-dark)}@media (hover:hover){.pnav-mobile-inner>a:hover{background:var(--cream-2);color:var(--teal-dark)}}.pnav-mobile-sub{border-top:1px solid var(--line);gap:2px;margin-top:8px;padding-top:10px;display:grid}.pnav-mobile-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);padding:4px 14px 6px;font-size:11.5px;font-weight:600}.pnav-mobile-sub a{min-height:44px;color:var(--muted);border-radius:12px;align-items:center;padding:0 14px;font-size:15px;transition:background .2s,color .2s;display:flex}.pnav-mobile-sub a:focus-visible{background:var(--cream-2);color:var(--ink)}@media (hover:hover){.pnav-mobile-sub a:hover{background:var(--cream-2);color:var(--ink)}}.pnav-mobile-all{gap:8px;font-weight:600;color:var(--teal-dark)!important}.pnav-mobile-all svg,.pnav-mobile-cta svg{width:16px;height:16px}.pnav .pnav-mobile .btn.pnav-mobile-cta{justify-content:center;min-height:52px;margin-top:10px;color:#0d0e10!important;background:linear-gradient(135deg,#19b7d1,#8b6bff)!important;border:none!important;font-weight:700!important;box-shadow:0 14px 34px -16px #19b7d1e6!important}@media (hover:hover){.pnav .pnav-mobile .btn.pnav-mobile-cta:hover{filter:brightness(1.06);transform:none;color:#0d0e10!important}}.pnav-scrim{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0c0d0f6b;border-radius:0;position:fixed;inset:0}@media (max-width:940px){.pnav-burger{display:grid}.pnav-inner{z-index:140}.pnav-inner>.pnav-cta{display:none}.pnav-inner{gap:12px}}@media (min-width:941px){.pnav-mobile,.pnav-scrim,.pnav-burger{display:none!important}}@media (prefers-reduced-motion:reduce){.pnav-burger>span{transition:none}}@media (max-width:900px){.skills-wrap{grid-template-columns:1fr;align-items:start;gap:clamp(30px,6vw,48px)}}@media (max-width:820px){.pf-art.phones-art{aspect-ratio:4/3.4;width:100%;min-height:0}}@media (max-width:560px){.pf-art.phones-art{aspect-ratio:4/3.9}.pf-phone{width:40%}}.pf-item>*,.pf-banner>*,.work-card-body,.book-card>*,.skills-wrap>*{min-width:0}.work-card-foot{flex-wrap:wrap}.work-card-body .pf-tags{min-width:0}@media (max-width:1080px){.work-card-foot{align-items:flex-start;gap:12px}.work-card-link{margin-left:0}}@media (max-width:860px){.work-grid{grid-template-columns:1fr}.workhero{padding-top:clamp(96px,16vw,132px)}}@media (min-width:861px) and (max-width:1080px){.tcards{grid-template-columns:repeat(2,1fr)}.tcards>:last-child:nth-child(odd){grid-column:1/-1}}@media (pointer:coarse){.pnav-links>a,.mega-trigger,.pfooter-links a,.work-card-link,.pf-link,.plogo,a[href^=mailto\:],a[href^=tel\:]{align-items:center;min-height:44px;display:inline-flex}.btn{min-height:46px}}@media (max-width:400px){:root{--gutter:16px;--r:20px}body{font-size:16px}.plogo{gap:8px;font-size:16px}.plogo .mk{width:30px;height:30px}.plogo-txt small{font-size:8.5px}.btn{padding:14px 22px;font-size:14.5px}.counters{gap:28px 16px}}@media (max-width:1024px){.reveal,.reveal.in{opacity:1;transition:none;transform:none}.reveal-d1,.reveal-d2,.reveal-d3,.reveal-d4{transition-delay:0s}.line-mask>span,.in .line-mask>span,.line-reveal .line-mask:nth-child(2)>span,.line-reveal .line-mask:nth-child(3)>span{transition:none;transform:none}.phero-ring.phero-ring,.phero-badge.phero-badge,.pf-phone.pf-phone,.ahb-phone.ahb-phone,.wm-phone.wm-phone{animation:none}}@media (hover:none){a:hover,button:hover,.btn:hover,.card:hover,.pcard:hover,.pw-card:hover,.tcard:hover,.scard:hover,.work-card:hover,.work-card[href]:hover,.mega-card:hover,.pf-item:hover,.pf-item:hover .pf-img,.pf-link:hover .ar,.csw-back:hover .ar,.svc-row:hover .no,.svc-row:hover .nm,.svc-row:hover .svc-shield,.hero-devices:hover .hero-phone,.hero-devices:hover .hero-web,.work-card[href]:hover .work-card-link svg,.btn:hover svg,.pf-item:hover .pf-phone.back,.pf-item:hover .pf-phone.front{filter:none;text-shadow:none;transform:translate(0,0)scale(1)}.pnav-links>a:hover,.mega-trigger:hover,.pfooter-links a:hover,.pnav-mobile-inner>a:hover,.pnav-mobile-sub a:hover{background:0 0}a,button{-webkit-tap-highlight-color:transparent}}@media (max-width:1024px){.btn-neon{filter:none;background:linear-gradient(135deg,#19b7d1 0%,#5fd0e4 38%,#8b6bff 100%)}.btn-neon:before{display:none}.btn-neon-host,.phero-cta .btn-teal,.cta .btn-light.btn-neon-host,.cform .btn-light.btn-neon-host{color:var(--ink);isolation:isolate;background:0 0;position:relative;overflow:visible}.pf-no,.pf-no.on-dark,.moods-no,.wimsa-no,.work-card-body .pf-no,#work .pf-item .pf-no,#work .pf-item .pf-no.on-dark,#work .pf-item .moods-no,#work .pf-item .wimsa-no{color:var(--teal)}}.tcar-vp{display:contents}.tcar-nav{display:none}@media (max-width:720px){.tcar-vp{touch-action:pan-y;width:100vw;margin-inline:calc(50% - 50vw);display:block;overflow:hidden}.tcar-track{width:max-content;padding-inline:var(--gutter);will-change:transform;align-items:stretch;gap:14px;border-top:none!important;display:flex!important}.tcar-track>*{flex:none;width:min(78vw,330px)}.tcar-nav{justify-content:center;align-items:center;gap:18px;margin-top:20px;display:flex}.tcar-arrow{border:1.5px solid var(--line-2);width:46px;height:46px;color:var(--ink);background:var(--cream-2);border-radius:50%;place-items:center;transition:opacity .25s;display:grid}.tcar-arrow svg{width:19px;height:19px}.tcar-arrow:disabled{opacity:.35}.tcar-count{font-family:var(--font-display);letter-spacing:.06em;color:var(--muted);text-align:center;min-width:54px;font-size:13.5px;font-weight:600}.svc-list>.svc-row{border:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream-2);border-radius:22px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;display:flex}.svc-row .no{color:var(--teal);font-size:13px}.svc-row .nm{font-size:19px}.svc-row .svc-tags{flex-wrap:wrap;justify-content:flex-start;gap:7px;margin-top:2px;display:flex}.svc-row .svc-tag{background:color-mix(in oklab, var(--tint,var(--teal)) 20%, transparent);border:1px solid color-mix(in oklab, var(--tint,var(--teal)) 45%, transparent);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 6px;display:inline-flex}.svc-row .svc-shield{background:var(--tint,var(--teal));color:#fff;width:21px;height:21px;box-shadow:none;border-radius:50%;flex:none}.svc-row .svc-shield i,.svc-row .svc-shield svg{width:12px;height:12px;font-size:12px}.svc-row .svc-tag-label{opacity:1;visibility:visible;font-family:var(--font-display);letter-spacing:.01em;color:color-mix(in oklab, var(--tint,var(--teal)) 72%, var(--ink));box-shadow:none;white-space:nowrap;pointer-events:none;background:0 0;border:none;font-size:11.5px;font-weight:600;position:static;transform:none}.cap-list>.cap-item{border:1px solid var(--line);border-top:1px solid var(--line);background:var(--cream-2);border-radius:22px;padding:20px}.cap-item .cap-num{color:var(--teal)}}@media (max-width:820px){.wimsa-stage,.moods-stage,.pf-banner-art.laptops{width:100vw;padding-inline:var(--gutter);aspect-ratio:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:12px;max-width:none;height:auto;min-height:0;margin-inline:calc(50% - 50vw);display:flex;position:relative;overflow:auto hidden}.wimsa-stage::-webkit-scrollbar{width:0;height:0;display:none}.moods-stage::-webkit-scrollbar{width:0;height:0;display:none}.pf-banner-art.laptops::-webkit-scrollbar{width:0;height:0;display:none}.wimsa-stage>*,.moods-stage>*,.pf-banner-art.laptops>*{width:calc(100vw - var(--gutter) * 2);scroll-snap-align:center;flex:none;max-width:none;height:auto;position:static;inset:auto;transform:none}.moods-stage>.ml-glow,.wimsa-stage>.wm-glow{display:none}.wimsa-stage>.wm-phones{gap:12px;width:auto;display:flex}.wimsa-stage .wm-phone{height:auto;width:calc((100vw - var(--gutter) * 2 - 12px) / 2);position:static;inset:auto;transform:none}.pf-item>div>p,.pf-banner-copy>p,.wimsa-head>p{display:none}.pf-art.phones-art .pf-phones,.pf-banner-art.three .ahb-phones{width:100vw;padding-inline:var(--gutter);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:12px;margin-inline:calc(50% - 50vw);display:flex;position:static;overflow:auto hidden}.pf-art.phones-art .pf-phones::-webkit-scrollbar{width:0;height:0;display:none}.pf-banner-art.three .ahb-phones::-webkit-scrollbar{width:0;height:0;display:none}.pf-art.phones-art .pf-phones:before,.pf-banner-art.three .ahb-phones:before{display:none}.pf-art.phones-art .pf-phone,.pf-banner-art.three .ahb-phone{width:min(calc(100vw - var(--gutter) * 2), 460px);scroll-snap-align:center;border-radius:clamp(20px,5vw,30px);flex:none;max-width:none;height:auto;padding:clamp(4px,1.1vw,7px);position:static;inset:auto;transform:none}.pf-art.phones-art .pf-phone .scr,.pf-banner-art.three .ahb-phone .scr{border-radius:clamp(16px,4.2vw,25px)}.pf-art.phones-art,.pf-banner-art.three{aspect-ratio:auto;height:auto;min-height:0;padding-block:10px}.pf-art.has-img{aspect-ratio:auto;border-radius:0;width:100vw;margin-inline:calc(50% - 50vw)}.pf-art.has-img .pf-img{width:100%;height:auto;position:static}.pf-banner-art.three .ahb-phone.main,.pf-banner-art.three .ahb-phone.side,.pf-banner-art.three .ahb-phone.side.left,.pf-banner-art.three .ahb-phone.side.right,.pf-banner-art.laptops .ml-laptop.back,.pf-banner-art.laptops .ml-laptop.front,.moods-stage .ml-laptop.back,.moods-stage .ml-laptop.front,.wimsa-stage .wm-phone.p1,.wimsa-stage .wm-phone.p2,.wimsa-stage .wm-monitor,.wimsa-stage .wm-laptop{width:min(calc(100vw - var(--gutter) * 2), 460px);flex:none;order:0;max-width:none;height:auto;position:static;inset:auto;transform:none}.wimsa-stage>.wm-phones{display:contents}.pf-art.phones-art .pf-phone,.pf-banner-art.three .ahb-phone,.pf-banner-art.three .ahb-phone.main,.pf-banner-art.three .ahb-phone.side,.pf-banner-art.three .ahb-phone.side.left,.pf-banner-art.three .ahb-phone.side.right,.wimsa-stage .wm-phone,.wimsa-stage .wm-phone.p1,.wimsa-stage .wm-phone.p2{width:auto;height:min(76svh,620px);max-width:calc(100vw - var(--gutter) * 2)}.pf-art.has-img .pf-img{object-fit:cover;max-height:76svh}.pf-banner-art.three .ahb-phones{width:100%;margin-inline:0;padding-inline:0;scroll-padding-inline:0}.wimsa-stage>.wm-monitor,.wimsa-stage>.wm-laptop{display:none}.wimsa-stage{justify-content:flex-start}}.socials a,.nl-socials a{aspect-ratio:1;flex:none}@media (pointer:coarse){.socials a,.nl-socials a{border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:grid}}.pf-title-sub{opacity:.78;white-space:normal;font-size:.74em;font-weight:600}.pf-title-sub:before{content:" "}