.proj-page{--dim:#5b5b6a;--green:#6ee7b7;z-index:2;width:100%;position:relative}.proj-title{font-family:var(--font-display,sans-serif);letter-spacing:-.04em;color:var(--color-text-hi);margin-bottom:6px;font-size:clamp(30px,4.4vw,64px);font-weight:800;line-height:1}.proj-title .accent{background:linear-gradient(180deg, var(--color-purple-glow), var(--color-purple-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.proj-sub{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-family:var(--font-mono,monospace);margin-bottom:36px}.proj-sub b{color:var(--color-purple-glow)}.proj-bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:130px;gap:14px;display:grid}@media (max-width:1199px) and (min-width:768px){.proj-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:140px}}@media (max-width:767px){.proj-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px}}.proj-poster{cursor:pointer;text-align:left;font:inherit;color:inherit;background:linear-gradient(160deg,#12121a,#0a0a12);border:1px solid #ffffff0f;border-radius:16px;padding:0;transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s,border-color .5s;position:relative;overflow:hidden}.proj-poster:hover,.proj-poster:focus-visible{border-color:#8b5cf666;outline:none;transform:translateY(-6px);box-shadow:0 40px 100px #0000008c,0 0 60px #8b5cf64d}.proj-art{transition:transform .8s;position:absolute;inset:0}.proj-poster:hover .proj-art{transform:scale(1.06)}.proj-grain{opacity:.15;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");position:absolute;inset:0}.proj-overlay{pointer-events:none;background:linear-gradient(#0000 30%,#0a0a0f66 60%,#0a0a0ff2 100%);position:absolute;inset:0}.proj-art.exp{background:radial-gradient(circle at 30% 30%,#f0a0ff8c,#0000 55%),radial-gradient(circle at 70% 70%,#8b5cf699,#0000 60%),linear-gradient(160deg,#1a1230,#0a0a12)}.proj-art.eng{background:linear-gradient(115deg,#8b5cf666 0 20%,#0000 20%),linear-gradient(115deg,#0000 0 40%,#5b21b673 40% 55%,#0000 55%),linear-gradient(115deg,#0000 0 70%,#a78bfa4d 70% 82%,#0000 82%),linear-gradient(160deg,#0e0e1f,#0a0a12)}.proj-art.cnt{background:linear-gradient(#0000 0 15%,#f0a0ff33 15% 20%,#0000 20% 32%,#8b5cf64d 32% 38%,#0000 38%),radial-gradient(at 50% 70%,#8b5cf673,#0000 60%),linear-gradient(160deg,#100e1a,#0a0a12)}.proj-art.dark{background:linear-gradient(160deg,#12121a,#0a0a12)}.proj-badge{font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--color-purple-glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#0a0a0f99;border:1px solid #8b5cf666;border-radius:4px;padding:3px 9px;font-size:9px;position:absolute;top:14px;left:14px}.proj-year{font-family:var(--font-mono,monospace);letter-spacing:.2em;color:var(--color-text-lo);z-index:3;background:#0a0a0f80;border-radius:4px;padding:3px 8px;font-size:9.5px;position:absolute;top:14px;right:14px}.proj-info{z-index:2;padding:20px;display:block;position:absolute;bottom:0;left:0;right:0}.proj-t{font-family:var(--font-display,sans-serif);letter-spacing:-.02em;color:var(--color-text-hi);text-shadow:0 4px 24px #0009;margin-bottom:8px;font-weight:700;line-height:1;display:block}.proj-t .accent{background:linear-gradient(180deg, var(--color-purple-glow), var(--color-purple-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.proj-tags{flex-wrap:wrap;gap:5px;display:flex}.proj-tag{font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-lo);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0f80;border:1px solid #ffffff26;border-radius:999px;padding:2px 7px;font-size:9.5px;display:inline-block}.proj-hero{grid-area:span 4/span 3}.proj-hero .proj-t{font-size:36px}.proj-tall{grid-area:span 3/span 3}.proj-tall .proj-t{font-size:26px}.proj-med{grid-area:span 2/span 3}.proj-med .proj-t{font-size:22px}@media (max-width:1199px) and (min-width:768px){.proj-hero{grid-area:1/1/span 2/span 2}.proj-tall{grid-area:3/1/span 2/span 2}.proj-med{grid-area:3/3/span 2/span 2}.proj-bento>.proj-stat:first-of-type{grid-area:1/3/span 1/span 2}.proj-bento>.proj-stat:nth-of-type(2){grid-area:2/3/span 1/span 2}.proj-cta{grid-area:5/1/span 1/span 4}.proj-hero .proj-t{font-size:32px}.proj-tall .proj-t,.proj-med .proj-t{font-size:22px}}@media (max-width:767px){.proj-hero{grid-area:span 3/span 2}.proj-tall,.proj-med{grid-area:span 2/span 2}.proj-hero .proj-t{font-size:28px}.proj-tall .proj-t{font-size:22px}.proj-med .proj-t{font-size:20px}}.proj-stat{background:linear-gradient(160deg,#12121a,#0a0a12);border:1px solid #ffffff0f;border-radius:16px;grid-area:span 1/span 3;justify-content:space-between;align-items:center;gap:14px;padding:22px;display:flex}.proj-stat .num{font-family:var(--font-display,sans-serif);background:linear-gradient(180deg, var(--color-purple-glow), var(--color-purple-deep));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800;line-height:1}.proj-stat .lbl{font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);text-align:right;max-width:120px;font-size:10.5px;line-height:1.6}.proj-stat .lbl b{color:var(--color-text-hi)}@media (max-width:1199px) and (min-width:768px){.proj-stat{grid-area:span 1/span 2}}@media (max-width:767px){.proj-stat{grid-area:span 1/span 1;padding:16px}.proj-stat .num{font-size:32px}.proj-stat .lbl{font-size:9px}}.proj-cta{color:inherit;background:linear-gradient(160deg,#16123a,#0e0e1f);border:1px solid #8b5cf64d;border-radius:16px;grid-area:span 1/span 3;justify-content:space-between;align-items:center;padding:22px;text-decoration:none;transition:all .4s;display:flex}.proj-cta:hover{background:linear-gradient(160deg,#1c1548,#100e26);border-color:#8b5cf680;box-shadow:0 20px 60px #8b5cf640}.proj-cta .l{font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--color-purple-glow);margin-bottom:4px;font-size:10px}.proj-cta .m{font-family:var(--font-display,sans-serif);letter-spacing:-.01em;color:var(--color-text-hi);font-size:20px;font-weight:600}.proj-cta .arr{color:var(--color-purple-glow);font-size:28px;transition:transform .3s}.proj-cta:hover .arr{transform:translate(6px)}@media (max-width:1199px) and (min-width:768px){.proj-cta{grid-area:span 1/span 4}}@media (max-width:767px){.proj-cta{grid-area:span 1/span 2}}.proj-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;opacity:0;pointer-events:none;background:#04040abf;justify-content:center;align-items:center;padding:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}.proj-modal-backdrop.open{opacity:1;pointer-events:auto}.proj-modal{background:linear-gradient(#161624,#0e0e18);border:1px solid #8b5cf659;border-radius:18px;flex-direction:column;width:min(1000px,96vw);max-height:88vh;transition:transform .5s cubic-bezier(.2,.7,.3,1);display:flex;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 40px 120px #000000b3,0 0 80px #8b5cf640}.proj-modal-backdrop.open .proj-modal{transform:translateY(0)scale(1)}.proj-modal-hero{flex-shrink:0;height:240px;position:relative;overflow:hidden}.proj-modal-hero .proj-overlay{background:linear-gradient(#0000 30%,#0e0e1899 75%,#0e0e18f2 100%)}.proj-modal-close{z-index:5;width:32px;height:32px;color:var(--color-text-lo);cursor:pointer;background:#0a0a0fa6;border:1px solid #ffffff26;border-radius:50%;place-items:center;font-size:14px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.proj-modal-close:hover{color:var(--color-purple-glow);border-color:#8b5cf680}.proj-modal-title{font-family:var(--font-display,sans-serif);letter-spacing:-.03em;color:var(--color-text-hi);text-shadow:0 4px 24px #0009;font-size:38px;font-weight:800;line-height:1;position:absolute;bottom:20px;left:24px;right:24px}.proj-modal-title .accent{background:linear-gradient(180deg, var(--color-purple-glow), var(--color-purple-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.proj-modal-body{grid-template-columns:2fr 1fr;align-items:start;gap:28px;padding:24px 28px;display:grid;overflow-y:auto}@media (max-width:699px){.proj-modal-body{grid-template-columns:1fr;padding:20px}}.proj-prose{color:var(--color-text-lo);font-size:14px;line-height:1.75}.proj-prose h4{font-family:var(--font-mono,monospace);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin:16px 0 6px;font-size:10px}.proj-prose h4:first-child{margin-top:0}.proj-prose p{margin-bottom:10px}.proj-prose ul{margin-left:20px}.proj-prose ul li{margin:4px 0}.proj-side{font-family:var(--font-mono,monospace);background:#0a0a0f80;border:1px solid #ffffff0f;border-radius:12px;padding:16px 20px;font-size:11.5px}.proj-side dl{grid-template-columns:auto 1fr;gap:6px 14px;display:grid}.proj-side dt{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.proj-side dd{color:var(--color-text-hi)}.proj-side dd.g{color:var(--green)}.proj-side .stack{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:5px;margin-top:12px;padding-top:12px;display:flex}.proj-side .chip{color:var(--color-text-lo);border:1px solid #ffffff1a;border-radius:999px;padding:2px 8px;font-size:10px}.proj-modal-foot{background:linear-gradient(#0000,#8b5cf60d);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 28px 20px;display:flex}.proj-modal-foot .l{font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:10px}.proj-modal-foot .l b{color:var(--color-purple-glow)}.proj-modal-foot .full{font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-hi);background:linear-gradient(135deg, var(--color-purple), var(--color-purple-deep));border:1px solid var(--color-purple-glow);border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:11px;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 32px #8b5cf666}.proj-modal-foot .full:hover{transform:translateY(-1px);box-shadow:0 0 48px #8b5cf699}.proj-modal-foot .full .arr{font-size:14px}.proj-case{z-index:2;max-width:1000px;margin:0 auto;position:relative}.proj-case-back{color:var(--color-purple-glow);font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:10.5px;text-decoration:none;display:inline-flex}.proj-case-back:hover{color:var(--color-accent2)}.proj-crumbs{font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:20px;font-size:10px}.proj-crumbs a{color:var(--color-purple-glow);text-decoration:none}.proj-crumbs .sep{color:var(--dim);margin:0 8px}.proj-case-hero{aspect-ratio:16/7;background:linear-gradient(160deg,#12121a,#0a0a12);border:1px solid #ffffff0f;border-radius:20px;margin-bottom:32px;position:relative;overflow:hidden}.proj-case-hero .proj-overlay{background:linear-gradient(#0000 30%,#0a0a0f80 70%,#0a0a0ffa 100%)}.proj-case-hero .proj-badge{top:24px;left:24px}.proj-case-hero .proj-year{top:24px;right:24px}.proj-case-htitle{z-index:4;position:absolute;bottom:32px;left:32px;right:32px}.proj-case-htitle h1{font-family:var(--font-display,sans-serif);letter-spacing:-.04em;color:var(--color-text-hi);text-shadow:0 4px 24px #0009;font-size:clamp(38px,6vw,72px);font-weight:800;line-height:.95}.proj-case-htitle h1 .accent{background:linear-gradient(180deg, var(--color-purple-glow), var(--color-purple-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.proj-case-hsub{color:var(--color-text-lo);font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;margin-top:10px;font-size:11px}.proj-case-hsub b{color:var(--color-purple-glow)}.proj-case-body{grid-template-columns:2fr 1fr;align-items:start;gap:36px;margin-bottom:60px;display:grid}@media (max-width:767px){.proj-case-body{grid-template-columns:1fr}}.proj-case-prose{color:var(--color-text-lo);font-size:15.5px;line-height:1.75}.proj-case-prose h4{font-family:var(--font-mono,monospace);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin:24px 0 10px;font-size:10px}.proj-case-prose h4:first-child{margin-top:0}.proj-case-prose p{margin-bottom:12px}.proj-case-prose ul{margin-left:20px}.proj-case-prose ul li{margin:6px 0}.proj-case-side{font-family:var(--font-mono,monospace);background:#12121a80;border:1px solid #ffffff0f;border-radius:14px;padding:24px;font-size:12px;position:sticky;top:24px}.proj-case-side dl{grid-template-columns:auto 1fr;gap:8px 14px;display:grid}.proj-case-side dt{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.proj-case-side dd{color:var(--color-text-hi)}.proj-case-side dd.g{color:var(--green)}.proj-case-side .stack{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:16px;display:flex}.proj-case-side .chip{color:var(--color-text-lo);border:1px solid #ffffff1a;border-radius:999px;padding:2px 8px;font-size:10px}.proj-case-side .btn{letter-spacing:.18em;text-transform:uppercase;color:var(--color-purple-glow);border:1px solid #8b5cf666;border-radius:8px;justify-content:space-between;align-items:center;margin-top:18px;padding:10px 14px;font-size:10px;text-decoration:none;transition:all .2s;display:flex}.proj-case-side .btn:hover{background:#8b5cf626}.proj-pager{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px;padding-top:32px;display:grid}.proj-pager a,.proj-pager .disabled{color:inherit;background:linear-gradient(160deg,#12121a,#0a0a12);border:1px solid #ffffff0f;border-radius:12px;padding:22px;text-decoration:none;transition:all .3s}.proj-pager a:hover{border-color:#8b5cf666}.proj-pager .disabled{opacity:.4}.proj-pager .l{font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;font-size:9.5px}.proj-pager .t{font-family:var(--font-display,sans-serif);color:var(--color-text-hi);font-size:18px;font-weight:600}.proj-pager .t .accent{background:linear-gradient(180deg, var(--color-purple-glow), var(--color-purple-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.proj-pager .next{text-align:right}@media (max-width:599px){.proj-pager{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.proj-poster,.proj-art,.proj-cta,.proj-modal,.proj-modal-backdrop,.proj-modal-close,.proj-pager a{transition:none!important}}