@property --c1{syntax:"<color>";inherits:true;initial-value:#f6d46b}@property --c2{syntax:"<color>";inherits:true;initial-value:#f0953f}@property --c3{syntax:"<color>";inherits:true;initial-value:#9c8cf2}@property --frost{syntax:"<length>";inherits:false;initial-value:44px}*,:before,:after{box-sizing:border-box}:root{--bg:#e9e9e6;--ink:#151517;--muted:#5c5c62;--soft:#919193;--rule:#1515171a;--counter:#5c5c625c;--light-label:#5c5c6254;--glass:#ffffff9e;--glass-edge:#ffffffeb;--glass-shadow:0 14px 34px -24px #281e1429, 0 1px 2px #281e140a;--pill:#ffffffb8;--pill-hover:#fffffff2;--solid-hover:#2a2a2e;--rail:clamp(76px, 5.28vw, 120px);--pad:clamp(48px, 4.45vw, 112px);--pad-l:clamp(60px, 5.56vw, 140px);--top:clamp(44px, 3.06vw, 72px);--bottom:clamp(48px, 3.33vw, 80px);--S:max(77.1vh, 48.2vw);--ox:80.5vw;--oy:53.9vh;--ease:cubic-bezier(.16, 1, .3, 1);color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111113;--ink:#f2f2f4;--muted:#a3a3ab;--soft:#8c8c94;--rule:#f2f2f41a;--counter:#a3a3ab80;--light-label:#ffffff21;--glass:#48485080;--glass-edge:#fff3;--glass-shadow:0 14px 34px -24px #00000080, 0 1px 2px #0003;--pill:#ffffff1a;--pill-hover:#fff3;--solid-hover:#fff;color-scheme:dark}}:root[data-theme=dark]{--bg:#111113;--ink:#f2f2f4;--muted:#a3a3ab;--soft:#8c8c94;--rule:#f2f2f41a;--counter:#a3a3ab80;--light-label:#ffffff21;--glass:#48485080;--glass-edge:#fff3;--glass-shadow:0 14px 34px -24px #00000080, 0 1px 2px #0003;--pill:#ffffff1a;--pill-hover:#fff3;--solid-hover:#fff;color-scheme:dark}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}::selection{background:var(--c2,#f0953f);color:#151517}.grain{z-index:9;pointer-events:none;opacity:.06;mix-blend-mode:multiply;position:fixed;inset:0}.fx{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.page{z-index:1;grid-template-columns:minmax(0,1fr);height:100%;display:grid;position:relative}.rail{padding-top:var(--top);justify-content:center;align-items:flex-start;display:flex;position:relative}.rail:after{content:"";background:var(--rule);transform-origin:top;width:1px;position:absolute;top:0;bottom:0;right:0}.vert{writing-mode:vertical-rl;transform:rotate(180deg)}.meta{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:clamp(10.5px,.73vw,15px);font-weight:600;line-height:1.3}.meta span{display:block}.stage{min-width:0;padding:var(--top) var(--pad) var(--bottom) var(--pad-l);flex-direction:column;justify-content:space-between;display:flex;position:relative}.top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.with-line{align-items:center;gap:14px;display:flex!important}.home{color:inherit;border-radius:6px;margin:-4px 0 0;padding:4px 0;text-decoration:none;transition:opacity .3s;display:block}.home:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (hover:hover) and (pointer:fine){.home:hover{opacity:.6}}.with-line i{background:var(--ink);transform-origin:0;width:3.1em;height:1.5px;display:block}.lightbtn{color:var(--counter);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:-4px 0 0;padding:4px 0;font-family:inherit}.lightbtn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}#lightNo,#lightName{color:var(--light-label)}.orb{z-index:0;left:calc(var(--ox) - var(--S) / 2);top:calc(var(--oy) - var(--S) / 2);width:var(--S);height:var(--S);pointer-events:none;transition:--c1 1.6s var(--ease), --c2 1.6s var(--ease), --c3 1.6s var(--ease);will-change:transform;position:fixed}.orb-inner{position:absolute;inset:0}.orb .core,.orb .halo,.orb .lift{border-radius:50%;position:absolute}.orb .core{background:radial-gradient(circle at 55% 72%, var(--c1) 0%, color-mix(in oklab, var(--c1) 50%, var(--c2)) 32%, var(--c2) 62%, color-mix(in oklab, var(--c2) 70%, transparent) 80%, transparent 92%);filter:blur(calc(var(--S) * .032));animation:18s ease-in-out infinite alternate morph;inset:0}.orb .halo{background:radial-gradient(circle at 50% 40%, var(--c3) 0%, color-mix(in oklab, var(--c3) 40%, transparent) 50%, transparent 72%);width:78.5%;height:69%;filter:blur(calc(var(--S) * .055));opacity:.85;top:-14.1%;left:16.7%}.orb .lift{background:radial-gradient(circle at 60% 60%, color-mix(in oklab, var(--c1) 85%, white) 0%, transparent 65%);width:73.8%;height:85.6%;filter:blur(calc(var(--S) * .043));opacity:.8;top:16.7%;left:26.2%}@keyframes morph{0%{border-radius:50%;transform:rotate(0)scale(1)}50%{border-radius:46% 54% 52% 48%/52% 46% 54% 48%;transform:rotate(8deg)scale(1.03)}to{border-radius:54% 46% 48% 52%/46% 54%;transform:rotate(-6deg)scale(.98)}}.bottom{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.label{color:var(--soft);margin:0 0 .62em;font-size:clamp(15px,1.11vw,26px);line-height:1}.name{letter-spacing:-.045em;white-space:nowrap;margin:0 0 0 -1px;font-family:Inter Tight,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(54px,5vw,128px);font-weight:700;line-height:1}.role{color:var(--muted);margin:.53em 0 0;font-size:clamp(16px,1.18vw,27px);line-height:1.45}.glass-wrap{perspective:1400px;flex:none;width:clamp(460px,35.2vw,820px)}.glass{--gx:30%;--gy:20%;background:var(--glass);backdrop-filter:blur(var(--frost)) saturate(1.5) brightness(1.06);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff40;transform-style:preserve-3d;will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:clamp(24px,1.94vw,34px);flex-direction:column;align-items:flex-start;gap:clamp(20px,1.4vw,28px);padding:clamp(26px,2.08vw,38px) clamp(14px,1.11vw,22px) clamp(22px,1.67vw,32px) clamp(26px,2.08vw,40px);display:flex;position:relative;overflow:hidden}.glass:before{content:"";border-radius:inherit;background:radial-gradient(420px circle at var(--gx) var(--gy), #ffffff73, #fff0 45%);mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.glass:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.7;pointer-events:none;background:linear-gradient(135deg,#ffffffe6,#fff0 40% 60%,#ffffff80);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.sweep{pointer-events:none;filter:blur(28px);opacity:0;background:linear-gradient(105deg,#0000 20%,#ffffff0d 36%,#ffffff29 50%,#ffffff0d 64%,#0000 80%);position:absolute;inset:-20% -60%;transform:translate(-70%)}.glass.flash .sweep{animation:2.4s cubic-bezier(.45,0,.25,1) sweep}@keyframes sweep{0%{opacity:0;transform:translate(-70%)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(70%)}}.glass.dragging{cursor:grabbing}.note{margin:0;font-size:clamp(16px,1.18vw,26px);line-height:1.55;position:relative}.links{flex-wrap:wrap;gap:10px;display:flex;position:relative}.pill{isolation:isolate;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:clamp(44px,3.06vw,66px);padding:0 clamp(20px,1.4vw,32px);font-size:clamp(15px,1.04vw,22px);font-weight:500;text-decoration:none;display:inline-flex;position:relative}.pill-bg{z-index:-1;border-radius:inherit;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;overflow:hidden;transform:translate(0)scale(1)}.pill-bg:before{content:"";border-radius:inherit;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), var(--spec), transparent 70%), linear-gradient(180deg, #ffffff47 0%, #ffffff0f 42%, #fff0 60%, #ffffff1a 100%);opacity:0;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 8px 1px #ffffff47,inset 3px 3px 2px -2px #ffffffbf,inset -3px -3px 2px -2px #ffffff59}.pill-bg:after{content:"";border-radius:inherit;background:conic-gradient(from calc(var(--ang,0deg) - 70deg), transparent 0deg, #fffffff2 70deg, transparent 140deg, transparent 215deg, #ffffff73 250deg, transparent 285deg);-webkit-mask-composite:xor;opacity:0;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.pill svg{transition:transform .45s cubic-bezier(.25,1,.5,1)}.pill.solid{--spec:#ffffff38;color:var(--bg)}.pill.solid .pill-bg{background-color:var(--ink);box-shadow:0 1px 2px #0000001f}.pill.clear{--spec:#ffffffe6;color:var(--ink)}.pill.clear .pill-bg{background-color:var(--pill);border:1px solid var(--glass-edge);backdrop-filter:blur(12px)saturate(1.4);box-shadow:0 1px 2px #281e140f,inset 0 1px #fffc}@media (hover:hover) and (pointer:fine){.pill:hover .pill-bg{transform:translate(var(--dx,0px), var(--dy,0px)) scale(1.07, 1.1)}.pill:hover .pill-bg:before,.pill:hover .pill-bg:after{opacity:1}.pill.solid:hover .pill-bg{box-shadow:0 14px 28px -14px #00000080,0 2px 6px -2px #0000002e}.pill.clear:hover .pill-bg{box-shadow:0 14px 28px -16px #281e144d,inset 0 1px #fff}.pill:hover svg{transform:translate(2px,-2px)}#goBack:hover svg{transform:translate(-3px)}}.pill:active .pill-bg{transform:translate(var(--dx,0px), var(--dy,0px)) scale(1.02, .95);transition-duration:.15s}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ripple{z-index:3;width:var(--s,160px);height:var(--s,160px);margin:calc(var(--s,160px) / -2) 0 0 calc(var(--s,160px) / -2);border:1px solid var(--glass-edge);backdrop-filter:blur(4px);pointer-events:none;animation:ripple 1.2s var(--ease) forwards;background:radial-gradient(circle,#ffffff2e,#fff0 70%);border-radius:50%;position:fixed;top:0;left:0}@keyframes ripple{0%{transform:translate(var(--x), var(--y)) scale(.1);opacity:1}to{transform:translate(var(--x), var(--y)) scale(2.4);opacity:0}}.gcur{z-index:8;pointer-events:none;backdrop-filter:blur(3px)saturate(1.5);opacity:0;width:22px;height:22px;transition:opacity .35s var(--ease), background .3s ease;will-change:transform, width, height;background:#ffffff38;border:1px solid #ffffffbf;border-radius:11px;position:fixed;top:0;left:0;box-shadow:0 8px 22px -8px #00000059,inset 0 1px #fff9}.fine.cur-on .gcur{opacity:1}.gcur.snapped{backdrop-filter:none;background:0 0}.fine,.fine a,.fine button{cursor:none!important}.js .rail:after,.js .with-line i{transform:scale(0)}.ready .rail:after{transition:transform 1.6s var(--ease) 50ms;transform:scaleY(1)}.ready .with-line i{transition:transform 1.2s var(--ease) .35s;transform:scaleX(1)}.js .orb-inner{opacity:0}.ready .orb-inner{opacity:1;transition:opacity .35s}.js .glass{opacity:0;translate:0 12px}.ready .glass{animation:1.6s cubic-bezier(.22,1,.36,1) .9s both glassIn}@keyframes glassIn{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (width<=1180px){:root{--S:max(80vh, 62vw);--ox:82vw;--oy:42vh}.bottom{flex-direction:column;align-items:flex-start;gap:28px}.glass-wrap{width:min(100%,500px)}}@media (width<=760px){:root{--rail:0px;--pad:22px;--pad-l:22px;--top:28px;--bottom:26px;--S:92vw;--ox:80vw;--oy:calc(14vh + 46vw)}.rail{display:none}.page{grid-template-columns:minmax(0,1fr)}.bottom{gap:22px}.name{white-space:normal;font-size:clamp(40px,11.8vw,56px)}.glass-wrap{width:100%}.glass{border-radius:24px;gap:18px;padding:22px}.note .desk-br{display:none}.ready .glass{animation-duration:1.3s;animation-delay:.6s}:root:not([data-theme=dark]) .grain{opacity:.04}}@media (width<=760px) and (prefers-color-scheme:dark){:root:not([data-theme=light]) .grain{opacity:.06}}@media (height<=640px) and (width>=761px){:root{--top:28px;--bottom:28px}}@media (prefers-reduced-motion:reduce){.js .rail:after,.js .with-line i{transform:none}.js .orb-inner,.js .pill{opacity:1}.js .grain{opacity:.06}.ready .glass,.js .glass{opacity:1;animation:none;translate:none}.orb .core{animation:none}.pill-bg{transform:none!important}}
