.sr-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,8.5rem);line-height:.95;letter-spacing:-.03em}.ch-channel{scroll-margin-top:calc(var(--header-h) + 1rem);--ch-card-h:46vh;--ch-card-w:calc(var(--ch-card-h) * 9 / 16);--ch-gap:clamp(0.75rem,1.5vw,1.5rem)}.ch-header{padding:clamp(3rem,8vh,5rem) var(--page-margin) 1.5rem}.ch-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:2rem}.ch-name{font-family:var(--font-display);font-size:clamp(2.25rem,6vw,4.5rem);font-weight:700;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--bone)}.ch-count{flex-shrink:0;color:var(--muted)}.ch-hairline{position:relative;height:1px;margin-top:1.25rem;background-color:var(--hairline)}.ch-progress{position:absolute;inset:0;background-color:var(--bone);transform-origin:left}.ch-viewport{display:flex;align-items:center}.ch-stage{position:relative;width:100%;height:calc(var(--ch-card-h) + 40px)}.ch-row{position:absolute;top:0;left:0;display:flex;width:max-content;will-change:transform;gap:calc(var(--ch-card-w) + 2 * var(--ch-gap))}.ch-row--b{top:40px;padding-left:calc(var(--ch-card-w) + var(--ch-gap))}.ch-card{position:relative;display:block;flex-shrink:0;height:var(--ch-card-h);aspect-ratio:9/16;padding:0;overflow:hidden;border:1px solid var(--hairline);border-radius:1rem;background-color:color-mix(in srgb,var(--ink) 80%,var(--bone) 4%);cursor:pointer}.ch-card[data-ratio="16:9"]{aspect-ratio:16/9}.ch-card img{transition:transform .4s ease-out}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ch-card:focus-visible img,.ch-card:hover img{transform:scale(1.04)}}.ch-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background-color:color-mix(in srgb,var(--ink) 35%,transparent);transition:opacity .2s ease-out}.ch-card:focus-visible .ch-card-play,.ch-card:hover .ch-card-play{opacity:1}.ch-card-triangle{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid var(--bone);filter:drop-shadow(0 1px 6px rgb(0 0 0/.5))}@media (prefers-reduced-motion:reduce){.ch-card img,.ch-card-play{transition:none}}.ch-lb{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:calc(var(--header-h) + 1rem) var(--page-margin) 1.5rem}.ch-lb-backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,var(--ink) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ch-lb-dialog{position:relative;display:flex;max-width:100%;max-height:100%;flex-direction:column;align-items:center;gap:1rem}.ch-lb-frame{overflow:hidden;border:1px solid var(--hairline);border-radius:1rem;background-color:#000;box-shadow:var(--shadow-frame)}.ch-lb-frame iframe{display:block;border:0}.ch-lb-frame[data-ratio="9:16"]{height:min(100%,66svh);aspect-ratio:9/16;max-width:100%}.ch-lb-frame[data-ratio="16:9"]{width:min(100%,calc(66svh * 16 / 9),80rem);aspect-ratio:16/9}.ch-lb-meta{display:flex;flex-direction:column;align-items:center;gap:.375rem;text-align:center}.ch-lb-title{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;color:var(--bone)}.ch-lb-controls{display:flex;align-items:center;gap:1.25rem}.ch-lb-nav{font-family:var(--font-mono);font-size:var(--t-label);line-height:1;letter-spacing:var(--t-label-ls);text-transform:uppercase;padding:.625rem .75rem;color:var(--muted);transition:color .2s ease-out}.ch-lb-close,.ch-lb-nav:hover{color:var(--bone)}.ch-lb-close{position:fixed;top:calc(var(--header-h) + 1rem);right:var(--page-margin);z-index:110;font-family:var(--font-mono);font-size:var(--t-label);line-height:1;padding:.625rem .875rem;border:1px solid color-mix(in srgb,var(--bone) 35%,transparent);border-radius:999px;background-color:color-mix(in srgb,var(--ink) 55%,transparent);transition:border-color .2s ease-out}.ch-lb-close:hover{border-color:var(--bone)}.sr-rail{position:fixed;z-index:60;left:50%;bottom:1.25rem;transform:translateX(-50%);display:flex;gap:.375rem;max-width:calc(100vw - 2.5rem);overflow-x:auto;scrollbar-width:none;padding:.375rem;border:1px solid var(--hairline);border-radius:999px;background-color:color-mix(in srgb,var(--ink) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sr-rail::-webkit-scrollbar{display:none}@media (min-width:768px){.sr-rail{left:1.25rem;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:70vh;border-radius:1.75rem}}.sr-end{content-visibility:auto;contain-intrinsic-size:auto 60svh}@media (max-width:767px){.sr-end>div{padding-bottom:calc(var(--section-y) + 4rem)}}.portfolio-chip{flex-shrink:0;font-family:var(--font-mono);font-size:var(--t-label);line-height:1;letter-spacing:var(--t-label-ls);text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:.625rem 1rem;border:1px solid var(--hairline);border-radius:999px;color:var(--muted);transition:color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out}.portfolio-chip:hover{color:var(--bone);border-color:var(--muted)}.portfolio-chip[data-active=true],.portfolio-chip[data-active=true]:hover{background-color:var(--bone);border-color:var(--bone);color:var(--ink)}.portfolio-chip-count{margin-left:.5em;opacity:.55}@media (hover:none),(max-width:767px),(prefers-reduced-motion:reduce){.ch-channel .ch-viewport{min-height:0;height:auto;display:block;padding-block:0;overflow:visible}.ch-stage{height:auto;display:flex;flex-direction:column;gap:var(--ch-gap);padding-inline:var(--page-margin)}.ch-row{position:static;transform:none!important;will-change:auto;width:auto;gap:var(--ch-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.5rem}.ch-row--b{top:auto;padding-left:0}.ch-row::-webkit-scrollbar{display:none}.ch-card{height:38vh;scroll-snap-align:start}.ch-card img{transform:none!important;transition:none}.ch-card-play,.ch-progress{display:none}}