:root{--magenta: #FF007F;--charcoal: #1A1A1A;--paper: #F7EFF3;--u: min(calc(100vw / 1440), calc(100vh / 900));--m: calc(100vw * 32 / 1440);--small: max(11px, calc(var(--u) * 12));--body: max(13px, calc(var(--u) * 15))}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--charcoal);color:var(--paper);font-family:Geist,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:1px solid var(--magenta);outline-offset:4px}.m{font:500 var(--small)/1.3 "Geist Mono",monospace}.dim{color:#f7eff38c}.px{font-family:Silkscreen,monospace;font-weight:400;color:var(--magenta);letter-spacing:-.12em}.body{font-size:var(--body);line-height:1.35}#gl{position:fixed;inset:0;width:100%;height:100%;z-index:1;touch-action:none;display:block}.embed #gl{touch-action:pan-y}.embed,.embed body{overflow:visible}.orb{position:fixed;left:50%;border-radius:50%;pointer-events:none;z-index:0;will-change:transform}.orb--glow{width:calc(var(--u) * 1240);height:calc(var(--u) * 1240);top:calc(50% + var(--u) * 110);margin:calc(var(--u) * -620) 0 0 calc(var(--u) * -620);background:radial-gradient(closest-side,#ff007f80,#ff007f21 45%,#ff007f00)}.orb--core{width:calc(var(--u) * 590);height:calc(var(--u) * 540);top:calc(50% + var(--u) * 74);margin:calc(var(--u) * -270) 0 0 calc(var(--u) * -313);background:var(--magenta);filter:blur(calc(var(--u) * 120))}.ui{position:fixed;inset:0;z-index:2;pointer-events:none;visibility:hidden}.ui a{pointer-events:auto;transition:color .2s}.ui a:hover{color:var(--magenta)}.top{position:absolute;top:calc(var(--u) * 30);left:var(--m);right:var(--m);height:calc(var(--u) * 22)}.logo{position:absolute;left:0;top:0;width:calc(var(--u) * 22);height:calc(var(--u) * 22)}.logo svg{width:100%;height:100%;fill:var(--magenta);display:block}.nav,.actions{position:absolute;top:calc(var(--u) * 3);display:flex;gap:calc(var(--u) * 28);white-space:nowrap}.nav{left:50%;transform:translate(-50%)}.nav .is-on{color:var(--magenta)}.actions{right:0}.col{position:absolute;top:calc(var(--u) * 97)}.col--name{left:var(--m)}.col--role{left:calc(100vw * 381 / 1440)}.col--what{left:calc(100vw * 730 / 1440);width:max(240px,calc(var(--u) * 300))}.col--sides{left:calc(100vw * 1079 / 1440);right:var(--m)}.big{font-size:calc(var(--u) * 24);line-height:calc(var(--u) * 31)}.big.px{margin-top:calc(var(--u) * 4)}.note{font-weight:400;line-height:1.4;margin-top:calc(var(--u) * 4)}.label{margin-bottom:calc(var(--u) * 10)}.sides li{display:flex;justify-content:space-between;align-items:center;font-size:var(--body);height:calc(var(--u) * 20);margin-bottom:calc(var(--u) * 5);transition:color .25s}.sides li span:last-child{font:400 var(--small) "Geist Mono",monospace;color:#f7eff38c;transition:color .25s}.sides li.is-on,.sides li.is-on span:last-child{color:var(--magenta)}.sides li.is-on span:first-child:before{content:"\25cf  "}.headline,.p-head{font-weight:400;display:flex;flex-direction:column;gap:calc(var(--u) * 10)}.headline{position:absolute;left:calc(100vw * 30 / 1440);bottom:calc(var(--u) * 32)}.line{display:block;font-size:calc(var(--u) * 60);line-height:1;letter-spacing:-.025em;white-space:nowrap;text-box:trim-both cap alphabetic}.line.px{font-size:calc(var(--u) * 56);letter-spacing:-.12em}.meta{position:absolute;right:var(--m);bottom:calc(var(--u) * 32);display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--u) * 12)}.hint{font-weight:400;line-height:1.4;text-align:right}.chips{display:flex;gap:calc(var(--u) * 8)}.chips>*{padding:calc(var(--u) * 8) calc(var(--u) * 12);border:1px solid rgb(247 239 243 / .16);background:#f7eff30f;border-radius:calc(var(--u) * 6)}.chips button{pointer-events:auto;transition:background .2s,color .2s}.chips button:hover{background:var(--magenta);color:var(--charcoal)}.pill{position:fixed;left:0;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;pointer-events:none;opacity:0;white-space:nowrap;background:#1a1a1af0;border:1px solid rgb(247 239 243 / .18);backdrop-filter:blur(18px)}.pill__thumb{width:34px;height:34px;border-radius:50%;background-size:cover;background-position:center;display:block}.pill__text{display:flex;flex-direction:column;gap:1px}.pill b{font:500 14px/1.2 Geist,sans-serif}.pill small{font:400 10px/1.2 Geist Mono,monospace;color:var(--magenta);text-transform:uppercase}.project{position:fixed;inset:0;z-index:4;pointer-events:none}.project[hidden]{display:none}.project__scrim{position:absolute;inset:0;background:#1a1a1ac2;opacity:0}.p-back,.p-info,.p-nav button{pointer-events:auto}.p-back{position:absolute;left:var(--m);top:calc(var(--u) * 33);transition:color .2s}.p-back:hover{color:var(--magenta)}.p-count{position:absolute;right:var(--m);top:calc(var(--u) * 33)}.p-img{position:absolute;left:50%;top:calc(var(--u) * 80);width:calc(var(--u) * 600);height:calc(var(--u) * 600);margin-left:calc(var(--u) * -300);border-radius:13%;opacity:0;object-fit:cover}.p-head{position:absolute;left:calc(100vw * 30 / 1440);bottom:calc(var(--u) * 32)}.p-info{position:absolute;right:var(--m);top:calc(var(--u) * 97);bottom:calc(var(--u) * 86);width:max(240px,calc(var(--u) * 300));display:flex;flex-direction:column;gap:calc(var(--u) * 26);overflow-y:auto;scrollbar-width:none}.p-info::-webkit-scrollbar{display:none}.p-case{display:flex;justify-content:space-between;align-items:center;flex:none;padding:calc(var(--u) * 15) calc(var(--u) * 16);border-radius:calc(var(--u) * 6);background:var(--magenta);color:var(--charcoal);transition:background .2s}.p-case:hover{background:var(--paper)}.p-case span{transition:transform .25s}.p-case:hover span{transform:translate(4px)}.p-year{margin-top:calc(var(--u) * 14);font-weight:400}.p-nav{position:absolute;right:var(--m);bottom:calc(var(--u) * 32)}@media (max-width: 768px){:root{--u: 1px;--m: 16px;--small: 11px;--body: 14px}.nav,.actions a:first-child{display:none}.top{top:18px}.col{top:58px}.big{font-size:20px;line-height:24px}.col--role{left:auto;right:16px;text-align:right}.col--what,.col--sides,.hint,.note{display:none}.headline{left:16px;bottom:74px;gap:7px}.line{font-size:44px}.line.px{font-size:40px}.meta{left:16px;right:16px;bottom:20px;align-items:flex-start}.orb--glow{width:760px;height:760px;margin:-380px 0 0 -380px;top:52%}.orb--core{width:320px;height:300px;margin:-150px 0 0 -160px;top:50%;filter:blur(70px)}.project{overflow-y:auto;pointer-events:auto}.p-back,.p-count{top:20px}.project__scrim{position:fixed}.project{padding-top:62px}.p-img{position:relative;display:block;width:calc(100vw - 64px);height:calc(100vw - 64px);left:0;margin-left:32px;top:0}.p-head{position:relative;left:auto;bottom:auto;margin:24px 16px 0;gap:7px}.p-head .line{font-size:36px}.p-head .line.px{font-size:24px}.p-info{position:relative;inset:auto;width:auto;margin:26px 16px 0;overflow:visible;gap:22px}.p-case{padding:15px 16px;border-radius:6px}.p-nav{position:relative;right:auto;bottom:auto;margin:16px 16px 24px;justify-content:flex-end}}