:root{--bg:#11110f;--paper:#f3f0e8;--lime:#c9ff45;--coral:#ff6b55;--violet:#a99cff;--muted:#a7a59e;--line:rgba(255,255,255,.14);--radius:34px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:#10110e}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,69,.12),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;transition:opacity .3s}.topbar{position:fixed;z-index:80;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);background:rgba(17,17,15,.66);backdrop-filter:blur(18px);border-radius:999px}.logo{font:700 21px Space Grotesk}.logo span{color:var(--lime)}nav{display:flex;gap:28px;font-size:13px;color:#d1cfc7}nav a,.contact-links a{transition:color .2s}nav a:hover,.contact-links a:hover{color:var(--lime)}.status{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:10px 13px}.status i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--lime)}
.section{position:relative;width:min(1240px,calc(100% - 48px));margin:auto;padding:130px 0}.hero{min-height:100vh;padding-top:160px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--muted)}.hero-title{font:600 clamp(58px,9.7vw,142px)/.84 Space Grotesk;margin:35px 0 38px;letter-spacing:-.065em;position:relative;z-index:2}.title-line{display:block}.hero-title em,.section-head em,.contact h2 em{font-style:normal;color:var(--lime)}.hero-title .outline{color:transparent;-webkit-text-stroke:1.5px var(--paper)}.hero-bottom{display:flex;justify-content:flex-end;align-items:center;gap:50px}.hero-bottom>p{width:420px;font-size:18px;line-height:1.55;color:#c9c7c0}.round-cta{width:128px;height:128px;border-radius:50%;background:var(--lime);color:#11110f;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;transition:transform .25s}.round-cta b{font-size:24px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:orbit 16s linear infinite}.orbit:after{content:"";position:absolute;width:14px;height:14px;background:var(--coral);border-radius:50%;top:10%;left:15%;box-shadow:0 0 28px var(--coral)}.orbit-a{width:38vw;height:38vw;right:-12vw;top:12vh}.orbit-b{width:22vw;height:22vw;left:-9vw;bottom:10vh;animation-direction:reverse;animation-duration:12s}.ticker{width:100vw;margin-left:calc((1240px - 100vw)/2);position:absolute;bottom:0;display:flex;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;color:var(--lime);font:600 13px Space Grotesk;letter-spacing:.12em;white-space:nowrap}.ticker div{animation:ticker 20s linear infinite}
.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:40px;min-height:80vh;align-items:start}.big-copy{font:500 clamp(36px,5vw,72px)/1.1 Space Grotesk;letter-spacing:-.045em;margin:0;max-width:1000px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line)}.metrics div{padding:25px 15px;border-right:1px solid var(--line)}.metrics strong{font:600 45px Space Grotesk;display:block;color:var(--lime)}.metrics span{font-size:12px;color:var(--muted)}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:70px}.section-head h2,.contact h2{font:600 clamp(54px,8vw,110px)/.9 Space Grotesk;letter-spacing:-.06em;margin:0;text-align:right}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:55px 1.2fr 1fr 140px;gap:25px;align-items:center;padding:34px 12px;border-bottom:1px solid var(--line);transition:background .25s,color .25s,transform .25s;transform-style:preserve-3d}.service-row:hover{background:var(--paper);color:#151512}.service-row>span{font-size:11px;color:var(--muted)}.service-row h3{font:600 28px Space Grotesk;margin:0}.service-row p{font-size:13px;line-height:1.5;color:var(--muted)}.service-row b{text-align:right;font-size:13px}
.work{width:min(1400px,calc(100% - 30px))}.sticky-head{position:sticky;top:105px;z-index:1}.project-stack{position:relative;z-index:2;display:grid;gap:30px}.project-card{position:sticky;top:100px;min-height:720px;border-radius:var(--radius);padding:64px;color:#151512;display:grid;grid-template-columns:1fr .8fr;overflow:hidden;box-shadow:0 -18px 50px rgba(0,0,0,.22)}.project-card:nth-child(2){top:115px}.project-card:nth-child(3){top:130px}.project-card:nth-child(4){top:145px}.project-card:nth-child(5){top:160px}.project-lime{background:var(--lime)}.project-coral{background:var(--coral)}.project-violet{background:var(--violet)}.project-ink{background:#20221f;color:var(--paper)}.project-cream{background:var(--paper)}.project-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}.project-meta{width:100%;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.13em;font-size:10px;border-bottom:1px solid currentColor;padding-bottom:14px;opacity:.65}.project-copy h3{font:600 clamp(50px,7vw,96px)/.87 Space Grotesk;letter-spacing:-.06em;margin:60px 0 30px}.project-copy>p{max-width:530px;font-size:17px;line-height:1.55}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 35px}.tags span{border:1px solid currentColor;border-radius:999px;padding:8px 12px;font-size:11px}.project-copy>a{margin-top:auto;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:700;font-size:13px}.phone-stage{position:relative;height:100%;display:grid;place-items:center;perspective:1200px}.phone-stage video{height:590px;max-width:300px;width:auto;object-fit:cover;border:9px solid #171713;border-radius:40px;box-shadow:0 35px 70px rgba(0,0,0,.35);transform:rotate(4deg) translateZ(0)}.float-shot{position:absolute;width:170px;border:6px solid #171713;border-radius:24px;box-shadow:0 22px 45px rgba(0,0,0,.28);animation:float 4s ease-in-out infinite}.shot-a{left:-20px;bottom:50px;transform:rotate(-9deg)}.shot-b{right:-10px;top:65px;transform:rotate(8deg)}.shot-c{left:-10px;top:80px;transform:rotate(-8deg)}.compact-project{min-height:600px}.code-art{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center;padding:50px}.code-art span{border:1px solid rgba(255,255,255,.22);padding:28px;border-radius:20px;font:500 18px Space Grotesk;animation:pulse 3s infinite alternate}.code-art i{position:absolute;width:280px;height:280px;border:1px solid var(--lime);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(201,255,69,.15)}.browser-art{align-self:center;background:#151512;border-radius:25px;color:var(--paper);min-height:340px;padding:22px;transform:rotate(3deg);box-shadow:0 35px 70px rgba(0,0,0,.22)}.browser-art>div{display:flex;gap:7px}.browser-art i{width:8px;height:8px;background:var(--coral);border-radius:50%}.browser-art i:nth-child(2){background:var(--lime)}.browser-art i:nth-child(3){background:var(--violet)}.browser-art b{display:block;font:700 75px Space Grotesk;margin:70px 15px 15px;color:var(--lime)}.browser-art span{margin-left:18px;color:var(--muted);font-size:12px}
.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-grid li{min-height:330px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .25s,color .25s}.process-grid li:hover{background:var(--lime);color:#12120f}.process-grid span{font-size:11px;color:var(--muted)}.process-grid h3{font:600 28px Space Grotesk;margin-top:auto}.process-grid p{font-size:13px;line-height:1.55;color:var(--muted)}
.contact{min-height:90vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.contact h2{text-align:center;position:relative;z-index:2}.contact-button{position:relative;z-index:2;background:var(--paper);color:#151512;padding:22px 30px;border-radius:999px;font-weight:800;margin:50px 0;display:flex;gap:35px}.contact-button span{font-size:20px}.contact-links{position:relative;z-index:2;display:flex;gap:30px;color:var(--muted);font-size:13px}.contact-orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--coral),#452e65 45%,transparent 70%);filter:blur(12px);opacity:.6;animation:breathe 6s ease-in-out infinite}footer{max-width:1240px;margin:auto;padding:30px 0 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@keyframes ticker{to{transform:translateX(-100%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{translate:0 -15px}}@keyframes pulse{to{border-color:var(--lime);transform:translateY(-5px)}}@keyframes breathe{50%{transform:scale(1.16) rotate(8deg);filter:blur(28px)}}
@media(max-width:900px){.topbar nav{display:none}.status{font-size:0}.status i{margin:0}.section{width:min(100% - 28px,760px);padding:90px 0}.hero{padding-top:120px}.hero-title{font-size:clamp(52px,16vw,90px)}.hero-bottom{justify-content:space-between}.hero-bottom>p{width:55%;font-size:14px}.round-cta{width:105px;height:105px}.ticker{margin-left:-14px}.manifesto{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metrics div{border-bottom:1px solid var(--line)}.section-head{display:block}.section-head h2{text-align:left;margin-top:20px}.service-row{grid-template-columns:38px 1fr}.service-row p,.service-row b{grid-column:2;text-align:left;margin:0}.work{width:calc(100% - 18px)}.sticky-head{position:relative;top:auto}.project-card{position:relative!important;top:auto!important;min-height:850px;padding:32px 24px;grid-template-columns:1fr}.project-copy h3{margin:35px 0 15px;font-size:54px}.project-copy>a{margin-top:18px}.phone-stage{height:480px;margin-top:25px}.phone-stage video{height:460px;max-width:235px}.float-shot{width:130px}.compact-project{min-height:740px}.code-art{padding:20px}.browser-art{min-height:290px}.process-grid{grid-template-columns:1fr 1fr}.contact h2{font-size:54px}.contact-links{flex-wrap:wrap;justify-content:center}.cursor-glow{display:none}footer{margin:0 16px;gap:15px;flex-wrap:wrap}}
@media(max-width:520px){.hero-title{font-size:15vw}.hero-title .outline{-webkit-text-stroke:1px var(--paper)}.hero-bottom{align-items:flex-end}.hero-bottom>p{width:60%}.round-cta{width:92px;height:92px;font-size:11px}.metrics strong{font-size:36px}.service-row h3{font-size:23px}.project-card{min-height:780px}.project-copy h3{font-size:45px}.project-copy>p{font-size:14px}.phone-stage{height:410px}.phone-stage video{height:390px;max-width:200px}.float-shot{width:105px}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:240px}.contact h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Dynamic identity scene */
.identity{width:100%;max-width:none;padding:110px 0 150px;overflow:hidden}.identity-marquee{display:flex;width:max-content;border-block:1px solid var(--line);padding:13px 0;color:var(--lime);font:600 13px Space Grotesk;letter-spacing:.16em;white-space:nowrap;transform:rotate(-2deg) scale(1.03)}.identity-marquee div{animation:ticker 18s linear infinite}.identity-stage{position:relative;width:min(1180px,calc(100% - 48px));height:690px;margin:80px auto 0}.identity-stage>.section-index{position:absolute;left:0;top:0}.portrait{position:absolute;left:16%;top:20px;width:min(40vw,465px);height:590px;margin:0;overflow:hidden;border-radius:46% 46% 22px 22px;transform:rotate(-3deg);box-shadow:0 45px 100px rgba(0,0,0,.45);z-index:2}.portrait:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);border-radius:inherit;pointer-events:none}.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.06)}.portrait figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 16px;border-radius:999px;background:rgba(17,17,15,.72);backdrop-filter:blur(14px);font:600 11px Space Grotesk;letter-spacing:.1em;text-align:center}.identity-copy{position:absolute;right:0;top:115px;width:50%;z-index:3}.identity-copy p{margin:0 0 35px;font:600 clamp(42px,5.8vw,78px)/.91 Space Grotesk;letter-spacing:-.06em}.identity-copy span{display:block;margin-left:42%;font-size:14px;line-height:1.7;color:var(--muted)}.floating-label{position:absolute;z-index:4;padding:11px 15px;border-radius:999px;font:700 10px Space Grotesk;letter-spacing:.12em;color:#11110f}.label-one{left:9%;bottom:75px;background:var(--coral);transform:rotate(7deg);animation:float 4.6s ease-in-out infinite}.label-two{right:3%;bottom:58px;background:var(--violet);transform:rotate(-5deg);animation:float 5.2s ease-in-out infinite reverse}.identity-ring{position:absolute;right:4%;top:20px;width:150px;height:150px;border:1px solid var(--line);border-radius:50%;animation:orbit 14s linear infinite}.identity-ring:after{content:"D/PY";position:absolute;inset:0;display:grid;place-items:center;color:var(--lime);font:700 25px Space Grotesk}.identity-ring span{position:absolute;width:100%;text-align:center;top:-8px;font-size:8px;letter-spacing:.14em;color:var(--muted)}
@media(max-width:900px){.identity{width:100%;padding:80px 0 100px}.identity-stage{height:750px;width:calc(100% - 28px)}.portrait{left:3%;top:75px;width:min(72vw,430px);height:535px}.identity-copy{right:0;top:390px;width:72%}.identity-copy p{font-size:clamp(38px,9vw,66px)}.identity-copy span{margin-left:22%}.identity-ring{right:3%;top:20px;width:105px;height:105px}.label-one{left:1%;bottom:55px}.label-two{right:1%;bottom:5px}}
@media(max-width:520px){.identity-stage{height:680px}.portrait{width:83vw;height:475px}.identity-copy{top:420px;width:94%}.identity-copy p{font-size:42px}.identity-copy span{font-size:12px;margin-left:35%}.identity-ring{display:none}}
/* Real project media */
.cdo-bot-gallery,.site-gallery{position:relative;min-height:500px;align-self:center}.cdo-bot-gallery img{position:absolute;width:210px;border:7px solid #11110f;border-radius:30px;box-shadow:0 28px 60px rgba(0,0,0,.4);transition:transform .35s}.cdo-bot-gallery img:nth-child(1){left:3%;top:45px;transform:rotate(-9deg)}.cdo-bot-gallery img:nth-child(2){left:31%;top:5px;z-index:2;transform:rotate(2deg)}.cdo-bot-gallery img:nth-child(3){right:0;top:65px;transform:rotate(10deg)}.cdo-bot-gallery:hover img:nth-child(1){transform:translateX(-18px) rotate(-12deg)}.cdo-bot-gallery:hover img:nth-child(3){transform:translateX(18px) rotate(13deg)}.site-gallery{perspective:1200px}.site-gallery img{position:absolute;width:96%;border:7px solid #151512;border-radius:20px;box-shadow:0 35px 70px rgba(0,0,0,.3)}.site-gallery img:first-child{right:0;top:45px;transform:rotateY(-7deg) rotateZ(2deg)}.site-gallery img:last-child{left:-8%;bottom:25px;width:72%;transform:rotateY(7deg) rotateZ(-4deg)}
@media(max-width:900px){.cdo-bot-gallery,.site-gallery{min-height:470px;margin-top:25px}.cdo-bot-gallery img{width:170px}.cdo-bot-gallery img:nth-child(1){left:8%}.cdo-bot-gallery img:nth-child(2){left:36%}.cdo-bot-gallery img:nth-child(3){right:6%}}
@media(max-width:520px){.cdo-bot-gallery,.site-gallery{min-height:390px}.cdo-bot-gallery img{width:125px;border-width:5px;border-radius:22px}.cdo-bot-gallery img:nth-child(1){left:4%}.cdo-bot-gallery img:nth-child(2){left:34%}.cdo-bot-gallery img:nth-child(3){right:2%}.site-gallery img{border-width:5px}.site-gallery img:last-child{bottom:70px}}