:root{--ink:#252829;--paper:#fafafa;--gutter:clamp(24px,4.5vw,88px);--stroke:.7;font:400 16px/1.6 var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior-y:none}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.skip-link{z-index:20;background:#fff;padding:12px;position:fixed;top:8px;left:18px;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#story{height:calc(var(--story-travel,620svh) + 100svh);height:calc(var(--story-travel,620svh) + 100dvh);position:relative}.stage{isolation:isolate;height:100dvh;padding:max(24px,env(safe-area-inset-top)) var(--gutter) max(22px,env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:sticky;top:0;overflow:hidden}.paper{z-index:-2;background:var(--paper) url(./cotton-grid-background-bTwCekWC.png) center/cover;opacity:.65;position:absolute;inset:0}.paper:after{content:"";background:radial-gradient(#fafafa80 0%,#0000 70%);position:absolute;inset:0}header{z-index:5;justify-content:space-between;align-items:center;gap:20px;min-height:44px;display:flex;position:relative}.brand{font:400 28px/1 var(--font-display);letter-spacing:-.025em;font-optical-sizing:none;font-variation-settings:"opsz" 20;align-items:center;min-height:44px;display:flex}nav{gap:clamp(20px,3vw,46px);display:flex}nav a{align-items:center;min-height:44px;font-size:14px;display:flex}nav a:hover{text-underline-offset:5px;text-decoration:underline}#menu-toggle{display:none}.copy{text-align:center;z-index:2;min-height:clamp(170px,19svh,198px);padding-top:clamp(18px,3.4svh,36px);padding-bottom:12px}.eyebrow{letter-spacing:.18em;color:#727779;min-height:18px;margin:0 0 10px;font-size:12px;line-height:1.5}h1{font:400 56px/1.12 var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-optical-sizing:none;font-variation-settings:"opsz" 20;max-width:800px;margin:0 auto}.description{color:#62686a;text-wrap:balance;max-width:650px;margin:12px auto 0;font-size:18px;line-height:1.6}.drawing{pointer-events:none;justify-self:center;width:100%;max-width:1500px;height:100%;min-height:0}#camera{width:100%;height:100%;color:var(--ink);display:block;overflow:visible}#scene{fill:none;stroke:currentColor;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round}#scene path,#scene circle{vector-effect:non-scaling-stroke}#scene .hatch{opacity:.35;stroke-width:calc(var(--stroke)*.78)}#scene .faint{opacity:.38}#scene .guide{stroke-dasharray:4 6;opacity:.38;stroke-width:calc(var(--stroke)*.75)}#scene text{stroke:none;fill:currentColor;font-family:var(--font-body);letter-spacing:1.3px;opacity:.58;font-size:10px}#scene .symbol{letter-spacing:0;font-family:Georgia,serif;font-size:16px;font-style:italic}footer{justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding-top:6px;display:flex;position:relative}.text-button{font:400 14px/1.5 var(--font-body);letter-spacing:normal;white-space:nowrap;min-height:44px;padding:8px 0}.progress{background:#d5d8d8;width:82px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.progress span{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(1)}.controls{align-items:center;gap:22px;margin-left:auto;display:flex}@media (width<=1050px) and (height>=651px){h1{font-size:40px}}@media (width<=1000px){.progress{display:none}footer{flex-wrap:wrap;justify-content:center;gap:4px;padding-top:4px}.controls{justify-content:flex-end;gap:12px;width:100%;margin:0}}@media (width<=700px){:root{--gutter:20px}.stage{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.brand{letter-spacing:-.025em;font-size:26px}#menu-toggle{justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:flex}#menu-toggle svg{flex:none;display:block}nav{background:#fafafa;border:1px solid #dedede;flex-direction:column;gap:2px;width:min(240px,100vw - 40px);padding:14px 22px;display:none;position:absolute;top:54px;right:0}nav[data-open=true]{display:flex}nav a{min-height:48px;font-size:16px}.copy{min-height:196px;padding-top:clamp(16px,2.8svh,26px);padding-bottom:10px}.eyebrow{letter-spacing:.12em;margin-bottom:9px;font-size:12px}h1{letter-spacing:-.025em;max-width:365px;font-size:40px;line-height:1.1}.description{max-width:350px;margin-top:12px;font-size:18px;line-height:1.6}.paper{opacity:.45;background-position:0 0;background-size:auto 100%}.controls{flex-wrap:wrap;gap:0 8px}.text-button{font-size:14px}.drawing{max-width:560px}}@media (width<=380px) and (height>=651px){h1{font-size:34px}}@media (height<=650px) and (orientation:portrait){.copy{min-height:174px;padding-top:12px;padding-bottom:8px}.eyebrow{margin-bottom:8px}h1{letter-spacing:-.025em;font-size:24px}.description{margin-top:8px;font-size:16px;line-height:1.4}.stage{padding-top:12px;padding-bottom:10px}}@media (height<=650px) and (orientation:landscape){.copy{min-height:148px;padding-top:14px;padding-bottom:8px}h1{letter-spacing:-.025em;font-size:30px}.eyebrow{margin-bottom:8px}.description{margin-top:10px;font-size:16px;line-height:1.5}.stage{padding-top:12px;padding-bottom:12px}}@media (height<=500px) and (orientation:landscape){:root{--gutter:24px}.stage{padding-top:8px;padding-bottom:8px}header,.brand{letter-spacing:-.025em;min-height:36px}.brand{letter-spacing:-.025em;font-size:24px}nav a{min-height:36px;font-size:14px}.copy{grid-template-rows:18px auto;grid-template-columns:1fr 1fr;align-items:center;gap:8px 24px;min-height:88px;padding:6px 0;display:grid}.eyebrow{text-align:center;grid-column:1/-1;margin:0;display:block}h1{text-align:right;letter-spacing:-.025em;max-width:440px;margin-right:0;font-size:22px;line-height:1.15}.description{text-align:left;text-wrap:pretty;max-width:440px;margin:0;font-size:16px;line-height:1.4}.drawing{max-width:1100px}footer{min-height:40px;padding-top:0}.controls{flex-wrap:nowrap;justify-content:flex-end;width:100%}.text-button{min-height:40px}.progress{display:none}}@media (prefers-reduced-motion:reduce){#story{height:100dvh}.progress{display:none}}.stage footer{opacity:1;visibility:visible;transition:opacity 1.8s,visibility linear}.stage:not([data-phase=complete]) footer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.8s,visibility 0s linear 1.8s}.stage[data-revisit=true] footer{transition:opacity .26s,visibility linear}.stage[data-revisit=true]:not([data-phase=complete]) footer{transition:opacity .26s,visibility 0s linear .26s}.stage[data-phase=opening] .description{visibility:hidden}@media (height<=500px) and (orientation:landscape){.stage[data-phase=opening] .copy{display:block}.stage[data-phase=opening] .eyebrow{text-align:center;margin:0 auto;display:block}}@media (prefers-reduced-motion:reduce){.stage footer,.stage:not([data-phase=complete]) footer,.stage[data-revisit=true] footer,.stage[data-revisit=true]:not([data-phase=complete]) footer{transition:none}}#scene .light-flow{opacity:0;transition:opacity 1.8s}#scene .light-flow path{stroke-dasharray:.085 .915;stroke-dashoffset:1px;animation:8s linear infinite light-passing;animation-delay:var(--flow-delay,0s);animation-play-state:paused}.stage[data-phase=complete] #scene .light-flow{opacity:.28}.stage[data-phase=complete] #scene .light-flow path{animation-play-state:running}@keyframes light-passing{0%{stroke-dashoffset:1px;opacity:0}12%{opacity:1}84%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){#scene .light-flow{display:none}#scene .light-flow path{animation:none}}.scroll-cue{left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:3;min-height:44px;font:400 14px/1.5 var(--font-body);letter-spacing:normal;color:var(--ink);white-space:nowrap;opacity:1;visibility:visible;justify-content:center;align-items:center;gap:9px;padding:10px 16px;transition:opacity .6s,visibility linear;display:inline-flex;position:absolute;transform:translate(-50%)}.scroll-cue span{font:inherit;letter-spacing:inherit}.stage[data-phase=complete] .scroll-cue{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s,visibility 0s linear .6s}@media (width<=700px){.scroll-cue{bottom:max(14px,env(safe-area-inset-bottom));font-size:14px}}@media (height<=500px) and (orientation:landscape){.scroll-cue{bottom:max(8px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.scroll-cue{display:none}}.stage[data-phase=complete] #scene .iris-shading{animation:10s ease-in-out infinite iris-shimmer;animation-delay:var(--blade-delay,0s)}#scene .iris-rotor{transform-box:fill-box;transform-origin:50%;animation:240s linear infinite paused iris-clockwise}.stage[data-iris-ready=true][data-iris-in-view=true][data-iris-hidden=false] #scene .iris-rotor{animation-play-state:running}@keyframes iris-clockwise{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#scene .iris-rotor{animation:none}}@keyframes iris-shimmer{0%,to{opacity:.31}50%{opacity:.44}}@media (prefers-reduced-motion:reduce){.stage[data-phase=complete] #scene .iris-shading{animation:none}}.stage[data-phase=complete] #scene .study-connector{opacity:.65;stroke-width:var(--stroke);animation:1.25s linear infinite connector-flow}#scene .sample-dot{transform-box:fill-box;transform-origin:50%}.stage[data-phase=complete] #scene .sample-dot{animation:6.4s ease-in-out infinite sample-ripple;animation-delay:var(--sample-delay,0s)}@keyframes connector-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10px}}@keyframes sample-ripple{0%,to{transform:scale(1)}30%{transform:scale(1.22)}65%{transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.stage[data-phase=complete] #scene .study-connector,.stage[data-phase=complete] #scene .sample-dot{animation:none}}.experience{isolation:isolate;min-height:56svh;padding:clamp(72px,10svh,120px) var(--gutter);background:var(--paper);place-items:center;display:grid;position:relative}.experience-content{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,100px);width:100%;max-width:1200px;display:grid}.experience h2{max-width:650px;font:400 36px/1.4 var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-optical-sizing:none;font-variation-settings:"opsz" 20;margin:0}.experience-copy{min-width:0}.startup-logos{flex-wrap:wrap;align-items:center;gap:20px 28px;margin:28px 0 0;padding:0;list-style:none;display:flex}.startup-logos li{align-items:center;min-height:28px;display:flex}.startup-logo{flex:none;display:block;position:relative;overflow:hidden}.startup-logo img{filter:brightness(0);width:100%;height:auto;display:block}.startup-logo--gallabox{width:108px}.startup-logo--mad{aspect-ratio:284/82;width:66px}.startup-logo--mad img{width:180.282%;max-width:none;position:absolute;top:-31.707%;left:0}.startup-logo--spacekayak{width:116px}.experience-portrait{pointer-events:none;justify-self:center;width:100%;max-width:360px;display:block}.experience-portrait img{aspect-ratio:1208/1302;object-fit:contain;width:100%;height:auto;display:block}.experience a{color:#245dda;text-underline-offset:.15em;-webkit-text-decoration:underline #245dda55;text-decoration:underline #245dda55;text-decoration-thickness:1px;transition:text-decoration-color .2s}.experience a:hover{text-decoration-color:currentColor}.experience .razorpay-link{white-space:nowrap;text-decoration:none}.experience .razorpay-wordmark{vertical-align:-.1em;width:auto;max-width:min(5.25em,100%);height:.9em;display:inline-block}@media (width<=700px){.experience{min-height:48svh;padding-block:64px}.experience-content{grid-template-columns:1fr;gap:28px;max-width:480px}.experience h2{letter-spacing:-.025em;max-width:480px;font-size:26px}.experience-portrait{width:min(100%,260px)}}.header-space{pointer-events:none;height:44px}.site-header{--nav-fade:1.8s;z-index:10;isolation:isolate;min-height:0;padding:max(24px,env(safe-area-inset-top)) var(--gutter) 12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--nav-fade) ease,visibility 0s linear var(--nav-fade);background:linear-gradient(#fafafaf7 0% 78%,#fafafa00 100%);position:fixed;inset:0 0 auto}.site-header:before{content:"";z-index:-1;pointer-events:none;opacity:.65;background:url(./cotton-grid-background-bTwCekWC.png) top/100vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.site-header[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.site-header[data-revisit=true]{--nav-fade:.26s}#experience{scroll-margin-top:96px}@media (width<=700px){.site-header{padding-top:max(18px,env(safe-area-inset-top))}.site-header:before{opacity:.45}.site-header nav{top:calc(max(18px,env(safe-area-inset-top)) + 54px);right:var(--gutter)}}@media (height<=650px){.site-header{padding-top:max(12px,env(safe-area-inset-top))}.site-header nav{top:calc(max(12px,env(safe-area-inset-top)) + 54px)}}@media (height<=500px) and (orientation:landscape){.site-header{padding-top:max(8px,env(safe-area-inset-top))}.site-header nav{top:calc(max(8px,env(safe-area-inset-top)) + 48px)}}@media (width>=701px) and (height<=500px) and (orientation:landscape){.header-space{height:36px}}@media (prefers-reduced-motion:reduce){.site-header,.site-header[data-revisit=true]{--nav-fade:0s}}#story.story-paced{height:100dvh}.stage[data-phase=story] footer{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s}.stage:not([data-phase=complete]) .progress{visibility:hidden}.startup-logo-link{align-items:center;gap:10px;min-height:44px;padding-block:8px;display:inline-flex}.startup-logo-link:focus-visible{outline-offset:6px;outline:1px solid}#chapter,#headline{transform:translateY(0)}#headline{transition:transform .8s cubic-bezier(.22,.61,.36,1)}.stage[data-phase=opening] #headline{transform:translateY(var(--opening-copy-offset,20svh));transition:none}@media (height<=500px) and (orientation:landscape){.stage[data-phase=opening] #headline{text-align:center;margin-inline:auto}}@media (prefers-reduced-motion:reduce){#chapter,#headline{transition:none;transform:none!important}}@media (height<=500px) and (orientation:landscape){.stage[data-intro-copy=true] .copy{display:block}.stage[data-intro-copy=true] #chapter{text-align:center;margin:0 auto 8px}.stage[data-intro-copy=true] #headline{text-align:center;max-width:none;margin-inline:auto}.stage[data-intro-copy=true] .description{text-align:center;max-width:580px;margin:10px auto 0}}.hero-layer{display:contents}#story.story-paced.iris-zoom-enabled{height:calc(var(--iris-stage-height,100svh) * 2)}.stage.has-iris-zoom{padding:0;display:block}.has-iris-zoom>.hero-layer{z-index:2;padding:max(24px,env(safe-area-inset-top)) var(--gutter) max(22px,env(safe-area-inset-bottom));pointer-events:none;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.has-iris-zoom>.hero-layer footer,.has-iris-zoom .scroll-cue{pointer-events:auto}.has-iris-zoom[data-zoom-active=true] footer{transition:none}.stage[data-zoom-finished=true] #scene g,.stage[data-zoom-finished=true] #scene path,.stage[data-zoom-finished=true] #scene circle{animation-play-state:paused}.has-iris-zoom>#experience{z-index:1;min-height:0;padding:100px var(--gutter) 60px;opacity:0;pointer-events:none;will-change:opacity;background:0 0;position:absolute;inset:0}.has-iris-zoom>#experience>.paper{display:none}.has-iris-zoom .experience-portrait{justify-self:center}@media (width<=700px){.has-iris-zoom>.hero-layer{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.has-iris-zoom>#experience{padding:92px var(--gutter) 48px}.has-iris-zoom .experience-content{gap:24px}.has-iris-zoom .experience-portrait{width:min(220px,25svh)}.has-iris-zoom .startup-logos{gap:12px 22px;margin-top:20px}.has-iris-zoom .startup-logo--gallabox{width:99px}.has-iris-zoom .startup-logo--mad{width:61px}.has-iris-zoom .startup-logo--spacekayak{width:108px}}@media (height<=650px){.has-iris-zoom>.hero-layer{padding-top:12px;padding-bottom:12px}.has-iris-zoom>#experience{padding-top:86px;padding-bottom:32px}.has-iris-zoom .experience-content{gap:16px}.has-iris-zoom .experience h2{letter-spacing:-.025em;font-size:24px}.has-iris-zoom .experience-portrait{width:min(220px,23svh)}.has-iris-zoom .startup-logos{margin-top:16px}}@media (height<=500px) and (orientation:landscape){.has-iris-zoom>.hero-layer{padding-top:8px;padding-bottom:8px}.has-iris-zoom>#experience{padding-top:72px;padding-bottom:36px}.has-iris-zoom .experience-content{grid-template-columns:1.5fr 1fr;gap:24px;max-width:1200px}.has-iris-zoom .experience h2{letter-spacing:-.025em;font-size:24px}.has-iris-zoom .experience-portrait{width:min(200px,38svh)}.has-iris-zoom .startup-logos{gap:8px 18px;margin-top:12px}}
