:root{--white:#fff;--ink:#141014;--pink:#ff2e7e;--gold:#ffb000;--night:#0e0b1f;--poster:"Anton", Impact, "Arial Narrow", sans-serif;--body:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--tamil:"Noto Serif Tamil", "Latha", serif;--gutter:max(16px, 4vw);color-scheme:light}*{box-sizing:border-box}html{background:var(--white);-webkit-text-size-adjust:100%;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--white);color:var(--ink);font:400 1.125rem/1.45 var(--body);margin:0;overflow-x:clip}h1,h2,p{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}a:focus-visible{outline:3px solid var(--pink);outline-offset:3px}#stage{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{z-index:2;position:relative;overflow-x:clip}.sticker{filter:drop-shadow(0 0 1px #14101459)drop-shadow(0 12px 18px #14101433)}.opener{display:none}.motion .opener{z-index:50;background:var(--ink);color:var(--white);cursor:pointer;place-items:center;display:grid;position:fixed;inset:0}.opener__board{text-align:center;font-family:var(--poster);text-transform:uppercase;animation:.45s cubic-bezier(.2,1.5,.4,1) both slam}.opener__board span{font-size:clamp(2.4rem,9vw,7rem);line-height:1;display:block}.opener__board strong{background:var(--gold);color:var(--ink);margin-top:.5rem;padding:.1em .6em;font-size:clamp(1.1rem,3vw,2rem);font-weight:400;display:inline-block;transform:rotate(-3deg)}@keyframes slam{0%{opacity:0;transform:scale(2.2)}}.opener.is-done{opacity:0;pointer-events:none;transition:opacity .35s}.top{z-index:20;padding:14px var(--gutter);mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.top a{text-decoration:none}.top a:hover{text-decoration:underline}.top__mark{font-family:var(--poster);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:1.15rem}.top nav{align-items:center;gap:clamp(.7rem,2vw,1.5rem);display:flex}.xray-toggle{color:#fff;min-height:34px;font:800 .95rem var(--body);letter-spacing:.03em;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:99px;padding:0 .8em;transition:background .2s,color .2s}.xray-toggle:hover,.xray-toggle:focus-visible{color:#000;background:#fff}html.xray-on{overflow:hidden}.xray-sweep{z-index:30;pointer-events:none;visibility:hidden;clip-path:inset(0 0 100%);backdrop-filter:grayscale()invert()sepia()hue-rotate(150deg)saturate(2.6)contrast(1.15);position:fixed;inset:0}.xray-beam{z-index:31;pointer-events:none;visibility:hidden;background:#7df3ff;height:3px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 34px 10px #7df3ffa6}.xray{z-index:40;overscroll-behavior:contain;color:#d9f4fb;font:400 1.0625rem/1.55 var(--body);background-color:#05121a;background-image:linear-gradient(#7df3ff0d 1px,#0000 1px),linear-gradient(90deg,#7df3ff0d 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;overflow-y:auto}.xray[hidden]{display:none}.xray a{color:#7df3ff}.xray__exit{z-index:2;top:12px;right:var(--gutter);color:#7df3ff;min-height:40px;font:800 .95rem var(--body);cursor:pointer;background:#05121a;border:2px solid #7df3ff;border-radius:99px;padding:0 1em;position:fixed}.xray__exit:hover,.xray__exit:focus-visible{color:#05121a;background:#7df3ff}.xray__page{max-width:54rem;padding:84px var(--gutter) 90px;margin:0 auto}.xray__head h2{color:#fff;font-size:clamp(2.1rem,5.6vw,3.6rem);font-weight:800;line-height:1.05}.xray__title{margin-top:.4rem;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:600}.xray__links{overflow-wrap:anywhere;flex-wrap:wrap;gap:.3rem 1.4rem;margin-top:.7rem;display:flex}.xray__summary{max-width:42rem;margin-top:1.2rem}.xray section{margin-top:2.6rem}.xray h3{letter-spacing:.14em;text-transform:uppercase;color:#7df3ff;border-bottom:1px solid #7df3ff59;margin:0 0 .9rem;padding-bottom:.4rem;font-size:.9rem;font-weight:800}.xray__job+.xray__job{margin-top:1.5rem}.xray__jobhead{flex-wrap:wrap;justify-content:space-between;gap:.1rem 1.2rem;display:flex}.xray h4{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.xray__jobhead p{opacity:.75}.xray ul{margin:.4rem 0 0;padding-left:1.15rem}.xray li+li{margin-top:.2rem}.xray__group{opacity:.75;margin-bottom:.9rem;font-weight:600}.xray__project{grid-template-columns:13rem 1fr;align-items:start;gap:1.2rem;display:grid}.xray__project+.xray__project{margin-top:1.5rem}.xray__project img{border:1px solid #7df3ff59;border-radius:6px;width:100%;height:auto}.xray__project p{margin-top:.3rem}.xray__skills{margin:0}.xray__skills div{grid-template-columns:minmax(0,15rem) 1fr;gap:1rem;padding:.3rem 0;display:grid}.xray__skills dt{opacity:.75;font-weight:600}.xray__skills dd{margin:0}.hero{min-height:100svh;padding:80px var(--gutter) 40px;grid-template-columns:1.05fr 1fr;align-items:center;gap:2vw;display:grid;position:relative;overflow:clip}.hero__word{font:400 clamp(5rem, 24vw, 26rem)/.8 var(--poster);color:#0000;-webkit-text-stroke:2px #ff2e7e4d;white-space:nowrap;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.hero__copy{grid-area:1/1;position:relative}.hero h1{font:400 clamp(4rem, 12vw, 12rem)/.92 var(--poster);text-transform:uppercase;color:var(--pink)}.hero__copy p{max-width:24ch;margin-top:1rem;font-size:clamp(1.4rem,2.7vw,2.5rem);font-weight:800;line-height:1.15}.hero__sticker{will-change:transform;grid-area:1/2;justify-self:center;width:min(100%,72vh);position:relative}.hero__hint{text-align:center;font-size:1rem;font-weight:600;position:absolute;bottom:18px;left:0;right:0}.question{min-height:100svh;padding:80px var(--gutter);background:var(--white);flex-direction:column;justify-content:center;gap:clamp(1rem,4vh,3rem);display:flex}.question h2{font:400 clamp(3.2rem, 11vw, 11rem)/.95 var(--poster);text-transform:uppercase}.question__row{align-items:center;gap:clamp(1rem,4vw,4rem);display:flex}.question__row img{flex:none;width:min(38vw,340px)}.question__row p{font-size:clamp(1.4rem,3.4vw,3rem);font-weight:800;line-height:1.12}.question__row em{color:var(--pink);font-style:normal;display:block}html:not(.js) .dice{display:none}.dice{text-align:center;min-height:100svh;padding:80px var(--gutter);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.6rem,2vh,1.2rem);display:flex}.dice h2{font:400 clamp(2.8rem, 8.4vw, 8.4rem)/.95 var(--poster);text-transform:uppercase;color:var(--pink)}.dice__spot{place-items:center;width:100%;height:clamp(220px,42svh,460px);display:grid;position:relative}.dice__numeral{font:400 clamp(8rem, 26svh, 16rem)/1 var(--poster);color:var(--pink)}.has-webgl .dice__numeral{visibility:hidden}.dice__btn{border:3px solid var(--ink);background:var(--gold);min-height:56px;color:var(--ink);font:400 clamp(1.3rem, 2.6vw, 1.9rem) var(--poster);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 0 var(--ink);border-radius:99px;padding:0 1.6em;transition:transform .12s,box-shadow .12s}.dice__btn:hover{box-shadow:0 4px 0 var(--ink);transform:translateY(2px)}.dice__btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(6px)}.dice__btn:disabled{opacity:.55;cursor:wait}.dice__btn:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.dice__result{min-height:1.5em;font-size:clamp(1.2rem,2.6vw,2rem);font-weight:800}.verdict .dice__btn{justify-self:center;margin-top:1.6rem}.js .arc:not(.is-rolled),.js .verdict:not(.is-on){display:none}.arc{position:relative}.motion .arc{height:calc(100svh * (var(--beats) * .85 + .6))}.arc__stage{min-height:100svh;padding:96px var(--gutter) 84px;grid-template-columns:1.15fr 1fr;align-items:center;gap:3vw;display:grid;position:relative;overflow:clip}.motion .arc__stage{height:100svh;position:sticky;top:0}.arc__tape{background:var(--accent);color:#fff;width:110%;font:400 1.15rem/1 var(--poster);white-space:nowrap;padding:.45em 0;position:absolute;top:62px;left:-5%;overflow:hidden;transform:rotate(-1.2deg)}.arc__tape span{display:inline-block}.motion .arc__tape span{animation:30s linear infinite tape}@keyframes tape{to{transform:translate(-50%)}}.arc__num{font:400 clamp(14rem, 44vw, 44rem)/.8 var(--poster);color:var(--accent);opacity:.1;pointer-events:none;position:absolute;bottom:-6vh;right:1vw}.arc__copy{grid-area:1/1;position:relative}.arc h2{font:400 clamp(2.8rem, 7.4vw, 7.6rem)/.95 var(--poster);text-transform:uppercase;color:var(--accent)}.arc__source{margin-top:.4rem;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:600}.arc__beats{margin-top:clamp(1rem,4vh,2.5rem)}.beat{max-width:26ch;font-size:clamp(1.45rem,3vw,3rem);font-weight:800;line-height:1.14}.beat+.beat{margin-top:1rem}.motion .arc__beats{min-height:9.5em;font-size:clamp(1.45rem,3vw,3rem);position:relative}.motion .beat{visibility:hidden;margin:0;font-size:1em;position:absolute;top:0;left:0;right:0}.motion .beat:first-child{visibility:visible}.arc__sticker{grid-area:1/2;justify-self:center;width:min(100%,62vh);position:relative}.arc__stamp{border:4px solid var(--accent);color:var(--accent);font:400 clamp(1.1rem, 2.4vw, 2.2rem)/1 var(--poster);text-transform:uppercase;background:#ffffffd9;border-radius:8px;padding:.3em .6em;position:absolute;bottom:86px;right:6vw;transform:rotate(-8deg)}.motion .arc__stamp{visibility:hidden}.verdict{text-align:center;min-height:90svh;padding:80px var(--gutter);place-content:center;display:grid}.verdict h2{font:400 clamp(3.6rem, 13vw, 13rem)/.95 var(--poster);text-transform:uppercase}.verdict p{color:var(--pink);margin-top:1rem;font-size:clamp(1.3rem,3vw,2.6rem);font-weight:800}.train__stage{padding:88px var(--gutter) 60px}.motion .train{height:460svh}.motion .train__stage{height:100svh;position:sticky;top:0}.train h2{font:400 clamp(2.6rem, 8vw, 8rem)/.95 var(--poster);text-transform:uppercase;max-width:15ch}.train__list{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.train__list li{background:var(--ink);color:#fff;border-radius:99px;padding:.25em .7em;font-weight:600}.has-webgl .train__list{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.interval{text-align:center;min-height:110svh;padding:80px var(--gutter);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.interval__card{font:400 clamp(5rem, 20vw, 20rem)/.85 var(--poster);text-transform:uppercase;color:var(--gold)}.interval img{filter:drop-shadow(0 0 28px #ffc87859);width:min(58vw,340px)}.interval h2{font-size:clamp(1.6rem,4vw,3.6rem);font-weight:800;line-height:1.1}.interval__line{opacity:.8;font-size:clamp(1.2rem,2.4vw,2rem)}.doors{text-align:center;min-height:100svh;padding:80px var(--gutter);color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.doors__title{font:800 clamp(4rem, 15vw, 13rem)/1.2 var(--tamil)}.doors__sub{opacity:.8;font-size:clamp(1.1rem,2vw,1.6rem)}.doors__row{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:2.5rem;display:flex}.door{background:linear-gradient(#ffc46b0a,#ffc46b42);border:1px solid #fff6;border-radius:140px 140px 8px 8px;flex-direction:column;justify-content:flex-end;width:min(42vw,280px);height:min(56vw,380px);padding:1.2rem;text-decoration:none;transition:transform .35s,background-color .35s,box-shadow .35s;display:flex}.door:hover,.door:focus-visible{transform:translateY(-8px);box-shadow:0 0 60px #ffc46b73}.door span{font:600 clamp(1.5rem, 3.4vw, 2.6rem)/1.3 var(--tamil)}.door small{opacity:.75;font-size:1rem}.works{padding:clamp(80px, 14vh, 150px) var(--gutter)}.works h2{font:400 clamp(3rem, 10vw, 10rem)/.95 var(--poster);text-transform:uppercase;color:var(--pink)}.works__lede{margin-top:.6rem;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:800;line-height:1.15}html:not(.js) .works__filter{display:none}.works__filter{flex-wrap:wrap;gap:8px;margin-top:1.6rem;display:flex}.works__filter button{border:2px solid var(--ink);background:var(--white);min-height:44px;color:var(--ink);font:800 1rem var(--body);cursor:pointer;border-radius:99px;padding:0 1.1em;transition:background .2s,color .2s}.works__filter button:hover{background:var(--gold)}.works__filter button[aria-pressed=true]{background:var(--ink);color:#fff}.works__filter button:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.works__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;margin-top:1.6rem;display:grid}.work{background:var(--ink);color:#fff;border-radius:18px;flex-direction:column;gap:.3rem;padding:12px 12px 1.1rem;text-decoration:none;transition:transform .3s;display:flex;position:relative}.work[hidden]{display:none}.work__image{aspect-ratio:4/3;background:#2a2340;border-radius:10px;margin-bottom:.6rem;display:block;overflow:hidden}.work__image img{object-fit:cover;object-position:top;width:100%;height:100%}.work__tag{border:2px solid var(--ink);background:var(--gold);color:var(--ink);font:400 1.1rem var(--poster);text-transform:uppercase;border-radius:6px;padding:.2em .7em;position:absolute;top:4px;right:4px;transform:rotate(3deg)}.work[data-tag=Systems] .work__tag{background:#7df3ff}.work[data-tag=Games] .work__tag{background:var(--pink);color:#fff}.work b{font:400 clamp(1.8rem, 3.2vw, 2.6rem)/1 var(--poster);text-transform:uppercase;color:var(--gold)}.work small{opacity:.7;font-size:.95rem;font-weight:600}.work__text{margin-top:.2rem;line-height:1.3}.work__play{color:var(--gold);margin-top:.5rem;font-weight:800}a.work:hover{transform:translateY(-8px)rotate(-1.5deg)}a.work:focus-visible{outline-offset:4px}.credits{padding:60px var(--gutter) 110px;text-align:center}.credits img{width:min(70vw,400px);margin:0 auto}.credits h2{font:400 clamp(3rem, 9vw, 9rem)/.95 var(--poster);text-transform:uppercase;margin-top:1rem}.credits__links{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.5rem;display:flex}.credits__links a{background:var(--pink);color:#fff;overflow-wrap:anywhere;border-radius:99px;padding:.55em 1.1em;font-weight:800;text-decoration:none;display:inline-block}.credits__links a:hover{background:var(--ink)}.credits dl{max-width:34rem;margin:3.5rem auto 0}.credits dl div{grid-template-columns:1fr 1fr;gap:1rem;padding:.2rem 0;display:grid}.credits dt{text-align:right;opacity:.65}.credits dd{text-align:left;margin:0;font-weight:800}.credits__end{margin-top:2.5rem;font-weight:600}@media (width<=760px){.top__mark{font-size:.95rem}.top nav{white-space:nowrap;gap:.6rem;font-size:.85rem}.top nav a[href=\#works],.top nav a[href=\#credits]{display:none}.xray__skills div{grid-template-columns:1fr;gap:0}.xray__project{grid-template-columns:1fr;gap:.6rem}.xray__project img{max-width:20rem}.hero{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;padding-top:70px;padding-bottom:54px}.hero__sticker{grid-area:2/1;width:min(82vw,42svh)}.hero__copy{grid-area:1/1}.hero h1{font-size:clamp(3.6rem,19vw,7rem)}.question__row{flex-direction:column;align-items:flex-start}.question__row img{width:min(68vw,34svh)}.arc__tape{font-size:1rem;top:52px}.arc__stage{padding:104px var(--gutter) 70px;grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;gap:.4rem}.arc__copy{grid-area:1/1}.arc__sticker{grid-area:2/1;align-self:end;width:min(68vw,33svh)}.arc h2{font-size:clamp(2.4rem,12vw,4rem)}.beat,.motion .arc__beats{font-size:clamp(1.25rem,5.6vw,1.7rem)}.motion .arc__beats{min-height:7.2em}.arc__stamp{bottom:70px;right:12px}.credits dl div{gap:.6rem}}@media (prefers-reduced-motion:reduce){.arc__tape span{animation:none}}