:root{--base:rgb(6,10,36);--fg:rgb(245,239,230);--acc:rgb(255,210,122);--rgb:6,10,36;
--serif:'Instrument Serif',Georgia,serif;--sans:'Bricolage Grotesque',system-ui,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--base);scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:transparent;color:var(--fg);font:400 1.05rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.025em}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3.5rem)}
.pad{padding:clamp(6rem,14vw,11rem) 0}
.mute{opacity:.72}
.line{border-color:color-mix(in srgb,var(--fg) 22%,transparent)}

header{position:fixed;top:calc(env(safe-area-inset-top,0px) + .7rem);left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 1.5rem));z-index:40;display:flex;justify-content:space-between;align-items:center;padding:.6rem .6rem .6rem 1.5rem;background:rgba(var(--rgb),.42);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-radius:999px;border:1px solid color-mix(in srgb,var(--fg) 18%,transparent)}
header .mark{font:400 1.55rem/1 var(--serif);text-decoration:none}
header nav{display:flex;align-items:center;gap:1.6rem;font-size:.95rem}
header nav a{text-decoration:none;opacity:.85}
header nav a:hover{opacity:1}
header nav .keep{background:var(--acc);color:#1b0f2b;opacity:1;font-weight:600;padding:.55rem 1.2rem;border-radius:999px}
@media(max-width:860px){header nav a:not(.keep){display:none}}

.w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .06em .16em;margin:0 -.06em}
.w>span{display:inline-block;transform:translateY(112%) rotate(4deg);transform-origin:0 100%;transition:transform 1.3s cubic-bezier(.2,.8,.15,1);transition-delay:calc(var(--i)*70ms + var(--d,0ms))}
.in .w>span{transform:none}

.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:7rem 0 clamp(2.5rem,8vh,5rem)}
.hero svg{position:absolute;right:2vw;top:50%;height:min(88%,1000px);width:auto;aspect-ratio:1;transform:translateY(-50%);color:var(--acc)}
.hero svg path{fill:none;stroke:currentColor;stroke-width:.4;stroke-linecap:round}
.dev{position:absolute;left:clamp(.5rem,4vw,3rem);top:16vh;font:400 clamp(6rem,22vw,20rem)/1 'Tiro Devanagari Hindi',serif;opacity:.07;user-select:none;pointer-events:none}
.hero .wrap{position:relative;width:100%}
.hero h1{font-size:clamp(3.4rem,14.5vw,13.5rem);line-height:.84;letter-spacing:-.05em}
.hero h1 .ln{display:block}
.hero h1 .ln+.ln{font-style:italic;padding-left:clamp(.8rem,10vw,9rem);--d:350ms}
.sub{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:1.4rem 3rem;align-items:center;justify-content:space-between}
.sub p{max-width:28ch;font-size:1.15rem}
.sub em{font:italic 400 1.8rem/1.1 var(--serif);color:var(--acc)}
.btn{display:inline-block;background:var(--acc);color:#1b0f2b;text-decoration:none;font-weight:600;padding:1rem 1.8rem;border-radius:999px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.btn:hover{transform:scale(1.07) rotate(-2deg)}

.mani{height:270vh;position:relative}
.stick{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.lit{font:400 clamp(2rem,5.6vw,4.9rem)/1.1 var(--serif);letter-spacing:-.025em;max-width:18em}
.lit span{opacity:.14;transition:opacity .6s}
.lit span.on{opacity:1}
.lit span.g.on{color:var(--acc);font-style:italic}

.inter{height:230vh;position:relative}
.inter .stick{display:grid;place-items:center}
.inter svg{position:absolute;width:min(135vmin,1000px);height:auto;color:var(--acc);opacity:.9}
.inter svg path{fill:none;stroke:currentColor;stroke-width:.6;stroke-linecap:round}
.inter p{position:relative;text-align:center;font:italic 400 clamp(2.1rem,7vw,6.2rem)/1.02 var(--serif);max-width:11em;padding:0 1.5rem;text-wrap:balance}
.inter small{display:block;margin-top:1.6rem;font:400 1.1rem var(--sans);font-style:normal;opacity:.8}

.big{font-size:clamp(2.7rem,7.6vw,6.8rem);line-height:.98;max-width:11em;text-wrap:balance;transform:skewY(var(--sk,0deg))}
.offer{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem 5rem;align-items:start}
.rows{margin-top:clamp(3rem,7vw,5rem);border-top:1px solid}
.row{position:relative;padding:2rem 0;border-bottom:1px solid;border-color:inherit;transition:padding-left .6s cubic-bezier(.2,.8,.2,1)}
.row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--acc);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.row:hover{padding-left:1rem}.row:hover::after{width:100%}
.row h3{font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1}
.row:nth-child(2) h3{font-style:italic}
.row p{margin-top:.7rem;max-width:44ch;opacity:.78}
.arches{position:relative;padding-top:2rem}
.arch{position:relative;width:64%;aspect-ratio:3/4.1;border-radius:999px 999px 6px 6px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.55)}
.arch canvas,.arch::after{position:absolute;inset:0;width:100%;height:100%}
.arch::after{content:"";box-shadow:inset 0 0 60px rgba(0,0,0,.35);border-radius:inherit}
.arch.b{width:50%;margin:-5rem 0 0 auto}
.arches figcaption{margin-top:1rem;font:italic 1.05rem var(--serif);opacity:.7;max-width:26ch}
@media(max-width:860px){.offer{grid-template-columns:1fr}.arches{margin-top:2rem}}

.pledge{overflow:hidden}
.pledge .l1,.pledge .l2{display:block;font:400 clamp(3.2rem,13vw,12rem)/.88 var(--serif);letter-spacing:-.05em;white-space:nowrap;will-change:transform}
.pledge .l2{font-style:italic;color:var(--acc);text-align:right;margin-top:.08em}
.txt{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem;margin-top:clamp(3rem,7vw,5rem)}
.txt p:last-child{font:400 clamp(1.5rem,2.8vw,2.3rem)/1.18 var(--serif)}
.txt p:first-child{opacity:.8}

.team{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.team p{margin:1.6rem 0 2rem;max-width:40ch;opacity:.8}
.link{font:italic 400 1.65rem var(--serif);text-decoration:none;border-bottom:1px solid var(--acc);padding-bottom:2px}
.orbit{aspect-ratio:1;max-width:480px;width:100%;justify-self:center}
.orbit .r{fill:none;stroke:var(--fg);stroke-opacity:.25;stroke-width:.4}
.orbit .n{fill:var(--acc)}
.orbit g{transform-origin:100px 100px;animation:spin 60s linear infinite}
.orbit g.b{animation-duration:95s;animation-direction:reverse}.orbit g.b circle{fill:var(--fg)}
@keyframes spin{to{transform:rotate(360deg)}}

.duo{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid}
.duo>div{padding:clamp(2.5rem,6vw,5rem) 0}
.duo>div+div{padding-left:clamp(1.5rem,5vw,4.5rem);border-left:1px solid;border-color:inherit}
.duo h3{font-size:clamp(2.8rem,6.4vw,5.6rem);line-height:.95}
.duo p{margin:1rem 0 1.8rem;max-width:34ch;opacity:.8}

.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}
details{border-bottom:1px solid;border-color:inherit}
details:first-of-type{border-top:1px solid;border-color:inherit}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;padding:1.6rem 0;font:400 clamp(1.4rem,2.5vw,2rem)/1.15 var(--serif)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:300 2.2rem/1 var(--sans);color:var(--acc);transition:transform .45s}
details[open] summary::after{transform:rotate(135deg)}
details p{padding:0 3rem 1.7rem 0;opacity:.8;max-width:56ch}

.apply{text-align:center;padding:clamp(7rem,15vw,12rem) 0 clamp(5rem,10vw,8rem)}
.apply h2{font-size:clamp(2.6rem,7.4vw,6.6rem);line-height:.98;max-width:12em;margin:0 auto;text-wrap:balance}
.seal{position:relative;display:grid;place-items:center;width:min(310px,70vw);aspect-ratio:1;margin:4rem auto 0;text-decoration:none}
.seal svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 24s linear infinite}
.seal text{font:500 11.5px var(--sans);letter-spacing:.14em;fill:var(--acc)}
.seal span{font:italic 400 2.8rem var(--serif);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.seal:hover span{transform:scale(1.2)}
.seal::before{content:"";position:absolute;inset:18%;border-radius:50%;border:1px solid var(--acc);transition:inset .5s,background .5s}
.seal:hover::before{inset:10%;background:color-mix(in srgb,var(--acc) 16%,transparent)}
footer{padding:3rem 0 4rem;font-size:.92rem;border-top:1px solid;border-color:color-mix(in srgb,var(--fg) 22%,transparent)}
footer .wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem}
footer .serif{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1}
footer p{opacity:.7}footer p+p{margin-top:.8rem}
@media(max-width:860px){.team,.faq,.txt,footer .wrap{grid-template-columns:1fr}}
@media(max-width:700px){.duo{grid-template-columns:1fr}.duo>div+div{padding-left:0;border-left:0;border-top:1px solid;border-color:inherit}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.w>span{transform:none}html{scroll-behavior:auto}}
.page{display:none}.page.on{display:block}
.hero.ph{min-height:86svh}
.hero.ph h1{font-size:clamp(3.2rem,11.5vw,10.5rem)}
.lead{margin-top:2rem;max-width:30ch;font:italic 400 clamp(1.4rem,2.7vw,2.3rem)/1.2 var(--serif)}
.curtain{position:fixed;inset:0;z-index:70;background:var(--acc);color:#1b0f2b;display:grid;place-items:center;font:italic 400 clamp(3.5rem,13vw,11rem)/1 var(--serif);letter-spacing:-.04em;transform:translateY(101%);transition:transform .78s cubic-bezier(.7,0,.2,1)}
.curtain.cover{transform:none}.curtain.leave{transform:translateY(-101%)}
header nav a[aria-current]:not(.keep){opacity:1;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:7px;text-decoration-thickness:1.5px}
.mbtn{display:none;margin-left:.5rem;background:none;border:1px solid color-mix(in srgb,var(--fg) 35%,transparent);color:inherit;border-radius:999px;padding:.5rem 1.1rem;font:inherit;font-size:.95rem;cursor:pointer}
.menu{position:fixed;inset:0;z-index:35;background:rgba(var(--rgb),.97);display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem 2rem;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.menu.open{opacity:1;visibility:visible}
.menu a{font:400 clamp(2.6rem,12vw,4.8rem)/1.12 var(--serif);text-decoration:none;letter-spacing:-.03em}
.menu a[aria-current]{font-style:italic;color:var(--acc)}
@media(max-width:860px){.mbtn{display:block}}
.doors{border-top:1px solid;margin-top:clamp(3rem,7vw,5rem)}
.doors a{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding:1.8rem 0;border-bottom:1px solid;border-color:inherit;text-decoration:none;position:relative;transition:padding-left .6s cubic-bezier(.2,.8,.2,1)}
.doors a::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--acc);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.doors a:hover{padding-left:1.4rem}.doors a:hover::after{width:100%}.doors a:hover h3{font-style:italic}
.doors h3{font-size:clamp(2.6rem,8.5vw,7.4rem);line-height:.95}
.doors span{max-width:24ch;text-align:right;opacity:.75}
@media(max-width:700px){.doors a{flex-direction:column;gap:.4rem}.doors span{text-align:left}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:3rem 5rem;align-items:start}
.two>p,.two>div>p{opacity:.82;max-width:44ch}
.two p+p{margin-top:1.2rem}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.mem{padding:1.6rem 0;border-bottom:1px solid;border-color:inherit;display:flex;justify-content:space-between;gap:2rem;align-items:baseline}
.mem h3{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1}.mem p{opacity:.75;text-align:right}
.empty{font:italic 400 clamp(1.4rem,2.6vw,2.1rem)/1.25 var(--serif);max-width:28ch;opacity:.9}
.bigmail{font:400 clamp(2rem,6vw,5rem)/1 var(--serif);letter-spacing:-.03em;text-decoration:none;border-bottom:1px solid var(--acc);word-break:break-all}
.fnav{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-top:1.4rem;font:italic 400 1.35rem var(--serif)}
.fnav a{text-decoration:none;opacity:.85}.fnav a:hover{opacity:1;color:var(--acc)}
.sealwrap{display:flex;flex-direction:column;align-items:center}
.profs{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem 2.5rem;align-items:start}
.prof:nth-child(3n+2){margin-top:5.5rem}.prof:nth-child(3n+3){margin-top:2rem}
.pa{aspect-ratio:3/4.1;border-radius:999px 999px 8px 8px;overflow:hidden;position:relative;box-shadow:0 40px 70px -30px rgba(0,0,0,.55);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.pa svg{width:100%;height:100%;display:block}.pa .sg{transform-box:fill-box;transform-origin:center;animation:spin 50s linear infinite}
.prof:hover .pa{transform:translateY(-12px) rotate(-1.4deg)}
.prof h3{font-size:clamp(2rem,3.2vw,2.8rem);margin-top:1.4rem;line-height:1}
.prof .role{font:italic 400 1.25rem var(--serif);color:var(--acc);margin-top:.35rem}
.prof .q{margin-top:.8rem;opacity:.82;max-width:30ch;font-size:1rem}
.prof ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}
.prof li{border:1px solid color-mix(in srgb,var(--fg) 32%,transparent);border-radius:999px;padding:.25rem .85rem;font-size:.85rem}
.pnote{margin-top:3.5rem}
@media(max-width:900px){.profs{grid-template-columns:1fr 1fr}.prof:nth-child(n){margin-top:0}.prof:nth-child(2n){margin-top:3rem}}
@media(max-width:560px){.profs{grid-template-columns:1fr}.prof:nth-child(n){margin-top:0}}
.chips{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.45rem}
.chips li{border:1px solid color-mix(in srgb,var(--fg) 32%,transparent);border-radius:999px;padding:.3rem .95rem;font-size:.88rem}
.ticks{list-style:none;padding:0;margin:1.4rem 0 0}
.ticks li{padding:.7rem 0 .7rem 1.7rem;border-top:1px solid color-mix(in srgb,var(--fg) 20%,transparent);position:relative;opacity:.92}
.ticks li::before{content:"";position:absolute;left:0;top:1.3rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--acc)}
.track .two>div>p{opacity:.9}
.pbtns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.btn.o{background:transparent;color:inherit;border:1px solid var(--acc)}.btn.o:hover{background:color-mix(in srgb,var(--acc) 18%,transparent)}
.notice{margin-top:2rem;padding:1.3rem 1.6rem;border:1px solid color-mix(in srgb,var(--fg) 28%,transparent);border-radius:1.2rem;max-width:52ch;font-size:.98rem}
.crow{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:1rem 3rem;align-items:center;padding:2rem 0;margin:0;border-bottom:1px solid;border-color:inherit}
.crow:hover{padding-left:0}.crow h3{font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1}.crow p{opacity:.78;max-width:42ch;margin:0}
@media(max-width:860px){.crow{grid-template-columns:1fr}}
.tag{display:inline-block;margin-left:.7rem;font:600 .75rem var(--sans);vertical-align:middle;border:1px solid var(--acc);color:var(--acc);border-radius:999px;padding:.15rem .7rem}
.fnd{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem 5rem;align-items:center}
.fnd .pa{max-width:440px;width:100%}
.fnd .fname{font:400 clamp(3rem,8.4vw,7.4rem)/.9 var(--serif);letter-spacing:-.045em;margin:.3rem 0 1.4rem}
.fnd p{max-width:50ch}.fnd p+p{margin-top:1rem;opacity:.82}.fnd .role{font:italic 400 1.5rem var(--serif);color:var(--acc);margin:0}
.fnd ul{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}
.fnd li{border:1px solid color-mix(in srgb,var(--fg) 32%,transparent);border-radius:999px;padding:.25rem .85rem;font-size:.85rem}
@media(max-width:860px){.fnd{grid-template-columns:1fr}}
.prof .q{max-width:32ch}
.prof details.more{border:0;margin-top:.9rem}
.prof details.more summary{display:inline-block;padding:0;font:italic 400 1.1rem var(--serif);color:var(--acc);cursor:pointer}
.prof details.more summary::after{content:none}
.prof details.more p{padding:.7rem 0 0;opacity:.85;font-size:.96rem;max-width:34ch}
html.t .curtain{transform:none;transition:none}
.off{opacity:.45;pointer-events:none}