:root{--paper:#efeee9;--ink:#191a18;--muted:#686961;--orange:#d6ed87;--line:#c9cbc0;--page-pad:clamp(24px,5vw,90px)}
body{background:var(--paper)}
.site-header{color:var(--paper);padding-top:28px}.brand-period{color:#d6ed87}.site-header nav{gap:30px}.resume-link{border-bottom:1px solid #777b6e;padding-bottom:8px}
.hero-stage{height:155svh;background:#191a18;color:var(--paper)}
.hero{min-height:0;height:100svh;overflow:hidden}
.hero-topline{top:17svh;font-size:12px;opacity:calc(1 - var(--hero-progress)*2)}
.hero-manifesto{position:absolute;top:24svh;left:var(--page-pad);font-size:clamp(72px,8.4vw,150px);line-height:.96;letter-spacing:-.04em;font-weight:500;z-index:5;transform:translateY(calc(var(--hero-progress)*-170px));opacity:calc(1 - var(--hero-progress)*1.7)}
.hero-manifesto>span{color:#d6ed87}
.hero-name{top:auto;bottom:-.02em;left:var(--page-pad);right:var(--page-pad);font-size:22.4vw;color:transparent;-webkit-text-stroke:1px #69705c;z-index:1;opacity:calc(.75 - var(--hero-progress)*.75);transform:translateX(calc(var(--hero-progress)*-12vw))}
.hero-introduction{top:26svh;left:auto;right:var(--page-pad);width:24%;z-index:6;opacity:calc(1 - var(--hero-progress)*3)}
.hero-introduction>p{font-size:clamp(18px,1.6vw,26px);line-height:1.35;color:#c7cbbd}.hero-introduction .text-link{font-size:12px;margin-top:28px;color:var(--paper)}
.hero-photo{top:calc(57svh - var(--hero-progress)*48svh);right:30vw;width:calc(19vw + var(--hero-progress)*71vw);height:calc(25svh + var(--hero-progress)*67svh);z-index:4;transform:rotate(calc(-6deg + var(--hero-progress)*6deg));background:#73766b}
.hero-photo img{object-position:center 63%}.hero-photo figcaption{opacity:var(--hero-progress);padding:24px}.hero-photo figcaption>span:first-child{font-size:30px}
.photo-ribbon{position:absolute;top:56svh;left:8vw;right:8vw;height:25svh;display:flex;justify-content:space-between;gap:9vw;z-index:2;transform:translateX(calc(var(--hero-progress)*-25vw));opacity:calc(1 - var(--hero-progress)*2)}
.photo-ribbon img{width:19vw;object-fit:cover;object-position:center 40%;transform:rotate(7deg)}.photo-ribbon img:nth-child(2){visibility:hidden}
.photo-ribbon .debate-award-photo {
  object-position: center 12%;
  transform: rotate(9deg);
}
.secret-copy-name:not([hidden]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2vw;
}
.secret-copy-name .secret-aside {
  flex: 0 0 33%;
  margin: 0;
  font-size: clamp(18px, 2.7vw, 42px);
}
.hero-bottomline{bottom:3svh;z-index:7;color:#a6ac9a}.hero-bottomline>span:first-child{display:none}.hero-bottomline>span:last-child{margin-left:auto}
.research{padding:90px var(--page-pad) 120px;grid-template-columns:1.2fr 1fr;gap:12%}.research h2{font-size:clamp(54px,6.8vw,108px)}.research-copy{font-size:20px}.role-context{color:#4d573c;font-size:13px}.research-copy .secondary{font-size:15px}
.work{background:#e0e4d7;padding:85px 0 100px}.section-heading{margin-bottom:60px}.work h2{font-size:clamp(54px,7.2vw,116px)}.section-heading>p{font-size:13px}
.case-palimpsest{margin-inline:var(--page-pad)}.palimpsest-art{height:65vw;max-height:850px;background:#cbdc99;color:#242b1b}.poster-title{font-size:clamp(130px,23vw,360px);top:7%;line-height:.77}.poster-line:last-child{margin-top:10px}.palimpsest-disc{background:#eff1dd;width:42%;right:7%;top:9%;border-radius:0;transform:rotate(calc(var(--case-progress)*80deg))}.poster-foot{inset:auto 5% 5%;border-top:1px solid #7c8a60;padding-top:22px}.poster-foot>span:first-child{font-size:42px}
.case-caption{padding:28px 0 90px;grid-template-columns:1fr 1.2fr .6fr}.case-caption h3{font-size:35px}.web-projects{gap:5vw;padding-bottom:0}.web-projects .case:nth-child(2){padding-top:130px}.web-projects .case-art{height:43vw;max-height:620px}.scioly-art{background:#333f31;color:#e0e9d7}.orbit-drawing{stroke:#a4b697;left:20%;top:20%}.science-type,.tamil-title{font-size:clamp(38px,4.8vw,76px)}.tamil-art{background:#d5c0a4;color:#3d3428}.compact-caption{max-width:100%}.compact-caption h3{font-size:30px}
.about{padding-top:130px;padding-bottom:130px;background:#191a18}.about h2{font-weight:500;font-size:clamp(54px,7.4vw,118px)}.about-opening{gap:12%}.about-bio{font-size:20px}.systems-note{margin-top:100px}.reading-line{font-size:clamp(34px,4vw,64px)}.terminal{max-width:none}
.experience{padding-top:100px;padding-bottom:80px}.experience h2{font-size:clamp(48px,6.6vw,105px)}.experience-row{padding:36px 0;grid-template-columns:1.1fr 1fr .35fr;gap:8%}.experience-row h3{font-weight:500;font-size:clamp(25px,3vw,45px)}.organization{color:#4e6134}.experience-row>div{font-size:14px}
.recognition{background:#dbe1cd;padding-top:90px}.recognition-layout{grid-template-columns:1fr 1.35fr;gap:9%}.award-photo img{filter:none;height:570px}.award summary{padding:26px 0}.award summary strong{font-size:clamp(23px,2.4vw,36px)}.award summary:hover{color:#445a23}.award[open]{background:#d0d9bc;padding-inline:15px}.award{transition:background .3s,padding .4s var(--ease)}.recognition h2{font-size:clamp(48px,6.8vw,108px)}
.contact{background:#191a18;color:var(--paper);padding-top:100px}.contact-title h2{font-weight:500;font-size:17vw}.contact-title>svg{color:#d6ed87;stroke-width:1}.contact-intro{margin-bottom:90px}.contact-intro>p{font-size:28px}.email-line{padding-bottom:80px;color:#c7cbbd}.contact footer{border-color:#4c5144}.secret-stage{background:#d6ed87}.secret-copy{color:#191a18}.page-progress{background:#d6ed87}
@media(max-width:1000px){.hero-introduction{width:27%;top:28svh}.hero-manifesto{font-size:9vw}.hero-photo{right:30vw}.hero-name{top:auto}.research{gap:7%}.award-photo img{height:440px}.research-copy,.about-bio{font-size:17px}}
@media(max-width:700px){.hero{min-height:730px}.hero-stage{height:140svh}.hero-topline{top:14svh}.hero-topline>span+span{color:#a7ae9b}.hero-manifesto{top:25svh;font-size:13vw;line-height:1.02}.hero-introduction{top:45svh;left:var(--page-pad);right:auto;width:85%}.hero-introduction>p{font-size:17px;max-width:28ch}.hero-introduction>p br{display:none}.hero-introduction .text-link{margin-top:16px;font-size:12px}.hero-name{font-size:22vw;bottom:4svh;top:auto}.hero-photo{top:calc(63svh - var(--hero-progress)*51svh);right:25vw;width:calc(44vw + var(--hero-progress)*44vw);height:calc(23svh + var(--hero-progress)*64svh)}.hero-photo figcaption>span:first-child{font-size:20px}.photo-ribbon{top:64svh;height:20svh;left:-8vw;right:-8vw;gap:15vw}.photo-ribbon img{width:35vw}.hero-bottomline{bottom:2svh}.research{display:block;padding:65px var(--page-pad) 80px}.research h2{font-size:12vw}.research-copy{padding-top:28px}.work{padding:65px 0}.work h2{font-size:12vw}.section-heading{margin-bottom:35px}.palimpsest-art{height:108vw}.poster-title{top:16%;font-size:27vw}.poster-line:last-child{font-size:23vw}.poster-foot>span:first-child{font-size:27px}.case-caption{display:block;padding-bottom:55px}.case-caption h3{font-size:29px}.web-projects{display:block}.web-projects .case:nth-child(2){padding-top:45px}.web-projects .case-art{height:110vw}.science-type,.tamil-title{font-size:12vw}.compact-caption h3{font-size:27px}.about{padding:80px var(--page-pad)}.about h2{font-size:12vw}.about-opening{display:block}.about-bio{padding-top:30px}.systems-note{margin-top:65px}.experience{padding-top:75px}.experience h2,.recognition h2{font-size:11vw}.experience-row{grid-template-columns:1fr auto;gap:20px}.experience-row h3{font-size:27px}.recognition{padding-top:65px}.recognition-layout{display:block}.award-photo{margin-bottom:32px}.award-photo img{height:95vw}.award summary strong{font-size:23px}.contact{padding-top:70px}.contact-title h2{font-size:19vw}.contact-intro{margin-bottom:50px}.contact-intro>p{font-size:20px}.email-line{padding-bottom:50px}.contact footer{color:#c7cbbd}}
.case-eif{grid-column:1/-1;margin-top:35px}.web-projects .eif-art{height:clamp(350px,36vw,550px);background:#cecbe0;color:#302a47;display:block}.eif-title{position:absolute;top:9%;left:6%;font-size:clamp(48px,7vw,110px);font-weight:700;line-height:.98;letter-spacing:-.04em}.eif-statement{position:absolute;right:6%;top:13%;font-size:clamp(18px,2.2vw,34px);line-height:1.2;letter-spacing:-.02em}.eif-art .art-link{left:6%;right:6%;bottom:9%}.case-eif .compact-caption{max-width:640px}
@media(max-width:700px){.case-eif{margin-top:45px}.web-projects .eif-art{height:110vw;min-height:360px}.eif-title{font-size:12vw;top:9%;left:7%}.eif-statement{top:52%;left:7%;right:auto;font-size:23px}.eif-art .art-link{font-size:12px;left:7%;right:7%}}
@media(prefers-reduced-motion:reduce){.hero-stage{height:auto}.hero-manifesto,.photo-ribbon,.hero-photo{transform:none}.hero-photo figcaption{opacity:1}}