.tpi{padding-block:clamp(7rem,12vw,11rem) clamp(5rem,10vw,9rem)}.tpi__head{max-width:48ch;margin-bottom:clamp(2.5rem,5vw,4rem)}.tpi__title{font-size:var(--h2);line-height:.95;letter-spacing:-.02em;margin:0 0 .45em}.tpi__lead{color:var(--muted);margin:0}.tpi__bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;padding-block:1rem;background:var(--bg);border-bottom:1px solid var(--line)}.tpi__bar button{padding:.45rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.875rem;cursor:pointer;transition:color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease)}.tpi__bar button:hover{color:var(--ink);border-color:#ffffff40}.tpi__bar button[aria-pressed=true]{background:var(--green);color:var(--green-ink);border-color:var(--green)}.tpi__count{margin-left:auto;font-size:.875rem;color:var(--muted)}.tp__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));align-items:start}.tp__grid--related{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.tpc{display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:var(--ink)}.tpc[hidden]{display:none}.tpc__media{position:relative;display:block;overflow:clip;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.tpc__media img,.tpc__media .card-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}.tpc__media .card-video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.tpc__media.is-playing .card-video{opacity:1}@media(hover:hover)and (pointer:fine){.tpc:hover .tpc__media img,.tpc:hover .tpc__media .card-video{transform:scale(1.04)}}.tpc__meta{display:flex;justify-content:space-between;gap:1rem;font-size:.9375rem}.tpc__title{font-weight:500}.tpc__aspect{color:var(--muted)}.tpc:focus-visible{outline:none}.tpc:focus-visible .tpc__media{box-shadow:0 0 0 2px var(--green)}.tp{padding-block:clamp(7rem,12vw,11rem) clamp(5rem,10vw,9rem)}.tp__back{display:inline-block;margin-bottom:2rem;font-size:.875rem;color:var(--muted);text-decoration:none;transition:color var(--dur-hover) var(--ease)}.tp__back:after{content:"/";margin-left:.5em}.tp__back:hover{color:var(--ink)}.tp__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.25rem}.tp__name{font-size:var(--h2);line-height:.95;letter-spacing:-.02em;margin:0}.tp__lead{color:var(--muted);max-width:52ch;margin:0 0 clamp(2rem,4vw,3rem)}.tp__body{display:grid;gap:clamp(2.5rem,5vw,4rem)}.tp__stage{margin:0;display:grid;place-items:center;padding:clamp(1rem,2vw,2rem);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card)}.tp__video{display:block;width:100%;height:auto;max-height:67vh;aspect-ratio:var(--tp-w) / var(--tp-h);border-radius:12px;background:#000}@media(min-width:48rem){.tp__body[data-orient=portrait] .tp__video,.tp__body[data-orient=square] .tp__video{width:auto;height:67vh;max-width:100%;max-height:none}}.tp__spec{display:grid;grid-template-columns:1fr;gap:0;margin:0;border-top:1px solid var(--line)}@media(min-width:36rem){.tp__spec{grid-template-columns:repeat(2,1fr)}}@media(min-width:68rem){.tp__spec{grid-template-columns:repeat(4,1fr)}}.tp__spec-row{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 1.5rem 1.35rem 0;border-bottom:1px solid var(--line)}.tp__spec dt{font-size:.8125rem;color:var(--muted)}.tp__spec dd{margin:0;font-size:1.0625rem;overflow-wrap:anywhere}.tp__spec a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.tp__spec a:hover{border-bottom-color:var(--green)}.tp__h2{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;margin:clamp(2rem,4vw,3rem) 0 1.1rem}.tp__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tp__chips li{padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);font-size:.9375rem}.tp__related{margin-top:clamp(1rem,2vw,2rem)}
