.x-ph{padding:clamp(132px,19svh,196px) 0 clamp(56px,9svh,96px)}.x-ph-in{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.x-ph-k{color:var(--fg-3);grid-column:1/-1;margin:0 0 28px}.x-ph-k a{color:var(--fg-2);text-decoration:none}.x-ph-k a:hover{color:var(--fg)}.x-ph-t{letter-spacing:-.052em;grid-column:1/9;margin:0;font-size:clamp(44px,6.9vw,118px);font-weight:500;line-height:.92}.x-ph-side{grid-column:9/13;gap:22px;padding-bottom:.4em;display:grid}.x-ph-facts{color:var(--fg-3);flex-wrap:wrap;gap:6px 22px;margin:0;display:flex}.x-ph-acts{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.x-ph-see{color:var(--fg-2);border-bottom:1px solid var(--rule);transition:color .3s var(--out), border-color .3s var(--out);padding-bottom:3px;text-decoration:none}.x-ph-see:hover{color:var(--fg);border-color:currentColor}.x-sl-sec{padding-bottom:clamp(80px,14svh,160px)}.x-sl{position:relative}.x-sl-list{border-bottom:1px solid var(--rule);margin:0;padding:0;list-style:none}.x-sl-row{border-top:1px solid var(--rule);opacity:0;transition:opacity 1s var(--out), transform 1.1s var(--out);transform:translateY(30px)}.x-sl-row.x-in{opacity:1;transform:none}.x-sl-link{column-gap:var(--gut);color:inherit;grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;padding:clamp(26px,4svh,42px) 0 clamp(24px,3.6svh,38px);text-decoration:none;display:grid}.x-sl-n{color:var(--fg-3);grid-column:1}.x-sl-name{letter-spacing:-.045em;color:var(--fg-2);transition:color .4s var(--out), transform .7s var(--out);grid-column:2/6;font-size:clamp(30px,3.75vw,64px);font-weight:500;line-height:.96}.x-sl-name>span{display:inline-block;position:relative}.x-sl-name>span:after{content:"";border:1px solid var(--sel);background:linear-gradient(var(--sel), var(--sel)) 0 0 / 7px 7px no-repeat, linear-gradient(var(--sel), var(--sel)) 100% 0 / 7px 7px no-repeat, linear-gradient(var(--sel), var(--sel)) 0 100% / 7px 7px no-repeat, linear-gradient(var(--sel), var(--sel)) 100% 100% / 7px 7px no-repeat;opacity:0;transition:opacity .35s var(--out), transform .6s var(--out);pointer-events:none;background-origin:border-box;position:absolute;inset:-.12em -.22em -.1em;transform:scale(.97)}.x-sl-row[data-on] .x-sl-name{color:var(--fg);transform:translate(14px)}.x-sl-row[data-on] .x-sl-name>span:after{opacity:1;transform:none}.x-sl-line{font-size:var(--t-ui);color:var(--fg-2);grid-column:6/9;line-height:1.45}.x-sl-kind{color:var(--fg-3);grid-column:6/9;margin-top:14px}.x-sl-thumb{display:none}.x-sl-peek{top:0;right:var(--m);z-index:2;width:calc(4 * var(--col) + 3 * var(--gut));pointer-events:none;transition:transform .9s var(--out);position:absolute}.x-sl-shots{aspect-ratio:3/2;background:#111;display:block;position:relative;overflow:hidden}.x-sl-shot{clip-path:inset(100% 0 0);transition:clip-path .9s var(--io);position:absolute;inset:0}.x-sl-shot[data-on]{z-index:1;clip-path:inset(0)}.x-sl-shot img,.x-sl-thumb img,.x-nx-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.x-sl-cur{z-index:3;animation:6s ease-in-out infinite x-sl-cur;top:46%;left:58%}@keyframes x-sl-cur{50%{translate:-28px 18px}}.x-sys{color:#eeeae28c;letter-spacing:-.01em;background:#121211;align-content:center;gap:2px;padding:6% 9%;font-size:clamp(12px,1.05vw,16px);display:grid;position:absolute;inset:0}.x-sys-row{border-radius:6px;align-items:baseline;gap:14px;padding:.55em .8em;display:flex}.x-sys-row i{color:#eeeae24d;font-style:normal}.x-sys-row[data-on]{box-shadow:inset 0 0 0 1px var(--sel);color:#fff;background:#2f6bff29}.x-sc{padding:clamp(24px,4svh,48px) 0 clamp(90px,14svh,160px)}.x-sc-win{transform-origin:50% 0;transition:transform 1.3s var(--out);flex-direction:column;display:flex;transform:translateY(60px)scale(.97)}.x-sc-win.x-in{transform:none}.x-sc-body{background:#0d0d0d;height:min(84svh,940px);position:relative}.x-sc-body .ty,.x-sc-body .ty>.mini{height:100%}.x-sc-body .ty{flex-direction:column;display:flex}.x-sc-body .mini{aspect-ratio:auto;box-shadow:none;border-radius:0;flex:1}.x-sc-body .ty-foot{display:none}.x-sc-veil{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--bone);cursor:pointer;transition:-webkit-backdrop-filter .5s var(--out), backdrop-filter .5s var(--out), background .5s var(--out);background:radial-gradient(#0c0c0b8c,#0c0c0b2e 70%);border:0;place-content:center;justify-items:center;gap:16px;padding:0;display:grid;position:absolute;inset:34px 0 0}.x-sc-veil:focus{outline:none}.x-sc-veil:focus-visible{outline:2px solid var(--sel);outline-offset:-2px}.x-sc-veil-k{color:#eeeae2b3}@media (hover:hover){.x-sc-veil:hover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#0c0c0b73,#0c0c0b0f 70%)}.x-sc-veil:hover .x-btn-fill{clip-path:circle(150% at calc(100% - var(--bh) / 2) 50%)}}.x-sc-poster{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.x-sc-cap{grid-template-columns:1fr auto auto;align-items:end;gap:32px;margin-top:28px;display:grid}.x-sc-k{color:var(--fg-3);margin:0 0 14px}.x-sc-name{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,48px);font-weight:500;line-height:.96}.x-sc-job{font-size:var(--t-ui);color:var(--fg-2);margin:10px 0 0}.x-sc-in{max-width:300px;color:var(--fg-3);gap:5px;margin:0;display:grid}.x-sc-in span:first-child{color:var(--fg-2)}.x-inc{padding:clamp(96px,16svh,180px) 0}.x-inc-in{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.x-inc-side{grid-column:1/6;align-self:start;justify-items:start;gap:22px;display:grid;position:sticky;top:120px}.x-inc-list{border-bottom:1px solid var(--rule);grid-column:7/13;margin:0;padding:0;list-style:none}.x-inc-list li{border-top:1px solid var(--rule);font-size:var(--t-card);letter-spacing:-.022em;grid-template-columns:64px 1fr;align-items:baseline;padding:26px 0;line-height:1.2;display:grid}.x-inc-list .x-mono{color:var(--fg-3)}.x-inc-std{grid-column:1/-1;margin-top:clamp(80px,12svh,130px)}.x-inc-std-k{color:var(--fg-3);margin:0 0 22px}.x-inc-std ul{gap:var(--gut);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.x-inc-std li{border-top:1px solid var(--fg);align-content:start;gap:10px;padding-top:18px;display:grid}.x-inc-std strong{font-size:var(--t-lead);letter-spacing:-.015em;font-weight:500}.x-inc-std span{font-size:var(--t-ui);color:var(--fg-2)}.x-inc-read{grid-column:1/-1;margin-top:clamp(56px,8svh,90px)}.x-inc-read ul{border-bottom:1px solid var(--rule);margin:0;padding:0;list-style:none;display:grid}.x-inc-read li{border-top:1px solid var(--rule)}.x-inc-read a{font-size:var(--t-lead);letter-spacing:-.015em;color:inherit;transition:opacity .3s var(--out);padding:16px 0;text-decoration:none;display:block}.x-inc-read a:hover{opacity:.6}.x-nx{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.x-nx-link{min-height:clamp(300px,46svh,480px);padding:48px var(--m) 56px;color:inherit;align-content:end;gap:12px;text-decoration:none;display:grid;position:relative;overflow:hidden}.x-nx-link+.x-nx-link{border-left:1px solid var(--rule);text-align:right;justify-items:end}.x-nx-k{color:var(--fg-3)}.x-nx-name{z-index:2;letter-spacing:-.048em;font-size:clamp(32px,4.4vw,74px);font-weight:500;line-height:.95;position:relative}.x-nx-line{z-index:2;max-width:36ch;font-size:var(--t-ui);color:var(--fg-2);position:relative}.x-nx-thumb{top:44px;right:var(--m);aspect-ratio:3/2;opacity:0;width:38%;transition:opacity .5s var(--out), transform .9s var(--out);transform:translateY(26px)rotate(-2deg);position:absolute!important}.x-nx-link+.x-nx-link .x-nx-thumb{right:auto;left:var(--m);transform:translateY(26px)rotate(2deg)}@media (hover:hover){.x-nx-link:hover .x-nx-thumb{opacity:1;transform:none}}.x-nx-all{padding:22px var(--m);border-top:1px solid var(--rule);text-align:center;color:var(--fg-2);grid-column:1/-1;text-decoration:none}.x-nx-all:hover{color:var(--fg)}.x-pp-ruler{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.x-pp-ruler li{border-top:1px solid var(--rule);color:var(--fg-3);gap:4px;padding-top:10px;display:grid}.x-pp-ruler b{color:var(--fg);font-weight:400}.x-pp-ruler i{font-style:normal}.x-pp{padding-bottom:clamp(40px,8svh,100px)}.x-ps{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.x-ps-chs{grid-column:1/6}.x-ps-side{flex-direction:column;grid-column:7/13;justify-content:center;align-self:start;gap:22px;height:100svh;display:flex;position:sticky;top:0}.x-ps-ch{flex-direction:column;justify-content:center;gap:18px;min-height:100svh;padding:8svh 0;display:flex}.x-ps-k{color:var(--fg-3);margin:0}.x-ps-lead{font-size:var(--t-card);letter-spacing:-.022em;margin:4px 0 0;line-height:1.2}.x-ps-body{max-width:46ch;color:var(--fg-2);margin:0}.x-ps-steps{border-bottom:1px solid var(--rule);margin:6px 0 0;padding:0;list-style:none;display:grid}.x-ps-steps li{border-top:1px solid var(--rule);font-size:var(--t-ui);padding:11px 0}.x-ps-get{font-size:var(--t-ui);color:var(--fg-2);gap:6px;margin:6px 0 0;display:grid}.x-ps-get .x-mono{color:var(--fg-3)}.x-ps-views{aspect-ratio:3/2;background:#111;display:block;position:relative;overflow:hidden}.x-ps-view{clip-path:inset(100% 0 0);transition:clip-path 1.1s var(--io);display:flex;position:absolute;inset:0}.x-ps-view[data-on]{clip-path:inset(0)}.x-ps .x-pv-tags i,.x-ps .x-pv-round{padding:5px 10px;font-size:12px}.x-ps .x-pv-tags,.x-ps .x-pv-round{bottom:18px}.x-ps .x-pv-tags{left:18px}.x-ps .x-pv-round{right:18px}.x-ps .x-pv-notes{gap:8px;width:46%;inset:auto 18px 18px auto}.x-ps .x-pv-notes i{padding:10px 14px;font-size:13px}.x-ps-cur{z-index:10;transition:left 1.4s var(--out), top 1.4s var(--out);position:absolute}.x-ps-rail{flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none;display:flex}.x-ps-rail li{color:var(--fg-3);transition:color .4s var(--out);align-items:center;gap:9px;display:flex}.x-ps-rail li:before{content:"";width:6px;height:6px;transition:background .4s var(--out);border:1px solid}.x-ps-rail li[data-done]{color:var(--fg-2)}.x-ps-rail li[data-done]:before{background:currentColor}.x-ps-rail li[data-on]{color:var(--fg)}.x-ps-rail li[data-on]:before{border-color:var(--sel);background:var(--sel)}.x-ab{padding:clamp(132px,19svh,196px) 0 clamp(48px,8svh,88px)}.x-ab-in{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));align-content:end;min-height:calc(100svh - clamp(132px,19svh,196px) - clamp(48px,8svh,88px));display:grid;position:relative}.x-ab-t{z-index:2;letter-spacing:-.058em;grid-column:1/10;margin:0;font-size:clamp(52px,9.4vw,162px);font-weight:500;line-height:.88;position:relative}.x-ab-lead{z-index:2;grid-column:1/6;margin-top:30px;position:relative}.x-ab-facts{border-top:1px solid var(--rule);color:var(--fg-3);flex-wrap:wrap;grid-column:1/-1;gap:8px 28px;margin:44px 0 0;padding-top:16px;display:flex}.x-ab-mono{top:0;right:var(--m);width:calc(3 * var(--col) + 2 * var(--gut));justify-content:space-between;align-items:flex-start;height:min(58svh,560px);display:flex;position:absolute}.x-ab-mono i{background:var(--metal);transform-origin:50% 0;width:18.87%;height:100%;animation:x-ab-bar 1.6s var(--io) both, x-ab-sheen 9s ease-in-out infinite alternate;background-size:100% 260%;display:block}.x-ab-mono i:nth-child(2){height:50%;animation-delay:.12s,0s}.x-ab-mono i:nth-child(3){animation-delay:.24s,0s}@keyframes x-ab-bar{0%{transform:scaleY(0)}}@keyframes x-ab-sheen{to{background-position:0 100%}}.x-aw{height:230svh}.x-aw-stage{column-gap:var(--gut);height:100svh;padding-inline:var(--m);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid;position:sticky;top:0}.x-aw-text{letter-spacing:-.036em;grid-column:1/8;margin:0;font-size:clamp(28px,3.3vw,56px);font-weight:500;line-height:1.08}.x-aw-w{opacity:calc(.14 + var(--k,0) * .86)}.x-aw-win{grid-column:8/13}.x-aw-pic{aspect-ratio:3/2;background:#111;display:block;position:relative;overflow:hidden}.x-aw-pic img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.x-aw-done{clip-path:inset(0 0 calc(100% - min(100%, var(--p,0) * 125%)) 0)}.x-aw-scan{left:0;right:0;top:min(100%, calc(var(--p,0) * 125%));background:var(--sel);height:1px;opacity:calc(1 - max(0, var(--p,0) * 125 - 99));position:absolute;box-shadow:0 0 14px 2px #2f6bff99}.x-as{padding:clamp(96px,18svh,200px) 0}.x-as-in{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.x-as-k{color:var(--fg-3);grid-column:1/-1;margin:0 0 18px}.x-as-num{letter-spacing:-.065em;font-variant-numeric:tabular-nums;grid-column:1/-1;margin:0;font-size:clamp(96px,21vw,360px);font-weight:500;line-height:.82}.x-as-num em{letter-spacing:-.03em;color:var(--fg-3);font-size:.32em;font-style:normal}.x-as-bar{background:var(--rule);grid-column:1/-1;height:2px;margin-top:clamp(24px,4svh,44px);display:block}.x-as-bar i{height:100%;width:calc(var(--s,0) * 100%);background:var(--fg);display:block}.x-as-text{grid-column:7/13;gap:14px;margin-top:36px;display:grid}.x-as-em{font-size:var(--t-card);letter-spacing:-.022em;opacity:0;transition:opacity .9s var(--out), transform 1s var(--out);margin:0;font-weight:500;transform:translateY(14px)}.x-as[data-done] .x-as-em{opacity:1;transform:none}.x-ap{padding:clamp(96px,16svh,180px) 0}.x-ap-head{justify-items:start;gap:22px;margin-bottom:clamp(48px,8svh,80px);display:grid}.x-ap-list{gap:var(--gut);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;display:grid}.x-ap-card{background:var(--ink);min-height:clamp(320px,48svh,460px);color:var(--bone);border-radius:12px;flex-direction:column;padding:26px 24px 28px;display:flex}.x-ap-card[data-step="3"]{background:var(--metal);color:var(--ink);background-size:160% 160%}.x-ap-mark{width:46px;height:auto}.x-ap-mark rect{opacity:.16}.x-ap-card[data-step="0"] .mb-a,.x-ap-card[data-step="1"] .mb-a,.x-ap-card[data-step="1"] .mb-b,.x-ap-card[data-step="2"] rect,.x-ap-card[data-step="3"] rect{opacity:1}.x-ap-n{opacity:.5;margin-top:auto}.x-ap-t{font-size:var(--t-card);letter-spacing:-.025em;margin:12px 0 0;font-weight:500;line-height:1.1}.x-ap-l{font-size:var(--t-ui);opacity:.66;margin:10px 0 0}.x-fp{padding:clamp(80px,13svh,140px) 0 clamp(96px,16svh,180px)}.x-fp-in{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.x-fp-side{grid-column:1/4}.x-fp-nav{border-bottom:1px solid var(--rule);display:grid;position:sticky;top:112px}.x-fp-nav a{border-top:1px solid var(--rule);font-size:var(--t-ui);color:var(--fg-3);transition:color .35s var(--out);justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0;text-decoration:none;display:flex}.x-fp-nav a span{transition:transform .5s var(--out)}.x-fp-nav a[data-on]{color:var(--fg)}.x-fp-nav a[data-on] span{transform:translate(10px)}.x-fp-nav a i{font-style:normal}.x-fp-groups{grid-column:5/13}.x-fp-group{scroll-margin-top:100px}.x-fp-group+.x-fp-group{margin-top:clamp(72px,11svh,120px)}.x-fp-gname{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(28px,2.8vw,46px);font-weight:500;line-height:1}.x-fp-item{border-top:1px solid var(--rule);grid-template-columns:56px 1fr;padding:28px 0 22px;scroll-margin-top:100px;display:grid}.x-fp-n{color:var(--fg-3);padding-top:5px}.x-fp-q{font-size:var(--t-lead);letter-spacing:-.016em;margin:0 0 12px;font-weight:500;line-height:1.25}.x-fp-a{max-width:66ch;color:var(--fg-2);margin:0 0 10px}.x3 .x-bkpage{min-height:100svh}@media (max-width:899px){.x-ph-t,.x-ph-side{grid-column:1/-1}.x-ph-side{margin-top:28px}.x-sl-link{grid-template-columns:36px 1fr;row-gap:10px}.x-sl-n{grid-column:1}.x-sl-name,.x-sl-line,.x-sl-kind,.x-sl-thumb{grid-column:2}.x-sl-name{color:var(--fg)}.x-sl-row[data-on] .x-sl-name{transform:none}.x-sl-name>span:after{display:none}.x-sl-kind{margin-top:0}.x-sl-thumb{aspect-ratio:3/2;margin-top:8px;display:block}.x-sl-peek{display:none}.x-sc-body{height:74svh}.x-sc-cap{grid-template-columns:1fr;gap:16px}.x-sc-in{max-width:none}.x-inc-side,.x-inc-list{grid-column:1/-1;position:static}.x-inc-list{margin-top:36px}.x-inc-list li{grid-template-columns:44px 1fr}.x-inc-std ul{grid-template-columns:1fr 1fr;row-gap:28px}.x-nx{grid-template-columns:1fr}.x-nx-link{min-height:0;padding:36px var(--m) 40px}.x-nx-link+.x-nx-link{border-left:0;border-top:1px solid var(--rule)}.x-nx-thumb{display:none}.x-ps{grid-template-columns:1fr}.x-ps-side{z-index:2;background:var(--ink);grid-area:1/1;gap:10px;height:auto;padding:12px 0 14px;top:64px}.x-ps-chs{grid-area:2/1}.x-ps-ch{min-height:72svh;padding:6svh 0}.x-ps .x-pv-tags i,.x-ps .x-pv-round,.x-ps .x-pv-notes i{padding:3px 7px;font-size:10px}.x-ps .x-pv-notes{gap:4px;width:62%;inset:auto 8px 8px auto}.x-ps .x-pv-tags{bottom:8px;left:8px}.x-ps .x-pv-round{bottom:8px;right:8px}.x-ps-rail{gap:6px 14px}.x-ab-in{align-content:end}.x-ab-t,.x-ab-lead{grid-column:1/-1}.x-ab-mono{width:34vw;height:30svh;right:0}.x-aw{height:210svh}.x-aw-stage{grid-template-columns:1fr;align-content:center;row-gap:28px;padding-top:64px}.x-aw-text,.x-aw-win{grid-column:1}.x-aw-win{grid-row:1}.x-aw-text{font-size:clamp(24px,7vw,34px)}.x-as-text{grid-column:1/-1}.x-ap-list{grid-template-columns:1fr}.x-ap-card{gap:0;min-height:0}.x-ap-n{margin-top:40px}.x-fp-side{display:none}.x-fp-groups{grid-column:1/-1}.x-fp-item{grid-template-columns:36px 1fr}}
