.marketing .work-page{--work-accent:var(--m-violet);--work-header-offset:160px;padding-bottom:96px;position:relative}@media (max-width:767px){.marketing .work-page{--work-header-offset:128px;padding-bottom:64px}}.marketing .work-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--m-category);margin:0;font-size:11px;font-weight:400;line-height:17.6px}.marketing .work-badge{border:1px solid var(--m-line-active);letter-spacing:1.4px;text-transform:uppercase;color:var(--m-text);background:#ffffff0a;border-radius:999px;align-self:flex-start;align-items:center;margin:0;padding:4px 10px;font-size:11px;line-height:17.6px;display:inline-flex}.marketing .work-index-head{padding-top:var(--work-header-offset);padding-bottom:48px}.marketing .work-index-title{letter-spacing:-.03em;margin:0;font-size:clamp(2.75rem,7vw,5.5rem);font-weight:500;line-height:1}.marketing .work-index-lede{max-width:640px;color:var(--m-muted);margin:24px 0 0;font-size:20px;line-height:30px}@media (max-width:767px){.marketing .work-index-lede{font-size:18px;line-height:28px}}.marketing .work-filters{flex-wrap:wrap;gap:8px;display:flex}.marketing .work-filter{border:1px solid var(--m-line);min-height:44px;color:var(--m-muted);font-family:var(--font-run-mono), ui-monospace, monospace;cursor:pointer;transition:border-color .3s var(--m-ease), color .3s var(--m-ease), background .3s var(--m-ease);background:0 0;border-radius:999px;padding:0 20px;font-size:14px;line-height:1}.marketing .work-filter:hover{border-color:var(--m-line-active);color:var(--m-text)}.marketing .work-filter[aria-pressed=true]{background:var(--m-text);border-color:var(--m-text);color:#000}.marketing .work-filter:focus-visible,.marketing .work-card:focus-visible,.marketing .work-next:focus-visible,.marketing .work-close:focus-visible,.marketing .svc-crumb-link:focus-visible{outline:2px solid var(--m-cyan);outline-offset:3px}.marketing .work-count{color:var(--m-gray);margin:20px 0 32px;font-size:12px;line-height:18px}.marketing .work-index-controls{margin-top:8px}.marketing .work-index-controls .work-count{margin:16px 0 8px}.marketing .work-grid{grid-template-columns:1fr;gap:24px;margin:0;padding:0;list-style:none;display:grid}.marketing .work-cell{min-width:0;display:flex}@media (min-width:768px){.marketing .work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.marketing .work-cell{grid-column:span 5}.marketing .work-cell[data-wide=true]{grid-column:span 7}}.marketing .work-card{isolation:isolate;border:1px solid var(--m-line);background:var(--m-panel);width:100%;color:var(--m-text);border-radius:24px;flex-direction:column;text-decoration:none;transition:border-color .7s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.marketing .work-card:before,.marketing .work-card:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.marketing .work-card:before{background:radial-gradient(120% 220% at 4% 50%, color-mix(in srgb, var(--work-accent) 12%, transparent), transparent 85%)}.marketing .work-card:after{background:radial-gradient(120% 220% at 4% 50%, color-mix(in srgb, var(--work-accent) 20%, transparent), transparent 85%);opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.marketing .work-card:hover,.marketing .work-card:focus-visible{border-color:var(--m-line-active)}.marketing .work-card:hover:after,.marketing .work-card:focus-visible:after{opacity:1}.marketing .work-card-body{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}@media (min-width:1024px){.marketing .work-card-body{padding:32px}}.marketing .work-card-title{letter-spacing:-.025em;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:500;line-height:1.05}.marketing .work-card-meta{letter-spacing:1.4px;text-transform:uppercase;color:var(--m-category);font-size:11px;line-height:17.6px}.marketing .work-card-summary{color:var(--m-muted);font-size:18px;line-height:28px}.marketing .work-card-state{letter-spacing:1.2px;text-transform:uppercase;color:var(--m-category);font-size:11px;line-height:16px}.marketing .work-card-link{align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:14px;display:inline-flex}.marketing .work-poster{aspect-ratio:16/10;background:radial-gradient(70% 90% at 22% 18%, color-mix(in srgb, var(--work-accent) 55%, transparent), transparent 70%), radial-gradient(60% 80% at 92% 90%, color-mix(in srgb, var(--m-blue) 40%, transparent), transparent 70%), radial-gradient(50% 60% at 70% 10%, color-mix(in srgb, var(--m-violet) 30%, transparent), transparent 70%), #050508;display:block;position:relative;overflow:hidden}.marketing .work-poster-ui{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;gap:4%;padding:5%;display:flex;position:absolute;inset:14% 10% 16%}.marketing .work-poster-ui i{background:#ffffff12;border-radius:8px;flex:1;display:block}.marketing .work-poster-ui i:first-child{background:color-mix(in srgb, var(--work-accent) 28%, transparent);flex:0 0 18%}.marketing .work-poster-ui i:last-child{flex:0 0 22%;width:62%}.marketing .work-poster-tag{letter-spacing:1.4px;text-transform:uppercase;color:var(--m-text);background:#0009;border:1px solid #ffffff2e;border-radius:999px;padding:3px 8px;font-size:11px;line-height:17.6px;position:absolute;bottom:16px;left:16px}.marketing .work-detail{position:relative}.marketing .work-close{z-index:40;-webkit-backdrop-filter:blur(16px);width:44px;height:44px;color:var(--m-text);transition:border-color .3s var(--m-ease), background .3s var(--m-ease);background:#000c;border:1px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:132px;right:16px}@media (min-width:640px){.marketing .work-close{top:80px;left:calc(50% + 232px);right:auto}}@media (min-width:768px){.marketing .work-close{top:104px}}.marketing .work-close svg{width:20px;height:20px}.marketing .work-close:hover{border-color:var(--m-line-active);background:#ffffff14}.marketing .work-hero{flex-direction:column;gap:16px;padding-top:208px;padding-bottom:40px;display:flex}.marketing .work-title{letter-spacing:-.025em;overflow-wrap:anywhere;max-width:1120px;margin:0;font-size:48px;font-weight:600;line-height:1}@media (min-width:768px){.marketing .work-title{font-size:72px;line-height:72px}}.marketing .work-subtitle{max-width:720px;color:var(--m-muted);margin:0;font-size:20px;line-height:30px}@media (max-width:767px){.marketing .work-subtitle{font-size:18px;line-height:28px}}.marketing .work-cover{margin:0}.marketing .work-poster-wide{aspect-ratio:16/10;border:1px solid var(--m-line);border-radius:24px}@media (min-width:768px){.marketing .work-poster-wide{aspect-ratio:21/9}}.marketing .work-poster-wide .work-poster-ui{border-radius:20px;inset:12% 8% 14%}@media (min-width:640px){.marketing .work-hero{padding-top:160px}}@media (min-width:768px){.marketing .work-hero{padding-top:204px}}.marketing .work-body{gap:16px;padding-top:72px;display:grid}.marketing .work-lead{letter-spacing:-.015em;max-width:900px;color:var(--m-text);margin:0;font-size:clamp(1.375rem,3vw,2rem);font-weight:500;line-height:1.3}.marketing .work-text{color:var(--m-muted);margin:0;font-size:20px;line-height:30px}@media (max-width:767px){.marketing .work-text{font-size:18px;line-height:28px}}.marketing .work-pair{border-top:1px solid var(--m-line);gap:40px;margin-top:72px;padding-top:40px;padding-bottom:8px;display:grid}.marketing .work-pair-col{align-content:start;gap:16px;display:grid}@media (min-width:768px){.marketing .work-pair{grid-template-columns:1fr 1fr;gap:64px}}.marketing .work-scope{gap:16px;margin-top:64px;display:grid}.marketing .work-scope .work-text{max-width:720px}.marketing .work-credits{border-top:1px solid var(--m-line);grid-template-columns:1fr;gap:20px;margin:16px 0 0;padding-top:24px;display:grid}.marketing .work-credits div{gap:4px;display:grid}.marketing .work-credits dd{color:var(--m-text);margin:0;font-size:18px;line-height:28px}@media (min-width:768px){.marketing .work-credits{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}}.marketing .work-cta{flex-wrap:wrap;gap:12px;margin-top:64px;display:flex}.marketing .work-cta>*{max-width:100%}.marketing .work-next-wrap{border-top:1px solid var(--m-line);margin-top:96px}.marketing .work-next{isolation:isolate;color:var(--m-text);padding-block:40px 56px;text-decoration:none;display:block;position:relative;container-type:inline-size}.marketing .work-next:before{content:"";z-index:-1;background:radial-gradient(120% 220% at 4% 50%, color-mix(in srgb, var(--work-accent) 12%, transparent), transparent 85%);opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 -24px}.marketing .work-next:hover:before,.marketing .work-next:focus-visible:before{opacity:1}.marketing .work-next-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.marketing .work-next-counter{border:1px solid var(--m-line-active);width:72px;height:72px;color:var(--m-text);transition:background .4s var(--m-ease), color .4s var(--m-ease);border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.marketing .work-next:hover .work-next-counter,.marketing .work-next:focus-visible .work-next-counter{background:var(--m-text);color:#000}.marketing .work-next-name{font-size:min(150px, calc(100cqw / (var(--work-next-word,10) * .56)));letter-spacing:-.033em;overflow-wrap:anywhere;opacity:.85;transition:opacity .4s var(--m-ease);font-weight:600;line-height:.9;display:block}@media (min-width:768px){.marketing .work-next-name{font-size:min(150px, calc(100cqw / (var(--work-next-chars,20) * .56)));white-space:nowrap}}.marketing .work-next:hover .work-next-name,.marketing .work-next:focus-visible .work-next-name{opacity:1}@media (prefers-reduced-motion:reduce){.marketing .work-card,.marketing .work-card:after,.marketing .work-next:before,.marketing .work-next-counter,.marketing .work-next-name,.marketing .work-filter,.marketing .work-close{transition:none}}.marketing .work-section-title{letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:500;line-height:1.05}.marketing .work-section-title-sm{margin-bottom:12px;font-size:clamp(1.375rem,2.4vw,1.75rem)}.marketing .work-group{margin-top:64px}.marketing .work-index-controls+.work-group{margin-top:28px}.marketing .work-group .work-section-title-sm{margin-bottom:28px}@media (max-width:767px){.marketing .work-group{margin-top:44px}.marketing .work-index-controls+.work-group{margin-top:20px}.marketing .work-group .work-section-title-sm{margin-bottom:22px}}.marketing .work-empty{border:1px dashed var(--m-line-active);color:var(--m-muted);border-radius:24px;margin:0;padding:32px}.marketing .work-rows{gap:24px;margin:0;padding:0;list-style:none;display:grid}.marketing .work-row-item{min-width:0;display:flex}@media (min-width:900px){.marketing .work-row{flex-direction:row;align-items:stretch}.marketing .work-row .work-poster{aspect-ratio:auto;flex:0 0 38%;min-height:280px}}.marketing .work-row-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.marketing .work-row-facts{border-top:1px solid var(--m-line);gap:16px;margin:8px 0 0;padding-top:16px;display:grid}@media (min-width:640px){.marketing .work-row-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.marketing .work-row-facts div{align-content:start;gap:4px;display:grid}.marketing .work-row-facts dd{color:var(--m-text);margin:0;font-size:15px;line-height:22px}.marketing [data-pending=true]{color:var(--m-faint);font-style:italic}.marketing .work-labs{border-top:1px solid var(--m-line);margin-top:96px;padding-top:48px}.marketing .work-labs-head{gap:8px;margin-bottom:24px;display:grid}.marketing .work-labs-note{max-width:640px;color:var(--m-muted);margin:0;font-size:16px;line-height:24px}.marketing .work-demo-grid{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}.marketing .work-demo-item{min-width:0;display:flex}@media (min-width:768px){.marketing .work-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.marketing .work-card-demo{border-style:dashed;border-radius:20px}.marketing .work-card-demo .work-card-body{gap:8px;padding:20px}.marketing .work-card-demo .work-card-title{font-size:clamp(1.25rem,2vw,1.5rem)}.marketing .work-card-demo .work-card-summary{font-size:15px;line-height:22px}.marketing .work-block{align-content:start;gap:12px;margin-top:48px;display:grid}.marketing .work-field{max-width:720px}.marketing .work-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.marketing .work-stack{border-top:1px solid var(--m-line);gap:20px;margin:0;padding-top:16px;display:grid}.marketing .work-stack div{gap:4px;display:grid}.marketing .work-stack dd{color:var(--m-text);margin:0;font-size:18px;line-height:28px}@media (min-width:768px){.marketing .work-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.marketing .work-credits dd[data-pending=true]{color:var(--m-faint)}.marketing .work-media-placeholder{border:1px dashed var(--m-line-active);text-align:center;background:#ffffff05;border-radius:24px;justify-content:center;align-items:center;min-height:160px;padding:24px;display:flex}.marketing .work-note{border:1px solid var(--m-line-active);max-width:720px;color:var(--m-muted);background:#ffffff0a;border-radius:16px;margin:0;padding:16px 20px;font-size:15px;line-height:22px}.marketing .work-note strong{color:var(--m-text);font-weight:500}.marketing .work-card{transition:border-color .7s cubic-bezier(.4, 0, .2, 1), transform .5s var(--m-ease)}.marketing .work-card:hover,.marketing .work-card:focus-visible{transform:translateY(-3px)}.marketing .work-poster-img{transition:transform .6s var(--m-ease)}.marketing .work-card:hover .work-poster-img,.marketing .work-card:focus-visible .work-poster-img{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.marketing .work-card,.marketing .work-poster-img{transition:none}.marketing .work-card:hover,.marketing .work-card:focus-visible,.marketing .work-card:hover .work-poster-img,.marketing .work-card:focus-visible .work-poster-img{transform:none}}
