.csm-backdrop{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#020617c7;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:flex;position:fixed;inset:0;overflow-y:auto}.csm-modal{isolation:isolate;background:#050c1f;border-radius:32px;flex-direction:column;width:100%;max-width:880px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 60px 120px #000000bf,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.csm-hero{isolation:isolate;padding:clamp(28px,5vw,48px) clamp(28px,5vw,48px) clamp(36px,6vw,60px);position:relative;overflow:hidden}.csm-hero-illustration{z-index:-1;opacity:.55;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0009 60%,#0000001a 100%);mask-image:linear-gradient(#000 0%,#0009 60%,#0000001a 100%)}.csm-hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#ffffff24,#0000 60%),radial-gradient(90% 50% at 50% 100%,#00000059,#0000 60%);position:absolute;inset:0}.csm-category{font-family:var(--font-mona),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:#ffffff29;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-bottom:clamp(20px,3vw,32px);padding:8px 14px;font-size:13px;font-weight:900;display:inline-flex}.csm-category svg{width:16px;height:16px}.csm-title{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.03em;color:inherit;margin:0 0 clamp(12px,2vw,18px);font-size:clamp(2.4rem,5.6vw,4rem);font-weight:700;line-height:1}.csm-tagline{font-family:var(--font-bodoni),Georgia,serif;letter-spacing:-.005em;opacity:.92;max-width:600px;margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-style:italic;font-weight:400;line-height:1.35}.csm-close{z-index:10;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s,border-color .2s;display:flex;position:absolute;top:18px;right:18px}.csm-close:hover{background:#0000008c;border-color:#ffffff52;transform:scale(1.06)}.csm-close:focus-visible{outline-offset:3px;outline:2px solid #38bdf8}.csm-close svg{width:18px;height:18px}.csm-body{scrollbar-gutter:stable;flex:1;padding:clamp(28px,5vw,48px);overflow-y:auto}.csm-section{border-top:1px solid #ffffff14;padding-top:clamp(24px,3vw,36px);padding-bottom:clamp(24px,3vw,36px)}.csm-section:first-of-type{border-top:none;padding-top:0}.csm-section-label{font-family:var(--font-mona),system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#5c6986;margin:0 0 8px;font-size:13px;font-weight:200}.csm-section-title{font-family:var(--font-serif),Georgia,serif;letter-spacing:-.015em;color:#e8ecf5;margin:0 0 clamp(14px,2vw,20px);font-size:clamp(1.6rem,3vw,2.1rem);font-style:italic;font-weight:500;line-height:1.1}.csm-section-text{font-family:var(--font-body,"Outfit"),system-ui,sans-serif;color:#b8c2d8;margin:0;font-size:clamp(.98rem,1.4vw,1.1rem);font-weight:400;line-height:1.65}.csm-stack{flex-wrap:wrap;gap:8px;margin-top:clamp(20px,3vw,28px);display:flex}.csm-stack-badge{font-family:var(--font-mona),system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#7dd3fc;background:#38bdf814;border:1px solid #38bdf829;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}@media (max-width:640px){.csm-modal{border-radius:24px;max-height:95vh}.csm-close{width:40px;height:40px;top:12px;right:12px}}
@property --hg-fan-x{syntax:"<length>";inherits:false;initial-value:0}@property --hg-fan-y{syntax:"<length>";inherits:false;initial-value:0}@property --hg-fan-rot{syntax:"<angle>";inherits:false;initial-value:0deg}@property --hg-fan-scale{syntax:"<number>";inherits:false;initial-value:1}.hg-section{--hg-gap:1.25rem;--hg-text:#e8ecf5;--hg-text-dim:#8a95b0;--hg-text-muted:#5c6986;--hg-accent:#38bdf8;z-index:5;width:100%;color:var(--hg-text);background-color:#020617;background-image:url(/projects/bg-what-we-build.webp);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;padding:clamp(80px,10vw,140px) 24px;position:relative;overflow:clip visible}.hg-overlay{z-index:0;pointer-events:none;background:radial-gradient(70% 50% at 50% 0,#38bdf81a,#0000 60%),radial-gradient(60% 40% at 50% 100%,#38bdf80f,#0000 60%),linear-gradient(#020617b8 0%,#0206178c 40%,#020617c7 100%);position:absolute;inset:0}.hg-edge-top{z-index:1;pointer-events:none;background:linear-gradient(#0f172a 0%,#0000 100%);height:120px;position:absolute;top:0;left:0;right:0}.hg-edge-bottom{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#020617 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.hg-inner{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hg-layout{text-align:center;justify-content:flex-start;align-items:center;gap:calc(var(--hg-gap)*2);flex-flow:column;width:100%;display:flex}.hg-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,.6vw,10px);margin:0;line-height:.9;display:flex}.hg-title-display{white-space:nowrap;font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.02em;color:var(--hg-text-muted);text-transform:uppercase;font-size:clamp(2.4rem,6.4vw,5rem);font-weight:700;display:block}.hg-title-serif{font-family:var(--font-serif),Georgia,"Times New Roman",serif;letter-spacing:-.02em;color:#fff;text-transform:none;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.7rem,7.2vw,6rem);font-style:italic;font-weight:500}.hg-accent-line{background:linear-gradient(90deg,#0000 0%,#38bdf8 50%,#0000 100%);width:80px;height:2px;margin:4px auto 0}.hg-subtitle{font-family:var(--font-bodoni),Georgia,serif;letter-spacing:.01em;color:var(--hg-text-dim);max-width:560px;margin:6px 0 0;font-size:clamp(1rem,1.4vw,1.15rem);font-style:italic;font-weight:400;line-height:1.4}.hg-deck-area{width:100%;margin-top:-180px;padding-top:180px;position:relative}.hg-deck{width:100%;height:36rem;position:relative}.hg-deck-track{display:block;position:absolute;inset:0}.hg-card-pos{--hg-fan-x:var(--hg-fan-x-base);--hg-fan-y:var(--hg-fan-y-base);--hg-fan-rot:var(--hg-fan-rot-base);--hg-fan-scale:1;--hg-fan-x-base:0px;--hg-fan-y-base:0px;--hg-fan-rot-base:0deg;transform:translate(-50%,-50%)translate(var(--hg-fan-x),var(--hg-fan-y))rotate(var(--hg-fan-rot))scale(var(--hg-fan-scale));transform-origin:50% 100%;will-change:transform,opacity;cursor:pointer;position:absolute;top:50%;left:50%}.hg-card-pos:first-child{--hg-fan-x-base:-960px;--hg-fan-y-base:252px;--hg-fan-rot-base:-14deg;z-index:1}.hg-card-pos:nth-child(2){--hg-fan-x-base:-720px;--hg-fan-y-base:162px;--hg-fan-rot-base:-10.5deg;z-index:2}.hg-card-pos:nth-child(3){--hg-fan-x-base:-480px;--hg-fan-y-base:90px;--hg-fan-rot-base:-7deg;z-index:3}.hg-card-pos:nth-child(4){--hg-fan-x-base:-240px;--hg-fan-y-base:36px;--hg-fan-rot-base:-3.5deg;z-index:4}.hg-card-pos:nth-child(5){--hg-fan-x-base:0px;--hg-fan-y-base:0px;--hg-fan-rot-base:0deg;z-index:5}.hg-card-pos:nth-child(6){--hg-fan-x-base:240px;--hg-fan-y-base:36px;--hg-fan-rot-base:3.5deg;z-index:4}.hg-card-pos:nth-child(7){--hg-fan-x-base:480px;--hg-fan-y-base:90px;--hg-fan-rot-base:7deg;z-index:3}.hg-card-pos:nth-child(8){--hg-fan-x-base:720px;--hg-fan-y-base:162px;--hg-fan-rot-base:10.5deg;z-index:2}.hg-card-pos:nth-child(9){--hg-fan-x-base:960px;--hg-fan-y-base:252px;--hg-fan-rot-base:14deg;z-index:1}@media (max-width:1280px){.hg-card-pos:first-child{--hg-fan-x-base:-680px;--hg-fan-y-base:180px;--hg-fan-rot-base:-10deg}.hg-card-pos:nth-child(2){--hg-fan-x-base:-510px;--hg-fan-y-base:116px;--hg-fan-rot-base:-7.5deg}.hg-card-pos:nth-child(3){--hg-fan-x-base:-340px;--hg-fan-y-base:64px;--hg-fan-rot-base:-5deg}.hg-card-pos:nth-child(4){--hg-fan-x-base:-170px;--hg-fan-y-base:26px;--hg-fan-rot-base:-2.5deg}.hg-card-pos:nth-child(5){--hg-fan-x-base:0px;--hg-fan-y-base:0px;--hg-fan-rot-base:0deg}.hg-card-pos:nth-child(6){--hg-fan-x-base:170px;--hg-fan-y-base:26px;--hg-fan-rot-base:2.5deg}.hg-card-pos:nth-child(7){--hg-fan-x-base:340px;--hg-fan-y-base:64px;--hg-fan-rot-base:5deg}.hg-card-pos:nth-child(8){--hg-fan-x-base:510px;--hg-fan-y-base:116px;--hg-fan-rot-base:7.5deg}.hg-card-pos:nth-child(9){--hg-fan-x-base:680px;--hg-fan-y-base:180px;--hg-fan-rot-base:10deg}}@media (max-width:1024px){.hg-card-pos:first-child{--hg-fan-x-base:-540px;--hg-fan-y-base:144px;--hg-fan-rot-base:-9deg}.hg-card-pos:nth-child(2){--hg-fan-x-base:-405px;--hg-fan-y-base:92px;--hg-fan-rot-base:-6.75deg}.hg-card-pos:nth-child(3){--hg-fan-x-base:-270px;--hg-fan-y-base:52px;--hg-fan-rot-base:-4.5deg}.hg-card-pos:nth-child(4){--hg-fan-x-base:-135px;--hg-fan-y-base:20px;--hg-fan-rot-base:-2.25deg}.hg-card-pos:nth-child(5){--hg-fan-x-base:0px;--hg-fan-y-base:0px;--hg-fan-rot-base:0deg}.hg-card-pos:nth-child(6){--hg-fan-x-base:135px;--hg-fan-y-base:20px;--hg-fan-rot-base:2.25deg}.hg-card-pos:nth-child(7){--hg-fan-x-base:270px;--hg-fan-y-base:52px;--hg-fan-rot-base:4.5deg}.hg-card-pos:nth-child(8){--hg-fan-x-base:405px;--hg-fan-y-base:92px;--hg-fan-rot-base:6.75deg}.hg-card-pos:nth-child(9){--hg-fan-x-base:540px;--hg-fan-y-base:144px;--hg-fan-rot-base:9deg}}@media (max-width:768px){.hg-deck-area{margin-top:0;padding-top:0}.hg-deck{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:auto;overflow:auto hidden}.hg-deck-track{align-items:center;gap:var(--hg-gap);width:max-content;height:auto;padding:0 24px;display:flex;position:static}.hg-card-pos{scroll-snap-align:center;flex-shrink:0;position:relative;top:auto;left:auto;transform:none!important}}@media (prefers-reduced-motion:reduce){.hg-deck-area{margin-top:0;padding-top:0}.hg-deck{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:auto;overflow:auto hidden}.hg-deck-track{align-items:center;gap:var(--hg-gap);width:max-content;height:auto;padding:0 24px;display:flex;position:static}.hg-card-pos{flex-shrink:0;width:auto;height:auto;margin:0;position:relative;top:auto;left:auto;transform:none!important}}.hg-card{z-index:0;backface-visibility:hidden;will-change:transform;isolation:isolate;scroll-snap-align:center;cursor:pointer;width:20rem;height:35rem;font:inherit;color:inherit;text-align:left;appearance:none;border:0;border-radius:3.31625rem;flex-direction:column;flex:none;justify-content:space-between;padding:28px 28px 26px;transition:box-shadow .85s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:clip;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff0f}.hg-card-illustration{z-index:5;pointer-events:none;background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hg-card:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(#0000 0% 38%,#02061773 60%,#020617e0 86%,#020617f5 100%);position:absolute;inset:0}.hg-card-pos:hover .hg-card{box-shadow:0 50px 100px #000000bf,0 0 0 1px #ffffff2e,inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff1f}.hg-card-glow{z-index:10;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#ffffff1f,#0000 60%),radial-gradient(90% 50% at 50% 100%,#0000004d,#0000 60%);transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hg-card-pos:hover .hg-card-glow{transform:scale(1.06)}.hg-card-header,.hg-card-body,.hg-card-footer{z-index:14;position:relative}.hg-card-header{flex-direction:column;gap:10px;display:flex}.hg-card-platform{font-family:var(--font-mona),system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:#ffffff24;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:14px;font-weight:900;display:inline-flex}.hg-card-platform svg{width:14px;height:14px}.hg-card-handle{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.015em;opacity:1;text-shadow:0 2px 18px #00000080;font-size:27px;font-weight:600;line-height:1.04}.hg-card-body{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;padding-top:32px;display:flex}.hg-card-caption{font-family:var(--font-bodoni),Georgia,serif;letter-spacing:-.01em;opacity:.92;text-shadow:0 1px 12px #00000073;margin:0;font-size:18px;font-style:italic;font-weight:400;line-height:1.22}.hg-card-footer{border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.hg-card-meta{font-family:var(--font-mona),system-ui,sans-serif;opacity:.85;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:200}.hg-card-arrow{-webkit-backdrop-filter:blur(6px);background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .3s,background .3s;display:inline-flex}.hg-card:hover .hg-card-arrow{background:#ffffff52;transform:rotate(-12deg)}.hg-card-arrow svg{width:16px;height:16px}@media (max-width:991px){.hg-deck{height:auto}.hg-card{aspect-ratio:20/35;border-radius:2.81rem;width:17rem;height:auto;padding:24px 24px 22px}.hg-card-caption{font-size:19px}}@media (max-width:767px){.hg-card{border-radius:2.49rem;width:15rem}.hg-card-caption{font-size:17px}}@media (max-width:479px){.hg-card{aspect-ratio:20/35;border-radius:2.32rem;width:14rem;height:auto}.hg-card-caption{font-size:16px}}