/* Production portfolio layer */
.hero{min-height:calc(100vh - 84px);padding-right:43vw;overflow:hidden}
.hero-media{position:absolute;z-index:-1;right:0;top:0;width:52vw;height:calc(100% - 62px);margin:0;overflow:hidden;border-left:1px solid var(--line)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(8,10,18,.42) 30%,transparent 68%),linear-gradient(0deg,rgba(8,10,18,.7),transparent 40%)}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% center}
.hero-media figcaption{position:absolute;z-index:2;left:11%;right:9%;bottom:42px;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border:1px solid rgba(255,255,255,.22);background:rgba(6,8,15,.64);backdrop-filter:blur(10px);font:700 9px Orbitron;letter-spacing:1px}
.hero-media figcaption span{color:var(--cyan)}.hero-media figcaption strong{font-size:8px;color:#d7dbea}
.hero h1{font-size:clamp(58px,7.5vw,120px)}
.brand img{width:64px;height:40px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(0,212,255,.12))}

.proof{background:#090c16;color:var(--white);padding-top:120px}
.proof-showcase{display:grid;grid-template-columns:1.15fr .85fr;min-height:700px;border:1px solid var(--line);background:#0d101c}
.proof-image{position:relative;overflow:hidden;min-height:620px}.proof-image img{width:100%;height:100%;object-fit:cover}
.proof-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,14,.72),transparent 45%)}
.proof-image>span{position:absolute;z-index:2;left:28px;bottom:26px;font:700 9px Orbitron;letter-spacing:2px;color:var(--cyan)}
.proof-copy{padding:clamp(40px,6vw,88px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 10%,rgba(162,89,255,.16),transparent 38%)}
.proof-copy h2{margin:22px 0;font-size:clamp(40px,5vw,72px)}.proof-copy>p{color:var(--muted);font-size:16px;line-height:1.75}
.proof-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.proof-badges b{border:1px solid #3d4358;padding:10px 12px;font:700 8px Orbitron;letter-spacing:1px;color:#d9deea}
.proof .metrics{margin-top:75px;border-color:var(--line)}.proof .metrics article{border-color:var(--line)}.proof .metrics span{color:#fff}.proof .metrics p{color:var(--muted)}

.product-motion{background:linear-gradient(180deg,#0d101c,#080a12);overflow:hidden}
.motion-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:10vw;margin-bottom:60px}
.motion-head h2{font-size:clamp(40px,5.2vw,76px);line-height:1.04;letter-spacing:-2px;margin-top:20px}.motion-head>p{color:var(--muted);font-size:17px;line-height:1.75}
.motion-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.motion-stage article{padding:14px 14px 30px;background:#10131f;border:1px solid var(--line);overflow:hidden}
.motion-image{height:520px;overflow:hidden;background:#05060b;position:relative}.motion-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.motion-image img{width:100%;height:100%;object-fit:cover;animation:productFloat 7s ease-in-out infinite alternate;will-change:transform}.motion-stage article:nth-child(2) img{animation-delay:-2.3s}.motion-stage article:nth-child(3) img{animation-delay:-4.6s}
@keyframes productFloat{0%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.07) translate3d(0,-8px,0)}100%{transform:scale(1.04) translate3d(0,7px,0)}}
.motion-stage article>span{display:block;margin:24px 14px 0;color:var(--cyan);font:700 8px Orbitron;letter-spacing:1.5px}.motion-stage h3{font-size:24px;margin:12px 14px}.motion-stage p{margin:0 14px;color:var(--muted);font-size:13px;line-height:1.6}
.motion-deliverables{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding:20px 0;border-block:1px solid var(--line);font:700 8px Orbitron;letter-spacing:1.2px;color:#c9cedc}.motion-deliverables i{width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 10px var(--purple)}

.process{background:#080a12;color:var(--white)}
.process-head{display:grid;grid-template-columns:1fr 1.25fr .75fr;align-items:end;gap:5vw;margin-bottom:58px}.process-head>.kicker{align-self:start;margin-top:9px}.process-head h2{margin:0}.process-head>p{color:var(--muted);line-height:1.7;font-size:15px}
.process .steps{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.process .steps article{padding:0;border:0!important;background:#0d101b;display:grid;grid-template-columns:1.1fr .9fr;min-height:440px;overflow:hidden}
.process .steps article img{width:100%;height:100%;object-fit:cover;min-height:440px;transition:.5s}.process .steps article:hover img{transform:scale(1.035)}
.process .steps article>div{padding:36px;display:flex;flex-direction:column;justify-content:center}.process .steps article span{color:var(--purple);font:700 10px Orbitron}.process .steps article h3{font-size:28px;margin:44px 0 16px;color:#fff}.process .steps article p{color:var(--muted);line-height:1.65;margin:0}.process .steps article b{font:700 8px Orbitron;line-height:1.5;letter-spacing:1px;color:var(--cyan);margin-top:28px}
.contact-email{display:inline-block;margin-top:34px;color:var(--cyan);text-decoration:none;font:700 clamp(14px,1.5vw,20px) Orbitron;letter-spacing:.5px;border-bottom:1px solid rgba(0,212,255,.35);padding-bottom:8px}

.service-grid{border:0;gap:2px;background:var(--line)}
.service-grid article{padding:0!important;margin:0!important;border:0!important;background:var(--ink);overflow:hidden;display:grid;grid-template-rows:280px 1fr;transition:.35s}
.service-grid article img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04);transition:.45s}
.service-grid article>div{padding:38px 42px 42px}
.service-grid article:hover img{transform:scale(1.035);filter:saturate(1.08)}
.service-grid article:hover{transform:none!important;background:#101424}
.service-grid article h3{margin-top:30px}

.work{padding-top:130px;background:#f4f5f8;color:#0b0d16}
.work-head{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end;margin-bottom:60px}
.work-head h2{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-2px;margin-top:20px}
.work-head>p{color:#686f82;line-height:1.75;font-size:17px}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.work-grid article{position:relative;min-height:620px;overflow:hidden;background:#0c0f19;color:#fff;display:flex;align-items:flex-end}
.work-grid article.wide{grid-column:span 2;min-height:600px}
.work-grid article img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}
.work-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,14,.96) 0%,rgba(5,7,14,.58) 42%,transparent 76%)}
.work-grid article.wide:after{background:linear-gradient(90deg,rgba(5,7,14,.97) 0%,rgba(5,7,14,.72) 42%,transparent 72%)}
.work-grid article.wide.reverse:after{background:linear-gradient(270deg,rgba(5,7,14,.97) 0%,rgba(5,7,14,.72) 42%,transparent 72%)}
.work-grid article:hover img{transform:scale(1.025)}
.work-copy{position:relative;z-index:2;padding:44px;max-width:650px}
.wide.reverse .work-copy{margin-left:auto}.work-copy span{font:700 9px Orbitron;letter-spacing:1.5px;color:var(--cyan)}
.work-copy h3{font-size:clamp(24px,3vw,43px);line-height:1.12;margin:18px 0 14px;letter-spacing:-1px}
.work-copy p{color:#c0c5d4;line-height:1.65;max-width:580px}.work-copy b{display:block;margin-top:26px;font:700 8px Orbitron;letter-spacing:1.5px;color:var(--purple)}

.engine{grid-template-columns:.72fr 1.28fr;align-items:center}.engine-visual{position:relative;min-height:570px;overflow:hidden;border:1px solid var(--line)}
.engine-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.engine-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,14,.93),transparent 58%)}
.engine-visual .outputs{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;background:rgba(5,7,14,.76);backdrop-filter:blur(12px)}

.viral{grid-template-columns:1.15fr .85fr;gap:7vw;background:radial-gradient(circle at 80% 50%,rgba(162,89,255,.12),transparent 32%)}
.viral-visual{height:680px;position:relative;overflow:hidden;border:1px solid var(--line)}
.viral-visual img{width:100%;height:100%;object-fit:cover}
.viral-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,14,.68),transparent 35%)}
.viral-visual span{position:absolute;z-index:2;left:28px;bottom:26px;font:700 9px Orbitron;letter-spacing:2px;color:var(--cyan)}
.viral-mark{font-size:clamp(45px,6vw,90px);margin-bottom:45px}

.footer-wordmark{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.footer-wordmark b{font:800 26px Orbitron;letter-spacing:-2px;color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 18px rgba(162,89,255,.45)}.footer-wordmark span{font:700 10px Orbitron;letter-spacing:2px}

@media(max-width:1050px){.hero{padding-right:7vw;padding-bottom:430px}.hero-media{top:auto;bottom:62px;width:100%;height:420px;border-left:0;border-top:1px solid var(--line)}.hero-media:after{background:linear-gradient(0deg,rgba(8,10,18,.72),transparent 55%)}.proof-showcase{grid-template-columns:1fr}.proof-image{min-height:520px}.motion-head,.work-head,.process-head{grid-template-columns:1fr}.motion-stage{grid-template-columns:1fr 1fr}.motion-stage article:last-child{grid-column:span 2}.process .steps{grid-template-columns:1fr}.work-grid article{min-height:540px}.engine{grid-template-columns:1fr}.viral{grid-template-columns:1fr}.viral-visual{height:540px}}
@media(max-width:700px){.hero{padding-bottom:350px}.hero-media{height:340px}.hero-media figcaption strong{display:none}.proof-image{min-height:420px}.proof-copy{padding:35px 28px}.motion-stage{grid-template-columns:1fr}.motion-stage article:last-child{grid-column:auto}.motion-image{height:430px}.motion-deliverables{justify-content:flex-start;overflow:hidden;white-space:nowrap}.service-grid{grid-template-columns:1fr}.service-grid article{grid-template-rows:230px 1fr}.service-grid article>div{padding:30px}.work-grid{grid-template-columns:1fr}.work-grid article,.work-grid article.wide{grid-column:auto;min-height:500px}.work-grid article.wide:after,.work-grid article.wide.reverse:after{background:linear-gradient(0deg,rgba(5,7,14,.96),rgba(5,7,14,.48) 55%,transparent 82%)}.wide.reverse .work-copy{margin-left:0}.work-copy{padding:30px}.engine-visual{min-height:520px}.engine-visual .outputs{left:12px;right:12px;bottom:12px;grid-template-columns:1fr 1fr}.viral-visual{height:440px}.process .steps article{grid-template-columns:1fr;min-height:0}.process .steps article img{min-height:280px;height:280px}.process .steps article>div{padding:30px}.process .steps article h3{margin-top:28px}.contact-email{font-size:12px;word-break:break-all}.footer-wordmark span{font-size:8px}}