:root{color-scheme:dark;--bg:#090a0d;--bg-soft:#11141a;--text:#f5f7f1;--muted:#adb6bf;--line:#ffffff24;--acid:#b8ff35;--cyan:#53d9ff;--ink:#090a0d;--max:1160px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{background:linear-gradient(180deg, #53d9ff1f, transparent 420px), radial-gradient(circle at 20% 0%, #b8ff3524, transparent 320px), var(--bg);min-width:320px;margin:0;font-weight:400}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}p{color:var(--muted);font-size:1rem;line-height:1.75}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#090a0dd1;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand img{width:132px;height:auto}.nav{color:var(--muted);align-items:center;gap:clamp(.75rem,2vw,1.4rem);font-size:.94rem;display:flex}.nav a:hover{color:var(--text)}.section{padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,3rem)}.wrap{width:min(100%, var(--max));margin-inline:auto}.kicker{color:var(--acid);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero{background:linear-gradient(90deg,#090a0df2,#090a0d80,#090a0dd1),linear-gradient(#0000 46%,#090a0dbd),url(/assets/showcase/street-ledwall-rain.png) 50%/cover;align-items:end;min-height:calc(100svh - 74px);padding:clamp(2rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.color-clouds{z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.52;filter:saturate(1.25)blur(1px);position:absolute;inset:-12%}.cloud{aspect-ratio:1;will-change:transform, opacity;background-position:50%;background-size:cover;border-radius:999px;width:clamp(16rem,36vw,34rem);position:absolute}.cloud-a{background-image:url(/assets/uploads/2024/07/bg_01aa.jpg);animation:18s ease-in-out infinite alternate cloud-drift-a;top:10%;left:-4%}.cloud-b{background-image:url(/assets/uploads/2024/07/bg_02aa.jpg);animation:22s ease-in-out infinite alternate cloud-drift-b;top:4%;right:8%}.cloud-c{background-image:url(/assets/uploads/2024/07/bg_03aa.jpg);animation:26s ease-in-out infinite alternate cloud-drift-c;bottom:-12%;right:24%}.hero-inner{z-index:1;width:min(100%,1040px);position:relative}.hero h1{letter-spacing:0;max-width:920px;margin:.8rem 0 1.2rem;font-size:clamp(3rem,9vw,8.8rem);font-weight:700;line-height:.9}.hero p{color:#d7dde1;max-width:640px;font-size:clamp(1.05rem,2vw,1.28rem)}.actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{border:1px solid var(--line);min-height:44px;color:var(--text);background:#ffffff14;border-radius:8px;align-items:center;padding:.8rem 1rem;display:inline-flex}.button.primary{border-color:var(--acid);color:var(--ink);background:var(--acid);font-weight:700}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.section h2{letter-spacing:0;margin:.8rem 0 1rem;font-size:clamp(2.2rem,5vw,5rem);font-weight:700;line-height:.95}.lead{font-size:clamp(1.05rem,2vw,1.28rem)}.service-grid,.resource-grid,.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.service-card,.resource-card,.blog-card,.contact-panel{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;overflow:hidden}.resource-card{color:inherit;text-decoration:none}.resource-card span{color:var(--yellow);text-transform:uppercase;margin-top:.1rem;font-size:.82rem;font-weight:700;display:inline-flex}.service-card{padding:1.2rem}.service-card h3,.resource-card h3,.blog-card h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:650}.service-card p,.blog-card p{margin-bottom:0}.resource-card img,.blog-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.resource-card div,.blog-card div{padding:1rem}.post-date{color:var(--acid);margin-bottom:.65rem;font-size:.78rem;font-weight:700;display:block}.logo-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.logo-strip img{object-fit:contain;background:linear-gradient(#ffffff13,#ffffff05),#050609;border:1px solid #ffffff2e;border-radius:8px;width:100%;height:clamp(96px,10vw,132px);padding:1rem 1.15rem;box-shadow:inset 0 0 0 1px #ffffff08}.media-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.media-band img{aspect-ratio:4/5;object-fit:cover;border-radius:8px;width:100%}.pix-section{border-block:1px solid var(--line);background:linear-gradient(90deg,#53d9ff1f,#0000 44%),linear-gradient(315deg,#b8ff3524,#0000 38%),#07080b;position:relative;overflow:hidden}.pix-layout{grid-template-columns:minmax(0,.9fr) minmax(280px,.75fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.pix-copy h2{max-width:760px;margin:.8rem 0 1rem;font-size:clamp(2.2rem,5vw,5rem);font-weight:700;line-height:.95}.pix-points{flex-wrap:wrap;gap:.65rem;margin-top:1.3rem;display:flex}.pix-points span{color:var(--text);background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:.55rem .75rem;font-size:.9rem;font-weight:700}.pix-character{justify-self:end;width:min(100%,520px);position:relative}.pix-character img,.pix-character video{aspect-ratio:16/9;object-fit:cover;filter:drop-shadow(0 28px 80px #53d9ff38);border:1px solid #ffffff29;border-radius:8px;width:100%}.page-hero{border-bottom:1px solid var(--line);padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,3rem) clamp(2rem,5vw,4rem)}.page-hero h1{letter-spacing:0;max-width:900px;margin:.8rem 0 1rem;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:.9}.text-block{max-width:780px}.text-block h2{font-size:clamp(1.8rem,4vw,3.4rem);font-weight:700;line-height:1}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:1rem;display:grid}.contact-panel{padding:1.4rem}.contact-panel h2{margin:.7rem 0 1rem;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.contact-panel address{color:var(--text);font-size:1.15rem;font-style:normal;line-height:1.7}.contact-panel a{color:var(--acid)}.contact-list{gap:.75rem;display:grid}.contact-list a{color:var(--text);background:#ffffff0b;border:1px solid #ffffff24;border-radius:8px;gap:.25rem;padding:.9rem 1rem;display:grid}.contact-list a:hover{border-color:var(--acid)}.contact-list span{color:var(--acid);text-transform:uppercase;font-size:.78rem;font-weight:700}.contact-form{border:1px solid var(--line);background:linear-gradient(135deg,#53d9ff14,#0000 42%),#ffffff0b;border-radius:8px;gap:1.2rem;margin-top:1rem;padding:clamp(1.1rem,3vw,1.6rem);display:grid}.contact-form h2{max-width:760px;margin:.7rem 0 0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.contact-form label{color:var(--text);gap:.45rem;font-size:.95rem;font-weight:700;display:grid}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--text);background:#050609d1;border:1px solid #ffffff29;border-radius:8px;outline:none;padding:.85rem .9rem}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--acid);box-shadow:0 0 0 3px #b8ff3524}.contact-form button{cursor:pointer;justify-self:start}.map-panel{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;margin-top:1rem;overflow:hidden}.map-panel iframe{filter:grayscale()invert(.9)contrast(.95);border:0;width:100%;height:clamp(320px,42vw,520px)}.project-layout{grid-template-columns:minmax(0,1.15fr) minmax(220px,.45fr);gap:1rem;display:grid}.project-media{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;overflow:hidden}.project-media img,.project-media video,.project-media iframe{aspect-ratio:16/10;width:100%}.project-media img,.project-media video{object-fit:cover}.project-media iframe{border:0}.project-meta{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;padding:1rem}.project-meta span{color:var(--acid);text-transform:uppercase;margin-bottom:1rem;font-size:.78rem;font-weight:700;display:block}.project-meta dl,.project-meta dd{margin:0}.project-meta dl{gap:.9rem;display:grid}.project-meta dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.project-meta dd{color:var(--text);margin-top:.2rem}.project-body{grid-column:1/-1}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.project-gallery img{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:100%}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:linear-gradient(135deg,#b8ff351a,#0000 28%),linear-gradient(315deg,#53d9ff1a,#0000 32%),#050609;padding:clamp(2.1rem,5vw,4rem) clamp(1rem,4vw,3rem) 1.2rem}.site-footer p{margin:.3rem 0 0;font-size:.92rem;line-height:1.6}.footer-cta,.footer-grid,.footer-bottom{width:min(100%, var(--max));margin-inline:auto}.footer-cta{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem;padding-bottom:clamp(1.6rem,4vw,3rem);display:grid}.footer-cta h2{max-width:620px;color:var(--text);margin:.65rem 0 0;font-size:clamp(1.45rem,2.6vw,2.6rem);font-weight:700;line-height:1.08}.footer-grid{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.4rem);padding-block:clamp(1.6rem,4vw,2.8rem);display:grid}.footer-brand .brand{margin-bottom:1rem;display:inline-flex}.footer-brand p{max-width:360px}.footer-links,.footer-address{align-content:start;gap:.52rem;font-size:.88rem;font-style:normal;line-height:1.55;display:grid}.footer-links span,.footer-address span{color:var(--text);text-transform:uppercase;margin-bottom:.3rem;font-size:.76rem;font-weight:700}.footer-links a{color:var(--muted)}.footer-links a:hover,.footer-bottom a:hover{color:var(--acid)}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding-top:1.2rem;font-size:.82rem;display:flex}.footer-bottom div{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=860px){.site-header{flex-direction:column;align-items:flex-start}.nav{width:100%;padding-bottom:.2rem;overflow-x:auto}.split,.contact-grid,.project-layout,.service-grid,.resource-grid,.blog-grid,.media-band,.project-gallery,.pix-layout{grid-template-columns:1fr}.pix-character{justify-self:start;width:min(100%,360px)}.logo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.footer-cta,.footer-grid{grid-template-columns:1fr}.footer-cta{align-items:start}.footer-cta .button{justify-self:start}.footer-bottom{flex-direction:column}}@keyframes cloud-drift-a{0%{opacity:.5;transform:translate(-8%,4%)rotate(0)scale(.92)}to{opacity:.86;transform:translate(24%,-8%)rotate(14deg)scale(1.14)}}@keyframes cloud-drift-b{0%{opacity:.42;transform:translate(8%,-6%)rotate(8deg)scale(1)}to{opacity:.72;transform:translate(-18%,18%)rotate(-10deg)scale(1.18)}}@keyframes cloud-drift-c{0%{opacity:.36;transform:translate(4%,14%)rotate(-6deg)scale(1.05)}to{opacity:.68;transform:translate(-24%,-10%)rotate(12deg)scale(1.22)}}@media (prefers-reduced-motion:reduce){.cloud{animation:none}}