@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";
.cinematic{--cs-bg:#0a0a0a;--cs-bg-2:#141414;--cs-fg:#f5f1e8;--cs-fg-2:#cdc7bb;--cs-muted:#8a8780;--cs-accent:#c9a24b;--cs-accent-soft:#c9a24b26;--cs-line:#f5f1e81f;--cs-font-display:"Editorial New", var(--font-anton), Georgia, serif;--cs-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;background:var(--cs-bg);color:var(--cs-fg)}.cinematic .t-frame{background:var(--tile-bg,#161616);isolation:isolate;border-radius:12px;position:relative;overflow:hidden}.cinematic .t-mockup{z-index:1;border-radius:8px;position:absolute;inset:0;overflow:hidden}.cinematic .t-mockup img,.cinematic .t-mockup video{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cinematic .t-mockup .t-still,.cinematic .t-mockup .t-video{transition:opacity .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.cinematic .t-mockup .t-still{opacity:1;z-index:1}.cinematic .t-mockup .t-video{opacity:0;z-index:2}.cinematic .is-playing .t-still{opacity:0}.cinematic .is-playing .t-video{opacity:1}.cinematic [data-reveal]{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.cinematic [data-reveal].is-in{opacity:1;transform:translateY(0)}.cs-work-hero{border-bottom:1px solid var(--cs-line);padding:100px 32px 50px}.cs-work-hero .label{letter-spacing:2.4px;text-transform:uppercase;color:var(--cs-accent);margin-bottom:22px;font-family:JetBrains Mono,monospace;font-size:11px}.cs-work-hero h1{font-family:var(--cs-font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--cs-fg);max-width:1300px;font-size:clamp(60px,9vw,160px);font-weight:900;line-height:.9}.cs-work-hero h1 em{font-family:var(--font-sans);text-transform:none;color:var(--cs-accent);letter-spacing:-.025em;font-weight:500}.cs-work-hero .sub{font-family:var(--font-sans);color:var(--cs-fg-2);max-width:800px;margin-top:28px;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.35}.cs-work-hero .meta{border-top:1px solid var(--cs-line);letter-spacing:2px;text-transform:uppercase;color:var(--cs-muted);justify-content:space-between;margin-top:48px;padding-top:18px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.cs-work-hero .meta strong{color:var(--cs-fg);font-weight:500}.cs-takeover-section{background:var(--section-bg,var(--cs-bg));grid-template-columns:1fr 1.4fr;align-items:center;gap:56px;min-height:90vh;padding:80px 32px;text-decoration:none;transition:background .6s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.cs-takeover-section .text{color:var(--section-fg,var(--cs-fg));z-index:2;max-width:560px;position:relative}.cs-takeover-section .num{letter-spacing:2.4px;opacity:.7;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:12px}.cs-takeover-section h3{font-family:var(--cs-font-display);letter-spacing:0;text-transform:uppercase;color:var(--section-fg,var(--cs-fg));margin:0;font-size:clamp(48px,6.5vw,110px);font-weight:700;line-height:.92}.cs-takeover-section .tagline{font-family:var(--font-sans);opacity:.92;margin-top:22px;font-size:clamp(20px,1.8vw,30px);font-weight:400;line-height:1.3}.cs-takeover-section .summary{opacity:.78;max-width:480px;margin-top:22px;font-family:JetBrains Mono,monospace;font-size:clamp(13px,1vw,15px);font-weight:400;line-height:1.6}.cs-takeover-section .roles{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.cs-takeover-section .roles span{letter-spacing:1.6px;text-transform:uppercase;opacity:.85;border:1px solid;border-radius:100px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:10.5px}.cs-takeover-section .cta-row{flex-wrap:wrap;align-items:center;gap:22px;margin-top:36px;display:flex}.cs-takeover-section .cta{letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:opacity .2s,padding-bottom .2s;display:inline-block}.cs-takeover-section .cta-primary{background:var(--section-fg,var(--cs-fg));color:var(--section-bg,var(--cs-bg));border-radius:100px;padding:14px 24px;font-weight:600}.cs-takeover-section .cta-primary:hover{opacity:.88}.cs-takeover-section .cta-secondary{opacity:.78;color:inherit;border-bottom:1px solid;padding-bottom:4px}.cs-takeover-section .cta-secondary:hover{opacity:1;padding-bottom:6px}.cs-takeover-section .media{aspect-ratio:16/10;cursor:pointer;border-radius:8px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009}.cs-takeover-section.placeholder .media{background:var(--section-bg);justify-content:center;align-items:center;display:flex}.cs-takeover-section.placeholder .media-label{letter-spacing:2px;text-transform:uppercase;color:var(--section-fg);opacity:.45;font-family:JetBrains Mono,monospace;font-size:13px}@media (max-width:900px){.cs-takeover-section{grid-template-columns:1fr;min-height:auto}}.cs-case{background:var(--cs-bg);color:var(--cs-fg);font-family:JetBrains Mono,monospace;position:relative}.cs-case-breadcrumb{letter-spacing:2px;text-transform:uppercase;color:var(--cs-muted);border-bottom:1px solid var(--cs-line);align-items:center;gap:14px;padding:24px 32px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.cs-case-breadcrumb a{color:var(--cs-fg-2);text-decoration:none;transition:color .2s}.cs-case-breadcrumb a:hover{color:var(--cs-accent)}.cs-case-breadcrumb-sep{color:var(--cs-muted);opacity:.5}.cs-case-hero{background:radial-gradient(ellipse 80% 60% at 20% 0%, color-mix(in srgb, var(--case-bg,#18061e) 45%, transparent) 0%, transparent 80%), var(--cs-bg);padding:80px 32px 0;position:relative}.cs-case-hero-meta{letter-spacing:2.2px;text-transform:uppercase;color:var(--cs-muted);gap:32px;margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.cs-case-h1{font-family:var(--cs-font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--cs-fg);max-width:1400px;margin:0;font-size:clamp(72px,11vw,200px);font-weight:900;line-height:.88}.cs-case-tagline{letter-spacing:-.005em;color:var(--cs-fg-2);max-width:900px;margin-top:28px;font-family:JetBrains Mono,monospace;font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.35}.cs-case-roles{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.cs-case-roles span{border:1px solid var(--cs-fg-2);letter-spacing:1.6px;text-transform:uppercase;color:var(--cs-fg-2);border-radius:100px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:10.5px}.cs-case-hero-media{aspect-ratio:16/9;border-radius:14px;margin-top:64px;position:relative;overflow:hidden;box-shadow:0 60px 120px #00000080}.cs-case-hero-media img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cs-case-hero-overlay{background:linear-gradient(180deg, transparent 0%, transparent 60%, color-mix(in srgb, var(--case-bg,#18061e) 60%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.cs-case-section-label{letter-spacing:2.4px;text-transform:uppercase;color:var(--cs-accent);margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:11px}.cs-case-palette{max-width:1400px;margin:0 auto;padding:100px 32px 80px}.cs-case-palette-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.cs-case-swatch{aspect-ratio:1;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.cs-case-swatch-fill{background:var(--swatch);position:absolute;inset:0}.cs-case-swatch-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--cs-fg);-webkit-backdrop-filter:blur(6px);background:#00000059;border-radius:4px;width:fit-content;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:inline-block;position:absolute;bottom:14px;left:14px}.cs-case-moments{max-width:1500px;margin:0 auto;padding:80px 32px}.cs-case-moments-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.cs-case-moment{flex-direction:column;gap:14px;display:flex}.cs-case-moment-frame{aspect-ratio:4/3;background:var(--case-bg);border-radius:10px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 28px 56px #00000073,0 8px 18px #0000004d,inset 0 0 0 1px #ffffff0f}.cs-case-moment:hover .cs-case-moment-frame{transform:translateY(-4px)}.cs-case-moment-frame img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cs-case-moment-cap{letter-spacing:1.4px;text-transform:uppercase;color:var(--cs-fg);justify-content:space-between;align-items:baseline;gap:12px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.cs-case-moment-cap-num{color:var(--cs-muted);font-weight:500}.cs-case-motion{max-width:1500px;margin:0 auto;padding:80px 32px}.cs-case-motion-frame{aspect-ratio:16/10;background:var(--case-bg);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 60px 120px #0000008c}.cs-case-stats{max-width:1500px;margin:0 auto;padding:80px 32px}.cs-case-stats-grid{border-top:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;display:grid}.cs-case-stat{border-right:1px solid var(--cs-line);flex-direction:column;gap:14px;padding:48px 28px;display:flex}.cs-case-stat:last-child{border-right:0}.cs-case-stat-value{font-family:var(--cs-font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--cs-fg);font-size:clamp(56px,6vw,96px);font-weight:900;line-height:.9}.cs-case-stat-label{letter-spacing:1.8px;text-transform:uppercase;color:var(--cs-muted);font-family:JetBrains Mono,monospace;font-size:11px}.cs-case-stack{max-width:1500px;margin:0 auto;padding:80px 32px}.cs-case-stack-list{flex-wrap:wrap;gap:10px;display:flex}.cs-case-stack-list span{border:1px solid var(--cs-line);letter-spacing:1.6px;text-transform:uppercase;color:var(--cs-fg);background:#ffffff05;border-radius:100px;padding:12px 22px;font-family:JetBrains Mono,monospace;font-size:12px}.cs-case-live{max-width:1500px;margin:0 auto;padding:80px 32px 120px}.cs-case-cta-link{font-family:var(--cs-font-display);letter-spacing:0;text-transform:uppercase;color:var(--cs-accent);border-bottom:2px solid var(--cs-accent);align-items:center;gap:12px;padding-bottom:10px;font-size:clamp(40px,5.5vw,96px);font-weight:700;line-height:1;text-decoration:none;transition:padding-bottom .3s,opacity .3s;display:inline-flex}.cs-case-cta-link:hover{opacity:.85;padding-bottom:14px}.cs-case-live-url{letter-spacing:1.8px;text-transform:uppercase;color:var(--cs-muted);margin-top:24px;font-family:JetBrains Mono,monospace;font-size:12px}.cs-case-next{background:var(--next-bg,var(--cs-bg-2));color:var(--next-fg,var(--cs-fg));padding:100px 48px;text-decoration:none;transition:padding-top .4s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.cs-case-next:hover{padding-top:120px}.cs-case-next-meta{letter-spacing:2.2px;text-transform:uppercase;opacity:.7;justify-content:space-between;margin-bottom:36px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.cs-case-next-name{font-family:var(--cs-font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(54px,8vw,140px);font-weight:900;line-height:.92}.cs-case-next-tagline{opacity:.85;max-width:800px;margin-top:22px;font-family:JetBrains Mono,monospace;font-size:clamp(15px,1.4vw,20px);font-weight:500;line-height:1.4}.cs-case-next-cta{letter-spacing:1.8px;text-transform:uppercase;border-bottom:1px solid;margin-top:36px;padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:inline-block}@media (max-width:800px){.cs-case-moments-grid,.cs-case-stats-grid{grid-template-columns:1fr}.cs-case-stat{border-right:0;border-bottom:1px solid var(--cs-line)}.cs-case-stat:last-child{border-bottom:0}}.cs-case-page-wash{pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 100% at 50% 0%, color-mix(in srgb, var(--case-bg,#18061e) 35%, transparent) 0%, transparent 70%);opacity:.8;height:1400px;position:absolute;inset:0 0 auto}.cs-case>*{z-index:1;position:relative}.cs-case>.cs-case-page-wash{z-index:0}.cs-case-nav{z-index:50;width:max-content;max-width:calc(100% - 32px);margin:20px auto 0;padding:0 16px;position:sticky;top:14px}.cs-case-nav-inner{-webkit-backdrop-filter:blur(16px);border:1px solid var(--cs-line);background:#0a0a0ac7;border-radius:100px;gap:4px;padding:6px;display:flex;box-shadow:0 8px 24px #00000073}.cs-case-nav-link{font-family:var(--cs-font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--cs-fg-2);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.cs-case-nav-link:hover{color:var(--cs-fg)}.cs-case-nav-link.is-active{background:var(--cs-accent);color:var(--cs-bg)}.cs-case-nav-num{opacity:.7;font-weight:600}.cs-case-nav-link.is-active .cs-case-nav-num{opacity:.65}@media (max-width:720px){.cs-case-nav-link .cs-case-nav-label{display:none}.cs-case-nav-link{padding:8px 12px}}.cs-case-moment-button{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit}.cs-case-moment-button:focus-visible{outline:2px solid var(--cs-accent);outline-offset:4px;border-radius:12px}.cs-case-moment-frame{position:relative}.cs-case-moment-zoom{width:32px;height:32px;color:var(--cs-fg);opacity:0;-webkit-backdrop-filter:blur(6px);background:#0a0a0ab3;border-radius:50%;place-items:center;font-size:14px;font-weight:600;transition:opacity .3s,transform .3s;display:grid;position:absolute;top:14px;right:14px;transform:translateY(-4px)}.cs-case-moment-button:hover .cs-case-moment-zoom,.cs-case-moment-button:focus-visible .cs-case-moment-zoom{opacity:1;transform:translateY(0)}.cs-lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);cursor:zoom-out;background:#080808eb;place-items:center;padding:64px 32px 100px;display:grid;position:fixed;inset:0}.cs-lightbox-img{object-fit:contain;cursor:default;border-radius:8px;width:auto;max-width:min(1400px,95vw);height:auto;max-height:80vh;display:block;box-shadow:0 40px 100px #000000bf}.cs-lightbox-close{border:1px solid var(--cs-line);width:44px;height:44px;color:var(--cs-fg);cursor:pointer;background:#141414cc;border-radius:50%;place-items:center;font-size:24px;font-weight:300;line-height:1;transition:background .2s,border-color .2s;display:grid;position:absolute;top:24px;right:24px}.cs-lightbox-close:hover{background:var(--cs-accent);border-color:var(--cs-accent);color:var(--cs-bg)}.cs-lightbox-cap{font-family:var(--cs-font-mono);letter-spacing:1.8px;text-transform:uppercase;color:var(--cs-fg);gap:18px;font-size:11px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.cs-lightbox-cap-num{color:var(--cs-muted)}.cs-lightbox-nav{gap:14px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.cs-lightbox-nav button{color:var(--cs-fg-2);border:1px solid var(--cs-line);font-family:var(--cs-font-mono);letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;background:#141414b3;border-radius:100px;padding:8px 16px;font-size:10px;transition:background .2s,color .2s,border-color .2s}.cs-lightbox-nav button:hover{background:var(--cs-accent);color:var(--cs-bg);border-color:var(--cs-accent)}.cs-takeover-section.placeholder .text .num,.cs-takeover-section.placeholder .text h3{opacity:.92}.cs-takeover-section.placeholder .badge{font-family:var(--cs-font-mono);letter-spacing:2px;text-transform:uppercase;opacity:.85;border:1px solid;border-radius:100px;align-items:center;gap:8px;margin-top:18px;padding:6px 14px;font-size:10px;display:inline-flex}.cs-takeover-section.placeholder .badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite cs-pulse;display:inline-block}@keyframes cs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.18)}}