@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@600&display=swap";
.WorkShowcase-module-scss-module__ZOJEZW__showcase{background:#f5f5f3;padding:clamp(32px,4vw,48px) clamp(20px,5.5vw,80px) clamp(48px,6vw,88px)}.WorkShowcase-module-scss-module__ZOJEZW__filterBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:clamp(32px,4.5vw,56px);display:flex}.WorkShowcase-module-scss-module__ZOJEZW__resultCount{letter-spacing:.1em;text-transform:uppercase;color:#9b9b9b;white-space:nowrap;font-size:.75rem;font-weight:600}.WorkShowcase-module-scss-module__ZOJEZW__tabs{border-bottom:1px solid #0000001a;align-items:flex-end;display:flex;position:relative}.WorkShowcase-module-scss-module__ZOJEZW__tabs:after{content:"";bottom:-1px;left:var(--ind-left,0px);width:var(--ind-width,0px);background:linear-gradient(90deg,#ff7a18,#c81d77);border-radius:999px;height:2px;transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);position:absolute}@media (max-width:479px){.WorkShowcase-module-scss-module__ZOJEZW__tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.WorkShowcase-module-scss-module__ZOJEZW__tabs::-webkit-scrollbar{display:none}}.WorkShowcase-module-scss-module__ZOJEZW__tab{cursor:pointer;color:#9b9b9b;white-space:nowrap;letter-spacing:.01em;-webkit-tap-highlight-color:#0000;background:0 0;border:none;align-items:center;gap:7px;padding:8px 14px 10px;font-size:.875rem;font-weight:500;transition:color .16s;display:inline-flex}.WorkShowcase-module-scss-module__ZOJEZW__tab:hover,.WorkShowcase-module-scss-module__ZOJEZW__tab[aria-selected=true]{color:#0c1a2e}.WorkShowcase-module-scss-module__ZOJEZW__tab:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #00e0e7}.WorkShowcase-module-scss-module__ZOJEZW__tabCount{color:#9b9b9b;letter-spacing:0;font-size:.7rem;font-weight:600}.WorkShowcase-module-scss-module__ZOJEZW__grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,26px);margin:0;padding:0;list-style:none;display:grid}@media (max-width:1023px){.WorkShowcase-module-scss-module__ZOJEZW__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.WorkShowcase-module-scss-module__ZOJEZW__grid{grid-template-columns:1fr}}.WorkShowcase-module-scss-module__ZOJEZW__card{min-width:0;animation:.32s both WorkShowcase-module-scss-module__ZOJEZW__fadeUp}@keyframes WorkShowcase-module-scss-module__ZOJEZW__fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.WorkShowcase-module-scss-module__ZOJEZW__cardLink{height:100%;color:inherit;background:#fff;border:1px solid #00000012;border-radius:12px;text-decoration:none;transition:transform .24s,box-shadow .24s;display:block;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 14px #0000000d}.WorkShowcase-module-scss-module__ZOJEZW__cardLink:hover{text-decoration:none;transform:translateY(-5px);box-shadow:0 6px 28px #0000001c,0 12px 40px #00000012}.WorkShowcase-module-scss-module__ZOJEZW__cardLink:hover .WorkShowcase-module-scss-module__ZOJEZW__screenshot{transform:scale(1.035)}.WorkShowcase-module-scss-module__ZOJEZW__cardLink:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #00e0e7}.WorkShowcase-module-scss-module__ZOJEZW__frame{background:#e8e8e6;border-radius:11px 11px 0 0;overflow:hidden}.WorkShowcase-module-scss-module__ZOJEZW__frameBar{background:#e8e8e6;flex-shrink:0;align-items:center;gap:5px;height:28px;padding:0 10px;display:flex}.WorkShowcase-module-scss-module__ZOJEZW__dotRed{background:#ff5f57;border-radius:50%;flex-shrink:0;width:9px;height:9px}.WorkShowcase-module-scss-module__ZOJEZW__dotYellow{background:#ffbd2e;border-radius:50%;flex-shrink:0;width:9px;height:9px}.WorkShowcase-module-scss-module__ZOJEZW__dotGreen{background:#28c840;border-radius:50%;flex-shrink:0;width:9px;height:9px}.WorkShowcase-module-scss-module__ZOJEZW__frameUrl{color:#0000004d;letter-spacing:.02em;white-space:nowrap;background:#00000012;border-radius:3px;flex:1;align-items:center;height:15px;margin-left:6px;padding:0 7px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex;overflow:hidden}.WorkShowcase-module-scss-module__ZOJEZW__frameScreen{aspect-ratio:16/10;position:relative;overflow:hidden}.WorkShowcase-module-scss-module__ZOJEZW__screenshot{transition:transform .4s;object-fit:cover!important;object-position:top center!important}.WorkShowcase-module-scss-module__ZOJEZW__cardMeta{justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 15px 14px;display:flex}.WorkShowcase-module-scss-module__ZOJEZW__cardMetaLeft{flex-direction:column;gap:3px;min-width:0;display:flex}.WorkShowcase-module-scss-module__ZOJEZW__clientName{letter-spacing:-.01em;color:#0c1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.WorkShowcase-module-scss-module__ZOJEZW__serviceList{letter-spacing:.02em;color:#9b9b9b;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:500;overflow:hidden}.WorkShowcase-module-scss-module__ZOJEZW__categoryLabel{letter-spacing:.1em;text-transform:uppercase;color:#9b9b9b;flex-shrink:0;padding-top:2px;font-size:.7rem;font-weight:600}.WorkShowcase-module-scss-module__ZOJEZW__empty{text-align:center;color:#9b9b9b;grid-column:1/-1;padding:64px 0;font-size:.9rem}@media (prefers-reduced-motion:reduce){.WorkShowcase-module-scss-module__ZOJEZW__card{animation:none}.WorkShowcase-module-scss-module__ZOJEZW__tabs:after,.WorkShowcase-module-scss-module__ZOJEZW__cardLink,.WorkShowcase-module-scss-module__ZOJEZW__screenshot{transition:none}}
.work-module-scss-module__Syo_NW__pageHeader{padding-top:calc(var(--site-header-height,72px) + clamp(40px,6vw,80px));background:#f5f5f3;padding-bottom:clamp(40px,5vw,64px);padding-left:clamp(20px,5.5vw,80px);padding-right:clamp(20px,5.5vw,80px)}.work-module-scss-module__Syo_NW__headerGrid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,72px);display:grid}@media (max-width:1023px){.work-module-scss-module__Syo_NW__headerGrid{grid-template-columns:1fr}}.work-module-scss-module__Syo_NW__eyebrow{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#ff7a18,#c81d77);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:.72rem;font-weight:700}.work-module-scss-module__Syo_NW__heading{letter-spacing:-.03em;color:#0c1a2e;max-width:14ch;margin:0 0 16px;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;line-height:1.05}.work-module-scss-module__Syo_NW__heading:after{content:"";background:linear-gradient(90deg,#ff7a18,#c81d77);border-radius:999px;width:clamp(48px,8vw,72px);height:5px;margin:clamp(12px,2vw,18px) 0 0;display:block}.work-module-scss-module__Syo_NW__sub{color:#9b9b9b;max-width:48ch;margin:0;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.6}.work-module-scss-module__Syo_NW__previews{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}@media (max-width:1023px){.work-module-scss-module__Syo_NW__previews{display:none}}.work-module-scss-module__Syo_NW__previewCard{background:#fff;border:1px solid #00000012;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 28px #00000012}.work-module-scss-module__Syo_NW__previewCard:nth-child(2){margin-top:44px}.work-module-scss-module__Syo_NW__previewFrame{background:#e8e8e6}.work-module-scss-module__Syo_NW__previewBar{align-items:center;gap:4px;height:22px;padding:0 8px;display:flex}.work-module-scss-module__Syo_NW__previewDotRed{background:#ff5f57;border-radius:50%;flex-shrink:0;width:7px;height:7px}.work-module-scss-module__Syo_NW__previewDotYellow{background:#ffbd2e;border-radius:50%;flex-shrink:0;width:7px;height:7px}.work-module-scss-module__Syo_NW__previewDotGreen{background:#28c840;border-radius:50%;flex-shrink:0;width:7px;height:7px}.work-module-scss-module__Syo_NW__previewUrl{color:#0000004d;white-space:nowrap;background:#00000012;border-radius:2px;flex:1;align-items:center;height:12px;margin-left:5px;padding:0 5px;font-family:ui-monospace,monospace;font-size:7px;display:flex;overflow:hidden}.work-module-scss-module__Syo_NW__previewScreen{aspect-ratio:16/10;position:relative;overflow:hidden}.work-module-scss-module__Syo_NW__previewImg{object-fit:cover!important;object-position:top center!important}.work-module-scss-module__Syo_NW__previewMeta{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.work-module-scss-module__Syo_NW__previewClient{color:#0c1a2e;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.work-module-scss-module__Syo_NW__previewServices{color:#9b9b9b;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:500;overflow:hidden}.work-module-scss-module__Syo_NW__ctaSection{color:#fff;background:#060d1a;position:relative;overflow:hidden}.work-module-scss-module__Syo_NW__ctaGlow{pointer-events:none;background:radial-gradient(at 18% 24%,#22d3ee1f,#0000 46%),radial-gradient(at 78% 18%,#818cf81a,#0000 44%),radial-gradient(#22d3ee0f,#0000 62%);position:absolute;inset:0}.work-module-scss-module__Syo_NW__ctaTopLine{background:linear-gradient(90deg,#0000,#06b6d44d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.work-module-scss-module__Syo_NW__ctaWatermark{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.work-module-scss-module__Syo_NW__ctaWatermarkText{white-space:nowrap;letter-spacing:-.05em;color:#ffffff06;font-size:clamp(4.6rem,13vw,15rem);font-weight:900}.work-module-scss-module__Syo_NW__ctaInner{z-index:1;max-width:1300px;margin:0 auto;padding:5rem 1.5rem;position:relative}.work-module-scss-module__Syo_NW__ctaContent{max-width:800px}.work-module-scss-module__Syo_NW__ctaBadge{color:#22d3eead;letter-spacing:.25em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.75rem;font-weight:700;display:block}.work-module-scss-module__Syo_NW__ctaHeading{color:#fff;letter-spacing:-.04em;margin:0 0 2rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:.95}.work-module-scss-module__Syo_NW__ctaHeadingAccent{background:linear-gradient(135deg,#22d3ee,#818cf8);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;display:block}.work-module-scss-module__Syo_NW__ctaSubtext{color:#ffffff85;max-width:520px;margin:0;font-size:1.125rem;font-weight:300;line-height:1.7}.work-module-scss-module__Syo_NW__ctaActions{flex-wrap:wrap;gap:1rem;margin:3rem 0 2.5rem;display:flex}.work-module-scss-module__Syo_NW__ctaPrimary,.work-module-scss-module__Syo_NW__ctaSecondary{letter-spacing:.05em;border-radius:.75rem;justify-content:center;align-items:center;min-height:54px;padding:1rem 2rem;font-size:.875rem;font-weight:900;text-decoration:none;transition:background .3s,border-color .3s,box-shadow .3s,color .3s;display:inline-flex}.work-module-scss-module__Syo_NW__ctaPrimary{color:#060d1a;background:#22d3ee;border:0;box-shadow:0 0 40px #22d3ee40}.work-module-scss-module__Syo_NW__ctaPrimary:hover,.work-module-scss-module__Syo_NW__ctaPrimary:focus-visible{background:#67e8f9;text-decoration:none;box-shadow:0 0 60px #22d3ee66}.work-module-scss-module__Syo_NW__ctaSecondary{color:#ffffffad;border:1px solid #ffffff1a}.work-module-scss-module__Syo_NW__ctaSecondary:hover,.work-module-scss-module__Syo_NW__ctaSecondary:focus-visible{color:#fff;border-color:#06b6d452;text-decoration:none}.work-module-scss-module__Syo_NW__ctaPrimary:focus-visible,.work-module-scss-module__Syo_NW__ctaSecondary:focus-visible{outline-offset:3px;outline:2px solid #22d3ee99}.work-module-scss-module__Syo_NW__ctaFooter{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:.75rem 2rem;max-width:800px;padding-top:2rem;display:flex}.work-module-scss-module__Syo_NW__ctaFooterItem{color:#ffffff6b;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.work-module-scss-module__Syo_NW__ctaFooterDot{background:#22d3ee7a;border-radius:50%;flex-shrink:0;width:4px;height:4px}@media (min-width:768px){.work-module-scss-module__Syo_NW__ctaInner{padding:clamp(4rem,8vw,6.5rem) 3rem}}@media (max-width:640px){.work-module-scss-module__Syo_NW__ctaHeading{font-size:clamp(2.6rem,15vw,4rem)}.work-module-scss-module__Syo_NW__ctaActions{flex-direction:column}.work-module-scss-module__Syo_NW__ctaPrimary,.work-module-scss-module__Syo_NW__ctaSecondary{width:100%}}
