.th{position:relative;overflow:hidden;isolation:isolate;padding:var(--space-4xl) 0;background:var(--dark);color:var(--on-dark)}.th__sky{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2;opacity:0;transition:opacity 1.2s var(--ease);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}.th.is-js .th__sky{opacity:1}.th--nogl .th__sky{display:none}.th:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.75;background:linear-gradient(90deg,#040304d9,#04030400 22% 78%,#040304d9),radial-gradient(ellipse 90% 70% at 50% 50%,#04030400 55%,#0403048c)}.th__stage{display:grid;grid-template-columns:minmax(0,27fr) minmax(0,73fr);gap:clamp(2rem,calc(3.5 * var(--vw)),4rem);align-items:center;margin-top:clamp(2.5rem,calc(4.5 * var(--vw)),4.5rem)}.th__side{display:grid;gap:clamp(1.5rem,calc(2 * var(--vw)),2rem);justify-items:start}.th__list{position:relative;display:grid;width:100%}.th__tab{position:relative;z-index:1;display:grid;gap:.375rem;width:100%;appearance:none;border:0;margin:0;padding:1.25rem 1.125rem 1.375rem;background:none;border-radius:var(--r-m);font:inherit;text-align:left;cursor:pointer;color:var(--on-dark-2);transition:color .3s var(--ease)}.th__tt{font-size:var(--fs-medium);font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--on-dark);transition:color .3s var(--ease)}.th__td{font-size:.875rem;line-height:1.5;color:var(--on-dark-2)}.th__tab:hover .th__tt,.th__tab[aria-selected=true] .th__tt{color:#f4f1ec}.th__tab[aria-selected=true] .th__td{color:var(--on-dark)}.th__tab:focus-visible{outline:2px solid var(--vk-focus);outline-offset:-.125rem}.th__fill{position:absolute;left:1.125rem;right:1.125rem;bottom:0;height:1px;background:var(--hair-dark);overflow:hidden;--p:0}.th__fill:after{content:"";position:absolute;inset:0;background:#d97a4e;transform:scaleX(var(--p));transform-origin:0 50%}.th__plate{position:absolute;left:0;right:0;top:0;height:0;border-radius:var(--r-m);background:#f4f1ec0b;box-shadow:inset 0 0 0 1px #f4f1ec0f;pointer-events:none;will-change:transform}.th__screen{position:relative;width:100%;max-width:calc((100svh - var(--nav-s) - 8rem) * 1.6);justify-self:end;padding:var(--bezel);border-radius:var(--r-l);background:var(--dark-2);box-shadow:0 0 0 1px var(--hair-dark),0 3.125rem 7.5rem #0009,0 0 8.75rem #d97a4e1a;touch-action:pan-y}.th__view{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:calc(var(--r-l) - var(--bezel));container-type:inline-size}.th__f{position:absolute;inset:0;margin:0;opacity:0;filter:blur(.5rem);transform:scale(1.012);pointer-events:none;transition:opacity .9s var(--ease),filter .9s var(--ease),transform 1.1s var(--ease)}.th__f.is-on{opacity:1;filter:none;transform:none;pointer-events:auto}.th__f img{position:absolute;inset:0;width:100%;height:100%;display:block}.th__live{position:absolute;z-index:1;overflow:hidden;border-radius:.975cqi;opacity:0;pointer-events:none;transition:opacity .9s var(--ease)}.th__live.is-on{opacity:1;pointer-events:auto}@media(max-width:899px){.th__stage{grid-template-columns:minmax(0,1fr)}.th__screen{order:-1;max-width:none;justify-self:stretch}.th__tab{padding:1rem .25rem 1.125rem}.th__fill{left:.25rem;right:.25rem}.th__plate{display:none}}.th:not(.is-js) .th__f:not(:first-child){display:none}.th:not(.is-js) .th__f:first-child{opacity:1;filter:none;transform:none}@media(prefers-reduced-motion:reduce){.th__f,.th__live,.th__sky{transition:none}.th__f{filter:none;transform:none}}