:root{
  --bg-primary:#070707;
  --bg-secondary:#0d0d0d;
  --surface:#131313;
  --text-primary:#f4f2ed;
  --text-secondary:#8c8c8c;
  --border:rgba(255,255,255,.10);
  --accent:#8a7cff;
  --light:#f1eee8;
  --dark:#111;
  --ease:cubic-bezier(.76,0,.24,1);
  --pad:clamp(20px,4vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg-primary)}
body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
::selection{background:var(--accent);color:white}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.page-noise{position:fixed;inset:0;pointer-events:none;z-index:9998;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='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.mouse-glow{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(138,124,255,.10),transparent 28%);mix-blend-mode:screen}

.section-dark{background:var(--bg-primary);color:var(--text-primary)}
.section-kicker{font-size:11px;letter-spacing:.18em;color:var(--text-secondary);text-transform:uppercase}
.section-kicker--dark{color:#666}

.loader{position:fixed;inset:0;z-index:10000;background:#050505;display:grid;place-items:center;overflow:hidden}
.loader__inner{width:min(720px,84vw);position:relative;z-index:3}
.loader__symbol{display:flex;align-items:center;gap:12px;margin-bottom:38px;font-family:Space Grotesk,sans-serif}
.loader__dot{width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 22px rgba(138,124,255,.7);animation:blink 1s infinite}
.loader__brand{font-size:clamp(42px,8vw,96px);font-weight:600}
.loader__name-wrap{overflow:hidden}
.loader__name{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,5vw,68px);font-weight:600;letter-spacing:-.04em}
.loader__meta{display:flex;justify-content:space-between;margin-top:28px;font-size:10px;letter-spacing:.18em;color:#888}
.loader__track{height:1px;background:#262626;margin-top:16px;overflow:hidden}
.loader__progress{display:block;width:0;height:100%;background:var(--text-primary)}
.loader__panel{position:absolute;left:0;width:100%;height:50%;background:#050505;z-index:2}
.loader__panel--top{top:0}.loader__panel--bottom{bottom:0}
@keyframes blink{50%{opacity:.25}}

.cursor{position:fixed;inset:0;pointer-events:none;z-index:9999}
.cursor__dot{position:absolute;width:5px;height:5px;border-radius:50%;background:white;transform:translate(-50%,-50%)}
.cursor__follower{position:absolute;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),background .35s,color .35s}
.cursor__follower.is-active{width:72px;height:72px;background:var(--text-primary);color:#111;border-color:transparent}
.cursor__label{font-size:8px;letter-spacing:.14em;font-weight:700}

.nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:14px 18px;z-index:900;border:1px solid transparent;border-radius:18px;transition:.4s var(--ease)}
.nav.scrolled{background:rgba(8,8,8,.72);backdrop-filter:blur(16px);border-color:var(--border);padding:10px 16px}
.nav.hidden{transform:translate(-50%,-130%)}
.nav__brand{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.04em}
.nav__links{display:flex;gap:28px}
.nav__links a{font-size:12px;color:#b7b7b7;transition:.25s}
.nav__links a span{font-size:9px;color:#5f5f5f;margin-right:6px}
.nav__links a:hover,.nav__links a.active{color:white}
.menu-btn{display:none;background:none;border:0;color:white;width:44px;height:44px;position:relative}
.menu-btn span{position:absolute;left:10px;width:24px;height:1px;background:white;transition:.35s var(--ease)}
.menu-btn span:first-child{top:18px}.menu-btn span:last-child{top:25px}
.menu-btn.active span:first-child{top:22px;transform:rotate(45deg)}
.menu-btn.active span:last-child{top:22px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;background:#080808;z-index:850;opacity:0;visibility:hidden;transition:.5s var(--ease)}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu__inner{height:100%;padding:120px 24px 30px;display:flex;flex-direction:column;justify-content:space-between}
.mobile-menu__links{display:flex;flex-direction:column}
.mobile-menu__links a{font-family:Space Grotesk,sans-serif;font-size:clamp(48px,15vw,86px);line-height:.95;padding:12px 0;border-bottom:1px solid #1b1b1b}
.mobile-menu__links a span{font:500 10px Inter,sans-serif;color:#666;margin-right:16px}
.mobile-menu__foot{display:flex;justify-content:space-between;color:#6d6d6d;font-size:9px;letter-spacing:.12em}

.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px var(--pad) 70px}
.hero__grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 35%,transparent)}
.hero__orb{position:absolute;width:48vw;height:48vw;right:-10vw;top:8vh;border-radius:50%;background:radial-gradient(circle,rgba(138,124,255,.18),rgba(70,100,255,.05) 42%,transparent 68%);filter:blur(18px);animation:orb 8s ease-in-out infinite alternate}
@keyframes orb{to{transform:translate(-6vw,6vh) scale(1.08)}}
.hero__content{width:100%;position:relative;z-index:3}
.hero__prefix{font-size:11px;letter-spacing:.18em;color:#8f8f8f;margin-left:8vw;margin-bottom:8px}
.reveal-mask{overflow:hidden}
.hero__line{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.075em;line-height:.78}
.hero__line span{display:block}
.hero__line--sameer{font-size:clamp(6rem,18vw,18rem)}
.hero__line--ansari{font-size:clamp(4.6rem,14vw,14rem);margin-left:22vw;color:#d7d5cf}
.hero__bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px;align-items:end}
.role-wheel{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.14em}
.role-wheel__label{color:#606060}
.role-wheel__window{height:20px;overflow:hidden}
.role-wheel__word{display:block;color:var(--accent);font-weight:600}
.hero__copy{justify-self:end;max-width:430px}
.hero__copy p{font-family:Space Grotesk,sans-serif;font-size:clamp(18px,2vw,28px);margin:0 0 8px;letter-spacing:-.03em}
.hero__copy span{font-size:11px;color:#777}
.hero__cta{margin-top:42px;width:max-content;display:flex;align-items:center;gap:24px;padding:16px 20px;border:1px solid #2b2b2b;border-radius:999px;font-size:11px;letter-spacing:.14em;transition:.35s var(--ease)}
.hero__cta:hover{background:var(--text-primary);color:#111}
.hero__cta-arrow{font-size:18px}
.hero__meta{position:absolute;font-size:9px;letter-spacing:.16em;color:#555;z-index:3}
.hero__meta--left{left:var(--pad);top:22%}
.hero__meta--right{right:var(--pad);top:26%}
.scroll-cue{position:absolute;right:var(--pad);bottom:28px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.16em;color:#696969}
.scroll-cue i{display:block;width:1px;height:42px;background:#333;position:relative;overflow:hidden}
.scroll-cue i:after{content:"";position:absolute;left:0;width:100%;height:35%;background:white;animation:scrollline 1.8s ease-in-out infinite}
@keyframes scrollline{from{top:-40%}to{top:110%}}

.identity{padding:140px var(--pad)}
.statement{font-family:Space Grotesk,sans-serif;font-size:clamp(3.3rem,8.6vw,9rem);line-height:.92;letter-spacing:-.065em;margin:60px 0 120px}
.statement__line{color:#5f5f5f}
.statement__line--accent{color:var(--text-primary)}
.identity__split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:8vw;align-items:center}
.portrait-wrap{max-width:720px}
.portrait{aspect-ratio:4/5;background:#101010;overflow:hidden;border-radius:28px;clip-path:inset(16% 0 16% 0 round 28px)}
.portrait__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#161616,#0b0b0b);color:#555;text-align:center}
.portrait__placeholder span{font:600 clamp(40px,7vw,86px) Space Grotesk,sans-serif;letter-spacing:-.06em}
.portrait__placeholder small{position:absolute;margin-top:100px;font-size:10px}
.portrait__caption{display:flex;justify-content:space-between;margin-top:14px;font-size:9px;letter-spacing:.12em;color:#666}
.identity__aside{max-width:500px}
.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent)}
.identity__text{font:400 clamp(22px,2.5vw,36px)/1.35 Space Grotesk,sans-serif;letter-spacing:-.035em;color:#d2d2d2}
.mini-rule{height:1px;background:#242424;margin:34px 0}
.tiny-copy{font-size:9px;letter-spacing:.18em;color:#616161}

.about{background:var(--light);color:var(--dark);padding:140px var(--pad) 80px}
.about__words{display:flex;flex-direction:column;gap:12vh;margin-bottom:160px}
.about__word{font:600 clamp(4.4rem,12vw,13rem)/.82 Space Grotesk,sans-serif;letter-spacing:-.075em}
.about__word--right{text-align:right}
.about__content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.about__copy p{font:500 clamp(24px,3vw,44px)/1.2 Space Grotesk,sans-serif;letter-spacing:-.045em;margin:0}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:100px 0}
.tag-cloud span{border:1px solid rgba(17,17,17,.25);border-radius:999px;padding:13px 17px;font-size:10px;letter-spacing:.12em;transition:.3s var(--ease)}
.tag-cloud span:hover{transform:scale(1.08);background:#111;color:white}
.info-strip{border-top:1px solid rgba(17,17,17,.18);display:grid;grid-template-columns:repeat(4,1fr)}
.info-strip div{padding:26px 20px 26px 0;border-right:1px solid rgba(17,17,17,.12)}
.info-strip small{display:block;color:#777;font-size:9px;letter-spacing:.14em;margin-bottom:12px}
.info-strip strong{font:500 13px Space Grotesk,sans-serif}

.services{padding:140px var(--pad)}
.services__header{display:flex;justify-content:space-between;align-items:end;margin-bottom:100px}
.services__header h2{font:600 clamp(5rem,12vw,12rem)/.78 Space Grotesk,sans-serif;letter-spacing:-.075em;margin:0;text-align:right}
.services__header h2 span{display:block}
.service-list{border-top:1px solid #222}
.service-row{position:relative;display:grid;grid-template-columns:80px minmax(260px,1.2fr) minmax(280px,.8fr) 40px;gap:20px;align-items:center;padding:34px 0;border-bottom:1px solid #222;transition:.4s var(--ease);overflow:hidden}
.service-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(138,124,255,.12),transparent);transform:translateX(-101%);transition:.5s var(--ease)}
.service-row:hover:before{transform:translateX(0)}
.service-row>*{position:relative;z-index:1}
.service-row__num{font-size:10px;color:#666}
.service-row h3{font:500 clamp(22px,3vw,44px) Space Grotesk,sans-serif;letter-spacing:-.04em;margin:0}
.service-row p{color:#858585;line-height:1.6;margin:0;font-size:13px}
.service-row__arrow{font-size:24px;transition:.35s var(--ease)}
.service-row:hover{padding:44px 18px}.service-row:hover .service-row__arrow{transform:rotate(45deg)}

.marquee-section{background:var(--accent);color:#0c0c0c;padding:24px 0;overflow:hidden}
.marquee{white-space:nowrap;overflow:hidden}
.marquee__track{width:max-content;font:600 clamp(3rem,7vw,8rem)/.95 Space Grotesk,sans-serif;letter-spacing:-.06em;padding:7px 0;will-change:transform}
.marquee--left .marquee__track{animation:marqueeLeft 28s linear infinite}
.marquee--right .marquee__track{animation:marqueeRight 34s linear infinite}
@keyframes marqueeLeft{to{transform:translateX(-50%)}}
@keyframes marqueeRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.work{padding:140px 0 110px;overflow:hidden}
.work__intro{padding:0 var(--pad);display:grid;grid-template-columns:.6fr 1fr .5fr;align-items:end;margin-bottom:90px}
.work__intro h2{font:600 clamp(5rem,12vw,12rem)/.78 Space Grotesk,sans-serif;letter-spacing:-.075em;margin:0}
.work__intro p{font-size:10px;letter-spacing:.14em;color:#676767;text-align:right}
.projects{display:flex;gap:5vw;padding:0 var(--pad);width:max-content}
.project{width:min(78vw,1100px);flex:none}
.project__media{aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#111;position:relative}
.project__visual{width:100%;height:100%;display:flex;align-items:flex-end;padding:5vw;background:radial-gradient(circle at 75% 25%,rgba(138,124,255,.35),transparent 30%),linear-gradient(135deg,#171717,#0b0b0b);transition:transform .7s var(--ease)}
.project__visual strong{font:600 clamp(3rem,8vw,9rem)/.85 Space Grotesk,sans-serif;letter-spacing:-.07em;color:#d6d3ce}
.project:hover .project__visual{transform:scale(1.035)}
.project__meta{display:grid;grid-template-columns:70px 1fr auto;gap:20px;padding-top:20px;align-items:start}
.project__num{font-size:10px;color:#666}
.project h3{font:500 clamp(26px,3.2vw,48px) Space Grotesk,sans-serif;letter-spacing:-.04em;margin:0}
.project__aside{text-align:right}
.project__aside small{display:block;color:#666;margin-bottom:10px}
.project__aside a{font-size:11px;letter-spacing:.12em}
.project__desc{grid-column:2/3;color:#7a7a7a;max-width:560px;line-height:1.6;font-size:13px}
.project-progress{display:flex;gap:22px;align-items:center;padding:60px var(--pad) 0;font-size:10px;color:#777}
.project-progress__line{height:1px;background:#252525;width:min(380px,50vw)}
.project-progress__line span{display:block;height:100%;width:25%;background:var(--accent)}

.statements{background:#0b0b0b;display:grid;grid-template-columns:repeat(2,1fr);padding:0 var(--pad)}
.statement-card{min-height:360px;border:1px solid #1f1f1f;border-left:0;padding:38px;display:flex;flex-direction:column;justify-content:space-between}
.statement-card:nth-child(2n){border-right:0}
.statement-card small{color:#6d6d6d;letter-spacing:.16em}
.statement-card strong{font:600 clamp(4rem,9vw,10rem)/.85 Space Grotesk,sans-serif;letter-spacing:-.065em}

.journey{padding:150px var(--pad);display:grid;grid-template-columns:.65fr 1fr;gap:8vw}
.journey__heading{position:sticky;top:140px;align-self:start}
.journey__heading h2{font:600 clamp(5rem,10vw,10rem)/.8 Space Grotesk,sans-serif;letter-spacing:-.075em;margin:40px 0 0}
.timeline{position:relative;padding-left:80px}
.timeline__rail{position:absolute;left:10px;top:0;bottom:0;width:1px;background:#252525}
.timeline__fill{display:block;width:100%;height:0;background:var(--accent)}
.timeline-item{min-height:38vh;padding:20px 0;border-bottom:1px solid #1d1d1d}
.timeline-item>span{font-size:10px;color:#616161}
.timeline-item h3{font:500 clamp(28px,4vw,58px) Space Grotesk,sans-serif;letter-spacing:-.05em;margin:14px 0}
.timeline-item p{color:#777}

.philosophy{background:var(--light);color:#111;padding:120px var(--pad);overflow:hidden}
.philosophy__word{font:600 clamp(6rem,16vw,17rem)/.82 Space Grotesk,sans-serif;letter-spacing:-.08em;margin:10vh 0}
.philosophy__word--right{text-align:right}
.quote{background:var(--light);color:#111;min-height:70vh;display:grid;place-items:center;text-align:center;padding:80px 20px}
.quote p{font:500 clamp(24px,3.5vw,48px)/1.3 Space Grotesk,sans-serif;letter-spacing:-.04em}

.contact{padding:140px var(--pad) 60px}
.contact__headline{font:600 clamp(6rem,17vw,18rem)/.78 Space Grotesk,sans-serif;letter-spacing:-.08em;margin:50px 0}
.contact__headline span{display:block}.contact__headline span:last-child{text-align:right}
.contact__lead{max-width:600px;font:500 clamp(20px,2.6vw,34px)/1.3 Space Grotesk,sans-serif;letter-spacing:-.035em;color:#a5a5a5}
.contact__cta{width:clamp(190px,26vw,360px);height:clamp(190px,26vw,360px);border-radius:50%;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;gap:20px;margin:90px auto;font:600 clamp(18px,2.2vw,30px) Space Grotesk,sans-serif;transition:.45s var(--ease)}
.contact__cta:hover{background:var(--text-primary);color:#111;transform:scale(1.03)}
.social-list{border-top:1px solid #222}
.social-row{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #222;font:500 clamp(24px,3.2vw,48px) Space Grotesk,sans-serif;letter-spacing:-.04em;transition:.35s}
.social-row span:last-child{transition:.3s}
.social-row:hover{padding-left:18px;background:#0d0d0d}.social-row:hover span:last-child{transform:rotate(45deg)}

.footer{background:#050505;color:#6f6f6f;padding:28px var(--pad) 36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid #181818;font-size:10px;letter-spacing:.11em}
.footer a{text-align:right;color:#aaa}.footer small{grid-column:1/-1;font-size:9px;color:#424242}

@media (max-width:900px){
  .cursor,.mouse-glow{display:none}
  .nav__links{display:none}.menu-btn{display:block}
  .hero{padding-top:140px}
  .hero__line--sameer{font-size:clamp(5rem,22vw,10rem)}
  .hero__line--ansari{font-size:clamp(4.1rem,18vw,8rem);margin-left:8vw}
  .hero__bottom{grid-template-columns:1fr;gap:20px}.hero__copy{justify-self:start}
  .hero__meta{display:none}
  .identity__split,.about__content,.journey{grid-template-columns:1fr}
  .identity__split{gap:70px}
  .statement{margin-bottom:80px}
  .info-strip{grid-template-columns:1fr 1fr}
  .services__header{align-items:start;flex-direction:column;gap:40px}.services__header h2{text-align:left}
  .service-row{grid-template-columns:48px 1fr 32px}.service-row p{grid-column:2/4;padding-top:6px}
  .work__intro{grid-template-columns:1fr}.work__intro h2{margin:35px 0}.work__intro p{text-align:left}
  .project-shell{overflow:visible}
  .projects{width:auto;display:block;padding:0 var(--pad)}
  .project{width:100%;margin-bottom:80px}
  .project-progress{display:none}
  .journey__heading{position:relative;top:auto}
  .timeline{padding-left:52px}
  .statement-card{min-height:260px}
}
@media (max-width:600px){
  :root{--pad:20px}
  .nav{top:10px;width:calc(100% - 20px)}
  .hero{min-height:100svh;padding-bottom:90px}
  .hero__prefix{margin-left:0}
  .hero__line{line-height:.84}
  .hero__line--sameer{font-size:24vw}
  .hero__line--ansari{font-size:20vw;margin-left:0}
  .role-wheel{margin-top:12px}
  .scroll-cue{left:20px;right:auto}
  .identity,.about,.services,.journey,.philosophy,.contact{padding-top:100px;padding-bottom:100px}
  .statement{font-size:14vw}
  .portrait{border-radius:18px}
  .about__words{gap:8vh;margin-bottom:110px}
  .about__word{font-size:18vw}
  .tag-cloud{margin:70px 0}
  .info-strip{grid-template-columns:1fr}.info-strip div{border-right:0;border-bottom:1px solid rgba(17,17,17,.12)}
  .service-row{padding:28px 0}.service-row:hover{padding:28px 0}
  .service-row h3{font-size:25px}
  .marquee__track{font-size:14vw}
  .work{padding-top:100px}.work__intro h2{font-size:20vw}
  .project__media{border-radius:16px;aspect-ratio:4/3}
  .project__meta{grid-template-columns:45px 1fr}.project__aside{grid-column:2;text-align:left}.project__desc{grid-column:2}
  .statements{grid-template-columns:1fr;padding:0 20px}.statement-card{border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f!important}
  .journey__heading h2{font-size:20vw}
  .timeline-item{min-height:auto;padding:45px 0}
  .philosophy__word{font-size:21vw;margin:8vh 0}
  .contact__headline{font-size:22vw}
  .contact__headline span:last-child{text-align:left}
  .contact__cta{margin:65px auto}
  .footer{grid-template-columns:1fr 1fr}.footer span:nth-child(2){text-align:right}.footer a{grid-column:1/-1;text-align:left}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .cursor,.mouse-glow{display:none!important}
}