:root{--cream: #FFFFF0;--cream-dim: rgba(255,255,240,.7);--cream-faint: rgba(255,255,240,.04);--charcoal: #20002A;--dark: #180020;--mid: #2D0039;--mid-2: #3a0050;--accent: #A162C0;--accent-light: #CA7AFF;--cyan: #54E1C7;--magenta: #EF61FF;--font-display: "Kanit", sans-serif;--font-mono: "DM Mono", monospace;--section-py: 100px;--section-px: 56px;--w-light: 300;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--w-black: 900;--ease: cubic-bezier(.22, 1, .36, 1);--clip-tab: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 12px 100%);--clip-card: polygon(0 0, 100% 14px, 100% 100%, 0 calc(100% - 10px) );--clip-card-alt: polygon(0 12px, 100% 0, 100% calc(100% - 8px) , 0 100%);--clip-card-hard: polygon(20px 0, 100% 0, 100% calc(100% - 18px) , calc(100% - 14px) 100%, 0 100%, 0 12px);--clip-button: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark);color:var(--cream);font-family:var(--font-display);font-weight:var(--w-light);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;line-height:1.55}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:var(--w-bold);letter-spacing:-.02em;line-height:1.05}em{font-style:italic}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--charcoal);background:var(--accent-light);font-weight:var(--w-semibold);display:inline-block;padding:7px 16px 6px;margin-bottom:22px;clip-path:var(--clip-tab);transform:rotate(-1.5deg);transform-origin:left center}.section-label.cyan{background:var(--cyan)}.section-label.cream{background:var(--cream)}.section-label.magenta{background:var(--magenta);color:var(--cream)}.section-title{font-family:var(--font-display);font-size:clamp(30px,3.8vw,54px);font-weight:var(--w-bold);color:var(--cream);margin-bottom:22px;letter-spacing:-.022em;line-height:1.02}.section-title em{color:var(--accent-light);font-weight:var(--w-bold);font-style:italic}.section-sub{font-size:clamp(14px,1.05vw,16px);font-weight:var(--w-light);line-height:1.65;color:var(--cream-dim);max-width:540px}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 56px;background:linear-gradient(to bottom,#180020eb,#18002000);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-logo{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;transition:opacity .2s var(--ease)}.nav-logo:hover{opacity:.85}.nav-logo-img{height:28px;width:auto;display:block;user-select:none;-webkit-user-drag:none}.nav-links{list-style:none;display:flex;gap:30px;align-items:center}.nav-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim);text-decoration:none;cursor:pointer;transition:color .2s var(--ease);font-weight:var(--w-regular);padding:4px 0}.nav-links a:hover,.nav-links a.active{color:var(--cream)}.nav-cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--charcoal);background:var(--accent-light);text-decoration:none;cursor:pointer;padding:12px 22px;font-weight:var(--w-semibold);transition:all .2s var(--ease);clip-path:var(--clip-button);display:inline-block}.nav-cta:hover{background:var(--cyan);transform:translate(-2px)}.btn{font-family:var(--font-mono);font-weight:var(--w-semibold);font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;padding:15px 26px;display:inline-flex;align-items:center;gap:12px;border:none;transition:all .25s var(--ease);position:relative;clip-path:var(--clip-button)}.btn-primary{background:var(--accent-light);color:var(--charcoal)}.btn-primary:hover{background:var(--cyan);transform:translate(-2px)}.btn-ghost{background:var(--cream-faint);color:var(--cream)}.btn-ghost:before{content:"";position:absolute;inset:0;clip-path:var(--clip-button);box-shadow:inset 0 0 0 1.5px #fffff038;pointer-events:none;transition:box-shadow .2s var(--ease)}.btn-ghost:hover{color:var(--accent-light)}.btn-ghost:hover:before{box-shadow:inset 0 0 0 1.5px var(--accent-light)}.btn-on-cta{background:var(--charcoal);color:var(--cream)}.btn-on-cta:hover{background:var(--dark);transform:translate(-2px)}.btn .arrow{width:22px;height:12px;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .25s var(--ease)}.btn-primary .arrow{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14' fill='none' stroke='%2320002A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 7 L 25 7 M 19 3 L 25.5 7 L 19.5 11'/></svg>")}.btn-on-cta .arrow{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14' fill='none' stroke='%23FFFFF0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 7 L 25 7 M 19 3 L 25.5 7 L 19.5 11'/></svg>")}.btn-ghost .arrow{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14' fill='none' stroke='%23FFFFF0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 7 L 25 7 M 19 3 L 25.5 7 L 19.5 11'/></svg>")}.btn:hover .arrow{transform:translate(4px)}.btn-sm{padding:10px 18px;font-size:10px;letter-spacing:.18em}.page{display:none}.page.active{display:block}.section{padding:var(--section-py) var(--section-px);position:relative}.section,.work-section,.hww,.pillars,.testi,.pain,.clients,footer,.bundle-section,.work-category,.case-body,.case-hero,.about-hero,.team-section,.values-section,.faq-section,.contact-page,.services-hero,.work-page-hero{position:relative}.angle-top{position:absolute;top:-1px;left:0;width:100%;height:80px;pointer-events:none;z-index:1}.angle-top svg{display:block;width:100%;height:100%}.angle-top.tall{height:120px;top:-60px}.angle-top.short{height:50px;top:-22px}.halftone-card{position:relative;background:radial-gradient(ellipse 100% 100% at center,var(--card-bg, var(--mid)) 0%,var(--card-bg, var(--mid)) 64%,transparent 100%)}.halftone-card:before{content:"";position:absolute;inset:-8px;background-image:radial-gradient(circle,var(--card-bg, var(--mid)) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 64%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 64%,black 88%,transparent 100%);z-index:0;pointer-events:none;transition:background-image .25s var(--ease)}.halftone-card>*{position:relative;z-index:1}.halftone-card:hover{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover, var(--mid-2)) 0%,var(--card-bg-hover, var(--mid-2)) 64%,transparent 100%)}.halftone-card:hover:before{background-image:radial-gradient(circle,var(--card-bg-hover, var(--mid-2)) 1.6px,transparent 2px)}.video-hero{position:relative;min-height:max(640px,100vh);display:flex;flex-direction:column;justify-content:flex-end;padding:110px var(--section-px) 100px;overflow:hidden;background:var(--dark)}.video-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.video-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#18002080,#1800201a 30%,#180020f0)}.hero-content{position:relative;z-index:2;max-width:920px}.hero-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:var(--w-semibold);letter-spacing:.26em;text-transform:uppercase;color:var(--charcoal);background:var(--cyan);padding:8px 18px 7px;margin-bottom:24px;display:inline-block;clip-path:var(--clip-tab);transform:rotate(-1.8deg);transform-origin:left center;opacity:0;animation:fadeUp .8s var(--ease) forwards .3s}.hero-title-wrap{position:relative;display:block;width:max-content;max-width:100%;margin:0 0 28px}.hero-title-swatch{position:absolute;left:-16px;top:4%;width:calc(100% + 32px);height:92%;background:var(--charcoal);clip-path:polygon(1.5% 6%,100% 0%,98.5% 94%,0% 100%);z-index:0;opacity:0;animation:fadeUp .9s var(--ease) forwards .4s}.hero-title-swatch.alt{left:auto;right:-36px;top:-14%;width:clamp(120px,18%,180px);height:26%;background:var(--accent-light);clip-path:polygon(0% 14%,100% 0%,92% 100%,8% 86%)}.hero-title{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(42px,6.2vw,92px);font-weight:var(--w-bold);line-height:.98;letter-spacing:-.03em;color:var(--cream);opacity:0;animation:fadeUp 1s var(--ease) forwards .5s}.hero-title em{color:var(--accent-light);font-style:italic}.hero-sub{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(15px,1.25vw,18px);font-weight:var(--w-light);color:var(--cream-dim);line-height:1.55;max-width:520px;margin-bottom:36px;opacity:0;animation:fadeUp .8s var(--ease) forwards .8s}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s var(--ease) forwards 1s}.hero-halftone{position:absolute;width:240px;height:240px;background-image:radial-gradient(circle,var(--accent-light) 1px,transparent 1.6px);background-size:14px 14px;opacity:.45;z-index:1;pointer-events:none;top:100px;right:56px;-webkit-mask-image:linear-gradient(135deg,transparent 0%,black 60%);mask-image:linear-gradient(135deg,transparent 0%,black 60%)}.hero-scroll{position:absolute;bottom:32px;right:var(--section-px);z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;animation:fadeIn 1s var(--ease) forwards 1.6s}.hero-scroll span{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-dim);writing-mode:vertical-rl}.scroll-line{width:1px;height:56px;background:#fffff033;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--accent-light);animation:scrollDown 2.2s ease-in-out infinite}.clients{padding:56px var(--section-px) 48px;background:var(--charcoal);z-index:2}.clients-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--cream-dim);opacity:.7;text-align:center;margin-bottom:22px}.clients-track{display:flex;gap:36px 56px;align-items:center;flex-wrap:wrap;justify-content:center}.client-name{font-family:var(--font-display);font-size:15px;font-weight:var(--w-light);letter-spacing:.18em;text-transform:uppercase;color:var(--cream-dim);opacity:.7;flex-shrink:0;transition:opacity .25s var(--ease),color .25s var(--ease);cursor:default}.client-name:hover{opacity:1;color:var(--cream)}.client-logo{display:inline-flex;align-items:center;justify-content:center;height:28px;flex-shrink:0;opacity:.65;transition:opacity .25s var(--ease),transform .25s var(--ease);filter:brightness(1) saturate(0)}.client-logo img{height:100%;width:auto;max-width:160px;object-fit:contain;display:block}.client-logo:hover{opacity:1;transform:translateY(-1px)}.client-logo.tall{height:32px}.client-logo.short{height:22px}.work-section{padding:var(--section-py) var(--section-px);background:var(--charcoal);z-index:1}.work-header{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:56px}.work-header>div:first-child{max-width:680px}.drawn-note{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:#fffff080;display:inline-block;margin-top:14px;transform:rotate(-1.5deg);transform-origin:left center;font-weight:var(--w-regular)}.drawn-note:before{content:"↳ ";opacity:.6}.work-grid-feature{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-bottom:22px}.work-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card,.spotlight-card{color:inherit;text-decoration:none}.work-card{position:relative;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:transform .3s var(--ease)}.work-card:hover{transform:translateY(-4px)}.work-thumb{aspect-ratio:16/9;background:var(--dark);position:relative;overflow:hidden;clip-path:var(--clip-card)}.work-card-feature .work-thumb{aspect-ratio:16/10;clip-path:var(--clip-card-alt)}.work-grid-home .work-card:nth-child(2) .work-thumb{clip-path:var(--clip-card-alt)}.work-thumb video,.work-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}.work-card:hover .work-thumb video,.work-card:hover .work-thumb img{transform:scale(1.04)}.work-card-body{padding:0 6px;display:flex;flex-direction:column;gap:6px}.work-card-label{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-medium);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light)}.work-card-title{font-family:var(--font-display);font-size:20px;font-weight:var(--w-bold);color:var(--cream);line-height:1.15;letter-spacing:-.015em}.work-card-feature .work-card-title{font-size:26px}.work-card-desc{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);line-height:1.6;color:var(--cream-dim)}.work-grid-home .work-card:nth-child(2){transform:translateY(28px)}.work-grid-home .work-card:nth-child(3){transform:translateY(8px)}.work-grid-home .work-card:nth-child(2):hover{transform:translateY(24px)}.work-grid-home .work-card:nth-child(3):hover{transform:translateY(4px)}.hww{padding:var(--section-py) var(--section-px);background:var(--dark);z-index:1;overflow:hidden}.hww-header{max-width:680px;margin-bottom:56px;position:relative}.hww-header:after{content:"";position:absolute;top:-16px;right:-160px;width:200px;height:140px;background-image:radial-gradient(circle,var(--accent-light) 1px,transparent 1.6px);background-size:14px 14px;opacity:.32;pointer-events:none;-webkit-mask-image:linear-gradient(135deg,transparent 0%,black 50%);mask-image:linear-gradient(135deg,transparent 0%,black 50%)}.hww-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.hww-card{--card-bg: var(--mid);--card-bg-hover: var(--mid-2);position:relative;padding:44px 32px 36px;transition:transform .3s var(--ease);background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%)}.hww-card:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);z-index:0;pointer-events:none;transition:background-image .25s var(--ease)}.hww-card>*{position:relative;z-index:1}.hww-card:hover{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover) 0%,var(--card-bg-hover) 66%,transparent 100%)}.hww-card:hover:before{background-image:radial-gradient(circle,var(--card-bg-hover) 1.6px,transparent 2px)}.hww-card:nth-child(1){transform:rotate(-.6deg)}.hww-card:nth-child(2){transform:translateY(-12px) rotate(.4deg)}.hww-card:nth-child(3){transform:rotate(-.4deg)}.hww-card:nth-child(1):hover{transform:rotate(-.6deg) translateY(-4px)}.hww-card:nth-child(2):hover{transform:translateY(-16px) rotate(.4deg)}.hww-card:nth-child(3):hover{transform:rotate(-.4deg) translateY(-4px)}.hww-num{font-family:var(--font-display);font-size:76px;font-weight:var(--w-black);font-style:italic;letter-spacing:-.04em;color:var(--accent-light);line-height:1;margin-bottom:8px;display:inline-block;transform:rotate(-3deg);transform-origin:left bottom}.hww-card:nth-child(2) .hww-num{color:var(--cyan);transform:rotate(2deg)}.hww-card:nth-child(3) .hww-num{color:var(--magenta)}.hww-tag{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--charcoal);background:var(--accent-light);padding:5px 12px 4px;display:inline-block;margin-bottom:16px;clip-path:var(--clip-tab);transform:rotate(-1.5deg)}.hww-card:nth-child(2) .hww-tag{background:var(--cyan);transform:rotate(1deg)}.hww-card:nth-child(3) .hww-tag{background:var(--magenta)}.hww-title{font-family:var(--font-display);font-size:22px;font-weight:var(--w-bold);color:var(--cream);margin-bottom:12px;line-height:1.15;letter-spacing:-.015em}.hww-body{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);line-height:1.7;color:var(--cream-dim)}.pillars{padding:var(--section-py) var(--section-px);background:var(--mid);z-index:1;overflow:hidden}.pillars-header{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:56px}.pillars-header>div:first-child{max-width:680px}.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}@media(min-width:1024px){.pillars-grid{grid-template-columns:repeat(4,1fr)}}.pillar-card{--card-bg: var(--charcoal);--card-bg-hover: var(--dark);position:relative;padding:32px 26px 28px;cursor:pointer;display:flex;flex-direction:column;gap:12px;min-height:360px;background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%);transition:background .25s var(--ease),transform .3s var(--ease)}.pillar-card:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);z-index:0;pointer-events:none;transition:background-image .25s var(--ease)}.pillar-card>*{position:relative;z-index:1}.pillar-card:hover{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover) 0%,var(--card-bg-hover) 66%,transparent 100%);transform:translateY(-6px)}.pillar-card:hover:before{background-image:radial-gradient(circle,var(--card-bg-hover) 1.6px,transparent 2px)}.pillar-num{font-family:var(--font-display);font-size:200px;font-weight:var(--w-black);font-style:italic;color:#ca7aff1a;position:absolute;top:-30px;right:-30px;line-height:1;pointer-events:none;letter-spacing:-.06em;z-index:1;transform:rotate(-8deg)}.pillar-card:nth-child(2) .pillar-num{color:#54e1c71a;transform:rotate(6deg);right:-20px;top:-20px}.pillar-card:nth-child(3) .pillar-num{color:#ef61ff1a;transform:rotate(-4deg)}.pillar-card:nth-child(4) .pillar-num{color:#b485ff1f;transform:rotate(8deg)}.pillar-icon{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);background:#ca7aff29;padding:5px 12px 4px;display:inline-block;clip-path:var(--clip-tab);margin-bottom:6px;align-self:flex-start;transform:rotate(-1deg)}.pillar-title{font-family:var(--font-display);font-size:20px;font-weight:var(--w-bold);color:var(--cream);line-height:1.15;letter-spacing:-.015em}.pillar-desc{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);line-height:1.6;color:var(--cream-dim)}.pillar-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.pillar-tag{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-light);border:1px solid rgba(202,122,255,.32);padding:4px 8px}.pillar-pipeline{display:flex;align-items:center;gap:4px;margin-bottom:4px;padding:8px 10px;background:#fffff00a;border:1px dashed rgba(202,122,255,.28);flex-wrap:wrap}.pillar-step{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);white-space:nowrap}.pillar-step-arrow{display:inline-block;width:10px;height:6px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23CA7AFF' stroke-width='1.6' stroke-linecap='round'><path d='M1 4 L 11 4 M 8 1 L 11 4 L 8 7'/></svg>");background-repeat:no-repeat;background-size:contain;background-position:center;flex-shrink:0}.pillar-oversight{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ca7aff1a;border-left:2px solid var(--accent-light);font-family:var(--font-mono);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-light);margin-bottom:4px}.pillar-oversight:before{content:"";display:inline-block;width:12px;height:12px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23CA7AFF' stroke-width='1.8' stroke-linecap='round'><circle cx='8' cy='8' r='5'/><path d='M8 3 L 8 1 M 8 13 L 8 15 M 3 8 L 1 8 M 13 8 L 15 8'/></svg>");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.spotlights{padding:var(--section-py) var(--section-px);background:var(--mid);z-index:1;overflow:hidden}.spotlights-header{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:56px}.spotlights-header>div:first-child{max-width:720px}.spotlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.spotlight-card{position:relative;cursor:pointer;display:flex;flex-direction:column;transition:transform .3s var(--ease)}.spotlight-card:hover{transform:translateY(-4px)}.spotlight-video{aspect-ratio:16/10;background:var(--dark);position:relative;overflow:hidden;clip-path:var(--clip-card);margin-bottom:-8px;z-index:2}.spotlight-card:nth-child(2) .spotlight-video{clip-path:var(--clip-card-alt)}.spotlight-video video,.spotlight-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.spotlight-card:hover .spotlight-video video,.spotlight-card:hover .spotlight-video img{transform:scale(1.04)}.spotlight-video:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(45,0,57,.85) 0%,transparent 45%);pointer-events:none}.spotlight-body{--card-bg: var(--charcoal);--card-bg-hover: var(--dark);position:relative;padding:28px 26px 26px;background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%);transition:background .25s var(--ease);display:flex;flex-direction:column;gap:12px;z-index:1}.spotlight-body:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);z-index:0;pointer-events:none;transition:background-image .25s var(--ease)}.spotlight-body>*{position:relative;z-index:1}.spotlight-card:hover .spotlight-body{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover) 0%,var(--card-bg-hover) 66%,transparent 100%)}.spotlight-card:hover .spotlight-body:before{background-image:radial-gradient(circle,var(--card-bg-hover) 1.6px,transparent 2px)}.spotlight-icon{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);background:#ca7aff29;padding:5px 11px 4px;display:inline-block;clip-path:var(--clip-tab);align-self:flex-start;transform:rotate(-1deg)}.spotlight-card:nth-child(2) .spotlight-icon{background:#54e1c729;color:var(--cyan);transform:rotate(1deg)}.spotlight-card:nth-child(3) .spotlight-icon{background:#ef61ff29;color:var(--magenta)}.spotlight-title{font-family:var(--font-display);font-size:22px;font-weight:var(--w-bold);color:var(--cream);line-height:1.1;letter-spacing:-.018em}.spotlight-title em{color:var(--accent-light);font-style:italic}.spotlight-card:nth-child(2) .spotlight-title em{color:var(--cyan)}.spotlight-card:nth-child(3) .spotlight-title em{color:var(--magenta)}.spotlight-desc{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.65}.spotlight-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.spotlight-tag{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);border:1px solid rgba(255,255,240,.18);padding:4px 8px}.spotlight-link{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);display:inline-flex;align-items:center;gap:8px;margin-top:8px;transition:gap .2s var(--ease)}.spotlight-card:hover .spotlight-link{gap:14px}.testi{padding:var(--section-py) var(--section-px);background:var(--dark);z-index:1;overflow:hidden}.testi-header{max-width:680px;margin-bottom:56px}.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.testi-card{--card-bg: var(--mid);--card-bg-hover: var(--mid-2);position:relative;padding:44px 40px 36px;color:var(--cream);background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%);transition:background .25s var(--ease),transform .3s var(--ease)}.testi-card:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);z-index:0;pointer-events:none;transition:background-image .25s var(--ease)}.testi-card:after{content:"";position:absolute;bottom:-24px;left:44px;width:38px;height:30px;background:var(--card-bg);clip-path:polygon(2% 0%,100% 0%,32% 100%,16% 62%);transform:rotate(3deg);z-index:0;transition:background .25s var(--ease)}.testi-card>*{position:relative;z-index:1}.testi-card:hover{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover) 0%,var(--card-bg-hover) 66%,transparent 100%)}.testi-card:hover:before{background-image:radial-gradient(circle,var(--card-bg-hover) 1.6px,transparent 2px)}.testi-card:hover:after{background:var(--card-bg-hover)}.testi-card:nth-child(1){transform:rotate(-.8deg)}.testi-card:nth-child(2){transform:rotate(.6deg) translateY(-8px)}.testi-card:nth-child(1):hover{transform:rotate(-.8deg) translateY(-4px)}.testi-card:nth-child(2):hover{transform:rotate(.6deg) translateY(-12px)}.testi-card:nth-child(2):after{left:auto;right:44px;clip-path:polygon(0% 0%,98% 0%,84% 62%,68% 100%);transform:rotate(-3deg)}.testi-card .testi-mark{position:absolute;top:4px;left:22px;font-family:var(--font-display);font-size:84px;font-weight:var(--w-black);font-style:italic;color:#ca7aff29;line-height:1;pointer-events:none;z-index:0;user-select:none}.testi-card .testi-dots{position:absolute;top:14px;right:18px;width:90px;height:70px;background-image:radial-gradient(circle,rgba(202,122,255,.45) 1px,transparent 1.6px);background-size:10px 10px;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(225deg,black 0%,transparent 80%);mask-image:linear-gradient(225deg,black 0%,transparent 80%)}.testi-quote{font-family:var(--font-display);font-size:clamp(15px,1.2vw,17px);font-weight:var(--w-light);line-height:1.6;color:var(--cream);margin-bottom:26px}.testi-attr{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:2px solid var(--accent-light);width:fit-content}.testi-name{font-family:var(--font-display);font-size:13px;font-weight:var(--w-bold);color:var(--cream)}.testi-role{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light);margin-top:4px}.pain{padding:var(--section-py) var(--section-px);background:var(--charcoal);z-index:1}.pain-header{max-width:680px;margin-bottom:56px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.pain-card{--card-bg: var(--mid);--card-bg-hover: var(--mid-2);position:relative;padding:34px 28px;background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%);transition:background .25s var(--ease),transform .3s var(--ease)}.pain-card:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);z-index:0;pointer-events:none;transition:background-image .25s var(--ease)}.pain-card>*{position:relative;z-index:1}.pain-card:nth-child(2){transform:translateY(-12px)}.pain-card:hover{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover) 0%,var(--card-bg-hover) 66%,transparent 100%);transform:translateY(-6px)}.pain-card:hover:before{background-image:radial-gradient(circle,var(--card-bg-hover) 1.6px,transparent 2px)}.pain-card:nth-child(2):hover{transform:translateY(-18px)}.pain-q{font-family:var(--font-display);font-size:17px;font-weight:var(--w-bold);font-style:italic;color:var(--accent-light);line-height:1.3;margin-bottom:14px;letter-spacing:-.012em}.pain-a{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);line-height:1.7;color:var(--cream-dim)}.cta-band{padding:100px var(--section-px);background:var(--accent-light);position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:36px;overflow:hidden;z-index:1}.cta-band:after{content:"";position:absolute;top:24px;left:56px;width:200px;height:140px;background-image:radial-gradient(circle,rgba(32,0,42,.5) 1px,transparent 1.6px);background-size:12px 12px;pointer-events:none;opacity:.7;-webkit-mask-image:linear-gradient(135deg,black 0%,transparent 70%);mask-image:linear-gradient(135deg,black 0%,transparent 70%)}.cta-band-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,48px);font-weight:var(--w-bold);color:var(--charcoal);line-height:1.05;letter-spacing:-.022em;position:relative;z-index:2}.cta-band-title em{color:var(--cream);font-style:italic}.cta-band-actions{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:2}footer{padding:88px var(--section-px) 32px;background:var(--dark);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;position:relative;z-index:1}.footer-brand h3{font-family:var(--font-display);font-size:16px;font-weight:var(--w-black);letter-spacing:.16em;color:var(--cream);margin-bottom:16px;display:flex;align-items:center;gap:12px}.footer-brand h3 .footer-logo-img{height:32px;width:auto;display:block}.footer-brand p{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.7;max-width:320px}.footer-brand .footer-email{font-family:var(--font-mono);font-size:11px;color:var(--accent-light);margin-top:12px;letter-spacing:.06em}.footer-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);margin-bottom:18px;font-weight:var(--w-semibold)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-col ul li a{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);text-decoration:none;cursor:pointer;transition:color .2s var(--ease)}.footer-col ul li a:hover{color:var(--cream)}.footer-bottom{grid-column:1 / -1;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,240,.06);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;color:var(--cream-dim);letter-spacing:.06em}.footer-bottom .footer-socials{display:flex;gap:18px}.footer-bottom .footer-socials a{color:var(--cream-dim);text-decoration:none;transition:color .2s var(--ease)}.footer-bottom .footer-socials a:hover{color:var(--cream)}.sub-hero{padding:160px var(--section-px) 80px;background:var(--charcoal);position:relative;overflow:hidden}.sub-hero:before{content:"";position:absolute;top:80px;right:-80px;width:360px;height:280px;background-image:radial-gradient(circle,var(--accent-light) 1px,transparent 1.6px);background-size:14px 14px;opacity:.22;pointer-events:none;-webkit-mask-image:linear-gradient(135deg,transparent 0%,black 60%);mask-image:linear-gradient(135deg,transparent 0%,black 60%)}.sub-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:end;position:relative;z-index:2}.sub-hero-grid .sub-hero-right{padding-top:16px}.sub-hero-grid .sub-hero-right p{font-family:var(--font-display);font-size:14px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.75;margin-bottom:12px}.bundle-section{padding:var(--section-py) var(--section-px);z-index:1}.bundle-section.bg-mid{background:var(--mid)}.bundle-section.bg-dark{background:var(--dark)}.bundle-section.bg-charcoal{background:var(--charcoal)}.bundle-header{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:40px;align-items:start}.bundle-num{font-family:var(--font-display);font-size:140px;font-weight:var(--w-black);font-style:italic;color:#ca7aff1a;line-height:.9;margin-bottom:-8px;letter-spacing:-.06em;display:inline-block;transform:rotate(-3deg);transform-origin:left bottom}.bundle-section:nth-of-type(2n) .bundle-num{color:#54e1c71a;transform:rotate(2deg)}.bundle-section:nth-of-type(3n) .bundle-num{color:#ef61ff1a;transform:rotate(-2deg)}.bundle-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,46px);font-weight:var(--w-bold);color:var(--cream);line-height:1.05;letter-spacing:-.022em;margin-bottom:16px}.bundle-title em{font-style:italic;color:var(--accent-light)}.bundle-desc{font-family:var(--font-display);font-size:14px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.7;margin-bottom:22px;max-width:480px}.bundle-callouts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.callout-tag{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-light);border:1px solid rgba(202,122,255,.32);padding:5px 10px}.segment-note{margin-top:22px;padding:16px 20px;border-left:2px solid var(--accent-light);background:#ca7aff14}.segment-note p{font-family:var(--font-display);font-size:12px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.7}.segment-note strong{color:var(--accent-light);font-weight:var(--w-semibold);font-style:italic}.pipeline-container{position:relative}.pipeline-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-dim);opacity:.6;margin-bottom:22px}.pipeline-steps{display:flex;flex-direction:column;gap:4px}.pipeline-step{display:flex;align-items:stretch;cursor:pointer;transition:all .3s var(--ease)}.step-indicator{width:3px;background:#fffff01a;flex-shrink:0;transition:background .3s var(--ease)}.pipeline-step.active .step-indicator,.pipeline-step:hover .step-indicator{background:var(--accent-light)}.step-body{flex:1;padding:0 20px;background:#fffff006;transition:background .3s var(--ease);overflow:hidden}.pipeline-step:hover .step-body{background:#fffff00a}.pipeline-step.active .step-body{background:#ca7aff12}.step-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.step-left{display:flex;align-items:center;gap:14px}.step-num{font-family:var(--font-mono);font-size:11px;color:var(--cream-dim);opacity:.4;width:22px;letter-spacing:.06em}.step-name{font-family:var(--font-mono);font-size:11px;font-weight:var(--w-medium);letter-spacing:.18em;text-transform:uppercase;color:var(--cream-dim);transition:color .3s var(--ease)}.pipeline-step.active .step-name,.pipeline-step:hover .step-name{color:var(--cream)}.step-arrow{font-size:11px;color:var(--cream-dim);opacity:.3;transition:opacity .3s var(--ease),transform .3s var(--ease)}.pipeline-step.active .step-arrow{opacity:1;color:var(--accent-light);transform:rotate(180deg)}.step-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.pipeline-step.active .step-content{max-height:240px}.step-content-inner{padding:0 0 20px 36px}.step-detail{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.7;margin-bottom:12px}.step-sub-tags{display:flex;flex-wrap:wrap;gap:5px}.step-sub-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);background:#fffff00d;padding:3px 7px}.bundle-samples{display:grid;gap:20px;margin-top:16px}.bundle-samples.cols-3{grid-template-columns:repeat(3,1fr)}.bundle-samples.cols-2{grid-template-columns:repeat(2,1fr)}.sample-card{position:relative;aspect-ratio:16/9;overflow:hidden;clip-path:var(--clip-card);background:var(--dark)}.sample-card video,.sample-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.sample-card:hover video,.sample-card:hover img{transform:scale(1.04)}.sample-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(24,0,32,.85) 0%,transparent 50%);pointer-events:none}.sample-info{position:absolute;bottom:0;left:0;right:0;padding:16px 18px;z-index:2}.sample-info p{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim)}.indie-partnership{padding:80px var(--section-px);background:var(--charcoal);z-index:1;position:relative}.indie-partnership-card{max-width:1040px;margin:0 auto;position:relative;padding:48px 44px 44px;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;background:#fffff006;border:1px dashed rgba(202,122,255,.32)}.indie-partnership-card:before{content:"";position:absolute;top:-8px;left:-8px;width:72px;height:72px;background-image:radial-gradient(circle,var(--accent-light) 1px,transparent 1.6px);background-size:10px 10px;opacity:.3;pointer-events:none;-webkit-mask-image:radial-gradient(circle,black 0%,transparent 80%);mask-image:radial-gradient(circle,black 0%,transparent 80%)}.indie-partnership-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-light);margin-bottom:14px;display:inline-block;padding:5px 11px;background:#ca7aff1a;border:1px dashed rgba(202,122,255,.35)}.indie-partnership-title{font-family:var(--font-display);font-size:clamp(24px,2.8vw,36px);font-weight:var(--w-bold);color:var(--cream);line-height:1.1;letter-spacing:-.018em;margin-bottom:14px}.indie-partnership-title em{color:var(--accent-light);font-style:italic}.indie-partnership-tagline{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.65;max-width:360px}.indie-partnership-body p{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.8;margin-bottom:14px}.indie-partnership-body strong{color:var(--accent-light);font-weight:var(--w-medium)}.indie-partnership-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 22px}.indie-partnership-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-light);border:1px dashed rgba(202,122,255,.35);padding:4px 9px}.work-category{padding:var(--section-py) var(--section-px);z-index:1}.work-category.bg-dark{background:var(--dark)}.work-category.bg-charcoal{background:var(--charcoal)}.work-category.bg-mid{background:var(--mid)}.work-category-header{margin-bottom:40px;max-width:720px}.work-category-title{font-family:var(--font-display);font-size:clamp(24px,2.8vw,36px);font-weight:var(--w-bold);color:var(--cream);margin-bottom:8px;letter-spacing:-.018em;line-height:1.1}.work-category-title em{color:var(--accent-light);font-style:italic}.work-category-sub{font-family:var(--font-display);font-size:14px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.6}.work-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.work-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-grid-3 .work-card:nth-child(2),.work-grid-3 .work-card:nth-child(2n){transform:translateY(20px)}.work-grid-3 .work-card:nth-child(3),.work-grid-3 .work-card:nth-child(3n){transform:translateY(6px)}.work-thumb-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(202,122,255,.1) 0%,transparent 70%),linear-gradient(135deg,var(--mid) 0%,var(--charcoal) 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:24px}.work-thumb-placeholder:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(202,122,255,.18) 1px,transparent 1.4px);background-size:12px 12px;-webkit-mask-image:linear-gradient(135deg,transparent 0%,black 60%);mask-image:linear-gradient(135deg,transparent 0%,black 60%);opacity:.6;pointer-events:none}.placeholder-tag{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);padding:5px 12px;background:#ca7aff1f;border:1px solid rgba(202,122,255,.32);position:relative;z-index:1}.placeholder-mark{font-family:var(--font-display);font-size:36px;font-weight:var(--w-bold);font-style:italic;color:#ca7aff66;letter-spacing:-.04em;position:relative;z-index:1}.nda-subsection{margin-top:56px;padding-top:36px;border-top:1px solid rgba(255,255,240,.08);position:relative}.nda-subsection-header{margin-bottom:26px;max-width:720px}.nda-subsection-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-light);margin-bottom:8px;display:inline-block;padding:4px 10px;background:#ca7aff1a;border:1px dashed rgba(202,122,255,.32)}.nda-subsection-title{font-family:var(--font-display);font-size:22px;font-weight:var(--w-bold);color:var(--cream);margin-bottom:6px;letter-spacing:-.012em;line-height:1.15}.nda-subsection-sub{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.6}.nda-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.nda-card{position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;text-align:center;gap:14px;background:#fffff006;border:1px dashed rgba(202,122,255,.28);transition:border-color .25s var(--ease),background .25s var(--ease)}.nda-card:hover{border-color:#ca7aff80;background:#fffff00a}.nda-logo-img{height:30px;width:auto;max-width:60%;opacity:.55;filter:brightness(1) saturate(0);object-fit:contain;transition:opacity .25s var(--ease)}.nda-card:hover .nda-logo-img{opacity:.85}.nda-blank-mark{width:52px;height:52px;border:1.5px dashed rgba(202,122,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:var(--w-light);font-style:italic;color:#ca7aff99}.nda-status{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-light);padding:4px 9px;background:#ca7aff1a}.nda-desc{font-family:var(--font-display);font-size:11.5px;font-weight:var(--w-light);line-height:1.55;color:var(--cream-dim);max-width:220px}.case-study-page{background:var(--dark)}.case-hero{padding:160px var(--section-px) 80px;background:var(--charcoal);position:relative;overflow:hidden}.case-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:0}.case-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#180020f5,#180020a6 55%,#1800204d);z-index:1}.case-hero-content{position:relative;z-index:2;max-width:720px}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.case-tag{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-medium);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-light);border:1px solid rgba(202,122,255,.4);padding:5px 10px}.case-title{font-family:var(--font-display);font-size:clamp(36px,4.8vw,72px);font-weight:var(--w-bold);line-height:1;letter-spacing:-.028em;color:var(--cream);margin-bottom:18px}.case-title em{color:var(--accent-light);font-style:italic}.case-subtitle{font-family:var(--font-display);font-size:15px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.6;max-width:520px}.case-body{padding:var(--section-py) var(--section-px);background:var(--dark)}.case-section{max-width:1100px;margin:0 auto 56px}.case-section>h3,.case-section>p{max-width:720px}.case-section h3{font-family:var(--font-display);font-size:clamp(22px,2.5vw,30px);font-weight:var(--w-bold);color:var(--cream);margin-bottom:18px;letter-spacing:-.018em;line-height:1.1}.case-section h3 em{color:var(--accent-light);font-style:italic}.case-section p{font-family:var(--font-display);font-size:14px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.85;margin-bottom:14px}.case-video-row{display:grid;gap:20px;margin:28px 0}.case-video-row-2{grid-template-columns:1fr 1fr}.case-video-row-3{grid-template-columns:repeat(3,1fr)}.case-video-full{aspect-ratio:16/9;background:var(--charcoal);overflow:hidden;position:relative;clip-path:var(--clip-card)}.case-video-half{aspect-ratio:4/3;background:var(--charcoal);overflow:hidden;position:relative;clip-path:var(--clip-card)}.case-video-row-3 .case-video-half:nth-child(2){clip-path:var(--clip-card-alt)}.case-video-full video,.case-video-half video{width:100%;height:100%;object-fit:cover}.case-quote-card{--card-bg: var(--cream);position:relative;padding:36px 36px 28px;color:var(--charcoal);background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%);margin:0 auto;max-width:720px;transform:rotate(-.6deg)}.case-quote-card:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);z-index:0;pointer-events:none}.case-quote-card>*{position:relative;z-index:1}.case-quote-card .testi-quote{color:var(--charcoal);font-size:16px}.case-quote-card .testi-attr{border-top-color:var(--accent)}.case-quote-card .testi-name{color:var(--charcoal)}.case-quote-card .testi-role{color:#20002a99}.case-nav{display:flex;gap:14px;flex-wrap:wrap;max-width:820px;margin:32px auto 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;z-index:2}.philosophy-text p{font-family:var(--font-display);font-size:15px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.85;margin-bottom:18px}.team-section{padding:var(--section-py) var(--section-px);background:var(--dark);z-index:1}.team-section .team-block{margin-bottom:60px}.team-section .team-block:last-child{margin-bottom:0}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}.team-card{--card-bg: var(--mid);--card-bg-hover: var(--mid-2);position:relative;padding:32px 22px 28px;text-align:center;background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%);transition:background .25s var(--ease),transform .3s var(--ease)}.team-card:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 50%,black 66%,black 88%,transparent 100%);z-index:0;pointer-events:none;transition:background-image .25s var(--ease)}.team-card>*{position:relative;z-index:1}.team-card:nth-child(odd){transform:rotate(-.5deg)}.team-card:nth-child(2n){transform:rotate(.5deg) translateY(-6px)}.team-card:hover{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover) 0%,var(--card-bg-hover) 66%,transparent 100%)}.team-card:hover:before{background-image:radial-gradient(circle,var(--card-bg-hover) 1.6px,transparent 2px)}.team-avatar{width:64px;height:64px;border-radius:50%;background:var(--dark);margin:0 auto 14px;border:1.5px solid var(--accent-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:var(--w-black);font-style:italic;color:var(--accent-light)}.team-name{font-family:var(--font-display);font-size:15px;font-weight:var(--w-medium);color:var(--cream);margin-bottom:4px;letter-spacing:-.005em}.team-role{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-light)}.values-section{padding:var(--section-py) var(--section-px);background:var(--charcoal);z-index:1}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}.value-card{--card-bg: var(--mid);--card-bg-hover: var(--mid-2);position:relative;padding:32px 28px;border-left:2px solid var(--accent-light);background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 66%,transparent 100%);transition:background .25s var(--ease)}.value-card:before{content:"";position:absolute;inset:-10px 0 -10px -2px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 55%,black 70%,black 90%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 55%,black 70%,black 90%,transparent 100%);z-index:0;pointer-events:none}.value-card>*{position:relative;z-index:1}.value-card:hover{background:radial-gradient(ellipse 100% 100% at center,var(--card-bg-hover) 0%,var(--card-bg-hover) 66%,transparent 100%)}.value-num{font-family:var(--font-display);font-size:11px;font-weight:var(--w-medium);font-style:italic;color:var(--accent-light);letter-spacing:.18em;margin-bottom:10px;display:block}.value-title{font-family:var(--font-display);font-size:18px;font-weight:var(--w-bold);color:var(--cream);margin-bottom:10px;letter-spacing:-.015em;line-height:1.15}.value-text{font-family:var(--font-display);font-size:13px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.7}.faq-section{padding:var(--section-py) var(--section-px);background:var(--dark);z-index:1}.faq-list{max-width:820px;margin-top:32px}.faq-item{border-bottom:1px solid rgba(255,255,240,.08)}.faq-q{font-family:var(--font-display);font-size:16px;font-weight:var(--w-medium);color:var(--cream);padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.005em;transition:color .2s var(--ease)}.faq-q:hover{color:var(--accent-light)}.faq-arrow{font-size:14px;color:var(--accent-light);transition:transform .3s var(--ease);flex-shrink:0;margin-left:20px}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}.faq-item.open .faq-a{max-height:320px}.faq-a-inner{font-family:var(--font-display);font-size:14px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.85;padding:0 0 24px;max-width:720px}.blog-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-light);margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 16px}.blog-meta .blog-meta-divider{color:#fffff04d}.blog-body{max-width:760px;margin:0 auto;font-family:var(--font-display);color:var(--cream-dim)}.blog-body p{font-size:15px;font-weight:var(--w-light);line-height:1.85;color:var(--cream-dim);margin-bottom:22px}.blog-body p strong{color:var(--cream);font-weight:var(--w-medium)}.blog-body p em{font-style:italic}.blog-body a{color:var(--accent-light);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .2s var(--ease)}.blog-body a:hover{color:var(--cyan)}.blog-body h3{font-family:var(--font-display);font-size:clamp(20px,2.2vw,26px);font-weight:var(--w-bold);color:var(--cream);margin:36px 0 16px;letter-spacing:-.012em;line-height:1.2}.blog-body h3 strong{font-weight:var(--w-bold)}.blog-body h3:first-child{margin-top:0}.blog-body h4{font-family:var(--font-display);font-size:17px;font-weight:var(--w-bold);color:var(--accent-light);margin:28px 0 12px;letter-spacing:-.005em}.blog-body ul,.blog-body ol{margin:0 0 22px 22px;padding-left:16px}.blog-body li{font-size:15px;font-weight:var(--w-light);line-height:1.8;color:var(--cream-dim);margin-bottom:10px;list-style:disc}.blog-body li::marker{color:var(--accent-light)}.blog-body blockquote{border-left:3px solid var(--accent-light);padding:8px 0 8px 22px;margin:26px 0;font-style:italic;color:var(--cream);font-size:17px;line-height:1.7}.blog-body figure{margin:32px 0;text-align:center}.blog-body figure img{width:100%;height:auto;display:block;clip-path:var(--clip-card);background:var(--charcoal)}.blog-body figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--cream-dim);opacity:.7;margin-top:12px;font-style:italic}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.blog-card{position:relative;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:transform .3s var(--ease)}.blog-card:hover{transform:translateY(-4px)}.blog-card .work-thumb{aspect-ratio:16/9;background:var(--charcoal)}.blog-card .work-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}.blog-card:hover .work-thumb img{transform:scale(1.04)}.blog-card-tag{font-family:var(--font-mono);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);background:#ca7aff1f;padding:4px 9px;border:1px solid rgba(202,122,255,.32);align-self:flex-start}.blog-card-title{font-family:var(--font-display);font-size:17px;font-weight:var(--w-bold);color:var(--cream);line-height:1.25;letter-spacing:-.012em}.blog-card-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);opacity:.7}.contact-page{padding:160px var(--section-px) 100px;background:var(--charcoal);position:relative;overflow:hidden;min-height:100vh}.contact-page:before{content:"";position:absolute;top:80px;right:-80px;width:360px;height:280px;background-image:radial-gradient(circle,var(--accent-light) 1px,transparent 1.6px);background-size:14px 14px;opacity:.22;pointer-events:none;-webkit-mask-image:linear-gradient(135deg,transparent 0%,black 60%);mask-image:linear-gradient(135deg,transparent 0%,black 60%)}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;margin-top:48px;position:relative;z-index:2}.contact-info p{font-family:var(--font-display);font-size:14px;font-weight:var(--w-light);color:var(--cream-dim);line-height:1.85;margin-bottom:28px}.contact-detail{margin-bottom:22px}.contact-detail-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);margin-bottom:6px}.contact-detail-value{font-family:var(--font-display);font-size:14px;color:var(--cream);line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:18px;--card-bg: var(--mid);position:relative;padding:36px 32px;background:radial-gradient(ellipse 100% 100% at center,var(--card-bg) 0%,var(--card-bg) 70%,transparent 100%)}.contact-form:before{content:"";position:absolute;inset:-10px;background-image:radial-gradient(circle,var(--card-bg) 1.6px,transparent 2px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 100% 100% at center,transparent 56%,black 70%,black 90%,transparent 100%);mask-image:radial-gradient(ellipse 100% 100% at center,transparent 56%,black 70%,black 90%,transparent 100%);z-index:0;pointer-events:none}.contact-form>*{position:relative;z-index:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-dim);opacity:.7}.form-group input,.form-group textarea,.form-group select{background:#00000040;border:1px solid rgba(255,255,240,.12);color:var(--cream);font-family:var(--font-display);font-size:14px;font-weight:var(--w-light);padding:13px 14px;outline:none;transition:border-color .2s var(--ease);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#fffff059}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-light)}.form-group textarea{resize:vertical;min-height:140px;font-family:var(--font-display)}.form-group select option{background:var(--dark);color:var(--cream)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollDown{0%{top:-100%}to{top:100%}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-eyebrow,.hero-title,.hero-sub,.hero-ctas,.hero-scroll,.hero-title-swatch{animation:none;opacity:1}}@media(max-width:1024px){:root{--section-py: 72px;--section-px: 28px}nav{padding:16px 28px}.nav-links{gap:18px}.video-hero{padding:96px 28px 88px;min-height:max(580px,100vh)}.work-grid-feature{grid-template-columns:1fr}.work-grid-home{grid-template-columns:repeat(2,1fr)}.work-grid-home .work-card{transform:none!important}.work-header,.spotlights-header,.pillars-header{flex-direction:column;align-items:flex-start;gap:24px}.spotlights-grid{grid-template-columns:repeat(2,1fr);gap:22px}.hww-grid{grid-template-columns:1fr;gap:26px}.hww-card{transform:none!important}.testi-grid{grid-template-columns:1fr;gap:32px}.testi-card{transform:none!important}.pain-grid{grid-template-columns:1fr;gap:26px}.pain-card{transform:none!important}.cta-band{padding:72px 28px}footer{padding:64px 28px 24px;grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1 / -1}.pillar-num{font-size:140px}.hww-num{font-size:60px}.hero-halftone{display:none}.hww-header:after{display:none}.sub-hero{padding:120px 28px 64px}.sub-hero-grid{grid-template-columns:1fr;gap:32px}.bundle-section{padding:72px 28px}.bundle-header{grid-template-columns:1fr;gap:36px}.bundle-num{font-size:96px}.bundle-samples.cols-3{grid-template-columns:repeat(2,1fr)}.indie-partnership{padding:64px 28px}.indie-partnership-card{grid-template-columns:1fr;gap:24px;padding:36px 28px 32px}.work-category{padding:64px 28px}.work-grid-3{grid-template-columns:repeat(2,1fr)}.work-grid-3 .work-card{transform:none!important}.work-grid-4,.nda-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.case-hero{padding:120px 28px 64px}.case-body{padding:56px 28px}.case-video-row-3{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:32px}.team-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.team-section,.values-section,.faq-section{padding:64px 28px}.contact-page{padding:120px 28px 80px}.contact-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:640px){:root{--section-py: 56px;--section-px: 18px}nav{padding:14px 18px}.nav-links{display:none}.video-hero{padding:80px 18px 64px;min-height:max(540px,88vh)}.hero-title{font-size:clamp(38px,11vw,60px)}.hero-sub{font-size:15px}.hero-scroll{display:none}.pillars-grid{grid-template-columns:1fr}.spotlights-grid{grid-template-columns:1fr;gap:24px}.work-grid-home,.nda-grid,.blog-grid,.work-grid-3,.work-grid-2,.work-grid-4,.bundle-samples.cols-3,.bundle-samples.cols-2,.case-video-row-2,.case-video-row-3{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start;padding:56px 22px}footer{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:12px;align-items:flex-start}.team-grid{grid-template-columns:repeat(2,1fr)}.values-grid,.form-row{grid-template-columns:1fr}.case-title{font-size:clamp(34px,9vw,56px)}.bundle-num{font-size:76px}.pillar-num{font-size:120px}}#copy-edit-mode-ui{position:fixed;bottom:16px;right:16px;z-index:99999;font-family:DM Mono,ui-monospace,monospace;font-size:11px;background:#20002a;color:ivory;border:1px solid #A162C0;padding:12px 14px;display:none;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0 8px 30px #0009;user-select:none;min-width:180px}#copy-edit-mode-ui.active{display:flex}#copy-edit-mode-ui .badge{color:#54e1c7;font-weight:700;letter-spacing:.08em}#copy-edit-mode-ui .hint{opacity:.6;font-size:10px}#copy-edit-mode-ui button{font-family:inherit;font-size:10px;background:#2d0039;color:ivory;border:1px solid #A162C0;padding:7px 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}#copy-edit-mode-ui button:hover{background:#3a0050}#copy-edit-mode-ui .status{opacity:.55;font-size:9px;min-height:11px}body.copy-edit-active [contenteditable=true]:hover{outline:1px dashed rgba(84,225,199,.6);outline-offset:3px;cursor:text!important}body.copy-edit-active [contenteditable=true]:focus{outline:2px solid #54E1C7;outline-offset:3px;background:#54e1c70f}body.copy-edit-active a,body.copy-edit-active button{cursor:text!important}body.copy-edit-active .pipeline-step .step-content{max-height:none!important}body.copy-edit-active .pipeline-step .step-arrow{transform:rotate(180deg);opacity:1;color:var(--accent-light)}body.copy-edit-active .pipeline-step .step-indicator{background:var(--accent-light)!important}body.copy-edit-active .pipeline-step .step-name{color:var(--cream)!important}body.copy-edit-active .faq-item .faq-a{max-height:none!important}body.copy-edit-active .faq-item .faq-arrow{transform:rotate(180deg)}