:root{--bg:#060712;--bg-soft:#0d0e1a;--card:#10111f;--text:#f7f7fb;--muted:#a5a6b4;--line:rgba(255,255,255,.12);--purple:#9b36ff;--blue:#478cff;--cyan:#68d7ff;--max:1280px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.03;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='.5'/%3E%3C/svg%3E")}.section-pad{max-width:var(--max);margin:0 auto;padding:120px 40px}.site-header{height:86px;max-width:var(--max);margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.brand{display:block;width:230px;height:54px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.nav{display:flex;align-items:center;gap:30px}.nav>a{font-size:.88rem;color:#c8c9d2;transition:.25s}.nav>a:hover{color:white}.nav .nav-cta{padding:12px 18px;border:1px solid var(--line);border-radius:999px;color:white;background:rgba(255,255,255,.04)}.nav-cta span{color:var(--cyan);margin-left:8px}.menu-button{display:none;background:none;border:0;width:42px;height:42px}.menu-button span{display:block;width:22px;height:1px;background:#fff;margin:7px auto}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:120px}.hero::before{content:"";position:absolute;width:620px;height:620px;left:-260px;top:0;background:radial-gradient(circle,rgba(95,55,255,.18),transparent 68%);pointer-events:none}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:700;color:#bfc0cc}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:24px;height:1px;background:linear-gradient(90deg,var(--purple),var(--cyan))}.hero h1,.section-heading h2,.case-copy h2,.about-copy h2,.contact h2{font-weight:500;line-height:.96;letter-spacing:-.055em;margin:20px 0}.hero h1{font-size:clamp(4rem,6.7vw,6.6rem)}h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:transparent;background:linear-gradient(110deg,#a64cff,#5a80ff 55%,#7ce4ff);background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:590px;font-size:1.17rem;color:var(--muted);line-height:1.7}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:0 22px;border-radius:999px;border:1px solid var(--line);font-weight:650;font-size:.9rem;transition:.25s}.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}.button-primary{background:linear-gradient(110deg,#7d26ef,#3e74ff);border-color:transparent}.button-ghost{background:rgba(255,255,255,.035)}.button-light{background:#fff;color:#080912;border-color:#fff}.hero-metrics{display:flex;gap:40px;margin-top:58px;padding-top:26px;border-top:1px solid var(--line);max-width:560px}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-size:1.6rem;font-weight:500}.hero-metrics span{font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-deck{height:630px;position:relative;perspective:1200px}.orbit{position:absolute;border:1px solid rgba(125,115,255,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:620px;height:620px}.orbit-two{width:480px;height:480px;border-style:dashed;animation:spin 30s linear infinite}.deck-card{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:20px;overflow:hidden;background:#111;box-shadow:0 30px 100px rgba(0,0,0,.55)}.deck-card img{width:100%;height:100%;object-fit:cover}.deck-back{width:50%;height:32%;right:0;top:5%;transform:rotate(8deg);opacity:.55}.deck-middle{width:60%;height:39%;left:0;bottom:4%;transform:rotate(-7deg);opacity:.7}.deck-front{width:78%;height:58%;left:12%;top:20%;transform:rotate(1.5deg);z-index:3}.deck-front::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,3,10,.75),transparent 55%)}.deck-label{position:absolute;z-index:3;left:26px;top:24px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(5,6,14,.72);backdrop-filter:blur(12px);display:flex;flex-direction:column}.deck-label span{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#b7b9c7}.deck-label strong{font-size:.92rem}.play-fab{position:absolute;z-index:5;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,var(--purple),var(--blue));cursor:pointer}.deck-note{position:absolute;right:0;bottom:5%;z-index:5;font-family:Georgia,serif;font-style:italic;color:#c6c7d0;font-size:.9rem}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px max(40px,calc((100vw - var(--max))/2 + 40px));display:flex;align-items:center;gap:46px;background:rgba(255,255,255,.015)}.trust-strip p{white-space:nowrap;color:#797b89;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.client-list{display:flex;align-items:center;gap:40px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.client-list span{white-space:nowrap;color:#bfc0ca;font-size:.88rem;font-weight:600}.section-heading{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:80px;margin-bottom:58px}.section-heading h2,.case-copy h2,.about-copy h2{font-size:clamp(2.8rem,5vw,5rem)}.section-heading>p{color:var(--muted);font-size:1.05rem;max-width:520px}.kicker{color:#8d90a1;margin:0}.service-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px}.service-card{position:relative;min-height:460px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:rgba(117,116,255,.45)}.featured-service{background:radial-gradient(circle at 80% 5%,rgba(114,62,255,.36),transparent 36%),linear-gradient(145deg,#15162a,#0c0d18)}.service-number{font-size:.72rem;color:#7d7f90}.service-icon{width:110px;height:110px;margin:45px auto 54px;position:relative}.layered-icon i{position:absolute;width:76px;height:50px;border:1px solid rgba(255,255,255,.7);border-radius:9px;left:17px;transform:rotate(-12deg);background:linear-gradient(135deg,rgba(163,51,255,.4),rgba(63,133,255,.22))}.layered-icon i:nth-child(1){top:8px}.layered-icon i:nth-child(2){top:26px;left:7px}.layered-icon i:nth-child(3){top:45px;left:27px}.document-icon{width:74px;height:94px;border:1px solid #8d8fa0;border-radius:9px;background:linear-gradient(145deg,#25273a,#10111b)}.document-icon::after{content:"";position:absolute;left:18px;right:18px;top:23px;height:2px;background:var(--purple);box-shadow:0 13px 0 #494b60,0 26px 0 #494b60,0 39px 0 #494b60}.frame-icon{border:1px solid #8d8fa0;border-radius:50%;display:grid;place-items:center}.frame-icon i{display:block;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 0 30px rgba(110,84,255,.5)}.service-card h3{font-size:1.45rem;margin:0 0 10px}.service-card p{color:var(--muted);font-size:.92rem}.service-card ul{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:22px 0 0;list-style:none}.service-card li{font-size:.68rem;border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:#b9bac4}.works{max-width:1460px}.works-heading{align-items:end}.filters{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 13px;color:#999ba9;cursor:pointer;font-size:.77rem}.filter.active,.filter:hover{color:white;border-color:#5c61a8;background:#17192a}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-card{position:relative;height:430px;padding:0;border:0;border-radius:24px;overflow:hidden;background:#111;cursor:pointer;text-align:left;transition:.3s}.work-card.hidden{display:none}.work-card img{width:100%;height:100%;object-fit:cover;transition:.55s}.work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,13,.92),transparent 58%)}.work-card:hover{transform:translateY(-5px)}.work-card:hover img{transform:scale(1.035)}.work-wide{grid-column:span 2;height:580px}.work-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;display:grid;grid-template-columns:1fr auto;align-items:end}.work-overlay small{grid-column:1;color:#a6a8b6;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.work-overlay strong{font-size:1.4rem}.work-overlay i{grid-column:2;grid-row:1/3;width:50px;height:50px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-style:normal}.case-study{max-width:1460px;display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:center}.case-visual{position:relative}.case-visual img{border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.award-badge{position:absolute;right:-28px;top:-28px;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1.1;background:linear-gradient(135deg,#f5d78b,#9d652e);color:#16100a;font-family:Georgia,serif;font-style:italic;transform:rotate(9deg)}.case-copy>p:not(.kicker){color:var(--muted);font-size:1.05rem}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0;border-top:1px solid var(--line);padding-top:22px}.case-facts div{display:flex;flex-direction:column}.case-facts span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#77798a}.case-facts strong{font-size:.85rem;margin-top:7px}.text-link{border:0;border-bottom:1px solid #6d6f80;background:none;padding:0 0 7px;cursor:pointer}.text-link span{color:var(--cyan);margin-left:18px}.process-list{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-list li{min-height:220px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.process-list li>span{font-size:.72rem;color:#777989}.process-list strong{margin-top:auto;font-size:1.18rem}.process-list p{color:var(--muted);font-size:.86rem;margin:8px 0 0}.about{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:center}.about-mark{height:430px;border:1px solid var(--line);border-radius:30px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(102,56,255,.35),transparent 48%)}.about-mark span{font-size:13rem;line-height:1;font-weight:800;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);z-index:2}.about-mark i{position:absolute;width:280px;height:280px;border:1px solid rgba(90,132,255,.35);border-radius:45%;transform:rotate(25deg)}.about-mark i:last-child{width:360px;height:360px;transform:rotate(-10deg);border-color:rgba(162,51,255,.25)}.about-copy>p:not(.kicker){color:var(--muted);font-size:1.06rem;max-width:700px}.about-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.about-points span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);font-size:.74rem}.contact{max-width:1460px;min-height:570px;border-radius:34px;margin-top:80px;margin-bottom:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#15122b,#090a15 70%);border:1px solid var(--line)}.contact-glow{position:absolute;width:700px;height:700px;left:50%;bottom:-570px;transform:translateX(-50%);border-radius:50%;background:#7446ff;filter:blur(80px);opacity:.75}.contact>*:not(.contact-glow){position:relative}.contact h2{font-size:clamp(3.4rem,6.4vw,6.7rem)}.contact>p:not(.kicker){color:#b0b1bd;max-width:620px}.button-light:hover{background:#e7e7eb}.contact .button-ghost{background:rgba(0,0,0,.18)}footer{max-width:var(--max);padding:50px 40px;margin:auto;display:grid;grid-template-columns:220px 1fr auto;gap:40px;align-items:center;color:#7f8190;font-size:.78rem}footer img{width:200px}footer p{text-align:center}.project-modal{width:min(1040px,calc(100vw - 32px));max-height:90vh;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:25px;background:#0b0c17;color:#fff;box-shadow:0 35px 120px #000;overflow:auto}.project-modal::backdrop{background:rgba(2,3,9,.82);backdrop-filter:blur(10px)}.modal-close{position:absolute;z-index:3;right:16px;top:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(3,4,10,.72);font-size:1.5rem;cursor:pointer}.modal-media{position:relative;aspect-ratio:16/9;background:#05060c}.modal-media img{width:100%;height:100%;object-fit:cover}.modal-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0c17,transparent 25%)}.video-ready{position:absolute;z-index:2;left:24px;top:24px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;padding:8px 11px;border-radius:999px;background:rgba(6,7,18,.75);border:1px solid rgba(255,255,255,.2)}.modal-copy{padding:8px 34px 34px}.modal-copy>p:first-child{color:#898b9a;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem}.modal-copy h2{font-size:clamp(2rem,5vw,3.8rem);margin:10px 0;line-height:1}.modal-copy>p{color:#b2b4c0}.modal-actions{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.modal-actions a{color:#87b2ff;font-weight:600}.modal-actions span{font-size:.74rem;color:#6f7180}.project-modal[open]{animation:modal-in .35s ease}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){.site-header{padding:0 24px}.menu-button{display:block}.nav{display:none;position:absolute;left:20px;right:20px;top:76px;flex-direction:column;align-items:stretch;padding:22px;border-radius:18px;background:#11121f;border:1px solid var(--line)}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-lead,.hero-metrics{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-deck{height:580px;max-width:720px;width:100%;margin:auto}.section-heading,.case-study,.about{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-icon{margin:25px auto}.section-heading{gap:20px}.filters{justify-content:flex-start}.case-study{gap:40px}.about-mark{height:330px}.contact{margin-left:20px;margin-right:20px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer p{text-align:center}}
@media(max-width:640px){.section-pad{padding:84px 20px}.site-header{height:74px}.brand{width:185px;height:45px}.hero{padding-top:48px}.hero h1{font-size:3.5rem}.hero-actions{flex-direction:column}.button{width:100%}.hero-metrics{gap:18px;justify-content:space-between}.hero-metrics strong{font-size:1.35rem}.hero-deck{height:420px}.orbit-one{width:420px;height:420px}.orbit-two{width:330px;height:330px}.deck-front{width:90%;left:5%;height:55%}.deck-back{width:58%}.deck-middle{width:64%}.deck-note{display:none}.trust-strip{padding:22px 20px;display:block}.trust-strip p{margin:0 0 13px}.service-card{padding:23px}.work-grid{grid-template-columns:1fr}.work-card,.work-wide{grid-column:auto;height:300px}.work-wide{height:340px}.work-overlay{left:20px;right:20px;bottom:18px}.work-overlay strong{font-size:1rem}.work-overlay i{width:42px;height:42px}.case-facts{grid-template-columns:1fr}.process-list{grid-template-columns:1fr}.about{gap:35px}.about-mark span{font-size:9rem}.contact{min-height:560px;margin-top:40px;margin-bottom:40px}.contact h2{font-size:3.4rem}.modal-copy{padding:6px 22px 26px}.modal-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}