html.home,html.home body{height:100%}body:has(.stage){cursor:default;height:100dvh;overflow:hidden}.stage{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}@keyframes reveal{to{transform:translateY(0)}}.stage main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.top{z-index:3;padding:clamp(20px,2.8vh,34px) var(--pad) 0;flex:none;align-items:flex-start;gap:16px;display:flex;position:relative}.signs{flex-direction:column;align-items:flex-start;display:flex}.signs .chain{width:var(--hair);background:var(--ink);opacity:0;height:clamp(10px,1.8vh,16px);animation:rise .5s var(--ease-out) var(--d,1s) forwards;margin-left:22px}.nav{border:var(--hair) solid var(--ink);background:var(--paper);letter-spacing:.2em;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);opacity:0;animation:rise .8s var(--ease-out) var(--d,.85s) forwards;align-items:center;gap:12px;padding:11px 15px;font-size:11px;font-weight:500;display:inline-flex;transform:translateY(8px)}.nav .sq{transition:background var(--t-fast),transform .45s var(--ease-io)}.nav .arw{color:var(--acc);transition:transform .45s var(--ease-io),color var(--t-fast);margin-left:2px;font-size:13px;line-height:1}.nav:hover,.nav:focus-visible{background:var(--acc);border-color:var(--acc);color:var(--paper)}.nav:hover .sq,.nav:focus-visible .sq{background:var(--paper);transform:rotate(135deg)}.nav:hover .arw,.nav:focus-visible .arw{color:var(--paper)}#aboutBtn:hover .arw,#aboutBtn:focus-visible .arw{transform:translateY(3px)}a.nav:hover .arw,a.nav:focus-visible .arw{transform:translate(3px)}.mark{right:var(--pad);z-index:2;opacity:0;animation:markIn .9s var(--ease-out) 1s forwards;position:absolute;top:46%;transform:translateY(calc(10px - 50%))}@keyframes markIn{to{opacity:1;transform:translateY(-50%)}}.mark svg{display:block;overflow:visible}.mark:after{content:"";width:var(--pad);height:var(--hair);background:var(--ink);position:absolute;top:50%;left:100%}.mark .hand{stroke:#000;stroke-width:3px;transform-origin:50px 50px;transition:transform 1.4s var(--ease-io)}.name{visibility:hidden;letter-spacing:-.055em;white-space:nowrap;user-select:none;font-feature-settings:"tnum";z-index:1;width:max-content;font-size:26vw;font-weight:500;line-height:.82;position:absolute;bottom:0;left:0;transform:translate(-8vw,14%)}.name.sized{visibility:visible}.name .chw{vertical-align:bottom;clip-path:inset(-60% -60% 0);margin-bottom:-.06em;padding-bottom:.06em;display:inline-block}.name .ch{animation:reveal 1s var(--ease-out) forwards;animation-delay:calc(.32s + var(--i) * 60ms);transition:font-variation-settings var(--t-fast) var(--ease-out);font-variation-settings:"wght" 500;display:inline-block;transform:translateY(112%)}.name.revealed .chw{clip-path:none}.name.revealed .ch{opacity:1;transform:none;animation:none!important}.name .ch.cln{color:var(--acc)}.name.revealed .ch.cln{animation:2s step-end infinite blink!important}.name:hover .ch{font-variation-settings:"wght" 340}.name .ch:hover{font-variation-settings:"wght" 700}.stage footer{background:var(--paper);z-index:4;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.stage footer:before{content:"";height:var(--hair);background:var(--ink);transform-origin:100%;animation:draw var(--t-slow) var(--ease-io) 50ms forwards;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.cell{padding:clamp(18px,2.6vh,30px) var(--pad);text-align:left;opacity:0;transition:background var(--t-fast);justify-content:space-between;align-items:center;gap:12px;animation:.62s linear forwards fluor;display:flex;position:relative;overflow:hidden}.cell:first-child{animation-delay:1.05s}.cell:nth-child(2){animation-delay:1.14s}.cell+.cell:after{content:"";width:var(--hair);background:var(--ink);position:absolute;top:0;bottom:0;left:0}.cell:hover,.cell:focus-visible{background:var(--acc)}.cell .txt{color:var(--ink)}.cell .arw{color:var(--acc)}.cell:hover .txt,.cell:hover .arw,.cell:focus-visible .txt,.cell:focus-visible .arw{color:var(--paper)}.cell .sq{transition:transform .45s var(--ease-io)}.cell:hover .sq,.cell:focus-visible .sq{background:var(--paper);transform:rotate(135deg)}.cell .txt{flex-direction:column;gap:5px;min-width:0;display:flex}.cell .lbl{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.cell .sub{letter-spacing:.06em;opacity:.62;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:300;overflow:hidden}.cell .arw{transition:transform .45s var(--ease-io);flex:none;font-size:15px}.cell:hover .arw{transform:translate(3px,-3px)}.about{z-index:20;visibility:hidden;pointer-events:none;transition:visibility 0s linear .6s;position:fixed;inset:0}.about.open{visibility:visible;pointer-events:auto;transition:visibility}.about-backdrop{position:absolute;inset:0}.about-panel{border-right:var(--hair) solid var(--ink);overscroll-behavior:contain;letter-spacing:.14em;clip-path:inset(0 100% 0 0);width:min(400px,92vw);transition:clip-path .6s var(--ease-io);background:#f5f5fbd9;flex-direction:column;gap:clamp(16px,2.6vh,26px);padding:clamp(20px,3.4vh,38px) clamp(18px,2vw,32px);font-size:11px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.about.open .about-panel{clip-path:inset(0)}.about-panel .fx{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(12px)}.about.open .about-panel .fx{opacity:1;transform:none}.about.open .about-panel .fx:first-of-type{transition-delay:.3s}.about.open .about-panel .fx:nth-of-type(2){transition-delay:.38s}.about.open .about-panel .fx:nth-of-type(3){transition-delay:.46s}.about.open .about-panel .fx:nth-of-type(4){transition-delay:.54s}.about.open .about-panel .fx:nth-of-type(5){transition-delay:.62s}.about.open .about-panel .fx:nth-of-type(6){transition-delay:.7s}.close{z-index:6;background:var(--paper);border-left:var(--hair) solid var(--ink);border-bottom:var(--hair) solid var(--ink);width:clamp(40px,4vw,46px);height:clamp(40px,4vw,46px);transition:background var(--t-fast);position:absolute;top:0;right:0}.close:before,.close:after{content:"";background:var(--ink);width:14px;height:1px;transition:background var(--t-fast), transform .45s var(--ease-io);position:absolute;top:50%;left:50%}.close:before{transform:translate(-50%,-50%)rotate(45deg)}.close:after{transform:translate(-50%,-50%)rotate(-45deg)}.close:hover{background:var(--ink)}.close:hover:before{background:var(--paper);transform:translate(-50%,-50%)rotate(135deg)}.close:hover:after{background:var(--paper);transform:translate(-50%,-50%)rotate(45deg)}.about-panel .big{letter-spacing:-.03em;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1}.about-panel .big .blink-sync{animation:2s step-end infinite blink}.about-panel .ident .cap{letter-spacing:.24em;text-transform:uppercase;opacity:.55;margin-top:11px;font-size:10px;font-weight:300}.m-label{align-items:center;gap:9px;margin-bottom:9px;font-weight:500;display:flex}.m-label .sq{width:6px;height:6px}.m-val{letter-spacing:.04em;font-size:12px;font-weight:300;line-height:1.8}.age-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.age-num{letter-spacing:-.02em;font-feature-settings:"tnum";font-size:clamp(30px,2.6vw,40px);font-weight:500;line-height:1}.dob{opacity:.6;letter-spacing:.1em;font-size:10px;font-weight:300}.age-bar{align-items:center;gap:9px;margin-bottom:8px;display:flex}.age-bar .cap{font-feature-settings:"tnum";opacity:1;letter-spacing:.06em;margin:0;font-size:10px;font-weight:500}.bar{border:var(--hair) solid var(--ink);flex:1;height:9px;position:relative}.bar-fill{background:var(--acc);width:0;transition:width 1.1s var(--ease-io) .55s;position:absolute;top:0;bottom:0;left:0}.about.open .bar-fill{width:calc(var(--p,0) * 100%)}.age-sub{opacity:.6;letter-spacing:.08em;font-size:10px;font-weight:300}.minor{color:var(--aka);background:var(--aka-bg);border:var(--hair) solid var(--aka);letter-spacing:.14em;align-items:center;gap:9px;margin-top:12px;padding:7px 10px;font-size:10px;font-weight:500;display:flex}.minor .sq{background:var(--aka);width:6px;height:6px}.n-status{border:var(--hair) solid var(--ink);background:var(--paper);letter-spacing:.04em;align-items:flex-start;gap:10px;padding:12px 14px;font-size:11px;font-weight:300;line-height:1.85;display:flex}.n-status .sq{width:6px;height:6px;margin-top:.62em}.n-status .lbl{letter-spacing:.2em;flex:none;padding-top:.28em;font-size:10px;font-weight:500}.panel-foot{justify-content:space-between;align-items:flex-end;gap:14px;margin-top:auto;padding-top:clamp(18px,4vh,36px);display:flex}.sig{letter-spacing:.2em;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.sig .sq{width:6px;height:6px}.meta-mark svg{display:block}:root:has(.stage){--exit-ms:380}html.leaving .name.revealed .chw{clip-path:inset(-60% -60% 0)}html.leaving .name.revealed .ch{transition:transform .28s var(--ease-io) calc(var(--i) * 25ms);animation:none!important;transform:translateY(112%)!important}html.leaving .name.revealed .ch.cln{animation:none!important}html.leaving .nav,html.leaving .signs .chain,html.leaving .mark{transition:opacity .22s var(--ease-out);opacity:0!important}html.leaving .cell{animation:.25s linear forwards fluorOff}@media (width<=640px){.stage footer{grid-template-columns:1fr}.cell{padding-top:13px;padding-bottom:13px}.cell+.cell:after{width:auto;height:var(--hair);inset:0 0 auto}.nav{gap:10px;padding:10px 13px;font-size:10px}.signs .chain{margin-left:20px}.mark svg{width:58px;height:58px}}
