.case-showcase{--sr-bg:#0d1116;--sr-panel:#151a20;--sr-text:#f5f5f3;--sr-muted:#bfc2c7;--sr-line:#30353b;--sr-orange:#f5a13a;overflow:visible}.case-showcase[data-sr-theme=light]{--sr-bg:#f5f3ed;--sr-panel:#fffdf8;--sr-text:#20242a;--sr-muted:#555b64;--sr-line:#d4cfc4;--sr-orange:#97500b}.case-showcase .sr-theme-button{cursor:pointer;flex-shrink:0;place-items:center;display:grid}.case-brand-slash{color:var(--sr-orange);font-weight:400}.case-showcase .sr-header nav{color:var(--sr-muted)}.case-showcase .sr-header nav a:hover{color:var(--sr-orange)}.case-back{color:var(--sr-muted);align-items:center;gap:12px;margin-top:36px;font-size:14px;display:inline-flex}.case-back:hover{color:var(--sr-orange)}.case-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;column-gap:40px;padding-top:58px;display:grid}.case-hero-copy{z-index:1;min-width:0;position:relative}.case-showcase .case-hero h1{letter-spacing:-3.2px;overflow-wrap:break-word;font-size:clamp(42px,5.25vw,78px);line-height:1.09}.case-showcase .case-hero h1 em{letter-spacing:-3px}.case-intro{max-width:575px;color:var(--sr-muted);margin:28px 0;font-size:18px;line-height:1.75}.case-showcase .sr-quiet-link{color:var(--sr-text)}.case-art{isolation:isolate;aspect-ratio:1;place-items:center;min-width:0;display:grid;position:relative}.case-art:before{content:"";z-index:-1;background:radial-gradient(#f5a13a20,#0000 70%);position:absolute;inset:15%}.case-art img{width:100%;height:auto;transform:perspective(850px) rotateX(calc(var(--pointer-y,0)*-4deg)) rotateY(calc(var(--pointer-x,0)*5deg)) translateY(calc(var(--pointer-y,0)*-6px));transition:transform .45s;display:block}.case-art-orbit{z-index:-1;border:1px solid #f5a13a1c;border-radius:50%;position:absolute;inset:8%}.case-art-caption{letter-spacing:1.6px;width:82%;color:var(--sr-muted);justify-content:space-between;gap:16px;font-size:10px;display:flex;position:absolute;bottom:0}.case-meta{border-top:1px solid var(--sr-line);color:var(--sr-muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;margin-top:60px;padding-block:25px;font-size:13px;display:flex}.case-status{color:var(--sr-text);flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.case-status i{background:var(--sr-orange);border-radius:50%;width:6px;height:6px}.case-flow{border:1px solid var(--sr-line);background:var(--sr-panel);border-radius:16px;margin-block:60px 0;padding:42px;scroll-margin-top:24px}.case-flow-heading{justify-content:space-between;align-items:end;gap:32px;display:flex}.case-flow-heading .sr-kicker{margin-bottom:16px}.case-showcase .case-flow h2{letter-spacing:-1.5px;max-width:640px;font-size:clamp(28px,3vw,44px)}.case-flow-heading>span{color:var(--sr-muted);max-width:190px;font-size:12px}.case-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:48px 0 36px;padding:0;list-style:none;display:grid}.case-flow-steps li{min-width:0;padding:0;position:relative}.case-flow-steps h3{letter-spacing:-.5px;margin:0 0 14px;font-size:25px;font-weight:500;line-height:1.3}.case-flow-steps p{color:var(--sr-muted);max-width:285px;margin:0;font-size:15px;line-height:1.7}.case-step-arrow{color:var(--sr-orange);position:absolute;top:5px;right:-36px}.case-flow-signature{border-top:1px solid var(--sr-line);letter-spacing:.8px;color:var(--sr-muted);justify-content:space-between;gap:20px;padding-top:22px;font-size:11px;display:flex}.case-flow-signature>span>span{color:var(--sr-orange);margin-inline:8px}.case-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin-block:110px;display:grid}.case-showcase .case-story h2{font-size:clamp(34px,3.6vw,52px)}.case-story-rows article{border-bottom:1px solid var(--sr-line);grid-template-columns:25px minmax(0,1fr);gap:22px;margin-bottom:28px;padding-bottom:28px;display:grid}.case-story-rows article>span{color:var(--sr-orange);padding-top:5px;font-size:12px}.case-story-rows h3{margin:0 0 13px;font-size:21px;font-weight:500;line-height:1.3}.case-story-rows p{color:var(--sr-muted);margin:0;font-size:16px;line-height:1.8}.case-scope{padding-left:47px}.case-scope h3,.case-scope p{font-size:14px}.case-contact{border-block:1px solid var(--sr-line);justify-content:space-between;align-items:end;gap:36px;padding-block:54px;display:flex}.case-showcase .case-contact h2{font-size:clamp(32px,3.8vw,55px)}.case-contact p:not(.sr-kicker){color:var(--sr-muted);margin:22px 0 0;font-size:16px;line-height:1.8}.case-contact>a{color:#18120c;white-space:normal;text-align:center;background:#f5a13a;border:0;border-radius:5px;flex-shrink:0;align-items:center;gap:16px;padding:19px 24px;font-size:14px;font-weight:600;display:inline-flex}.case-contact>a:hover{background:#f4ba70}.case-more{margin-block:80px}.case-more-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.case-showcase .case-more h2{letter-spacing:-1px;font-size:28px}.case-more-heading>a{color:var(--sr-muted);align-items:center;gap:10px;font-size:13px;display:flex}.case-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.case-more-grid>a{border-top:1px solid var(--sr-line);justify-content:space-between;align-items:center;gap:20px;min-width:0;padding-block:28px;display:flex}.case-more-grid .sr-kicker{margin-bottom:15px;display:block;font-size:11px!important}.case-more-grid h3{letter-spacing:-.5px;margin:0 0 12px;font-size:23px;font-weight:500;line-height:1.4}.case-more-grid div>span:last-child{color:var(--sr-muted);font-size:12px}.case-more-grid>a>svg{color:var(--sr-orange);flex-shrink:0;transition:transform .2s}.case-more-grid>a:hover>svg{transform:translate(3px,-3px)}@media (max-width:1000px){.case-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:10px}.case-showcase .case-hero h1,.case-showcase .case-hero h1 em{letter-spacing:-2px}.case-story{gap:40px}.case-contact{flex-direction:column;align-items:start}.case-art-caption{letter-spacing:.5px;font-size:9px}.case-flow{padding:30px}.case-flow-heading{flex-direction:column;align-items:start;gap:18px}.case-flow-heading>span{max-width:none}}@media (max-width:700px){.case-showcase .sr-header{grid-template-columns:minmax(0,1fr) auto;gap:15px;height:auto;min-height:90px;padding-block:18px;display:grid}.case-showcase .sr-header nav{grid-area:2/1/auto/-1;justify-content:space-between}.case-showcase .sr-header nav a:last-child{display:block}.case-back{margin-top:25px}.case-hero{grid-template-columns:minmax(0,1fr);padding-top:40px}.case-showcase .case-hero h1{font-size:clamp(37px,8vw,56px);line-height:1.12}.case-intro{font-size:16px}.case-art{justify-self:center;width:min(75%,310px);margin-top:25px}.case-meta{align-items:start;gap:16px;margin-top:35px;font-size:12px}.case-meta>span:first-child{max-width:55%}.case-status{white-space:normal;flex-shrink:1}.case-status i{flex-shrink:0}.case-flow{margin-top:30px;padding:25px 22px}.case-flow-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-block:30px}.case-flow-steps li{padding-top:0}.case-flow-steps p{max-width:none}.case-step-arrow{display:none}.case-flow-signature{flex-wrap:wrap;font-size:10px}.case-story{grid-template-columns:minmax(0,1fr);gap:35px;margin-block:65px}.case-showcase .case-story h2{font-size:37px}.case-scope{padding-left:0}.case-contact{gap:28px;padding-block:40px}.case-showcase .case-contact h2,.case-showcase .case-contact h2 em{letter-spacing:-1.5px}.case-more{margin-block:50px}.case-more-grid{grid-template-columns:minmax(0,1fr);gap:0}.case-more-heading{align-items:start}.case-showcase .case-more h2{font-size:25px}.case-more-heading>a{font-size:12px}.case-more-grid h3{font-size:22px}}@media (prefers-reduced-motion:reduce){.case-art img{transform:none!important}}@media (hover:none),(pointer:coarse){.case-art img{transform:none}}.case-hero.case-hero-music{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;padding-top:30px}.case-hero-music .case-meta{margin-top:36px}.case-showcase .case-hero-music h1{font-size:clamp(40px,4.9vw,72px)}@media (max-width:1000px){.case-hero.case-hero-music{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.case-showcase .case-hero-music h1{font-size:clamp(37px,5.3vw,52px)}}@media (max-width:700px){.case-hero.case-hero-music{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:36px}.case-showcase .case-hero-music h1{font-size:clamp(37px,8vw,56px)}.case-hero-music .case-meta{margin-top:6px}}.case-product-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.case-showcase .case-product-open{color:#18120c;white-space:normal;text-align:center;background:#f5a13a;gap:14px}.case-showcase .case-product-open:hover{background:#f4ba70}.music-artwork{--pointer-x:0;--pointer-y:0;width:100%;min-width:0;margin:0}.music-artwork-stage{aspect-ratio:1;isolation:isolate;perspective:1000px;background:#0d1116;border:1px solid #f5a13a24;border-radius:14px;transition:border-color .3s;position:relative;overflow:hidden}.music-artwork-image{object-fit:contain;pointer-events:none;transform-origin:50% 48%;width:100%;max-width:none;height:100%;transition:transform .45s ease-out;display:block;position:absolute;inset:0}.music-artwork-wave{width:100%;min-width:0;max-width:220px;height:auto;max-height:32px;color:var(--sr-orange,#f5a13a);opacity:.7;flex:1;transition:opacity .3s;display:block}.music-artwork-wave rect{transform-box:fill-box;transform-origin:50%;animation:1.25s ease-in-out infinite paused music-artwork-beat}.music-artwork-route{border-bottom:1px solid var(--sr-line,#30353b);width:100%;color:var(--sr-text,#f5f5f3);letter-spacing:-.6px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:8px;padding-bottom:19px;font-size:clamp(17px,2vw,25px);font-weight:500;line-height:1.2;display:flex}.music-artwork-route>svg:not(.music-artwork-wave){color:var(--sr-orange,#f5a13a);flex-shrink:0}.music-artwork>figcaption{flex-direction:column;align-items:flex-end;padding:22px 5% 0;display:flex}.music-artwork>figcaption>a{min-height:44px;color:var(--sr-muted,#bfc2c7);align-items:center;gap:12px;font-size:13px;line-height:1.4;text-decoration:none;display:inline-flex}.music-artwork>figcaption>a:hover{color:var(--sr-orange,#f5a13a)}.music-artwork>figcaption>a:focus-visible{outline:2px solid var(--sr-orange,#f5a13a);outline-offset:5px;border-radius:2px}.music-artwork:focus-within .music-artwork-stage{border-color:#f5a13a80}.music-artwork:focus-within .music-artwork-wave{opacity:1}@keyframes music-artwork-beat{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.music-artwork[data-motion-active=true] .music-artwork-image{transform:rotateX(calc(var(--pointer-y)*-4deg)) rotateY(calc(var(--pointer-x)*4deg)) scale(1.015)}.music-artwork:hover .music-artwork-stage{border-color:#f5a13a65}.music-artwork:hover .music-artwork-wave,.music-artwork:focus-within .music-artwork-wave{opacity:1}.music-artwork:hover .music-artwork-wave rect,.music-artwork:focus-within .music-artwork-wave rect{animation-play-state:running}}@media (max-width:700px){.music-artwork{justify-self:center;max-width:560px;margin-top:28px}.music-artwork-route{gap:12px;padding-bottom:16px;font-size:21px}.music-artwork>figcaption{padding-top:20px}.music-artwork-wave{max-height:27px}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.music-artwork-stage,.music-artwork-image,.music-artwork-wave{transition:none}.music-artwork-image{transform:none!important}.music-artwork-wave rect{animation:none}}.case-hero.case-hero-illustrated{grid-template-columns:minmax(0,1fr);padding-top:48px}.case-hero-illustrated .case-hero-copy{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;column-gap:64px;display:grid}.case-hero-illustrated .sr-kicker{grid-column:1/-1;margin-bottom:22px}.case-hero-illustrated h1{grid-row:2/4}.case-hero-illustrated .case-intro{margin:0 0 24px}.case-hero-illustrated .case-product-actions{grid-column:2;padding-bottom:5px}.case-hero-illustrated .case-meta{margin-top:26px}.project-artwork{--pointer-x:0;--pointer-y:0;width:100%;min-width:0;margin:46px 0 0}.project-artwork-stage{isolation:isolate;aspect-ratio:3/2;perspective:1600px;background:#0d1116;border:1px solid #f5a13a30;border-radius:14px;transition:border-color .3s;position:relative;overflow:hidden}.project-artwork-image{object-fit:contain;transform-origin:50%;width:100%;height:100%;transition:transform .5s ease-out;display:block}.project-artwork-light{pointer-events:none;background:radial-gradient(ellipse at calc(50% + var(--pointer-x) * 35%) calc(50% + var(--pointer-y) * 35%), #f5a13a12, transparent 60%);opacity:0;mix-blend-mode:screen;transition:opacity .35s;position:absolute;inset:0}.project-artwork figcaption{color:var(--sr-text);flex-wrap:wrap;align-items:center;gap:24px;padding-top:20px;font-size:14px;line-height:1.5;display:flex}.project-artwork figcaption i{color:var(--sr-orange);margin-inline:10px;font-style:normal}.project-artwork-note{color:var(--sr-muted);font-size:12px}.project-artwork figcaption a{min-height:44px;color:var(--sr-muted);align-items:center;gap:12px;margin-left:auto;font-size:13px;display:inline-flex}.project-artwork figcaption a:hover{color:var(--sr-orange)}.project-artwork:focus-within .project-artwork-stage{border-color:#f5a13a80}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-artwork[data-motion-active=true] .project-artwork-image{transform:rotateX(calc(var(--pointer-y) * -1deg)) rotateY(calc(var(--pointer-x) * 1deg)) scale(1.015)}.project-artwork[data-motion-active=true] .project-artwork-light{opacity:1}.project-artwork:hover .project-artwork-stage{border-color:#f5a13a70}}@media (max-width:1000px){.case-hero-illustrated .case-hero-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px}.case-hero-illustrated .case-intro{font-size:16px}}@media (max-width:700px){.case-hero.case-hero-illustrated{padding-top:36px}.case-hero-illustrated .case-hero-copy{display:block}.case-hero-illustrated .case-intro{margin:25px 0}.project-artwork{margin-top:30px}.project-artwork-stage{border-radius:9px}.project-artwork figcaption{gap:8px 20px;padding-top:14px;font-size:13px}.project-artwork-note{order:3;width:100%}.project-artwork figcaption a{margin-left:0}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.project-artwork-stage,.project-artwork-image,.project-artwork-light{transition:none}.project-artwork-image{transform:none}.project-artwork-light{display:none}}.case-showcase .case-hero.case-hero-centered{grid-template-columns:minmax(0,1fr)}.case-showcase .case-hero-centered .case-hero-copy{text-align:center;grid-column:1/-1;width:100%;max-width:1100px;margin:0 auto 36px;display:block}.case-showcase .case-hero-centered h1{margin-inline:auto}.case-showcase .case-flow-description{max-width:900px;color:var(--sr-muted);margin:28px 0 0;font-size:18px;line-height:1.8}.case-flow-description+.case-product-actions{margin-top:24px}@media (max-width:700px){.case-showcase .case-hero-centered .case-hero-copy{margin-bottom:24px}.case-showcase .case-flow-description{margin-top:22px;font-size:16px}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-project=private-vpn-network] .project-artwork[data-motion-active=true]:hover .project-artwork-image{transform:rotateX(calc(var(--pointer-y) * -3deg)) rotateY(calc(var(--pointer-x) * 4deg)) scale(1.045)}[data-project=private-vpn-network] .project-artwork[data-motion-active=true]:hover .project-artwork-light{background:radial-gradient(ellipse at calc(50% + var(--pointer-x) * 35%) calc(50% + var(--pointer-y) * 35%),#ffc16b45,transparent 65%);animation:2.8s ease-in-out infinite alternate vpn-project-light}}@keyframes vpn-project-light{0%{opacity:.35}to{opacity:.85}}