:root{--bg:#07080b;--panel:#11151c;--panel-2:#17202a;--text:#f4f7fb;--muted:#aeb8c6;--line:#ffffff1f;--cyan:#4dd8ff;--green:#9dffb0;--coral:#ff7f6e;--gold:#ffd36a;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 18% 8%,#4dd8ff2e,#0000 28rem),radial-gradient(circle at 84% 20%,#ff7f6e21,#0000 24rem),linear-gradient(135deg,#07080b 0%,#0c1015 46%,#11191b 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit;text-decoration:none}a,button,.button,.project-card,.case-card,.service-card,.mini-card,.service-item,.photo-card,.gallery-photo,.proof-band article,.stats-strip div{transition:transform .26s,border-color .26s,background-color .26s,box-shadow .26s,color .18s,opacity .26s}main{overflow:hidden}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07080bb8;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,4.5rem);animation:.52s both dropIn;display:flex;position:fixed;top:0;left:0;right:0}.brand,.site-header nav,.hero-actions,.metric-row,.contact-card{align-items:center;display:flex}.brand{gap:.7rem;font-weight:800}.brand-mark{color:#061014;background:linear-gradient(135deg, var(--cyan), var(--green));border-radius:.5rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}.site-header nav{color:var(--muted);gap:clamp(.6rem,2vw,1.7rem);font-size:.92rem}.site-header nav a:hover{color:var(--text);transform:translateY(-1px)}.hero{grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr);align-items:center;gap:clamp(2rem,5vw,6rem);min-height:calc(100vh - 4.75rem);padding:clamp(6.25rem,10vh,7.5rem) clamp(1rem,5vw,5rem) 3rem;display:grid;position:relative}.hero-copy{z-index:2;max-width:48rem;animation:.72s 80ms both riseIn;position:relative}.eyebrow{color:var(--green);letter-spacing:.12rem;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:12ch;margin-bottom:1.25rem;font-size:clamp(3.1rem,6.6vw,6.35rem);line-height:.94}h2{letter-spacing:0;margin-bottom:1rem;font-size:clamp(2rem,4.6vw,4.5rem);line-height:1}h3{margin-bottom:.7rem;font-size:1.35rem}.hero-text,.section-heading p,.proof-copy p,.contact-section p,.process-step p,.project-content>p:last-of-type{color:var(--muted);line-height:1.75}.hero-text{max-width:43rem;margin-bottom:2rem;font-size:clamp(1rem,1.4vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:.9rem}.button{border:1px solid var(--line);border-radius:.5rem;justify-content:center;align-items:center;min-height:3.2rem;padding:0 1.25rem;font-weight:800;display:inline-flex}.button.primary{color:#071014;background:linear-gradient(135deg, var(--cyan), var(--green));border-color:#0000}.button.secondary{background:#ffffff0f}.button:hover,.text-link:hover,.contact-card a:hover{transform:translateY(-2px)}.button:hover{box-shadow:0 14px 34px #4dd8ff29}.hero-visual{aspect-ratio:1.18;border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);background:#ffffff0e;border-radius:.5rem;animation:.78s .18s both riseIn;position:relative;overflow:hidden}.hero-visual:before,.hero-visual:after{display:none}.hero-visual:before{border:1px solid #9dffb038;border-radius:50%;inset:9%}.hero-visual:after{background:linear-gradient(135deg,#4dd8ff38,#ff7f6e1a);border:1px solid #4dd8ff73;border-radius:1rem;width:14rem;height:14rem;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 52px #4dd8ff47}.system-grid{grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:.65rem;display:grid;position:absolute;inset:2rem}.system-grid span{background:#ffffff09;border:1px solid #ffffff12;border-radius:.4rem;min-height:2.4rem}.system-grid span:nth-child(5n){background:#4dd8ff21}.system-grid span:nth-child(7n){background:#ffd36a21}.signal-card{z-index:3;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07080bb8;border-radius:.5rem;gap:.35rem;min-width:12rem;padding:1rem;display:grid;position:absolute;box-shadow:0 16px 36px #00000047}.signal-card span{color:var(--cyan);font-size:.74rem;font-weight:900}.signal-card-one{max-width:min(22rem,100% - 2.4rem);top:1.2rem;left:1.2rem}.signal-card-two{max-width:min(22rem,100% - 2.4rem);bottom:1.2rem;right:1.2rem}.orbit-ring{border:1px dashed #ffffff40;border-radius:50%;animation:24s linear infinite rotate;position:absolute;inset:19%}.stats-strip,.section,.proof-section,.process,.contact-section{width:min(100% - 2rem,1180px);margin-inline:auto}.stats-strip{border:1px solid var(--line);background:var(--line);border-radius:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:7rem;animation:.72s .26s both riseIn;display:grid;overflow:hidden}.stats-strip div{background:#11151cdb;gap:.55rem;min-height:8rem;padding:1.25rem;display:grid}.stats-strip span{color:var(--muted);line-height:1.55}.section{padding:3rem 0 7rem}.section-heading{max-width:48rem;margin-bottom:2.2rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--line);background:#ffffff0e;border-radius:.5rem;overflow:hidden;box-shadow:0 16px 42px #00000038}.project-card:hover,.case-card:hover,.service-card:hover,.mini-card:hover,.service-item:hover,.photo-card:hover,.gallery-photo:hover,.proof-band article:hover,.stats-strip div:hover{border-color:#4dd8ff57;transform:translateY(-5px);box-shadow:0 22px 54px #00000042}.project-preview{background:var(--panel-2);place-items:end start;min-height:15rem;padding:1rem;display:grid;position:relative;overflow:hidden}.project-preview:before{z-index:1;content:"";background:linear-gradient(#0000 42%,#07080bb8),linear-gradient(135deg,#4dd8ff24,#0000 42%);position:absolute;inset:0}.project-image,.case-preview img{object-fit:cover;object-position:center}.logo-image{object-fit:contain;background:radial-gradient(circle,#9dffb033,#0000 18rem),#07080bc7;padding:4.5rem}.project-preview span{z-index:2;color:#071014;background:var(--gold);border-radius:.38rem;padding:.48rem .62rem;font-size:.78rem;font-weight:900;position:relative}.project-content{padding:1.25rem}.case-preview{border-bottom:1px solid var(--line);background:var(--panel-2);min-height:15rem;margin:-1.35rem -1.35rem 1.25rem;position:relative;overflow:hidden}.case-preview:after{content:"";background:linear-gradient(#0000 38%,#07080b5c);position:absolute;inset:0}.project-content>p:first-child{color:var(--cyan);text-transform:uppercase;font-size:.77rem;font-weight:900}.metric-row{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.metric-row span{color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.42rem .55rem;font-size:.76rem}.proof-section{border:1px solid var(--line);background:linear-gradient(135deg,#9dffb01a,#0000),#ffffff0b;border-radius:.5rem;grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.25rem,3vw,2.6rem);display:grid}.proof-section h2{max-width:14ch;font-size:clamp(2.15rem,3.65vw,3.9rem);line-height:1}.proof-section .proof-copy p:not(.eyebrow){max-width:30rem;font-size:1rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.gallery-slot{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff1a,#0000),#07080b70;border-radius:.5rem;align-content:space-between;min-height:10rem;padding:1rem;display:grid}.gallery-slot span{color:var(--coral);font-size:.82rem;font-weight:900}.split{grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,5vw,5rem);padding-top:7rem;display:grid}.sticky-heading{align-self:start;position:sticky;top:7rem}.service-panel{gap:.75rem;display:grid}.service-item{border:1px solid var(--line);background:#ffffff0d;border-radius:.5rem;grid-template-columns:auto 1fr;align-items:center;gap:1rem;min-height:4.8rem;padding:1rem;display:grid}.service-item span{background:var(--green);border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 0 .45rem #9dffb01c}.service-item p{margin:0;font-weight:750}.process{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:7rem;display:grid}.process-step{border-top:1px solid var(--line);padding:1.25rem}.process-step span{color:var(--cyan);margin-bottom:2.5rem;font-weight:900;display:inline-block}.contact-section{background:linear-gradient(135deg,#4dd8ff29,#0000 45%),linear-gradient(315deg,#ffd36a1f,#0000 42%),#ffffff0e;border:1px solid #4dd8ff3d;border-radius:.5rem;grid-template-columns:1fr .75fr;align-items:center;gap:2rem;margin-bottom:2rem;padding:clamp(2rem,5vw,4.5rem);display:grid}.contact-card{flex-direction:column;align-items:stretch;gap:.85rem}.contact-card a,.contact-card span{border:1px solid var(--line);overflow-wrap:anywhere;background:#07080b73;border-radius:.5rem;padding:1rem}.contact-card span{color:var(--muted)}.hero-visual img{object-fit:cover;filter:saturate(1.08)contrast(1.04);width:100%;height:100%;transition:transform .9s,filter .5s}.hero-visual:hover img{filter:saturate(1.14)contrast(1.06);transform:scale(1.035)}.hero-visual:after{width:auto;height:45%;box-shadow:none;background:linear-gradient(#0000,#07080bc7);border:0;border-radius:0;display:block;inset:auto 0 0;transform:none}.text-link{width:fit-content;color:var(--green);margin-top:1rem;font-weight:850;display:inline-flex}.page-hero{width:min(100% - 2rem,1180px);margin-inline:auto;padding:clamp(6.5rem,10vw,8rem) 0 clamp(2.25rem,4vw,3.5rem)}.page-hero.compact{max-width:1180px}.proof-hero{grid-template-columns:minmax(0,.9fr) minmax(18rem,.62fr);align-items:end;gap:clamp(1.5rem,5vw,5rem);width:min(100% - 2rem,1180px);margin-inline:auto;padding:clamp(7rem,12vw,10rem) 0 clamp(2.5rem,5vw,4rem);display:grid}.proof-hero h1{max-width:9ch;margin-bottom:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.9}.proof-hero p:not(.eyebrow){max-width:36rem;color:var(--muted);margin-bottom:.25rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}.page-hero h1{max-width:17ch;margin-bottom:1.25rem;font-size:clamp(2.75rem,5.6vw,5.6rem);line-height:.98}.page-hero p:not(.eyebrow){max-width:48rem;color:var(--muted);font-size:1.08rem;line-height:1.75}.case-grid,.service-grid,.mini-grid{gap:1rem;display:grid}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.case-card,.service-card,.mini-card{border:1px solid var(--line);background:#ffffff0d;border-radius:.5rem;flex-direction:column;justify-content:space-between;min-height:20rem;padding:1.35rem;display:flex;box-shadow:0 16px 42px #0000002e}.service-card,.mini-card{min-height:16rem}.case-card h2,.service-card h2{margin-bottom:.8rem;font-size:clamp(1.5rem,2.2vw,2.35rem);line-height:1.05}.case-card p,.service-card p,.mini-card p{color:var(--muted);line-height:1.7}.card-kicker{text-transform:uppercase;margin-bottom:.8rem;font-size:.76rem;font-weight:900;color:var(--cyan)!important}.service-card span{background:var(--green);border-radius:999px;width:2.2rem;height:.35rem;margin-bottom:1.5rem}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.workshop-showcase{border:1px solid var(--line);background:#ffffff0b;border-radius:.5rem;gap:clamp(1.25rem,2.6vw,2rem);width:min(100% - 2rem,1180px);margin:0 auto 4rem;padding:clamp(1.25rem,2.8vw,2.25rem);display:grid}.workshop-copy{max-width:58rem;padding:0;display:block}.workshop-copy h2{max-width:13ch;margin-bottom:1rem;font-size:clamp(2.8rem,5.2vw,5.6rem);line-height:.93}.workshop-copy p{max-width:44rem;color:var(--muted);margin-bottom:1.1rem;line-height:1.7}.workshop-tags{justify-content:flex-start;max-width:none;margin-top:0}.proof-photo-rows{gap:1rem;display:grid}.proof-photo-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.photo-card{aspect-ratio:4/3;border:1px solid var(--line);background:#ffffff0d;border-radius:.5rem;min-height:0;margin:0;position:relative;overflow:hidden}.photo-card img,.gallery-photo{object-fit:cover;width:100%;height:100%;display:block}.gallery-photo{aspect-ratio:4/3;border:1px solid var(--line);background:#07080b57;border-radius:.5rem;min-height:0;position:relative;overflow:hidden}.photo-card img,.gallery-photo img{object-fit:cover;object-position:center;transition:transform .7s,filter .4s}.photo-card:hover img,.gallery-photo:hover img{filter:saturate(1.08);transform:scale(1.045)}.proof-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(100% - 2rem,1180px);margin:0 auto 7rem;display:grid}.proof-band article{border:1px solid var(--line);background:#ffffff0d;border-radius:.5rem;padding:1.2rem}.proof-band span{color:var(--coral);margin-bottom:1rem;font-size:.78rem;font-weight:900;display:inline-block}.proof-band strong{margin-bottom:.65rem;font-size:1.2rem;display:block}.proof-band p{color:var(--muted);line-height:1.65}.page-contact{margin-top:1rem}.spaced-button{margin-top:.75rem}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.hero,.proof-section,.split,.contact-section,.proof-hero{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{order:-1}.project-grid,.stats-strip,.process,.case-grid,.service-grid,.mini-grid,.proof-band{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-heading{position:static}.workshop-copy{grid-template-columns:1fr}.workshop-tags{justify-content:flex-start}}@media (max-width:680px){.site-header{flex-direction:column;align-items:flex-start;position:sticky}.site-header nav{justify-content:flex-start;width:100%;font-size:.82rem;overflow-x:auto}.hero{padding-top:3.5rem}h1{font-size:clamp(3rem,17vw,4.8rem)}.hero-visual{aspect-ratio:auto;min-height:29rem}.hero-visual img{min-height:29rem}.stats-strip,.project-grid,.gallery-grid,.process,.case-grid,.service-grid,.mini-grid,.photo-grid,.proof-photo-row,.proof-band{grid-template-columns:1fr}.page-hero{padding-top:4rem}.signal-card{min-width:10rem}.section{padding-bottom:4.5rem}}