:root{--black:#080808;--ink:#101010;--paper:#f2f0eb;--white:#fff;--red:#ca3e35;--red-highlight:#d84338;--muted:#989898;--line:#292929;--pad:clamp(1.25rem,5vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;width:100%}.grain{position:fixed;inset:-50%;z-index:99;pointer-events:none;opacity:.035;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");animation:grain .2s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,-2%)}100%{transform:translate(-2%,-1%)}}
.nav{height:88px;position:fixed;top:0;left:0;width:100%;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);transition:.4s;border-bottom:1px solid transparent}.nav.scrolled{height:72px;background:rgba(8,8,8,.84);backdrop-filter:blur(14px);border-color:#222}.brand{display:flex;align-items:center;gap:.65rem;font:700 .72rem/1.05 Manrope;letter-spacing:.12em}.brand img{width:36px;height:36px;object-fit:contain}.menu{display:flex;gap:2.1rem;font-size:.9rem}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--red);transition:.25s}.menu a:hover:after{width:100%}.nav-cta{font-size:.88rem;border:1px solid #666;padding:.75rem 1rem}.nav-cta span{color:var(--red);margin-left:.5rem}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:white;margin:6px}
.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.2) 60%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}.hero-copy{position:relative;z-index:2;width:100%;padding:0 var(--pad) 8vh}.eyebrow,.section-index{font:600 .7rem Manrope;letter-spacing:.18em;text-transform:uppercase;color:#aaa}.eyebrow{display:flex;align-items:center;gap:.7rem}.eyebrow span{width:24px;height:2px;background:var(--red)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(4rem,10.4vw,10.5rem);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;max-width:1200px}h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.05em;color:var(--red)}.hero-foot{display:flex;justify-content:space-between;align-items:end;margin-top:3.5rem;border-top:1px solid rgba(255,255,255,.3);padding-top:1.3rem}.hero-foot>p{max-width:390px;font-size:1.05rem;line-height:1.55;color:#ddd}.play{display:flex;align-items:center;gap:1rem;color:white;background:none;border:0;text-align:left;cursor:pointer}.play i{width:54px;height:54px;border-radius:50%;border:1px solid white;display:grid;place-items:center;font-style:normal;padding-left:3px;transition:.3s}.play:hover i{background:var(--red);border-color:var(--red);transform:scale(1.08)}.play small{color:#999}.scroll-note{position:absolute;z-index:2;right:var(--pad);bottom:2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;writing-mode:vertical-rl}.scroll-note span{color:var(--red);margin-top:.6rem}.frame-count{position:absolute;z-index:2;top:50%;right:1rem;transform:rotate(90deg);font-size:.65rem;letter-spacing:.2em;color:#bbb}
.section-pad{padding:clamp(6rem,11vw,11rem) var(--pad)}.manifesto{background:var(--paper);color:var(--black)}.manifesto-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;margin-top:4rem}.manifesto h2,.section-head h2,.contact h2{font-size:clamp(3rem,7vw,7.5rem);line-height:.92;letter-spacing:-.065em;text-transform:uppercase}.manifesto h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;text-transform:none;color:var(--red)}.manifesto-copy{padding-top:1rem}.manifesto-copy p{font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.65;margin:0 0 1.5rem}.text-link{display:inline-flex;gap:2rem;border-bottom:1px solid;padding:.6rem 0;margin-top:1rem}.text-link span{color:var(--red)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:8rem;border-top:1px solid #bbb;padding-top:2rem}.stats div{display:flex;flex-direction:column}.stats strong{font:600 clamp(3rem,6vw,6rem) Manrope;color:var(--red);letter-spacing:-.06em}.stats span{font-size:.9rem;color:#555}
.section-head{display:grid;grid-template-columns:.35fr 1fr .4fr;align-items:end;gap:2rem;margin-bottom:4rem}.section-head h2{grid-column:2}.section-head>p:last-child{color:#aaa;line-height:1.6;max-width:320px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project{height:min(50vw,590px);position:relative;overflow:hidden;cursor:pointer;background:#181818}.project-wide{grid-column:1/-1;height:min(57vw,760px)}.project img{height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.75)}.project:hover img{transform:scale(1.035);filter:saturate(1)}.project-overlay{position:absolute;inset:0;padding:2rem;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%)}.project-overlay p{margin:0 0 .6rem;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#ccc}.project-overlay h3{font-size:clamp(1.5rem,3vw,3.5rem);text-transform:uppercase;letter-spacing:-.04em}.project-overlay button{width:52px;height:52px;border-radius:50%;border:1px solid white;background:rgba(0,0,0,.15);color:white;font-size:1.3rem;cursor:pointer}.all-work{margin-top:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0;display:flex;align-items:center;justify-content:space-between;font:500 clamp(1.5rem,3vw,3rem) Manrope}.all-work b{color:var(--red)}
.services{background:var(--red);color:var(--black)}.services .section-index{color:#240300}.service-list{margin-top:3rem;border-top:1px solid rgba(0,0,0,.4)}.service{display:grid;grid-template-columns:60px 1fr .65fr 50px;align-items:center;gap:1rem;padding:2.2rem 0;border-bottom:1px solid rgba(0,0,0,.4);transition:.25s}.service:hover{padding-left:1rem;background:rgba(255,255,255,.08)}.service>span{font-size:.75rem}.service h3{font-size:clamp(1.8rem,4vw,4.4rem);letter-spacing:-.045em;text-transform:uppercase}.service p{max-width:320px}.service b{font-size:1.5rem}
.process{background:#111}.process .section-head{grid-template-columns:.35fr 1fr}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid article{padding:2.5rem;border-right:1px solid var(--line);min-height:320px}.process-grid article:last-child{border:0}.process-grid span{color:var(--red);font-size:.75rem}.process-grid h3{font-size:clamp(2.4rem,4vw,4.5rem);text-transform:uppercase;margin:3rem 0 5rem;letter-spacing:-.05em}.process-grid p{color:#aaa;line-height:1.7}.client-strip{padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden}.client-strip>p{padding:0 var(--pad);white-space:nowrap;color:#777;text-transform:uppercase;font-size:.7rem;letter-spacing:.15em}.marquee{overflow:hidden;flex:1}.marquee div{display:flex;gap:5rem;width:max-content;animation:marquee 22s linear infinite}.marquee span{font:600 1.15rem Manrope;color:#888;white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}
.contact{background:var(--paper);color:var(--black)}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:10vw;margin-top:4rem}.contact-grid>div>p{max-width:480px;font-size:1.15rem;line-height:1.65;margin-top:2rem}.contact form{display:flex;flex-direction:column;gap:1.7rem}.contact label{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:600;gap:.5rem}.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid #999;background:transparent;border-radius:0;padding:.75rem 0;color:var(--black);font-size:1rem;text-transform:none;letter-spacing:0;outline:none}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--red)}.submit{border:0;background:var(--black);color:white;padding:1.2rem 1.4rem;display:flex;justify-content:space-between;cursor:pointer;margin-top:1rem}.submit span{color:var(--red)}.form-note{font-size:.72rem;color:#777;margin:0}.contact-details{display:flex;gap:3rem;align-items:center;border-top:1px solid #bbb;margin-top:6rem;padding-top:2rem}.contact-details a{font-weight:600}.contact-details p{margin-left:auto;color:#666}
footer{padding:3rem var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:center;border-top:1px solid var(--line)}footer>p{text-align:center;color:#777}footer>div{display:flex;justify-content:flex-end;gap:1.5rem;font-size:.85rem}footer small{grid-column:1/-1;color:#555;border-top:1px solid #1c1c1c;padding-top:1.5rem}
.video-modal{width:min(1100px,94vw);border:0;padding:0;background:#000;overflow:visible}.video-modal::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}.video-wrap{aspect-ratio:16/9}.video-wrap iframe{width:100%;height:100%;border:0}.modal-close{position:absolute;right:0;top:-45px;background:none;border:0;color:white;font-size:2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.cursor{position:fixed;z-index:100;pointer-events:none;width:12px;height:12px;border-radius:50%;background:var(--red);mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s}
@media(max-width:800px){.cursor{display:none}.nav{height:72px}.nav-cta{display:none}.menu-toggle{display:block;z-index:2}.menu{position:fixed;inset:0;background:var(--black);display:flex;flex-direction:column;justify-content:center;align-items:center;font:600 2.3rem Manrope;transform:translateY(-100%);transition:.5s}.menu.open{transform:none}.hero{min-height:640px}.hero-copy{padding-bottom:5rem}h1{font-size:clamp(3.8rem,17vw,7rem)}.hero-foot{align-items:flex-start;gap:2rem}.hero-foot>p{font-size:.9rem}.scroll-note,.frame-count{display:none}.manifesto-grid,.contact-grid{grid-template-columns:1fr}.manifesto-grid{gap:3rem}.stats{grid-template-columns:1fr;margin-top:5rem;gap:2rem}.section-head{display:block}.section-head h2{margin:1.5rem 0 2rem}.work-grid{grid-template-columns:1fr}.project,.project-wide{grid-column:auto;height:68vw;min-height:320px}.service{grid-template-columns:35px 1fr 35px}.service p{display:none}.process .section-head{display:block}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.process-grid h3{margin:2rem 0}.contact-details{align-items:flex-start;flex-direction:column;gap:1rem}.contact-details p{margin:0}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.marquee div,.hero-bg{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Approved final direction */
.hero-bg{position:absolute;inset:-3%;background:url('assets/hero-set.png') center/cover no-repeat;filter:saturate(.88) contrast(1.08);animation:heroDrift 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.13) 80%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%)}@keyframes heroDrift{from{transform:scale(1.02) translate3d(-.5%,0,0)}to{transform:scale(1.07) translate3d(.8%,-.4%,0)}}
.categories{background:var(--red);color:var(--black)}.categories .section-index,.categories .section-head>p:last-child{color:#3b0906}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.38);border-left:1px solid rgba(0,0,0,.38)}.category{min-height:280px;padding:1.5rem;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.38);border-bottom:1px solid rgba(0,0,0,.38);transition:.3s}.category:hover{background:var(--black);color:var(--white);transform:translateY(-5px)}.category>span{font-size:.7rem;letter-spacing:.12em}.category i{font-style:normal;font-size:2rem;margin:2.2rem 0 auto}.category h3{font-size:1.25rem;line-height:1.12;text-transform:uppercase}.category p{font-size:.88rem;line-height:1.55;margin:.8rem 0 0;opacity:.75}
.ai-section{position:relative;background:#090b10;overflow:clip;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.ai-section:before{content:"";position:absolute;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(202,62,53,.18),transparent 66%);left:-20vw;top:10%;pointer-events:none}.ai-intro{align-self:start;position:sticky;top:110px}.ai-intro h2{font-size:clamp(3.1rem,6vw,6.4rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase;margin:3rem 0 2rem}.ai-intro h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;text-transform:none;color:var(--red)}.ai-intro>p:not(.section-index){color:#aaa;font-size:1.1rem;line-height:1.7;max-width:520px}.ai-grid{border-top:1px solid var(--line)}.ai-grid article{min-height:210px;padding:2rem 0;border-bottom:1px solid var(--line);position:relative}.ai-grid article:after{content:"↗";position:absolute;right:0;top:2rem;color:var(--red);font-size:1.3rem}.ai-grid span{color:#777;font-size:.7rem;letter-spacing:.16em}.ai-grid h3{font-size:clamp(1.7rem,3vw,3.4rem);text-transform:uppercase;letter-spacing:-.04em;margin:2.1rem 0 .6rem}.ai-grid p{color:#999;line-height:1.6;max-width:570px}
.nav-cta:hover,.submit:hover{background:var(--red-highlight);border-color:var(--red-highlight)}
.team{background:#131313}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.team-card>div{aspect-ratio:4/5;overflow:hidden;background:#222}.team-card img{height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:.6s}.team-card:hover img{filter:grayscale(0);transform:scale(1.035)}.team-card>span{display:block;color:var(--red);font-size:.7rem;margin-top:1.1rem}.team-card h3{font-size:1.35rem;text-transform:uppercase;margin:.5rem 0 .25rem}.team-card p{color:#888;margin:0 0 2rem;font-size:.9rem}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,1fr)}.ai-section{grid-template-columns:1fr}.ai-intro{position:relative;top:auto}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.menu{font-size:2rem;gap:1.2rem}.hero-bg{background-position:58% center}.category-grid{grid-template-columns:1fr 1fr}.category{min-height:240px}}
@media(max-width:520px){.category-grid,.team-grid{grid-template-columns:1fr}.category{min-height:210px}.ai-grid article{min-height:190px}}
.marquee span{font-size:1.65rem;letter-spacing:.035em}.client-strip{padding:2.7rem 0}.client-strip>p{font-size:.82rem}
@media(max-width:800px){body.menu-active{overflow:hidden}.menu{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-105%);will-change:transform,opacity;transition:transform .42s ease,opacity .25s ease,visibility 0s linear .42s}.menu.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:transform .42s ease,opacity .25s ease}.menu-toggle{position:relative}.menu-toggle span{transition:transform .25s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.marquee span{font-size:1.35rem}}
@media(max-width:800px){.nav.scrolled{backdrop-filter:none}.menu{display:none!important;position:fixed;inset:0;width:100vw;height:100dvh;visibility:visible;opacity:1;pointer-events:auto;transform:none;overflow-y:auto;background:rgba(8,8,8,.98)}.menu.open{display:flex!important;transform:none}.team-card img[src*="team-devansh-v2"]{object-position:50% 28%}}