#view-desktop{position:fixed;inset:0;z-index:9001;will-change:transform,opacity;transform:translateY(0);opacity:1;background:var(--bg)}#view-desktop.is-sliding-down,#view-desktop.is-sliding-up{transition:transform .6s cubic-bezier(.4,0,.2,1)}#view-desktop.is-slid-down{transform:translateY(calc(100vh - 38px))}#view-desktop.is-fading-out,#view-desktop.is-fading-in{transition:opacity .25s ease-in-out}#view-desktop.is-faded-out{opacity:0}#view-desktop.is-transitioning,#view-portfolio.is-transitioning{pointer-events:none}#view-desktop.is-transitioning .crt-corner-mask,#view-desktop.is-transitioning .crt-gradient,#view-desktop.is-transitioning .crt-frame,#view-desktop.is-transitioning .crt-reflection,#view-desktop.is-transitioning .effect-scanlines,#view-desktop.is-hidden .crt-corner-mask,#view-desktop.is-hidden .crt-gradient,#view-desktop.is-hidden .crt-frame,#view-desktop.is-hidden .crt-reflection,#view-desktop.is-hidden .effect-scanlines{display:none!important}#view-desktop.is-hidden,#view-portfolio.is-inactive{pointer-events:none}@media(prefers-reduced-motion:reduce){#view-desktop.is-sliding-down,#view-desktop.is-sliding-up,#view-desktop.is-fading-out,#view-desktop.is-fading-in{transition:none!important}}#view-portfolio{position:fixed;inset:0;z-index:9000;background:#000;color:#fff;font-family:Satoshi,-apple-system,sans-serif;overflow:hidden;transform:translateZ(0);will-change:transform;backface-visibility:hidden}#view-portfolio .light-rays-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}#view-portfolio .light-rays-bg canvas{display:block;width:100%;height:100%}#view-portfolio #meta-block,#view-portfolio .meta-ghost{position:fixed;top:56px;left:60px;opacity:0;transform:translateY(8px);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .3s ease;pointer-events:none;z-index:9200}#view-portfolio #meta-block.visible{opacity:1;transform:translateY(0)}#view-portfolio .meta-ghost.visible{opacity:0;transform:translateY(0)}#view-portfolio #meta-block.visible.meta-fading{opacity:0}#view-portfolio .meta-ghost.visible.meta-fading-in{opacity:1}#view-portfolio.is-cs-transitioning #meta-block,#view-portfolio.is-cs-transitioning .meta-ghost,#view-portfolio.is-cs-transitioning .portfolio-back-btn{opacity:0!important;transition:opacity .22s cubic-bezier(.4,0,.2,1)}#view-portfolio #meta-year,#view-portfolio .meta-ghost .meta-year{font-size:13px;font-weight:400;color:#ffffff80;font-variant-numeric:tabular-nums;margin-bottom:8px}#view-portfolio #meta-project,#view-portfolio .meta-ghost .meta-project{font-size:32px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:10px;letter-spacing:-.6px}#view-portfolio #meta-company-type,#view-portfolio .meta-ghost .meta-company-type{font-size:16px;font-weight:500;color:#ffffffd9;letter-spacing:-.1px}#view-portfolio #meta-type,#view-portfolio .meta-ghost .meta-type{color:#ffffffa6;font-weight:400}#view-portfolio #meta-company:not(:empty)+#meta-type:not(:empty):before,#view-portfolio .meta-ghost .meta-company:not(:empty)+.meta-type:not(:empty):before{content:" \b7  ";color:#ffffff59;margin:0 4px}#view-portfolio .cover-stack{position:fixed;bottom:calc(50vh - 476px);left:50%;transform:translate(-50%);width:min(1032px,92vw);z-index:9100;perspective:1000px;perspective-origin:50% 80%}#view-portfolio .cover-wrapper{position:relative;width:100%;height:648px;margin-bottom:-538px;border-radius:20px;box-shadow:0 12px 48px #0009,0 2px 8px #0006;--base-tz: 0px;--delta-tz: 0px;--delta-ty: 0px;transform:translateZ(calc(var(--base-tz) + var(--delta-tz))) translateY(var(--delta-ty));transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .45s ease-out;--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 20;--glow-padding: 80px;--glow-color: hsl(200deg 65% 72% / 70%);--glow-color-50: hsl(200deg 65% 72% / 32%);--glow-color-40: hsl(200deg 65% 72% / 24%);--glow-color-30: hsl(200deg 65% 72% / 18%);--glow-color-20: hsl(200deg 65% 72% / 12%);--glow-color-10: hsl(200deg 65% 72% / 6%)}#view-portfolio .cover-wrapper:last-child{margin-bottom:0}#view-portfolio .cover-wrapper:nth-child(1){--base-tz: -400px}#view-portfolio .cover-wrapper:nth-child(2){--base-tz: -320px}#view-portfolio .cover-wrapper:nth-child(3){--base-tz: -240px}#view-portfolio .cover-wrapper:nth-child(4){--base-tz: -160px}#view-portfolio .cover-wrapper:nth-child(5){--base-tz: -80px}#view-portfolio .cover-wrapper:has(.cover-item:hover){--delta-tz: 80px}#view-portfolio .cover-wrapper:has(.cover-item:hover)~.cover-wrapper{--delta-tz: 300px;--delta-ty: 500px}#view-portfolio .cover-wrapper.push-back{--delta-ty: -100px}#view-portfolio.covers-frozen .cover-wrapper,#view-portfolio.covers-frozen .cover-wrapper:has(.cover-item:hover),#view-portfolio.covers-frozen .cover-wrapper:has(.cover-item:hover)~.cover-wrapper,#view-portfolio.covers-frozen .cover-wrapper.push-back{--delta-tz: 0px;--delta-ty: 0px}#view-portfolio.covers-frozen .cover-wrapper>.edge-light{opacity:0}#view-portfolio .cover-wrapper.cs-source{visibility:hidden}#view-portfolio .cover-wrapper.cs-scatter{transform:translate3d(0,600px,0)!important;opacity:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease-out}#view-portfolio .cover-wrapper>.edge-light{position:absolute;inset:calc(var(--glow-padding) * -1);border-radius:inherit;pointer-events:none;z-index:6;mask-image:conic-gradient(from var(--cursor-angle) at center,black 5%,transparent 18%,transparent 82%,black 95%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter;transition:opacity .75s ease-in-out}#view-portfolio .cover-wrapper:hover>.edge-light{transition:opacity .25s ease-out}#view-portfolio .cover-wrapper>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color),inset 0 0 3px 0 var(--glow-color-50),inset 0 0 8px 0 var(--glow-color-30),0 0 3px 0 var(--glow-color-50),0 0 8px 0 var(--glow-color-40),0 0 20px 0 var(--glow-color-30),0 0 35px 2px var(--glow-color-20),0 0 60px 4px var(--glow-color-10)}#view-portfolio .cover-item{display:block;width:100%;height:100%;border-radius:20px;overflow:hidden;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,#1a1a2e,#16213e)}#view-portfolio .cover-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}#view-portfolio .bottom-bar{position:fixed;bottom:0;left:0;right:0;height:38px;background:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:9300;user-select:none;font-size:13px;color:#ffffff73}#view-portfolio .bottom-bar-logo,#view-portfolio .bottom-bar-logo a{display:flex;align-items:center}#view-portfolio .bottom-bar-logo img{height:24px;width:auto;display:block;filter:invert(1) opacity(.7);transition:filter .15s}#view-portfolio .bottom-bar-logo a:hover img{filter:invert(1) opacity(1)}#view-portfolio .bottom-bar-center{position:absolute;left:50%;transform:translate(-50%)}#view-portfolio .bottom-bar-center a{font-size:12px;color:#ffffff59;text-decoration:none;transition:color .15s}#view-portfolio .bottom-bar-center a:hover{color:#ffffffd9}#view-portfolio .bottom-bar-right{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffff73}#view-portfolio .bottom-bar-socials{display:flex;align-items:center;gap:8px}#view-portfolio .bottom-bar-socials a{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:background .15s}#view-portfolio .bottom-bar-socials a:hover{background:#ffffff14}#view-portfolio .bottom-bar-socials img{width:18px;height:18px;display:block;filter:invert(1) opacity(.5);transition:filter .15s}#view-portfolio .bottom-bar-socials a:hover img{filter:invert(1) opacity(.9)}#view-portfolio .bottom-bar-sep{width:1px;height:16px;background:#ffffff1a}#view-portfolio .portfolio-back-btn{display:none}@media(max-width:768px){#view-portfolio .cover-wrapper>.edge-light{display:none}#view-portfolio .bottom-bar{display:none}#view-portfolio .portfolio-back-btn{display:flex;position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);width:40px;height:40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff1f;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;font-size:24px;font-weight:300;line-height:1;text-decoration:none;align-items:center;justify-content:center;padding-bottom:2px;z-index:9300;transition:background .2s,transform .2s,border-color .2s}#view-portfolio .portfolio-back-btn:active{background:#ffffff1f;transform:scale(.96)}#view-portfolio #meta-block,#view-portfolio .meta-ghost{top:calc(env(safe-area-inset-top,0px) + 24px);left:20px;right:72px;transform:none}#view-portfolio #meta-year,#view-portfolio .meta-ghost .meta-year{font-size:13px;margin-bottom:6px}#view-portfolio #meta-project,#view-portfolio .meta-ghost .meta-project{font-size:28px;margin-bottom:6px;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;padding-bottom:2px}#view-portfolio #meta-company-type,#view-portfolio .meta-ghost .meta-company-type{font-size:15px}#view-portfolio .cover-stack{--cover-stack-top: calc(env(safe-area-inset-top, 0px) + 132px) ;--cover-stack-bottom: 32px;position:fixed;top:var(--cover-stack-top);bottom:var(--cover-stack-bottom);left:0;right:0;width:100%;transform:none;perspective:none;perspective-origin:initial;display:flex;align-items:center;gap:0;padding:0 calc(50vw - (var(--cover-card-w) / 2));--cover-card-h: calc(100vh - var(--cover-stack-top) - var(--cover-stack-bottom));--cover-card-h: calc(100dvh - var(--cover-stack-top) - var(--cover-stack-bottom));--cover-card-w: calc(var(--cover-card-h) * 3 / 4.4);--cover-card-w: min(calc(var(--cover-card-h) * 3 / 4.4), 78vw);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:9100}#view-portfolio .cover-stack::-webkit-scrollbar{display:none}#view-portfolio .cover-wrapper{position:relative;flex:0 0 var(--cover-card-w);width:var(--cover-card-w);height:var(--cover-card-h);aspect-ratio:3 / 4.4;margin:0;--base-tz: 0px;--delta-tz: 0px;--delta-ty: 0px;transform:scale(.88);opacity:.55;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;scroll-snap-align:center;scroll-snap-stop:always;box-shadow:0 12px 48px #0009,0 2px 8px #0006}#view-portfolio .cover-wrapper.is-active{transform:scale(1);opacity:1}#view-portfolio .cover-wrapper:has(.cover-item:hover),#view-portfolio .cover-wrapper:has(.cover-item:hover)~.cover-wrapper,#view-portfolio .cover-wrapper.push-back{--delta-tz: 0px;--delta-ty: 0px}#view-portfolio .cover-wrapper:last-child{margin-bottom:0}#view-portfolio .cover-item{display:block;width:100%;height:100%;border-radius:20px;overflow:hidden}#view-portfolio .cover-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}}#view-case-study{position:fixed;inset:0;z-index:9500;background:#000;color:#fff;font-family:Satoshi,-apple-system,sans-serif;overflow:hidden}#view-case-study .cs-blur-edge{position:absolute;left:0;right:0;pointer-events:none;z-index:9100;isolation:isolate}#view-case-study .cs-blur-edge.cs-blur-bottom{bottom:0;height:160px}#view-case-study .cs-blur-edge.cs-blur-top{top:0;height:80px}#view-case-study .cs-blur-inner{position:relative;width:100%;height:100%}#view-case-study .cs-blur-inner>div{position:absolute;inset:0}#view-case-study .cs-scroller{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}#view-case-study .cs-scroller::-webkit-scrollbar{width:6px}#view-case-study .cs-scroller::-webkit-scrollbar-track{background:transparent}#view-case-study .cs-scroller::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}#view-case-study .cs-section{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;padding:96px 24px 240px;box-sizing:border-box}#view-case-study .cs-section:last-child{padding-bottom:280px}#view-case-study .cs-teaser-section,#view-case-study .cs-teaser-section:last-child{padding:0}#view-case-study .cs-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:56px}#view-case-study .cs-hero{width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:#111;box-shadow:0 20px 60px #0009,0 4px 16px #0006}#view-case-study .cs-hero img{width:100%;height:100%;object-fit:cover;display:block}#view-case-study .cs-meta{display:flex;flex-direction:column}#view-case-study .cs-title{font-size:56px;font-weight:700;letter-spacing:-1.2px;line-height:1.05;margin:0}#view-case-study .cs-subtitle{font-size:22px;font-weight:400;line-height:1.35;color:#fff;margin:12px 0 0;max-width:720px}#view-case-study .cs-intro{margin-bottom:40px;--cs-glass-bg: rgba(255, 255, 255, .06);--cs-glass-border: 1px solid rgba(255, 255, 255, .16);--cs-glass-radius: 16px;--cs-glass-shadow: 0 8px 32px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.1);--cs-glass-backdrop: blur(28px) saturate(1.4);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:100%;overflow:visible}#view-case-study .cs-intro-card{position:relative;background:var(--cs-glass-bg);border:var(--cs-glass-border);border-radius:var(--cs-glass-radius);box-shadow:var(--cs-glass-shadow);backdrop-filter:var(--cs-glass-backdrop);-webkit-backdrop-filter:var(--cs-glass-backdrop);padding:28px 32px;color:#ffffffd9;box-sizing:border-box;--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 20}#view-case-study .cs-intro-narrative{z-index:1;padding-right:48px}#view-case-study .cs-intro-meta{width:582px;margin-left:-32px;margin-top:16px;z-index:2}#view-case-study .cs-intro-card>.edge-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;mask-image:conic-gradient(from var(--cursor-angle) at center,black 5%,transparent 18%,transparent 82%,black 95%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter;transition:opacity .75s ease-in-out}#view-case-study .cs-intro-card:hover>.edge-light{transition:opacity .25s ease-out}#view-case-study .cs-intro-card>.edge-light:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 0 4px #ffffff4d,inset 0 0 10px #ffffff26,0 0 8px #ffffff1f,0 0 24px 2px #ffffff0f}#view-case-study .cs-intro-card>section,#view-case-study .cs-intro-card>dl{position:relative;z-index:2}#view-case-study .cs-intro-narrative section+section{margin-top:24px}#view-case-study .cs-intro-narrative h3,#view-case-study .cs-intro-meta dt{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin:0 0 8px}#view-case-study .cs-intro-narrative p{font-size:15px;line-height:1.55;color:#ffffffd9;margin:0;white-space:pre-line}#view-case-study .cs-intro-meta dl{display:grid;grid-template-columns:1fr;gap:18px;margin:0}#view-case-study .cs-intro-meta-row{margin:0}#view-case-study .cs-intro-meta dd{font-size:15px;line-height:1.45;color:#ffffffeb;margin:0}#view-case-study .cs-intro .cs-intro-card{opacity:0;transform:translateY(16px);transition:opacity .42s ease-out,transform .42s ease-out}#view-case-study .cs-intro.cs-intro-revealed .cs-intro-narrative{transition-delay:80ms;opacity:1;transform:none}#view-case-study .cs-intro.cs-intro-revealed .cs-intro-meta{transition-delay:.2s;opacity:1;transform:none}@media(prefers-reduced-motion:reduce){#view-case-study .cs-intro .cs-intro-card{transition:none;opacity:1;transform:none}}@media(max-width:720px){#view-case-study .cs-intro{grid-template-columns:1fr;gap:16px}#view-case-study .cs-intro-narrative,#view-case-study .cs-intro-meta{width:auto;max-width:100%;margin-left:0;margin-top:0;padding-right:22px}#view-case-study .cs-intro-card{padding:20px 22px}}#view-case-study .cs-teaser-section{display:flex;align-items:center;justify-content:center}#view-case-study .cs-next-teaser{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}#view-case-study .cs-next-label{font-size:40px;font-weight:200;letter-spacing:-.4px;line-height:1.1;color:#fff}#view-case-study .cs-next-name{font-weight:500}#view-case-study .cs-next-cta{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:#fff9}#view-case-study .cs-next-arrow{color:#fffc;animation:cs-next-arrow-bounce 1.6s ease-in-out infinite}@keyframes cs-next-arrow-bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}@media(prefers-reduced-motion:reduce){#view-case-study .cs-next-arrow{animation:none}}#view-case-study .cs-back-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:#fff;font-family:var(--cs-font-family);font-size:15px;font-weight:500;letter-spacing:.2px;cursor:pointer;backdrop-filter:url(#fluid-glass) blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);transition:background .2s ease,border-color .2s ease,transform .2s ease}html.no-svg-backdrop #view-case-study .cs-back-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#view-case-study .cs-back-btn:hover{background:#ffffff14;border-color:#ffffff59}#view-case-study .cs-back-btn:active{transform:scale(.98)}#view-case-study .cs-back-btn svg{transition:transform .2s ease}#view-case-study .cs-back-btn:hover svg{transform:translate(-3px)}#view-case-study #cs-close{position:fixed;top:24px;right:24px;z-index:9300;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff1f;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);cursor:pointer;transition:background .2s,transform .2s,border-color .2s}#view-case-study #cs-close:hover{background:#ffffff1f;border-color:#ffffff52;transform:scale(1.05)}#view-case-study #cs-close:active{transform:scale(.96)}#view-case-study{--cs-max-width-text: 720px;--cs-max-width-image: 1100px;--cs-pad-x: 24px;--cs-section-gap: 80px;--cs-related-gap: 40px;--cs-gap-after-hero: 40px;--cs-gap-after-heading: 32px;--cs-gap-after-text: 48px;--cs-gap-after-media: 56px;--cs-gap-after-quote: 64px;--cs-gap-after-stats: 56px;--cs-font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cs-h1-size: 48px;--cs-h1-line: 1.1;--cs-h1-tracking: -.5px;--cs-h1-weight: 700;--cs-h2-size: 32px;--cs-h2-line: 1.2;--cs-h2-weight: 700;--cs-body-size: 18px;--cs-body-line: 1.7;--cs-caption-size: 13px;--cs-quote-size: 24px;--cs-quote-line: 1.5;--cs-bg: #000;--cs-text-primary: rgba(255, 255, 255, .85);--cs-text-secondary: rgba(255, 255, 255, .45);--cs-divider: rgba(255, 255, 255, .08);--cs-accent: #ffffff;--cs-radius: 16px;--cs-radius-hero: 24px;--cs-radius-grid: 12px;--cs-shadow-hero: 0 8px 32px rgba(0, 0, 0, .4);--cs-aspect-hero: 16 / 9;--cs-aspect-pair: 3 / 2;--cs-aspect-grid: 1 / 1}@media(min-width:768px){#view-case-study{--cs-pad-x: 48px}}
