@layer pages{.client-work-section{background:radial-gradient(56rem 30rem at 88% 2%,#7956ff1f,#0000 70%),radial-gradient(46rem 28rem at 4% 92%,#4abeff14,#0000 72%),#070a13;border-block:1px solid #91a9e61f;position:relative;overflow:clip}.client-work-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:5rem 5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.client-work-section>.container{z-index:1;position:relative}.client-work-section-heading h2{max-width:18ch}.client-work-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.75rem,3vw,2.75rem);display:grid}.client-work-card{--client-accent:#7c63ff;--client-accent-rgb:124, 99, 255;background:linear-gradient(145deg, rgba(var(--client-accent-rgb), .08), transparent 42%), #0b0f1beb;border:1px solid #aabbe729;border-radius:clamp(1.2rem,2vw,2rem);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2rem 5rem #00000042,inset 0 1px #ffffff09}.client-work-card--amber{--client-accent:#ff9b26;--client-accent-rgb:255, 155, 38}.client-work-card--rose{--client-accent:#f1a5bd;--client-accent-rgb:241, 165, 189}.client-work-card--cyan{--client-accent:#63d5dc;--client-accent-rgb:99, 213, 220}.client-work-media{aspect-ratio:16/10;background:#060912;position:relative;overflow:hidden}.client-work-media:before,.client-work-media:after{z-index:2;content:"";pointer-events:none;position:absolute;inset:0}.client-work-media picture{width:100%;height:100%;display:block}.client-work-media:before{background:linear-gradient(#0000 54%,#05070eb8)}.client-work-media:after{border:1px solid rgba(var(--client-accent-rgb), .26);box-shadow:inset 0 0 4rem rgba(var(--client-accent-rgb), .05)}.client-work-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .6s}.client-work-card:hover .client-work-media img,.client-work-card:focus-within .client-work-media img{filter:saturate(1.06)contrast(1.03);transform:scale(1.035)}.client-work-live{z-index:3;border-radius:var(--radius-round);color:#f7f9ff;font-size:var(--type-label-size);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050810c7;border:1px solid #fff3;align-items:center;gap:.55rem;padding:.58rem .85rem;font-weight:700;display:inline-flex;position:absolute;top:1.35rem;left:1.35rem}.client-work-live i{background:var(--client-accent);width:.48rem;height:.48rem;box-shadow:0 0 0 .3rem rgba(var(--client-accent-rgb), .14), 0 0 1rem rgba(var(--client-accent-rgb), .8);border-radius:50%}.client-work-content{flex-direction:column;flex:1;padding:clamp(1.15rem,2vw,1.6rem);display:flex;position:relative}.client-work-content:before{display:none}.client-work-heading{gap:var(--space-3);display:grid}.client-work-heading .tag{border-color:rgba(var(--client-accent-rgb), .42);background:rgba(var(--client-accent-rgb), .08);width:fit-content}.client-work-heading .eyebrow{margin-top:var(--space-3);color:var(--client-accent)}.client-work-heading h3{max-width:none;margin:0;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.1}.client-work-summary{color:var(--muted-strong);font-size:var(--step--1);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:1rem 0 0;line-height:1.55;display:-webkit-box;overflow:hidden}.client-work-features{flex-wrap:wrap;gap:.55rem;margin-top:1.4rem;list-style:none;display:flex}.client-work-features li{border-radius:var(--radius-round);color:var(--text-soft);font-size:var(--type-label-size);background:#ffffff06;border:1px solid #a5b6e224;padding:.52rem .72rem}.client-work-link{border-color:rgba(var(--client-accent-rgb), .4);align-self:flex-start;margin-top:clamp(1.5rem,3vw,2.3rem)}.client-work-link:hover,.client-work-link:focus-visible{border-color:var(--client-accent);background:rgba(var(--client-accent-rgb), .12)}.client-work-actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:auto;padding-top:1.25rem;display:flex}.client-work-actions .client-work-link{margin-top:0}.client-work-live-link{color:var(--text-soft);font-size:var(--type-label-size);white-space:nowrap;font-weight:600;text-decoration:none}.client-work-live-link:hover,.client-work-live-link:focus-visible{color:var(--text);text-underline-offset:.24em;text-decoration:underline}.client-case-study{background:radial-gradient(62rem 34rem at 100% 0,#6e54ff1f,#0000 70%),linear-gradient(#080b15 0%,#060912 100%);border-top:1px solid #97afe721;position:relative;overflow:clip}.client-case-study:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:5rem 5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.client-case-study>.container{z-index:1;position:relative}.client-case-study__intro{border-bottom:1px solid #9db2e521;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:clamp(2rem,4vw,4rem);display:flex}.client-case-study__intro .breadcrumbs,.client-case-study__intro .tag{margin:0}.client-case-study__content{max-width:76rem;margin-inline:auto}.case-study-section{border-bottom:1px solid #9db2e521;padding-block:clamp(2.5rem,6vw,6rem)}.case-study-section h2{max-width:18ch;margin:0}.case-study-section h2+p,.case-study-section h2+.case-study-decisions,.case-study-section h2+.case-study-ux,.case-study-section h2+.case-study-engineering,.case-study-section h2+.case-study-visual,.case-study-section h2+.case-study-meta{margin-top:clamp(1.15rem,2.5vw,2rem)}.case-study-section>div>p{max-width:62ch;color:var(--muted-strong);font-size:var(--type-lead-size);line-height:var(--type-lead-line-height);margin-bottom:0}.case-study-meta,.case-study-ux,.case-study-engineering{border:1px solid #9db2e524;border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.case-study-meta>div,.case-study-ux>div,.case-study-engineering>div{background:#0b101f80;min-width:0;padding:clamp(1rem,2.25vw,1.7rem)}.case-study-meta>div:nth-child(2n),.case-study-ux>div:nth-child(2n),.case-study-engineering>div:nth-child(2n){border-left:1px solid #9db2e524}.case-study-meta>div:nth-child(n+3),.case-study-ux>div:nth-child(n+3),.case-study-engineering>div:nth-child(n+3){border-top:1px solid #9db2e524}.case-study-meta dt,.case-study-ux dt,.case-study-engineering dt{color:var(--client-accent,#8b76ff);font-size:var(--type-label-size);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.case-study-meta dd,.case-study-ux dd,.case-study-engineering dd{color:var(--text-soft);margin:.7rem 0 0;line-height:1.6}.case-study-meta ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.case-study-meta li{border-radius:var(--radius-round);color:var(--text-soft);font-size:var(--type-label-size);background:#ffffff06;border:1px solid #9db2e524;padding:.35rem .55rem}.case-study-decisions{border-block:1px solid #9db2e524;gap:0;margin-bottom:0;padding:0;list-style:none;display:grid}.case-study-decisions li{padding-block:1.25rem}.case-study-decisions li+li{border-top:1px solid #9db2e524}.case-study-decisions p{max-width:60ch;color:var(--text-soft);margin:0;line-height:1.6}.case-study-section--visual>div{min-width:0}.case-study-visual{background:#060912;border:1px solid #9db2e529;border-radius:clamp(1rem,2vw,1.7rem);margin-bottom:0;overflow:hidden;box-shadow:0 2rem 5rem #00000047}.case-study-visual img{aspect-ratio:8/5;object-fit:cover;width:100%;display:block}.case-study-visual picture{display:block}.case-study-visual figcaption{color:var(--muted);font-size:var(--type-small-size);line-height:var(--type-small-line-height);border-top:1px solid #9db2e51f;padding:.85rem 1rem}.case-study-section--live .button,.case-study-section--cta .button{margin-top:1.4rem}.case-study-section--cta{background:radial-gradient(32rem 16rem at 100% 0,#8a5cff2b,#0000 72%),#0c1021d6;border:1px solid #8c74ff59;border-radius:clamp(1rem,2vw,1.7rem);margin-top:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,4vw,3.5rem)}@media (width<=1100px){.client-work-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.client-work-section-heading h2{max-width:none}.client-work-card{border-radius:1.15rem}.client-work-list{grid-template-columns:1fr}.client-work-live{top:.85rem;left:.85rem}.client-work-content{padding:1.35rem}.client-work-heading h3{max-width:none;font-size:clamp(1.35rem,7vw,1.75rem)}.client-work-features{gap:.4rem}.client-work-link{justify-content:center;width:100%}.client-work-actions{flex-direction:column;align-items:stretch}.client-work-live-link{text-align:center;width:100%}.case-study-section{padding-block:2.4rem}.case-study-meta,.case-study-ux,.case-study-engineering{grid-template-columns:1fr}.case-study-meta>div:nth-child(2n),.case-study-ux>div:nth-child(2n),.case-study-engineering>div:nth-child(2n){border-left:0}.case-study-meta>div+div,.case-study-ux>div+div,.case-study-engineering>div+div{border-top:1px solid #9db2e524}.case-study-section--cta{margin-top:1.5rem;padding:1.35rem}}@media (prefers-reduced-motion:reduce){.client-work-media img{transition:none}.client-work-card:hover .client-work-media img,.client-work-card:focus-within .client-work-media img{transform:none}}}@layer typography-contract{:where(.client-work-live,.client-work-case span,.client-work-features li){font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height)}:is(.client-work-card :is(h2,h3,h4,h5,h6),.client-work-case :is(h2,h3,h4,h5,h6),.client-work-heading h3){font-family:var(--font-display);font-size:var(--type-card-title-size);font-weight:var(--type-card-title-weight);letter-spacing:normal;line-height:var(--type-card-title-line-height)}}