:root{--bg:#070707;--ink:#f4f0e9;--muted:#a09b94;--red:#ff3b22;--line:rgba(255,255,255,.14);--pad:clamp(1.25rem,4.5vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor{position:fixed;width:24rem;height:24rem;border-radius:50%;background:radial-gradient(circle,rgba(255,59,34,.13),transparent 68%);pointer-events:none;z-index:1;translate:-50% -50%}.nav{position:absolute;z-index:20;top:0;left:0;right:0;height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.logo{font:400 1.65rem Anton}.logo span{color:var(--red)}.nav nav{display:flex;gap:2rem}.nav a{transition:.25s}.nav a:hover{color:var(--red)}.nav-cta{border:1px solid var(--line);padding:.8rem 1rem;border-radius:99px}.scene{position:relative}
.hero{height:100svh;min-height:700px;overflow:hidden;background:radial-gradient(circle at 50% 55%,#2d1511 0,#100b0a 29%,#070707 63%)}.hero-grid{position:absolute;inset:82px 0 0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:8vw 8vw;mask-image:radial-gradient(circle,#000,transparent 72%)}.hero-word{position:absolute;left:50%;top:51%;translate:-50% -50%;font:400 clamp(8rem,20vw,22rem)/.75 Anton;letter-spacing:-.035em;white-space:nowrap;color:#2a2725;-webkit-text-stroke:1px rgba(255,255,255,.07)}.hero-word:after{content:"MANIKANDAN";position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px rgba(255,59,34,.75);clip-path:polygon(0 48%,100% 37%,100% 57%,0 69%);filter:drop-shadow(0 0 16px rgba(255,59,34,.4))}.figure-wrap{position:absolute;z-index:4;inset:7vh 0 0;display:flex;align-items:flex-end;justify-content:center;transform-style:preserve-3d;transition:transform .12s ease-out;mix-blend-mode:screen}.figure-wrap img{height:min(95vh,1050px);width:auto;max-width:68vw;object-fit:contain;object-position:center bottom;filter:contrast(1.04) saturate(.88) drop-shadow(0 25px 42px #000)}.eyebrow{position:absolute;z-index:8;top:115px;left:50%;translate:-50%;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#bab3ac}.hero-copy{position:absolute;z-index:8;left:var(--pad);top:52%;translate:0 -50%}.hero-copy p{font:400 clamp(3rem,5.7vw,6.5rem)/.88 Anton;margin:0}.hero-copy span{display:block;color:var(--red);margin-top:1.2rem;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.hero-intro{position:absolute;z-index:8;right:var(--pad);top:58%;width:min(25rem,28vw)}.hero-intro>span{font:500 1.1rem Anton;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}.hero-intro p{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.55}.hero-intro a{display:inline-block;border-bottom:1px solid var(--red);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.move-hint{position:absolute;z-index:8;right:var(--pad);bottom:2rem;color:#77716b;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem}.ember{position:absolute;border-radius:50%;background:var(--red);box-shadow:0 0 30px var(--red);animation:float 6s ease-in-out infinite}.ember-one{width:7px;height:7px;left:20%;top:32%}.ember-two{width:4px;height:4px;right:25%;bottom:22%;animation-delay:-2s}
.section-no{text-transform:uppercase;letter-spacing:.2em;color:var(--red);font-size:.72rem}.manifesto,.results,.journey,.skills{padding:clamp(7rem,12vw,13rem) var(--pad);position:relative;z-index:2}.manifesto{background:#f0ede6;color:#111}.manifesto h1,.results h2,.journey h2,.skills h2{font:400 clamp(3.4rem,8vw,9rem)/.88 Anton;margin:3rem 0;letter-spacing:-.025em}.manifesto h1 span{color:var(--red)}.manifesto-copy{font-size:clamp(1.2rem,2.2vw,2.15rem);line-height:1.5;max-width:850px;margin-left:auto;color:#423e39}
.universe{height:230svh;background:#050505;position:relative}.universe-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 55% 52%,#35130e,transparent 43%)}.universe-bg{position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 45%,rgba(255,59,34,.08) 45.2%,transparent 45.5%),radial-gradient(ellipse at 50% 95%,rgba(255,59,34,.17),transparent 45%)}.scene-title{position:absolute;z-index:7;left:var(--pad);top:18%}.scene-title p{font-size:.7rem;letter-spacing:.2em;color:var(--red)}.scene-title h2{font:400 clamp(3.8rem,7vw,8rem)/.85 Anton;margin:1.5rem 0}.scene-title h2 span{color:transparent;-webkit-text-stroke:1px #fff}.project-cloud{position:absolute;inset:0;perspective:1400px;transition:transform .25s ease-out}.screen{position:absolute;width:clamp(210px,22vw,360px);background:#101010;border:1px solid rgba(255,255,255,.19);padding:.55rem;box-shadow:0 30px 90px #000;transition:.5s cubic-bezier(.2,.8,.2,1);animation:screenFloat 5s ease-in-out infinite}.screen:hover,.screen:focus{z-index:10;transform:translateZ(80px) scale(1.08)!important;outline:1px solid var(--red)}.screen-art{aspect-ratio:16/10;padding:1.3rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.screen-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.035) 4px 5px)}.screen-art b{font:400 clamp(2rem,4vw,4rem)/.82 Anton;position:relative}.screen-art i{font-style:normal;font-size:.58rem;letter-spacing:.22em;margin-top:.7rem;position:relative}.screen h3{font:400 1.25rem Anton;letter-spacing:.05em;margin:1rem .6rem .2rem}.screen p{font-size:.7rem;color:#aaa;margin:.2rem .6rem .8rem}.kairo{background:linear-gradient(135deg,#102742,#07101b);color:#60f4dc}.treats{background:linear-gradient(135deg,#ff73b8,#6f1dff)}.sigma{background:linear-gradient(135deg,#bfdc45,#263305);color:#0a0d04}.apetito{background:linear-gradient(135deg,#ff4f34,#61160e)}.cloud{background:linear-gradient(135deg,#3577ff,#081847)}.s1{left:44%;top:12%;rotate:-3deg}.s2{right:5%;top:28%;rotate:5deg;animation-delay:-1s}.s3{left:28%;bottom:8%;rotate:3deg;animation-delay:-2s}.s4{right:24%;bottom:4%;rotate:-4deg;animation-delay:-3s}.s5{left:5%;bottom:12%;rotate:-6deg;animation-delay:-4s}.drag-note{position:absolute;right:var(--pad);bottom:2rem;color:#79716c;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem}
.results{background:#0b0b0b}.results h2 span,.journey h2 span,.skills h2 span{color:#6f6b67}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.metrics article{padding:3rem 1.5rem;border-right:1px solid var(--line)}.metrics strong{font:400 clamp(3.2rem,6vw,7rem) Anton;color:var(--red)}.metrics p{color:var(--muted)}.results small{display:block;color:#6f6a65;margin-top:1.5rem}.journey{background:#14110f;min-height:100svh}.journey-head{display:flex;justify-content:space-between;align-items:start}.journey-head h2{text-align:right;margin-top:0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:5rem}.timeline-line{position:absolute;left:0;right:0;top:18px;height:1px;background:#514841}.timeline-line i{display:block;width:0;height:100%;background:var(--red);box-shadow:0 0 18px var(--red);transition:.5s}.year{position:relative;background:none;border:0;text-align:left;padding:4.5rem 2rem 2rem 0;cursor:pointer}.year:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;top:12px;left:0;background:#514841;border:4px solid #14110f;box-shadow:0 0 0 1px #514841;transition:.3s}.year.active:before,.year:hover:before{background:var(--red);box-shadow:0 0 20px var(--red)}.year span{font:400 3rem Anton;color:#625a54;transition:.3s}.year.active span,.year:hover span{color:var(--red)}.year b{display:block;font:400 1.25rem Anton;margin:1.5rem 0 .5rem}.year p{color:#8e8781;line-height:1.55;max-width:250px}.skills{background:#ede9e1;color:#111}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa39a}.skill-grid article{padding:2rem 2rem 3rem 0;border-right:1px solid #aaa39a}.skill-grid span{color:var(--red)}.skill-grid h3{font:400 1.8rem Anton}.skill-grid p{color:#5a5550;line-height:1.6}.tools{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:3rem}.tools span{border:1px solid #aaa39a;border-radius:99px;padding:.7rem 1rem;font-size:.78rem}
.finale{height:100svh;min-height:700px;position:relative;overflow:hidden;background:radial-gradient(circle at 38% 55%,#481710,#090706 56%)}.finale-word{position:absolute;left:-1%;top:49%;translate:0 -50%;font:400 22vw/.7 Anton;color:#1f1917;white-space:nowrap}.finale img{position:absolute;z-index:2;left:6%;bottom:-4%;height:92%;mix-blend-mode:screen;filter:saturate(.75) contrast(1.08)}.finale-copy{position:absolute;z-index:5;right:var(--pad);top:50%;translate:0 -50%;width:min(46rem,48vw)}.finale-copy>p{text-transform:uppercase;letter-spacing:.18em;color:#b6aaa2;font-size:.75rem}.finale-copy h2{font:400 clamp(4rem,9vw,10rem)/.8 Anton;margin:2rem 0}.finale-copy h2 span{color:var(--red)}.finale-copy div{display:flex;gap:1rem;flex-wrap:wrap}.finale-copy a{border:1px solid var(--line);padding:1rem 1.2rem;border-radius:99px;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;transition:.3s}.finale-copy a:hover{background:var(--red);border-color:var(--red)}footer{padding:1.5rem var(--pad);display:flex;justify-content:space-between;color:#716b66;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid var(--line)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-20px)}}@keyframes screenFloat{50%{translate:0 -12px}}
@media(max-width:900px){.nav nav{display:none}.hero-copy{top:30%}.hero-copy p{font-size:3.4rem}.hero-intro{right:auto;left:var(--pad);top:auto;bottom:2rem;width:80vw}.figure-wrap{inset:16vh -25% 8vh 0;justify-content:flex-end}.figure-wrap img{max-width:none;height:74vh}.manifesto,.results,.journey,.skills{padding-block:7rem}.screen{width:240px}.s1{left:40%;top:18%}.s2{right:-10%;top:35%}.s3{left:25%;bottom:12%}.s4{right:0;bottom:4%}.s5{left:-10%;bottom:24%}.metrics,.skill-grid{grid-template-columns:1fr 1fr}.journey-head{display:block}.journey-head h2{text-align:left}.timeline{grid-template-columns:1fr 1fr}.timeline-line{display:none}.year{padding-top:2rem}.year:before{display:none}.finale img{left:-16%;height:78%}.finale-copy{width:55vw}}
@media(max-width:560px){.nav{height:68px}.nav-cta{font-size:0;width:42px;height:42px;padding:0}.nav-cta:after{content:"↗";font-size:1rem;display:grid;place-items:center;height:100%}.hero{min-height:760px}.eyebrow{top:90px;width:90%;text-align:center}.hero-copy{top:22%}.hero-copy p{font-size:2.65rem}.figure-wrap{inset:25vh -45% 12vh 0}.figure-wrap img{height:64vh}.hero-intro{bottom:1.2rem}.move-hint{display:none}.hero-word{font-size:36vw}.manifesto h1,.results h2,.journey h2,.skills h2{font-size:3.4rem}.manifesto-copy{font-size:1.15rem}.universe{height:200svh}.scene-title{top:12%}.scene-title h2{font-size:3.6rem}.screen{width:175px}.screen-art{padding:.8rem}.screen-art b{font-size:2rem}.s1{left:38%;top:18%}.s2{right:-12%;top:38%}.s3{left:18%;bottom:11%}.s4{right:-4%;bottom:5%}.s5{left:-14%;bottom:28%}.metrics,.skill-grid,.timeline{grid-template-columns:1fr}.metrics article,.skill-grid article{border-right:0;border-bottom:1px solid var(--line)}.year{padding:1.4rem 0;border-bottom:1px solid var(--line)}.journey-head h2{font-size:4rem}.finale img{left:-46%;height:67%;opacity:.7}.finale-copy{left:var(--pad);right:var(--pad);width:auto}.finale-copy h2{font-size:4.5rem}footer{gap:1rem;flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.screen,.ember{animation:none}.figure-wrap,.project-cloud{transition:none}}

/* Cinematic character chapters */
.walking-figure{animation:walkEntrance 2.3s cubic-bezier(.18,.75,.2,1) both}.walking-figure img{animation:walkBody 1.05s ease-in-out 2}.walk-lines{position:absolute;z-index:2;inset:82px 0 0;overflow:hidden;opacity:.35}.walk-lines i{position:absolute;left:50%;bottom:-20%;width:1px;height:100%;background:linear-gradient(transparent,var(--red));transform-origin:bottom}.walk-lines i:nth-child(1){transform:rotate(62deg)}.walk-lines i:nth-child(2){transform:rotate(-62deg)}.walk-lines i:nth-child(3){transform:rotate(78deg)}.walk-lines i:nth-child(4){transform:rotate(-78deg)}
.studio-scene{height:115svh;min-height:760px;position:relative;z-index:2;overflow:hidden;background:#080808}.studio-image{position:absolute;inset:0;background:url("manikandan-studio.png") center/cover no-repeat;transform:scale(1.06);animation:studioBreathe 12s ease-in-out infinite alternate}.studio-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,5,.98),rgba(4,4,5,.82) 34%,rgba(4,4,5,.08) 68%,rgba(4,4,5,.2)),linear-gradient(0deg,#070707,transparent 18%)}.studio-copy{position:absolute;z-index:4;left:var(--pad);top:50%;translate:0 -50%;width:min(44rem,45vw)}.studio-copy h1{font:400 clamp(3.5rem,7vw,8rem)/.86 Anton;margin:2rem 0}.studio-copy h1 span{color:var(--red)}.studio-copy>p:not(.section-no){max-width:36rem;color:#c0b8b1;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}.studio-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.studio-tags span{border:1px solid var(--line);border-radius:99px;padding:.65rem .9rem;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;background:rgba(10,10,10,.45);backdrop-filter:blur(8px)}.desk-scan{position:absolute;z-index:3;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 28px var(--red);animation:deskScan 5s ease-in-out infinite}
@keyframes walkEntrance{0%{transform:translate3d(0,18%,0) scale(.72);filter:blur(8px);opacity:0}55%{opacity:1;filter:blur(0)}100%{transform:translate3d(0,0,0) scale(1)}}@keyframes walkBody{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes studioBreathe{to{transform:scale(1.1) translate3d(-1.2%,0,0)}}@keyframes deskScan{0%,100%{top:18%;opacity:0}35%{opacity:.7}70%{top:88%;opacity:0}}
@media(max-width:900px){.studio-copy{width:52vw}.studio-shade{background:linear-gradient(90deg,rgba(4,4,5,.94),rgba(4,4,5,.62) 55%,rgba(4,4,5,.12))}}
@media(max-width:560px){.studio-scene{height:100svh;min-height:740px}.studio-image{background-position:67% center}.studio-shade{background:linear-gradient(0deg,rgba(4,4,5,.98),rgba(4,4,5,.88) 46%,rgba(4,4,5,.05) 78%)}.studio-copy{left:var(--pad);right:var(--pad);top:auto;bottom:6%;translate:0;width:auto}.studio-copy h1{font-size:3.2rem;margin:1rem 0}.studio-copy>p:not(.section-no){font-size:.9rem}.studio-tags{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.walking-figure,.walking-figure img,.studio-image,.desk-scan{animation:none}}