:root{--ink:#11070f;--black:#080508;--paper:#fff8fb;--pink:#ff71e8;--pink2:#ff9bf0;--acid:#c8ff35;--cyan:#43e8ff;--purple:#8b58ff;--line:rgba(255,255,255,.2)}
/* On mobile Safari the root, not body, owns sideways page panning. */
html{max-width:100%;overflow-x:hidden;overflow-x:clip}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:#fff;color:#000;padding:.75rem 1rem}.skip:focus{top:1rem}
.nav-shell{position:fixed;inset:0 0 auto;z-index:50;height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:0 clamp(1.2rem,4vw,4.5rem);transition:.3s ease;background:linear-gradient(180deg,rgba(17,7,15,.85),transparent)}.nav-shell.scrolled{height:68px;background:rgba(17,7,15,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.brand{width:86px;height:60px;display:grid;place-items:center}.brand img{width:100%;height:100%;object-fit:contain}.nav-shell nav{display:flex;gap:2rem;font:600 .74rem/1 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}.nav-shell nav a{opacity:.68;transition:.2s}.nav-shell nav a:hover,.nav-shell nav a:focus-visible{opacity:1;color:var(--acid)}.nav-cta{justify-self:end;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:.76rem 1rem;background:var(--pink);color:#130711;font-weight:800;font-size:.84rem;box-shadow:4px 4px 0 var(--acid)}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.93fr) minmax(380px,1.07fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding:9rem clamp(1.2rem,6vw,7rem) 5.5rem;isolation:isolate;background:radial-gradient(circle at 88% 15%,rgba(255,215,230,.75),transparent 25%),linear-gradient(118deg,#ff71e8 0%,#ff66db 48%,#f235bb 100%);overflow:hidden}.noise{position:absolute;inset:0;z-index:-4;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.hero:before{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(rgba(27,5,20,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(27,5,20,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 85%)}.hero:after{content:"";position:absolute;z-index:-2;width:67vw;aspect-ratio:1;right:-35vw;top:-35vw;border:1px solid rgba(17,7,15,.25);border-radius:50%;box-shadow:0 0 0 8vw rgba(17,7,15,.04),0 0 0 16vw rgba(17,7,15,.04)}
.spark{position:absolute;color:var(--acid);font-size:clamp(2rem,5vw,5rem);text-shadow:4px 4px 0 var(--ink)}.spark-one{top:13%;left:48%;transform:rotate(15deg)}.spark-two{bottom:15%;left:5%;font-size:2rem}.hero-copy{position:relative;z-index:4;max-width:720px}.eyebrow{display:flex;align-items:center;gap:.6rem;margin-bottom:1.6rem;color:var(--ink);font:700 .76rem/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-transform:uppercase}.eyebrow span{width:8px;aspect-ratio:1;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(200,255,53,.25)}h1{margin:0;color:var(--ink);max-width:10ch;font:700 clamp(4.1rem,8.2vw,8.9rem)/.78 "Space Grotesk",sans-serif;letter-spacing:-.09em;text-transform:uppercase}h1 em{position:relative;left:.05em;color:var(--paper);font-style:normal;text-shadow:5px 5px 0 var(--ink)}.hero-copy>p{max-width:33rem;margin:2rem 0;color:rgba(17,7,15,.82);font-size:clamp(1rem,1.4vw,1.18rem);font-weight:600;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:52px;padding:.85rem 1.3rem;border-radius:99px;font:700 .86rem/1 "Space Grotesk",sans-serif;transition:transform .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.button-ghost{border:1px solid rgba(17,7,15,.4);background:rgba(255,255,255,.17);color:var(--ink)}.mini-proof{display:flex;flex-wrap:wrap;gap:.65rem 1.15rem;margin-top:2.1rem;font:700 .67rem/1 "Space Grotesk",sans-serif;letter-spacing:.09em;color:rgba(17,7,15,.66)}.mini-proof strong{color:var(--ink)}
.hero-visual{position:relative;z-index:3;width:min(100%,650px);justify-self:end;padding:0 1rem 1.5rem 3rem}.visual-frame{position:relative;aspect-ratio:.89;border:3px solid var(--ink);border-radius:47% 47% 1.8rem 1.8rem;overflow:hidden;box-shadow:15px 17px 0 var(--acid),0 35px 80px rgba(47,4,32,.35);transform:rotate(2deg);background:var(--paper)}.visual-frame>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hot-wash{position:absolute;inset:0;background:linear-gradient(155deg,rgba(255,113,232,.08),transparent 44%,rgba(255,113,232,.22));mix-blend-mode:multiply}.visual-label{position:absolute;left:1rem;bottom:1rem;padding:.65rem .85rem;background:rgba(17,7,15,.78);backdrop-filter:blur(9px);border:1px solid var(--line);border-radius:99px;font:600 .65rem/1 "Space Grotesk",sans-serif;letter-spacing:.11em}.visual-label span{margin-right:.45rem;color:var(--acid)}.alien{position:absolute;z-index:5;left:-3.2rem;bottom:-1.5rem;width:clamp(145px,18vw,235px);filter:drop-shadow(8px 12px 0 rgba(17,7,15,.82));transform:rotate(-6deg);animation:bob 5s ease-in-out infinite}.sticker{position:absolute;z-index:6;display:grid;place-items:center;color:var(--ink);font:800 .78rem/.9 "Space Grotesk",sans-serif;text-align:center}.sticker-top{right:-1.5rem;top:11%;width:84px;aspect-ratio:1;border-radius:50%;background:var(--acid);border:2px solid var(--ink);transform:rotate(11deg);box-shadow:4px 4px 0 var(--ink)}.sticker-bottom{right:-.8rem;bottom:4%;padding:.75rem .9rem;background:var(--cyan);border:2px solid var(--ink);transform:rotate(-5deg);box-shadow:4px 4px 0 var(--ink)}.scribble{position:absolute;right:1rem;bottom:1.2rem;color:rgba(17,7,15,.65);font:800 .6rem/.9 "Space Grotesk",sans-serif;letter-spacing:.15em;transform:rotate(-7deg)}@keyframes bob{50%{transform:translateY(-10px) rotate(-3deg)}}
.signal{position:relative;z-index:8;overflow:hidden;background:var(--acid);color:var(--ink);border-block:2px solid var(--ink);transform:rotate(-1deg) scale(1.01)}.signal-track{display:flex;width:max-content;align-items:center;gap:1.25rem;padding:1rem 0;font:700 .82rem/1 "Space Grotesk",sans-serif;letter-spacing:.1em;text-transform:uppercase;animation:marquee 22s linear infinite}.signal-track b{color:var(--pink);font-size:1.2rem}@keyframes marquee{to{transform:translateX(-50%)}}
.experiences{padding:clamp(6rem,10vw,10rem) clamp(1.2rem,5vw,5rem);background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem 4rem;align-items:end;margin:0 auto clamp(3rem,6vw,6rem);max-width:1280px}.section-heading .kicker{grid-column:1/-1}.kicker{margin:0;font:700 .73rem/1 "Space Grotesk",sans-serif;letter-spacing:.16em;text-transform:uppercase}.kicker:before{content:"●";margin-right:.6rem;color:var(--pink)}.section-heading h2,.manifesto h2,.contact h2{margin:0;font:700 clamp(3rem,6.5vw,6.8rem)/.85 "Space Grotesk",sans-serif;letter-spacing:-.075em;text-transform:uppercase}.section-heading h2 span,.manifesto h2 span,.contact h2 span{color:var(--pink)}.section-heading>p:last-child{max-width:34rem;margin:0 0 .35rem;font-size:1.05rem;line-height:1.55;color:rgba(17,7,15,.68)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;max-width:1280px;margin:auto}.service-card{position:relative;min-height:540px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;border:2px solid var(--ink);border-radius:1.35rem;box-shadow:6px 6px 0 var(--ink)}.card-number{align-self:flex-start;padding:.5rem .7rem;border:1px solid currentColor;border-radius:99px;font:700 .7rem/1 "Space Grotesk",sans-serif}.service-card h3{margin:.45rem 0 .9rem;font:700 clamp(2.7rem,4.5vw,5rem)/.83 "Space Grotesk",sans-serif;letter-spacing:-.07em;text-transform:uppercase}.service-card p{max-width:29rem;line-height:1.5}.service-card .tag{margin:0;font:700 .68rem/1 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}.service-card a{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid currentColor;font:700 .83rem/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.1em}.card-hot{background:var(--pink);color:var(--ink)}.card-icon{position:absolute;right:7%;top:8%;font-size:6rem;color:var(--acid);text-shadow:5px 5px 0 var(--ink);transform:rotate(8deg)}.card-photo{color:#fff}.card-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.photo-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,5,8,.1),rgba(8,5,8,.88) 76%)}.card-acid{background:var(--acid)}.orbit-icon{position:absolute;right:8%;top:7%;width:120px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%}.orbit-icon:after{content:"";position:absolute;inset:37% -20%;border:2px solid var(--ink);border-radius:50%;transform:rotate(-20deg)}.orbit-icon i{position:absolute;inset:32%;border-radius:50%;background:var(--pink);border:2px solid var(--ink)}.card-dark{background:var(--black);color:#fff}.pulse{position:absolute;right:7%;top:7%;width:110px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--pink) 0 10%,transparent 12% 25%,var(--pink) 27% 29%,transparent 31% 45%,var(--pink) 47% 49%,transparent 51%);box-shadow:0 0 35px rgba(255,113,232,.25)}
.manifesto{min-height:860px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,7vw,8rem);padding:clamp(6rem,10vw,10rem) clamp(1.2rem,6vw,7rem);background:var(--pink);color:var(--ink);overflow:hidden}.manifesto-copy>p:last-child{max-width:37rem;margin:2rem 0 0;font-size:1.12rem;font-weight:600;line-height:1.65}.manifesto-copy .kicker{margin-bottom:1.5rem}.manifesto-copy .kicker:before{color:var(--acid)}.manifesto-copy h2 span{color:var(--paper);text-shadow:4px 4px 0 var(--ink)}.manifesto-visual{position:relative;min-height:600px}.image-cutout{position:absolute;inset:4% 3% 3% 10%;overflow:hidden;border:3px solid var(--ink);border-radius:50% 50% 1.5rem 1.5rem;box-shadow:13px 13px 0 var(--acid);transform:rotate(3deg)}.image-cutout img{width:100%;height:100%;object-fit:cover}.word-ring{position:absolute;left:-3%;top:2%;width:185px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--cyan);border:2px solid var(--ink);font:800 .7rem/1.5 "Space Grotesk",sans-serif;text-align:center;letter-spacing:.11em;transform:rotate(-12deg);box-shadow:5px 5px 0 var(--ink)}.alien-small{position:absolute;right:-1rem;bottom:-1.5rem;width:180px;filter:drop-shadow(7px 9px 0 var(--ink));transform:rotate(8deg)}
.process{padding:clamp(6rem,10vw,10rem) clamp(1.2rem,6vw,7rem);background:var(--black);color:#fff}.section-heading.light{display:block}.section-heading.light .kicker{margin-bottom:1.5rem}.section-heading.light h2 span{color:var(--acid)}.steps{list-style:none;margin:0 auto;padding:0;max-width:1280px;border-top:1px solid rgba(255,255,255,.25)}.steps li{display:grid;grid-template-columns:100px 1.2fr 1fr;align-items:center;gap:2rem;padding:2.2rem 0;border-bottom:1px solid rgba(255,255,255,.25);transition:.25s}.steps li:hover{padding-left:1rem;color:var(--acid)}.steps li>span{font:700 .75rem/1 "Space Grotesk",sans-serif;color:var(--pink)}.steps h3{margin:0;font:600 clamp(1.6rem,3.4vw,3.2rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.04em}.steps p{margin:0;color:rgba(255,255,255,.6);font-size:1rem;line-height:1.5}
.contact{position:relative;min-height:730px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:end;gap:3rem;padding:6rem clamp(1.2rem,7vw,8rem) 0;background:var(--acid);color:var(--ink);overflow:hidden}.contact:before{content:"";position:absolute;inset:0;opacity:.22;background:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:60px 60px}.contact-orbit{position:absolute;width:750px;height:260px;border:2px solid var(--pink);border-radius:50%;left:-210px;bottom:130px;transform:rotate(-15deg)}.contact-alien{position:relative;z-index:2;width:min(100%,390px);justify-self:center;filter:drop-shadow(13px 15px 0 rgba(17,7,15,.95))}.contact-copy{position:relative;z-index:2;align-self:center;padding-bottom:5rem}.contact-copy .kicker{margin-bottom:1.4rem}.contact-copy h2 span{color:var(--pink);text-shadow:4px 4px 0 var(--ink)}.contact-copy>p{font-size:1.1rem;font-weight:600}.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button-dark{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--pink)}.button-line{border:2px solid var(--ink);color:var(--ink)}.contact-stamp{position:absolute;right:1rem;bottom:1rem;font:800 .62rem/.95 "Space Grotesk",sans-serif;letter-spacing:.14em;transform:rotate(-6deg)}
footer{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:2rem;padding:2.2rem clamp(1.2rem,5vw,5rem);background:var(--paper);color:var(--ink);font-size:.84rem}footer>img{width:110px}footer>p{margin:0}footer>div{display:flex;gap:1.4rem}footer a{font-weight:700}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-shell{grid-template-columns:1fr auto}.nav-shell nav{display:none}.hero{grid-template-columns:1fr;padding-top:8rem}.hero-copy{max-width:620px}.hero-visual{width:min(88%,630px);margin-block:1rem}.spark-one{left:auto;right:8%}.scribble{display:none}.section-heading{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.service-card{min-height:500px}.manifesto{grid-template-columns:1fr}.manifesto-visual{min-height:620px}.contact{grid-template-columns:.68fr 1.32fr}.contact-alien{width:290px}.steps li{grid-template-columns:60px 1fr}.steps p{grid-column:2}.section-heading h2,.manifesto h2,.contact h2{font-size:clamp(3rem,10vw,6rem)}footer{grid-template-columns:100px 1fr}footer>div{grid-column:1/-1;justify-content:space-between}}
@media(max-width:600px){.nav-shell{height:70px;padding:0 1rem}.brand{width:72px}.nav-cta{font-size:.74rem;padding:.7rem .85rem;box-shadow:3px 3px 0 var(--acid)}.hero{padding:7.5rem 1rem 4rem;gap:3rem}.hero:before{background-size:44px 44px}h1{font-size:clamp(3.65rem,19vw,6rem)}.hero-copy>p{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.mini-proof{gap:.5rem}.hero-visual{width:100%;padding:0 1.6rem 1.2rem 2.6rem}.visual-frame{box-shadow:9px 10px 0 var(--acid)}.alien{left:-.2rem;width:145px}.sticker-top{right:-.1rem;width:67px;font-size:.63rem}.sticker-bottom{right:-.15rem;font-size:.58rem}.signal-track{font-size:.7rem}.experiences{padding:5.5rem 1rem}.section-heading{margin-bottom:2.7rem}.section-heading h2,.manifesto h2,.contact h2{font-size:clamp(3rem,13vw,5rem)}.service-card{min-height:470px;padding:1.2rem}.service-card h3{font-size:clamp(2.7rem,13vw,4rem)}.card-icon{font-size:4rem}.orbit-icon{width:85px}.manifesto{padding:5.5rem 1rem}.manifesto-visual{min-height:480px}.image-cutout{inset:5% 3% 4% 7%;box-shadow:8px 8px 0 var(--acid)}.word-ring{width:120px;font-size:.52rem}.alien-small{width:130px}.process{padding:5.5rem 1rem}.steps li{grid-template-columns:45px 1fr;gap:1rem;padding:1.8rem 0}.steps h3{font-size:1.65rem}.contact{min-height:890px;grid-template-columns:1fr;align-items:end;padding:5.5rem 1rem 0}.contact-copy{grid-row:1;padding:0}.contact-alien{grid-row:2;width:240px}.contact-actions{display:grid}.contact-orbit{width:560px;left:-260px;bottom:80px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>div{grid-column:auto;flex-direction:column;gap:.6rem}.contact-stamp{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-track,.alien{animation:none}*,*:before,*:after{transition-duration:.01ms!important}}

/* Keep the photo card's image and contrast layers inside its own stacking context. */
.card-photo{isolation:isolate;background:var(--black)}
.card-photo>img{z-index:0}
.card-photo>.photo-overlay{z-index:1}
.card-photo>.card-number,.card-photo>div:not(.photo-overlay),.card-photo>a{position:relative;z-index:2}
.card-cyan{background:var(--cyan);color:var(--ink)}
.ufo-sticker{position:absolute;right:7%;top:7%;width:112px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);font-size:4.8rem;line-height:1;box-shadow:6px 6px 0 var(--pink);transform:rotate(-8deg);animation:bob 5s ease-in-out infinite}
@media(max-width:600px){.ufo-sticker{width:82px;font-size:3.4rem;box-shadow:4px 4px 0 var(--pink)}}

.card-icon{animation:float-star 5.2s ease-in-out infinite}
.orbit-icon{animation:float-orbit 5.8s ease-in-out -.8s infinite}
.pulse{animation:float-pulse 4.9s ease-in-out -1.3s infinite}
@keyframes float-star{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-12px) rotate(14deg)}}
@keyframes float-orbit{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}
@keyframes float-pulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.ufo-sticker,.card-icon,.orbit-icon,.pulse{animation:none}}

.also-services{max-width:1280px;margin:clamp(4rem,7vw,7rem) auto 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,7rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:2px solid var(--ink)}
.also-intro .kicker{margin-bottom:1rem}.also-intro h3{margin:0;font:700 clamp(2.4rem,4vw,4.8rem)/.86 "Space Grotesk",sans-serif;letter-spacing:-.065em;text-transform:uppercase}
.also-list{border-top:1px solid var(--ink)}.also-list a{display:grid;grid-template-columns:minmax(150px,.85fr) 1.3fr auto;align-items:center;gap:1.2rem;padding:1.25rem .15rem;border-bottom:1px solid var(--ink);transition:padding .25s ease,background .25s ease}.also-list a:hover,.also-list a:focus-visible{padding-left:.8rem;padding-right:.8rem;background:var(--pink)}
.also-list span{font:700 clamp(1.1rem,2vw,1.6rem)/1 "Space Grotesk",sans-serif;text-transform:uppercase}.also-list small{font-size:.92rem;color:rgba(17,7,15,.67)}.also-list b{font-size:1.2rem}
@media(max-width:800px){.also-services{grid-template-columns:1fr}.also-list a{grid-template-columns:1fr auto}.also-list small{grid-column:1}.also-list b{grid-column:2;grid-row:1/3}}

@media(max-width:600px){
  .signal{transform:none}
  .hero,.manifesto,.contact,.also-services{grid-template-columns:minmax(0,1fr)}
  .hero-copy,.manifesto-copy,.contact-copy{min-width:0}
}

/* Make each experience card one semantic, keyboard-accessible link. */
.service-card .card-cta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid currentColor;font:700 .83rem/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.1em}
.card-photo>.card-cta{position:relative;z-index:2}
.service-card:focus-visible{outline:4px solid #fff;outline-offset:-8px}