.work-page{--reel-header:76px;--work-nav-height:60px;background:#000}.reel-hero{--hud:#edf1f7db;--hud-faint:#edf1f780;--hud-inset:clamp(16px, 2.6vw, 40px);height:100svh;min-height:480px;color:var(--hud);background:#000;position:sticky;top:0;overflow:hidden}.reel-hero[data-hud=dark]{--hud:#16191de6;--hud-faint:#16191d80}.reel-hud__corner,.reel-hero__label,.reel-hero__chapter,.reel-hero__cue,.reel-hero__progress i,.reel-hero__progress b{transition:color .3s,border-color .3s,background-color .3s}.reel-hero__stage{place-items:center;display:grid;position:absolute;inset:0}.reel-hero__video{object-fit:contain;background:#000;width:100%;height:100%;transition:opacity .16s;display:block}html[data-reel-startup=pending] .reel-hero__video,html[data-reel-startup=poster] .reel-hero__video{opacity:0;transition:none}html[data-reel-startup=poster] .reel-hero__stage{background:#000 url(/media/showreel/showreel-poster.webp) 50%/contain no-repeat}html[data-reel-startup=pending] .reel-hero__stage:after{background:var(--site-blue);opacity:0;pointer-events:none;content:"";border-radius:2px;width:48px;height:2px;animation:.85s ease-in-out .25s infinite reel-startup-signal;position:absolute;top:50%;left:calc(50% - 24px)}@keyframes reel-startup-signal{0%,to{opacity:.35;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}.reel-hud{inset:calc(var(--reel-header) + 10px) var(--hud-inset) var(--hud-inset);pointer-events:none;position:absolute}.reel-hud__corner{border-color:var(--hud-faint);border-style:solid;border-width:0;width:28px;height:28px;position:absolute}.reel-hud__corner--tl{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.reel-hud__corner--tr{border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.reel-hud__corner--bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.reel-hud__corner--br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.reel-hero__bar{right:calc(var(--hud-inset) + 40px);bottom:calc(var(--hud-inset) + 18px);left:calc(var(--hud-inset) + 40px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding-top:18px;display:grid;position:absolute}.reel-hero__progress{background:color-mix(in srgb, var(--hud-faint), transparent 50%);height:1px;position:absolute;top:0;left:0;right:0}.reel-hero__progress i{background:var(--hud);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.reel-hero__progress b{background:var(--hud-faint);width:1px;height:7px;position:absolute;top:-3px}.reel-hero__label,.reel-hero__chapter{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;margin:0;font-family:JetBrains Mono,monospace;font-size:.75rem}.reel-hero__label{align-items:center;gap:10px;min-width:0;display:flex}.reel-hero__label b{background:var(--site-blue);flex:none;width:8px;height:8px;box-shadow:0 0 12px #154bdce6}.reel-hero__label span{color:var(--hud-faint);font-variant-numeric:tabular-nums}.reel-hero__chapter{color:var(--hud-faint)}.reel-hero__cue{color:var(--hud);align-items:center;gap:10px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.reel-hero__cue i{border:1px solid var(--hud-faint);border-radius:50%;width:22px;height:22px;position:relative}.reel-hero__cue i:before{content:"";background:currentColor;width:1px;height:9px;margin-left:-.5px;animation:1.8s ease-in-out infinite reel-cue;position:absolute;top:5px;left:50%}.reel-hero__cue:hover{color:#fff}.reel-hero__cue:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #7fa0ff}@keyframes reel-cue{0%,to{opacity:.4;transform:translateY(-1px)}50%{opacity:1;transform:translateY(3px)}}.reel-hero__controls{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.reel-hero__chapter{margin-right:8px}.reel-hero__control{color:#edf1f7;backdrop-filter:blur(10px);cursor:pointer;height:40px;font:inherit;background:#0a0c106b;border:1px solid #edf1f752;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:.8125rem;font-weight:600;transition:border-color .2s,background-color .2s;display:inline-flex}.reel-hero__control:hover{background:#0a0c109e;border-color:#edf1f7b3}.reel-hero__control:focus-visible{outline-offset:3px;outline:2px solid #7fa0ff}.reel-hero__control--icon{justify-content:center;width:40px;padding:0}.reel-hero__control[aria-pressed=true]{border-color:#7fa0ff}.reel-hero__bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.reel-hero__bars i{background:currentColor;border-radius:1px;width:2px;height:30%}.reel-hero__control[aria-pressed=true] .reel-hero__bars i{animation:.9s ease-in-out infinite alternate reel-bars}.reel-hero__bars i:nth-child(2){animation-delay:-300ms}.reel-hero__bars i:nth-child(3){animation-delay:-600ms}.reel-hero__bars i:nth-child(4){animation-delay:-150ms}@keyframes reel-bars{0%{height:25%}to{height:100%}}.reel-hero__playicon{width:12px;height:13px;display:block;position:relative}.reel-hero__playicon:before,.reel-hero__playicon:after{content:"";background:currentColor;border-radius:1px;width:4px;height:100%;position:absolute;top:0}.reel-hero__playicon:before{left:1px}.reel-hero__playicon:after{right:1px}[data-state=paused] .reel-hero__playicon:before{background:0 0;border-top:6.5px solid #0000;border-bottom:6.5px solid #0000;border-left:11px solid;border-radius:0;width:0;height:0;left:2px}[data-state=paused] .reel-hero__playicon:after{content:none}.work-sheet{z-index:2;background:var(--site-canvas);border-radius:28px 28px 0 0;position:relative;overflow:clip;box-shadow:0 -30px 60px -30px #00000080}.work-sheet>.home-frame{overflow:clip}.work-intro{padding-top:96px;padding-bottom:48px}.work-intro .home-eyebrow{margin-bottom:28px}.work-intro__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:72px;display:grid}.work-intro .home-display{max-width:15ch;font-size:clamp(3rem,5vw,4.5rem);line-height:1.02}.work-intro__lead{max-width:44ch;color:var(--site-muted);margin:0;font-size:1.125rem;line-height:1.6}.home-section.work-navigation{z-index:6;top:var(--reel-header);background:var(--site-canvas);padding-bottom:0;position:sticky}.work-nav{height:var(--work-nav-height);border-bottom:1px solid var(--site-line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.5;display:flex}.work-nav__label{color:var(--site-faint)}.work-nav__links{gap:26px;margin:0;padding:0;list-style:none;display:flex}.work-nav__links a{min-height:44px;color:var(--site-ink);align-items:center;gap:8px;padding:10px 0 10px 12px;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}.work-nav__links a:before{background:var(--site-blue);opacity:0;content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:0}.work-nav__links a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:5px;left:12px;right:0;transform:scaleX(0)}.work-nav__links a:hover,.work-nav__links a:focus-visible,.work-nav__links a[aria-current=location]{color:var(--site-blue)}.work-nav__links a:hover:after,.work-nav__links a:focus-visible:after,.work-nav__links a[aria-current=location]:after{transform:scaleX(1)}.work-nav__links a[aria-current=location]:before{opacity:1}.work-nav__links a:focus-visible{outline:2px solid var(--site-blue);outline-offset:3px;border-radius:3px}.work-nav__links i{font-size:.9375rem;font-style:normal}.work-intro__facts{border-top:1px solid #21252924;grid-template-columns:repeat(4,minmax(0,1fr));margin:72px 0 0;display:grid}.work-intro__facts>div{flex-direction:column-reverse;gap:6px;padding:22px 24px 0 0;display:flex}.work-intro__facts dd{color:var(--site-ink);letter-spacing:-.04em;margin:0;font-family:Instrument Sans Variable,Instrument Sans,sans-serif;font-size:2.25rem;font-weight:600;line-height:1}.work-intro__facts dt{color:var(--site-faint);font-size:.8125rem}.pf-list{padding-top:32px;position:relative}.pf-signal{top:0;bottom:64px}.work-group{scroll-margin-top:calc(var(--reel-header) + var(--work-nav-height) + 24px)}.work-group+.work-group{margin-top:104px}.work-group__head{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:clamp(64px,8vw,128px);margin-bottom:56px;display:grid;position:relative}.work-group__title{color:var(--site-ink);letter-spacing:-.055em;margin:0;font-family:Instrument Sans Variable,Instrument Sans,sans-serif;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:620;line-height:.85}.work-group__head p{max-width:44ch;color:var(--site-muted);margin:0;font-size:1rem;line-height:1.6}.pf-grid .work-col--offset{padding-top:160px}.work-others__box{background:radial-gradient(circle, #154bdc1f 1px, transparent 1.6px) 0 0 / 22px 22px, var(--site-surface);border:1px solid #2125291f;border-radius:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:56px;padding:48px;display:grid}.work-others__box .home-heading{max-width:20ch;font-size:clamp(1.875rem,2.6vw,2.375rem)}.work-others__box p:not(.home-eyebrow){max-width:42ch;color:var(--site-muted);margin:0 0 24px;font-size:1rem;line-height:1.6}@media (width<=860px){.reel-hero__chapter{display:none}.work-sheet{border-radius:22px 22px 0 0;margin-top:-20px}.work-intro__grid{grid-template-columns:1fr;gap:28px}.work-intro__facts{grid-template-columns:repeat(2,1fr);row-gap:8px}.work-group__head{grid-template-columns:1fr;justify-items:start;gap:14px}.work-group+.work-group{margin-top:88px}.work-others__box{grid-template-columns:1fr;gap:24px;padding:32px 24px}}@media (width<=720px){.work-page{--reel-header:62px;--work-nav-height:88px}.work-nav{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;font-size:.6875rem}.reel-hero__stage{height:100%;inset:0 0 auto}.reel-hero__video{aspect-ratio:16/9;height:auto}.reel-hero__bar{right:var(--hud-inset);bottom:calc(var(--hud-inset) + 14px);left:var(--hud-inset);grid-template-columns:minmax(0,1fr) auto;row-gap:18px}.reel-hero__label span{display:none}.reel-hero__cue{grid-area:2/1/auto/-1;justify-self:center}.reel-hero__control{height:38px;padding:0 14px}.reel-hero__control--icon{width:38px;padding:0}.work-intro{padding-top:56px}.work-intro .home-display{font-size:2.375rem}.work-intro__lead{font-size:1rem}.work-intro__facts{margin-top:40px}.work-intro__facts dd{font-size:1.75rem}.work-group__title{font-size:3.25rem}.work-group__head{margin-bottom:32px}.pf-list{padding-top:24px}}@media (prefers-reduced-motion:reduce){.reel-hero__video{transition:none}html[data-reel-startup=pending] .reel-hero__stage:after{opacity:.7;animation:none}.reel-hero__control[aria-pressed=true] .reel-hero__bars i{height:70%;animation:none}.reel-hero__cue i:before{animation:none}}.case-page{padding-top:76px}.case-hero{padding-top:64px;padding-bottom:56px}.case-crumbs{color:var(--site-faint);letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:40px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.case-crumbs a{color:var(--site-blue);text-decoration:none}.case-crumbs a:hover{text-underline-offset:3px;text-decoration:underline}.case-hero .home-eyebrow{margin-bottom:26px}.case-hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:72px;display:grid}.case-hero .home-display{max-width:19ch;font-size:clamp(2.75rem,4.4vw,4rem);line-height:1.04}.case-hero__aside>p{max-width:48ch;color:var(--site-muted);margin:0 0 28px;font-size:1.0625rem;line-height:1.62}.case-facts{border-top:1px solid #21252924;margin:0;display:grid}.case-facts>div{border-bottom:1px solid var(--site-line);grid-template-columns:120px minmax(0,1fr);gap:16px;padding:13px 0;display:grid}.case-facts dt{color:var(--site-faint);letter-spacing:.04em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.75rem}.case-facts dd{color:var(--site-ink);margin:0;font-size:.9375rem;font-weight:600}.case-site{color:var(--site-blue);align-items:center;gap:8px;margin-top:22px;font-weight:600;text-decoration:none;display:inline-flex}.case-site:hover{text-underline-offset:3px;text-decoration:underline}.case-stage{padding-bottom:96px}.pstage--hero{aspect-ratio:16/8;border-radius:28px}.pstage--hero .pstage__word{font-size:min(22cqw, calc(92cqw / (var(--chars) * .53)));top:7%}.pstage--hero.pstage--phones .pstage__phone{border-radius:4.2cqw 4.2cqw 0 0;width:22cqw;height:40cqw;margin-bottom:-4cqw;padding:.9cqw .9cqw 0}.pstage--hero.pstage--phones .pstage__phone--back{width:19cqw;height:34cqw}.pstage--hero.pstage--phones .pstage__phone img{border-radius:3.4cqw 3.4cqw 0 0}.pstage--hero.pstage--web .pstage__devices{justify-content:center;padding:9cqw 0 0 12cqw}.pstage--hero .pstage__browser{border-radius:1.2cqw;width:56cqw}.pstage--hero .pstage__mobile{border-radius:2.4cqw;width:13cqw;margin:0 0 3cqw -8cqw;padding:.6cqw}.pstage--hero .pstage__mobile img{border-radius:1.9cqw}.case-proof{padding-bottom:96px}.case-proof .home-eyebrow{margin-bottom:26px}.case-proof__figures{border-top:1px solid #21252924;flex-wrap:wrap;gap:32px 96px;margin:0;padding-top:28px;display:flex}.case-proof__figures>div{flex-direction:column-reverse;gap:12px;display:flex}.case-proof__figures dd{color:var(--site-ink);letter-spacing:-.06em;margin:0;font-family:Instrument Sans Variable,Instrument Sans,sans-serif;font-size:clamp(4.5rem,9vw,8rem);font-weight:600;line-height:.85}.case-proof__figures dt{color:var(--site-muted);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:.8125rem}.case-proof__notes{color:var(--site-faint);margin:32px 0 0;padding:0;font-size:.875rem;line-height:1.6;list-style:none}.case-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;padding-bottom:112px;display:grid}.case-list .home-eyebrow{margin-bottom:22px}.case-list--wide{grid-column:1/-1}.case-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.case-list--wide .case-features{grid-template-columns:repeat(3,minmax(0,1fr))}.case-features li{color:var(--site-ink);background:var(--site-surface);border:1px solid #2125291a;border-radius:14px;padding:18px 18px 18px 46px;font-size:1rem;font-weight:600;position:relative}.case-features li:before{background:var(--site-blue);content:"";border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:18px;box-shadow:0 0 0 4px #154bdc24}.case-gallery{padding:120px var(--site-gutter);background:radial-gradient(circle,#edf1f714 1px,#0000 1.6px) 0 0/22px 22px,linear-gradient(160deg,#1b1f24,#14181d);overflow:hidden}.case-gallery__phones{justify-content:center;align-items:center;gap:clamp(20px,4vw,64px);max-width:1180px;margin:0 auto;display:flex}.case-phone{width:min(300px,26vw);margin:0}.case-phone:nth-child(2){width:min(330px,28vw)}.case-phone__body{background:#0b0d10;border-radius:40px;padding:8px;overflow:hidden;box-shadow:0 0 0 1px #edf1f71f,0 40px 80px -30px #000000b3}.case-phone img{border-radius:32px;width:100%;height:auto;display:block}.case-phone figcaption{color:#c3cad4;align-items:center;gap:10px;margin-top:18px;font-size:.875rem;font-weight:600;display:flex}.case-phone figcaption i{color:#7fa0ff;font-family:JetBrains Mono,monospace;font-size:.75rem;font-style:normal}.case-gallery__page{align-items:flex-end;max-width:1240px;margin:0 auto;display:flex;position:relative}.case-browser{background:#fff;border-radius:14px;width:84%;margin:0;overflow:hidden;box-shadow:0 0 0 1px #edf1f724,0 50px 100px -40px #000c}.case-browser__bar{background:#eef2f8;border-bottom:1px solid #21252914;gap:7px;padding:12px 16px;display:flex}.case-browser__bar i{background:#cfd6e0;border-radius:50%;width:10px;height:10px}.case-browser__view{aspect-ratio:16/10;overflow:hidden}.case-browser img,.case-mobile img{width:100%;height:auto;display:block}.case-mobile{z-index:1;background:#0b0d10;border-radius:34px;width:24%;margin:0 0 -40px -8%;padding:8px;position:relative;box-shadow:0 0 0 1px #edf1f71f,0 40px 80px -30px #000c}.case-mobile__view{aspect-ratio:9/19.5;background:#fff;border-radius:27px;overflow:hidden}.case-next{padding-top:112px}.case-next__head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.case-next__head .home-eyebrow{margin:0}.case-next__all{color:var(--site-blue);font-weight:600;text-decoration:none}.case-next__all i{font-family:JetBrains Mono,monospace;font-style:normal}.case-next .pcard{max-width:760px}@media (width<=860px){.case-hero__grid,.case-body{grid-template-columns:1fr;gap:36px}.pstage--hero{aspect-ratio:5/4;border-radius:20px}.case-list--wide .case-features{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery{padding:72px var(--site-gutter)}.case-gallery__phones{margin-inline:calc(var(--site-gutter) * -1);padding:0 var(--site-gutter) 8px;scroll-snap-type:x mandatory;justify-content:flex-start;overflow-x:auto}.case-phone,.case-phone:nth-child(2){scroll-snap-align:center;flex:none;width:62vw}}@media (width<=720px){.case-hero{padding-top:36px;padding-bottom:36px}.case-crumbs{margin-bottom:28px}.case-hero .home-display{font-size:2.125rem}.case-hero__aside>p{font-size:.9375rem}.case-facts>div{grid-template-columns:96px minmax(0,1fr)}.case-stage,.case-proof{padding-bottom:64px}.case-proof__figures{gap:28px}.case-proof__figures dd{font-size:4rem}.case-body{padding-bottom:72px}.case-features,.case-list--wide .case-features{grid-template-columns:1fr}.case-gallery__page{flex-direction:column;align-items:center}.case-browser{width:100%}.case-mobile{width:46%;margin:-60px 0 0}.case-next{padding-top:72px}.case-next__head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.case-browser__view.is-long,.case-mobile__view.is-long{overflow-y:auto}}
