.sp .hh{isolation:isolate;color:#f3f6f5;background:#2c3e47;align-items:center;height:clamp(660px,100svh,980px);display:flex;position:relative}.sp .hh-photo{z-index:-1;position:absolute;inset:0}.sp .hh .photo-shade{background:linear-gradient(90deg,#11212ac2,#15252d57 50%,#15242b05 78%),linear-gradient(#0e1c2400 68%,#0e1c2470),linear-gradient(#162e3b66,#162e3b00 180px)}.sp .hh-in{padding-top:var(--nav-h);padding-bottom:7vh}.sp .hh h1{animation:sp-rise .9s var(--ease) .1s both}.sp .hh-sub{color:#dbe4e8;max-width:440px;animation:sp-rise .9s var(--ease) .22s both;margin-top:26px;font-size:18px;line-height:1.6}.sp .hh-actions{animation:sp-rise .9s var(--ease) .34s both;flex-wrap:wrap;align-items:center;gap:16px 30px;margin-top:36px;display:flex}.sp .hh-actions .link{color:#f3f6f5}.sp .hh-tag{right:var(--gutter);color:#f3f6f59e;position:absolute;bottom:22px}@media (max-aspect-ratio:5/4) and (min-width:760px){.sp .hh .notes{display:none}}@media (max-width:759px){.sp .hh{background:var(--night);flex-direction:column;align-items:stretch;height:auto}.sp .hh-in{padding:calc(var(--nav-h) + 40px) 0 36px;order:-1}.sp .hh h1{font-size:clamp(33px,9.2vw,44px)}.sp .hh-sub{font-size:17px}.sp .hh-photo{z-index:auto;aspect-ratio:1;position:relative;inset:auto}.sp .hh .photo-shade{background:linear-gradient(180deg, var(--night), #15273100 22%)}.sp .hh-tag{display:none}}.sp .hm-logos{padding-block:clamp(40px,5vw,64px)}.sp .it-tabs{box-shadow:inset 0 0 0 1px var(--line);background:#edf1f3;border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.sp .it-tabs button{color:var(--ink-2);border-radius:999px;padding:9px 18px;font-size:14.5px;transition:background-color .25s,color .25s,box-shadow .25s}.sp .it-tabs button:hover{color:var(--ink)}.sp .it-tabs button[aria-selected=true]{background:var(--ink);color:#f5f8f9;box-shadow:0 6px 16px -8px #23343e99}.sp .it-panel{animation:sp-rise .6s var(--ease) both;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:48px 96px;margin-top:clamp(36px,4vw,56px);display:grid}.sp .it-panel:focus-visible{outline-offset:12px}.sp .it-status{margin-bottom:20px}.sp .it-copy h3{letter-spacing:-.035em;max-width:24ch;font-size:clamp(24px,2.3vw,32px);line-height:1.2}.sp .it-stat{border-top:1px solid var(--line);gap:8px;max-width:44ch;margin:32px 0 30px;padding-top:24px;display:grid}.sp .it-fig{letter-spacing:-.055em;font-size:46px;line-height:1}.sp .it-stat p:not(.it-fig):not(.meta){color:var(--ink-2)}.sp .hm-ind .it-tabs{background:#fdfefd99}@media (max-width:959px){.sp .it-panel{grid-template-columns:1fr}}@media (max-width:519px){.sp .it-tabs{border-radius:12px;display:flex}.sp .it-tabs button{border-radius:9px;flex:auto;padding:9px 12px}}.sp .ch{--t1:calc(.5s + .5s * var(--la));--t2:calc(var(--t1) + 1.4s);border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0;padding:22px 24px 26px;box-shadow:0 40px 80px -56px #18324473}.sp .ch-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;padding-bottom:16px;font-size:13px;display:flex}.sp .ch-track{height:150px;margin:0 52px;position:relative}.sp .ch-line{background:var(--line-2);height:1px;position:absolute;top:52px;left:0;right:0}.sp .ch-thread{background:var(--blue);transform-origin:0;border-radius:1px;height:2px;position:absolute;top:51.5px;left:0;right:0;transform:scaleX(0)}.sp .ch-nodes li{left:var(--x);justify-items:center;display:grid;position:absolute;top:52px;translate:-50% -11px}.sp .ch-dot{background:var(--surface);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--line-2);border-radius:50%;place-items:center;display:grid;position:relative}.sp .ch-dot svg{color:#fff;opacity:0;width:12px;height:12px}.sp .ch-nodes li[data-state=lost] .ch-dot:after{content:"";opacity:0;border-radius:50%;position:absolute;inset:-6px;box-shadow:0 0 #a33c4066}.sp .ch-name{text-align:center;width:112px;color:var(--ink-2);font-size:13.5px;line-height:1.3;position:absolute;top:32px}.sp .ch-nodes li[data-state=missed] .ch-name{color:var(--muted)}.sp .ch-chip{z-index:1;background:var(--ink);color:#f5f8f9;letter-spacing:-.005em;white-space:nowrap;opacity:0;border-radius:999px;padding:5px 11px;font-size:12.5px;position:absolute;top:6px;left:0;translate:-50%}.sp .ch-note{left:var(--lost);text-align:center;width:max-content;max-width:180px;color:var(--signal);opacity:0;font-size:12.5px;line-height:1.35;position:absolute;top:124px;translate:-50%}.sp .ch figcaption{color:var(--ink-2);text-align:center;margin-top:18px;font-size:15px;display:grid}.sp .ch figcaption>span{grid-area:1/1}.sp .ch-cap-b{opacity:0}.sp .ch[data-play] .ch-chip{animation:ch-in .4s var(--ease) .2s both, ch-move calc(.5s * var(--la)) cubic-bezier(.45, 0, .25, 1) .5s both, ch-drop .6s var(--ease) var(--t1) forwards}.sp .ch[data-play] li[data-state=heard] .ch-dot{animation:ch-heard .3s var(--ease) calc(.5s + .5s * var(--i)) both, ch-done .4s var(--ease) calc(var(--t2) + 1.3s * var(--f)) both}.sp .ch[data-play] li[data-state=lost] .ch-dot{animation:ch-lost .4s var(--ease) var(--t1) both, ch-done .4s var(--ease) calc(var(--t2) + 1.3s * var(--f)) both}.sp .ch[data-play] li[data-state=lost] .ch-dot:after{animation:ch-ring 1s ease-out var(--t1) both}.sp .ch[data-play] li[data-state=missed] .ch-dot{animation:ch-done .4s var(--ease) calc(var(--t2) + 1.3s * var(--f)) both}.sp .ch[data-play] .ch-dot svg{animation:ch-check .3s var(--ease) calc(var(--t2) + 1.3s * var(--f) + .1s) both}.sp .ch[data-play] li[data-state=missed] .ch-name{animation:ch-name .4s ease calc(var(--t2) + 1.3s * var(--f)) both}.sp .ch[data-play] .ch-note{animation:ch-note .5s var(--ease) calc(var(--t1) + .3s) both, ch-past .6s ease calc(var(--t2) + 1.4s) forwards}.sp .ch[data-play] .ch-thread{animation:ch-thread 1.3s cubic-bezier(.45, 0, .25, 1) var(--t2) both}.sp .ch[data-play] .ch-cap-a{animation:ch-out .4s ease calc(var(--t2) + 1s) forwards}.sp .ch[data-play] .ch-cap-b{animation:ch-in-plain .5s ease calc(var(--t2) + 1.3s) both}@keyframes ch-in{0%{opacity:0;translate:-50% 8px}to{opacity:1;translate:-50%}}@keyframes ch-move{0%{left:0%}to{left:var(--lost)}}@keyframes ch-drop{0%{opacity:1}35%{background:var(--signal)}to{background:var(--signal);opacity:0;translate:-50% 20px}}@keyframes ch-heard{to{background:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--ink-2)}}@keyframes ch-lost{to{background:var(--signal-soft);box-shadow:inset 0 0 0 2px var(--signal)}}@keyframes ch-ring{0%{opacity:1;box-shadow:0 0 #a33c4073}to{opacity:0;box-shadow:0 0 0 14px #a33c4000}}@keyframes ch-done{to{background:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}}@keyframes ch-check{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes ch-name{to{color:var(--ink-2)}}@keyframes ch-note{0%{opacity:0;translate:-50% -4px}to{opacity:1;translate:-50%}}@keyframes ch-past{to{opacity:.5;text-decoration:line-through}}@keyframes ch-thread{to{transform:none}}@keyframes ch-out{to{opacity:0}}@keyframes ch-in-plain{to{opacity:1}}@media (max-width:559px){.sp .ch-track{height:156px;margin:0 34px}.sp .ch-name{width:70px;font-size:12px}.sp .ch-chip{padding:4px 9px;font-size:11.5px}.sp .ch-note{max-width:140px;font-size:12px;top:132px}.sp .ch figcaption{font-size:14px}}.sp .cmp-table{border-top:1px solid var(--ink-2)}.sp .cmp-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.05fr) repeat(3,minmax(0,1fr)) minmax(0,1.1fr);display:grid}.sp .cmp-row>span{color:var(--muted);padding:20px 20px 20px 0;font-size:15.5px;line-height:1.45}.sp .cmp-row>.cmp-label{color:var(--ink);letter-spacing:-.01em;font-size:16px}.sp .cmp-head>span{color:var(--muted);padding-block:16px;font-size:13.5px}.sp .cmp-row>[data-us]{color:var(--ink);background:linear-gradient(var(--blue-soft), var(--blue-soft)) no-repeat 0 0 / 100% 0%;align-items:flex-start;gap:10px;padding-left:20px;display:flex}.sp .cmp-head>[data-us]{color:var(--ink);align-items:center;gap:8px;font-weight:500}.sp .cmp-head>[data-us] svg{width:18px;height:18px}.sp .cmp-row:not(.cmp-head)>[data-us]>svg{width:16px;height:16px;color:var(--blue);opacity:0;flex:none;margin-top:3px;scale:.6}.sp .cmp-table[data-on] .cmp-row>[data-us]{animation:cmp-fill .5s var(--ease) calc(var(--n,-1) * .14s + .2s) both}.sp .cmp-table[data-on] .cmp-row:not(.cmp-head)>[data-us]>svg{animation:ch-check .35s var(--ease) calc(var(--n) * .14s + .45s) both}@keyframes cmp-fill{to{background-size:100% 100%}}@media (max-width:899px){.sp .cmp-head{display:none}.sp .cmp-row{grid-template-columns:1fr 1fr;gap:0 16px;padding:20px 0 16px}.sp .cmp-row>.cmp-label{grid-column:1/-1;padding:0 0 10px;font-size:18px}.sp .cmp-row>[role=cell]{padding:8px 0 10px;font-size:14.5px}.sp .cmp-row>[role=cell]:before{content:attr(data-col);color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.sp .cmp-row>[data-us]{border-radius:6px;margin:0 -8px;padding:8px 8px 10px;display:block}.sp .cmp-row:not(.cmp-head)>[data-us]>svg{display:none}}.sp .hm-control{padding-block:var(--sec)}.sp .hm-control-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:56px 96px;display:grid}.sp .hm-control h2{max-width:12ch}.sp .hm-rules{gap:0;margin-top:44px;display:grid}.sp .hm-rules li{border-top:1px solid var(--night-line);grid-template-columns:22px minmax(0,1fr);gap:18px;padding:20px 0;display:grid}.sp .hm-rules li:last-child{border-bottom:1px solid var(--night-line)}.sp .hm-rules svg{color:#8fb2d2;width:20px;height:20px;margin-top:3px}.sp .hm-rules h3{letter-spacing:-.02em;font-size:18px;line-height:1.35}.sp .hm-rules p{color:var(--night-text);margin-top:3px;font-size:15.5px}.sp .hm-control-photo{aspect-ratio:4/5;object-fit:cover;object-position:58% 50%;filter:saturate(.85);border-radius:6px;width:100%}@media (max-width:959px){.sp .hm-control-grid{grid-template-columns:1fr}.sp .hm-control-photo{aspect-ratio:4/3}}
