.hero{position:relative;padding:40px 0 72px;overflow:hidden}.hero:before{content:"";position:absolute;inset:-20% -10% auto auto;width:900px;height:900px;background:conic-gradient(from 0deg,rgba(20,33,61,.045) 0 25%,transparent 0 50%,rgba(20,33,61,.045) 0 75%,transparent 0) 0 0/120px 120px;transform:rotate(-12deg) translateY(var(--py,0px));mask:radial-gradient(closest-side,#000 30%,transparent);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent);pointer-events:none}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;position:relative}.hero-text{position:relative;z-index:2}.hero h1{position:relative;z-index:5;white-space:nowrap;font:800 clamp(48px,9.2vw,136px)/.86 var(--display);letter-spacing:-.045em;margin:0 0 28px;color:var(--ink)}.hero h1 .ln{display:block;width:max-content;overflow:hidden;padding-bottom:.06em}.hero h1 .ln span{display:inline-block;transform:translateY(105%);animation:rise 1s var(--ease) forwards}.hero h1 .ln:nth-child(2) span{animation-delay:.12s;color:var(--mahogany)}.hero h1 .ln:nth-child(2){margin-left:.32em}@keyframes rise{to{transform:none}}.hero .lead{font:400 clamp(18px,1.6vw,21px)/1.55 var(--text);max-width:34ch;color:var(--ink-2);margin:0 0 32px;opacity:0;animation:fade .9s .55s forwards}.hero .acts{display:flex;flex-wrap:wrap;gap:12px;opacity:0;animation:fade .9s .7s forwards}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-board{position:relative;justify-self:end;width:min(100%,500px)}.hb-frame{position:relative;padding:26px 0 0 26px}.hb-grid{position:relative;display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:3/4;border-radius:10px;overflow:hidden;box-shadow:0 40px 80px -30px #14213d80,0 0 0 1px #14213d14;background:var(--maple)}.hb-grid i{display:block;background-image:var(--img);background-size:800% 800%;opacity:0;transform:perspective(600px) rotateX(-70deg) scale(.9);transform-origin:50% 0;animation:tile .7s var(--ease) forwards;animation-delay:calc(var(--d) * 38ms + .15s)}@keyframes tile{to{opacity:1;transform:none}}.hb-grid.done{background:var(--img) center/cover}.hb-grid.done i{visibility:hidden}.hb-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0 0,#ffffff59,#fff0) no-repeat -120% 0/50% 100%;animation:shine 1.6s 2.6s var(--ease) forwards;pointer-events:none}@keyframes shine{to{background-position:220% 0}}.hb-files,.hb-ranks{position:absolute;display:grid;font:500 11px/1 var(--ui);color:var(--ink-3);letter-spacing:.04em}.hb-files{left:26px;right:0;top:4px;grid-template-columns:repeat(8,1fr);text-align:center}.hb-ranks{top:26px;bottom:0;left:4px;grid-template-rows:repeat(8,1fr);align-items:center}.hb-files span,.hb-ranks span{opacity:0;animation:fade .5s forwards;animation-delay:calc(var(--d) * 60ms + .2s)}.hb-board{position:relative}.hb-knight{position:absolute;width:12.5%;height:12.5%;left:0;top:0;pointer-events:none;z-index:3;opacity:0;transition:transform .55s var(--ease),opacity .3s}.hb-knight b{position:absolute;inset:6%;border-radius:8px;border:2.5px solid var(--gold);box-shadow:0 0 0 4px #b8893b38,inset 0 0 0 1px #ffffff80}.hb-knight em{position:absolute;right:-10px;top:-12px;background:var(--gold);color:#fff;font:700 11px/1 var(--ui);font-style:normal;padding:5px 7px;border-radius:999px;white-space:nowrap}.hb-cap{position:absolute;right:-18px;bottom:-22px;background:var(--paper);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);font:500 12px/1.35 var(--ui);color:var(--ink-2);opacity:0;animation:fade .8s 2.4s forwards;z-index:4}.hb-cap b{display:block;font:800 22px/1 var(--display);color:var(--ink);margin-bottom:4px}@media(max-width:900px){.hero{padding-top:20px}.hero .wrap{grid-template-columns:1fr;gap:28px}.hero-board{justify-self:center;width:min(100%,440px);order:-1}.hb-cap{right:-6px;bottom:-18px}.hero h1{margin-bottom:20px}}.rank{display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.rank>div{padding:28px 24px 24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.rank>div:nth-child(odd){background:var(--maple);color:var(--ink)}.rank>div:nth-child(2n){background:var(--mahogany);color:#fff}.rank .num{font:800 clamp(34px,4.4vw,56px)/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.rank .lbl{font:500 13px/1.35 var(--ui);opacity:.9;max-width:20ch}.rank .sq{position:absolute;right:14px;top:12px;font:500 11px/1 var(--ui);opacity:.55}@media(max-width:760px){.rank{grid-template-columns:repeat(2,1fr)}.rank>div:nth-child(2){background:var(--mahogany);color:#fff}.rank>div:nth-child(3){background:var(--mahogany);color:#fff}.rank>div:nth-child(4){background:var(--maple);color:var(--ink)}}.sec{padding:112px 0 0}.h2{font:800 clamp(32px,4.6vw,58px)/1.02 var(--display);letter-spacing:-.03em;margin:0 0 20px;max-width:18ch}.sub{font:400 19px/1.6 var(--text);color:var(--ink-2);max-width:56ch;margin:0 0 40px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.bio{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}.bio-fig{position:sticky;top:96px;margin:0}.bio-fig .ph{border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;box-shadow:var(--shadow);background:var(--maple)}.bio-fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translateY(var(--py,0px));transition:transform .2s linear}.bio-fig figcaption{font:400 13px/1.4 var(--ui);color:var(--ink-3);margin-top:12px}.bio-text p{margin:0 0 1.1em;font-size:19px;line-height:1.72;max-width:62ch}.bio-text p:first-of-type:first-letter{float:left;font:800 88px/.8 var(--display);color:var(--mahogany);margin:8px 14px 0 -2px}.bio-text .fid{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font:500 13px/1 var(--ui);text-decoration:none;transition:box-shadow .2s,transform .2s}.chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-1px)}.chip small{color:var(--ink-3);font-size:11px}@media(max-width:900px){.bio{grid-template-columns:1fr;gap:32px}.bio-fig{position:relative;top:0;max-width:420px}}.chart-card{background:var(--paper);border-radius:var(--r);padding:28px 28px 16px;box-shadow:var(--shadow);position:relative}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font:500 13px/1 var(--ui);color:var(--ink-2);margin-bottom:8px}.chart-legend span{display:inline-flex;align-items:center;gap:8px}.chart-legend i{width:22px;height:4px;border-radius:2px;display:inline-block}.rchart{width:100%;height:auto;overflow:visible}.rchart .grid line{stroke:var(--line)}.rchart .grid text,.rchart .ax text{font:400 11px var(--ui);fill:var(--ink-3)}.rchart .ln{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 2.2s var(--ease)}.rchart .area{opacity:0;transition:opacity 1.4s .8s}.rchart.in .ln{stroke-dashoffset:0}.rchart.in .area{opacity:1}.rchart .pt{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .4s,transform .5s var(--ease);cursor:pointer}.rchart.in .pt{opacity:1;transform:none;transition-delay:calc(var(--i) * .14s + .4s)}.rchart .pt:hover circle,.rchart .pt.on circle{r:9}.rchart .pt text{font:700 12px var(--ui);fill:var(--ink)}.rchart .best circle{fill:var(--gold)}.tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;border-radius:10px;padding:10px 12px;font:400 12px/1.4 var(--ui);max-width:240px;transform:translate(-50%,calc(-100% - 14px));opacity:0;transition:opacity .15s;z-index:5}.tip b{display:block;font-weight:700;margin-bottom:2px}.tip.on{opacity:1}.tlist{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.tlist li{background:var(--paper);border-radius:12px;padding:16px 18px;box-shadow:inset 0 0 0 1px var(--line);display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;transition:box-shadow .2s,transform .2s}.tlist li:hover,.tlist li.on{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-2px)}.tlist .pl{grid-row:span 2;width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font:800 17px/1 var(--display);background:var(--wall)}.tlist .best .pl{background:var(--gold);color:#fff}.tlist .nm{font:600 14px/1.3 var(--ui)}.tlist .mt{font:400 12px/1.3 var(--ui);color:var(--ink-3)}.tlist .best{box-shadow:inset 0 0 0 1.5px var(--gold)}.tlist .kind{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;margin-left:6px;vertical-align:1px}.tlist .k-r{background:#8a3b1f1f;color:var(--mahogany)}.tlist .k-c{background:#14213d1a;color:var(--ink)}.gal{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:110px;gap:12px}.gal button{all:unset;cursor:zoom-in;border-radius:12px;overflow:hidden;position:relative;background:var(--maple);box-shadow:var(--shadow)}.gal button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .4s}.gal button:hover img{transform:scale(1.06)}.gal .g1{grid-column:span 2;grid-row:span 4}.gal .g2{grid-column:span 2;grid-row:span 2}.gal .g3,.gal .g4,.gal .g5{grid-column:span 2;grid-row:span 3}.gal .g6{grid-column:span 2;grid-row:span 2}.gal .g7,.gal .g8{grid-column:span 2;grid-row:span 3}.gal .g9{grid-column:span 2;grid-row:span 2}@media(max-width:760px){.gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}.gal button{grid-column:span 1!important;grid-row:span 2!important}.gal .g1{grid-column:span 2!important;grid-row:span 3!important}}.lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;margin:0}.lb::backdrop{background:#e6ecf1f0;backdrop-filter:blur(8px)}.lb[open]{display:grid;place-items:center}.lb img{max-width:min(92vw,900px);max-height:86vh;border-radius:12px;box-shadow:0 40px 90px -30px #14213d99;animation:zoomin .45s var(--ease)}@keyframes zoomin{0%{opacity:0;transform:scale(.94)}}.lb .x,.lb .pv,.lb .nx{position:fixed;border:0;background:var(--paper);width:48px;height:48px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow);font:500 20px/1 var(--ui);display:grid;place-items:center}.lb .x{top:16px;right:16px}.lb .pv{left:16px;top:50%}.lb .nx{right:16px;top:50%}.an{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.an-intro p{font-size:19px;line-height:1.7;color:var(--ink-2);margin:0 0 1em;max-width:54ch}.an-intro strong{color:var(--ink)}.aspects{display:grid;gap:12px;margin:28px 0 32px}.asp{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:18px 20px;border-radius:var(--r);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.asp svg{width:48px;height:48px}.asp h3{font:700 16px/1.25 var(--display);margin:2px 0 6px}.asp p{margin:0;font-size:16px;line-height:1.55;color:var(--ink-2)}.legend{background:var(--paper);border-radius:var(--r);padding:28px 28px 20px;box-shadow:var(--shadow);position:sticky;top:90px}.legend h3{font:700 15px/1.3 var(--display);margin:0 0 16px}.legend h3{margin-bottom:6px}.legend .lg-sub{font:400 13px/1.45 var(--ui);color:var(--ink-3);margin:0 0 16px}.legend h4{font:600 11px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 12px}.ruler{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:0 0 4px}.ruler span{display:grid;gap:4px;text-align:center;font:400 10px/1.2 var(--ui);color:var(--ink-2);opacity:0;transform:translateY(4px);transition:opacity .5s,transform .5s var(--ease)}.legend.in .ruler span{opacity:1;transform:none}.ruler i{display:block;height:8px;border-radius:3px;background:var(--c)}.ruler em{font-style:normal;font-weight:600;color:var(--ink)}.ruler b{font-weight:400;overflow-wrap:anywhere}.legend ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.legend li{display:grid;grid-template-columns:26px 1fr;gap:12px;font-size:15px;line-height:1.5;opacity:0;transform:translate(-8px);transition:opacity .5s,transform .5s var(--ease);transition-delay:calc(var(--i) * 60ms)}.legend.in li{opacity:1;transform:none}.legend li svg{width:26px;height:26px;margin-top:1px}.legend li b{font-weight:600}@media(max-width:960px){.an{grid-template-columns:1fr;gap:36px}.legend{position:relative;top:0}}.cta{margin-top:112px;display:grid;grid-template-columns:1.1fr .9fr;border-radius:24px;overflow:hidden;background:var(--maple);box-shadow:var(--shadow)}.cta-t{padding:56px 48px}.cta-t h2{font:800 clamp(28px,3.6vw,46px)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 16px}.cta-t p{font-size:18px;color:#4b3a2a;margin:0 0 28px;max-width:40ch}.cta-ph{position:relative;min-height:320px}.cta-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:820px){.cta{grid-template-columns:1fr}.cta-t{padding:36px 24px}.cta-ph{min-height:240px;order:-1}}.clock{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:64px;padding:22px;border-radius:30px 30px 24px 24px;background:linear-gradient(180deg,#f6e7c8 0,var(--maple) 38%,#e2c28a 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -8px #8a3b1f24,0 30px 60px -34px #14213d8c}.clock:after{content:"";position:absolute;left:50%;top:22px;bottom:22px;width:2px;margin-left:-1px;background:linear-gradient(#8a3b1f00,#8a3b1f40 20% 80%,#8a3b1f00)}.face{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px 30px 28px;border-radius:20px;background:var(--paper);box-shadow:inset 0 0 0 1px #14213d14,inset 0 3px 10px #14213d0f;transition:box-shadow .35s}.face h3{font:800 clamp(24px,2.6vw,32px)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 18px}.face p{font-size:16px;line-height:1.6;color:var(--ink-2);margin:0 0 18px;max-width:44ch}.face>.btn{margin-top:auto}.plunger{position:absolute;left:50%;top:-50px;width:118px;height:28px;margin-left:-59px;border-radius:12px 12px 5px 5px;background:linear-gradient(180deg,#b5653c,var(--mahogany) 70%);box-shadow:inset 0 2px #ffffff47,0 5px #5e2712;transition:transform .35s cubic-bezier(.3,1.5,.5,1),box-shadow .35s}.face:before{content:"";position:absolute;left:50%;top:-24px;width:34px;height:24px;margin-left:-17px;background:linear-gradient(90deg,#6b2f15,#8a4524 50%,#6b2f15)}.plunger{z-index:1}.clock[data-side=bot] .f-bot .plunger,.clock[data-side=friend] .f-friend .plunger{transform:translateY(9px);box-shadow:inset 0 2px #fff3,0 1px #5e2712}.clock[data-side=bot] .f-bot,.clock[data-side=friend] .f-friend{box-shadow:inset 0 0 0 2px var(--gold),inset 0 3px 10px #14213d0f}.dial{position:relative;width:min(260px,100%);margin:0 0 14px}.dial svg{width:100%;overflow:visible}.d-track{fill:none;stroke:#14213d14;stroke-width:12;stroke-linecap:round}.d-ticks line{stroke:#14213d4d;stroke-width:2;stroke-linecap:round}.d-needle{transform-origin:110px 110px;transform:rotate(-90deg);transition:transform 1s cubic-bezier(.3,1.35,.45,1)}.clock.in .d-needle{transform:rotate(var(--a))}.d-needle line{stroke:var(--mahogany);stroke-width:3.5;stroke-linecap:round}.d-needle circle{fill:var(--ink);stroke:var(--paper);stroke-width:3}.dial-t{text-align:center;margin-top:-4px}.dial-t b{display:block;font:800 26px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.dial-t span{display:block;font:500 12px/1.3 var(--ui);color:var(--ink-3);margin-top:5px}.lv{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.lv a{display:grid;gap:3px;padding:9px 12px;border-radius:12px;text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);background:#fff;transition:box-shadow .2s,transform .2s}.lv a:hover,.lv a:focus-visible{box-shadow:inset 0 0 0 1.5px var(--mahogany);transform:translateY(-1px)}.lv b{font:700 13px/1 var(--ui);font-variant-numeric:tabular-nums}.lv small{font:400 11px/1 var(--ui);color:var(--ink-3)}.qr-plate{display:flex;align-items:center;gap:18px;margin:0 0 22px;padding:12px 18px 12px 12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.qr-plate svg{width:118px;height:118px;flex:none;border-radius:6px}.qr-plate span{font:500 13px/1.4 var(--ui);color:var(--ink-2);max-width:18ch}.steps{list-style:none;counter-reset:st;margin:0 0 26px;padding:0;display:grid;gap:12px}.steps li{counter-increment:st;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.5;color:var(--ink-2)}.steps li:before{content:counter(st);display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--wall);font:700 13px/1 var(--display);color:var(--ink)}.steps li:nth-child(2):before{background:var(--maple)}.steps li:nth-child(3):before{background:var(--mahogany);color:#fff}@media(max-width:860px){.clock{grid-template-columns:1fr;gap:66px;margin-top:60px;padding:16px}.clock:after{display:none}.face{padding:26px 22px 24px}}@media(max-width:420px){.qr-plate{flex-direction:column;align-items:flex-start}}