html:has(.cases-page){height:auto;overflow:auto;overflow-x:hidden}.cases-page{height:auto;overflow:visible;background:#090909;color:#f5f5f5}.cases-page #header{opacity:1;transform:none;background:#090909ed}.cases-page #header:before{display:none}.cases-page .wordmark img{filter:brightness(0) invert(1)}#case-library{min-height:100svh;position:relative;padding:150px max(4vw,24px) 100px;background:#090909}.case-intro{text-align:center}.case-intro>p:first-child{font-size:11px;letter-spacing:.2em;color:#888}.case-intro h1{font-size:40px;font-weight:500;letter-spacing:.08em;margin:18px 0}.case-intro>p:last-child{font-size:14px;color:#888;margin-bottom:36px}#case-search{width:min(680px,100%);margin:0 auto 34px;display:flex;border:1px solid #353535;background:#111;height:54px;border-radius:4px}#case-query{background:none;border:0;padding:0 20px;color:#eee;font:inherit;width:100%;min-width:0;font-size:14px}#case-query::placeholder{color:#777}#case-search button{width:56px;flex:none;display:grid;place-items:center}#case-search svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7}.case-categories{display:flex;justify-content:center;gap:clamp(24px,5vw,80px);border-bottom:1px solid #252525;padding:0 0 22px}.case-categories a{position:relative;text-decoration:none;color:#777;font-size:14px;padding:16px 0;white-space:nowrap}.case-categories a[aria-current="page"]{color:#fff}.case-categories a[aria-current="page"]:after{content:'';position:absolute;bottom:-23px;left:calc(50% - 10px);height:3px;width:20px;background:white}.case-toolbar{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.case-toolbar button{font-size:12px;color:#777;padding:0;margin-right:26px}.case-toolbar button[aria-pressed="true"]{color:#fff}#case-count{color:#777;font-size:11px;letter-spacing:.05em}#case-grid{--case-column-gap:28px;--case-row-gap:60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--case-column-gap);row-gap:var(--case-row-gap)}.case-card{min-width:0}.case-card[hidden]{display:none}.case-media{position:relative;aspect-ratio:16/9;background:#151515;border:1px solid #333;overflow:hidden}.case-media video,.case-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.case-cover{opacity:1;transition:opacity .25s}.case-card.previewing .case-cover{opacity:0}.case-tag{position:absolute;top:16px;z-index:2;font-size:11px;line-height:1.3;letter-spacing:.12em;padding:8px 11px;background:#10101066;border:1px solid #ffffff26;color:#eee;pointer-events:none}.case-brand{left:16px}.case-format{right:16px}.case-play{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:grid;place-items:center;background:#00000012}.case-play svg{width:34px;height:40px;fill:none;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 1px 6px #0004);transition:transform .25s}.case-play:hover svg{transform:scale(1.15)}.case-card h2{font-size:clamp(15px,1.25vw,23px);line-height:1.65;letter-spacing:.01em;font-weight:500;margin:22px 0 18px;min-height:3.3em}.case-meta{font-size:11px;color:var(--case-description-muted);letter-spacing:.16em;line-height:1.8;margin:0}#case-demo-note{font-size:11px;color:#666;margin:54px 0 0;text-align:center}#case-empty{text-align:center;padding:80px 0;color:#888}#case-empty h2{font-size:20px;color:#eee;font-weight:400}#case-empty button{border-bottom:1px solid #888;margin-top:14px}#case-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent;border:0;margin:0;padding:0;color:#fff}#case-dialog::backdrop{background:#171c2466;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.case-player-shell{position:relative;width:min(1120px,88vw);top:50%;transform:translateY(-50%);margin:auto;padding:8px;border:1px solid #ffffff55;border-radius:15px;background:#ffffff20;box-shadow:0 28px 90px #0005}#case-player{display:block;width:100%;max-height:76dvh;background:#050505;border-radius:8px}#case-close{position:absolute;right:0;top:-48px;width:36px;height:36px;border-radius:50%;background:#ffffff26;font-size:26px;padding:0}#case-player-caption{position:absolute;top:100%;font-size:13px;line-height:1.6}#case-retry{position:absolute;top:45%;left:50%;transform:translateX(-50%);background:#fff;color:#111;padding:8px 20px;border-radius:5px}.cases-page #studio-footer{border-top:1px solid #252525}@media(max-width:1000px){#case-grid{grid-template-columns:repeat(2,minmax(0,1fr));--case-column-gap:22px;--case-row-gap:42px}.case-categories{gap:35px}}@media(max-width:600px){#case-library{padding:110px 20px 60px}.case-intro h1{font-size:30px}.case-intro>p:last-child{font-size:12px;line-height:1.8}.case-categories{justify-content:flex-start;overflow:auto;gap:28px}.case-categories a{font-size:12px}#case-grid{grid-template-columns:1fr;--case-row-gap:36px}.case-card h2{font-size:17px;min-height:0;margin:16px 0 12px}.case-meta{font-size:10px}.case-tag{top:12px;padding:6px 9px;font-size:10px}.case-brand{left:12px}.case-format{right:12px}.case-player-shell{width:94vw}}
.case-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.case-link{position:absolute;inset:0;z-index:3}.case-link:focus-visible{outline:2px solid white;outline-offset:-4px}.case-card h2{cursor:pointer}.case-sort-label{font-size:12px;color:#999}

/* Secondary navigation follows the supplied reference recording: fixed slots,
   muted labels, heavier active text and a short baseline mark. */
.case-categories{gap:clamp(28px,4vw,64px);justify-content:flex-start;align-items:stretch;padding:0 0 24px}
.case-categories a{flex:0 0 auto;min-width:0;text-align:center;font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0;padding:16px 12px;color:var(--case-nav-muted);transition:none;transform:none}
.case-categories a[aria-current="page"]{color:var(--case-nav-active);font-weight:700}
.case-categories a::after{content:'';position:absolute;bottom:-24px;left:calc(50% - 8px);width:16px;height:4px;background:currentColor;opacity:0}
.case-categories a[aria-current="page"]::after{bottom:-24px;left:calc(50% - 8px);width:16px;height:4px;opacity:1}
.case-categories a:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
@media(max-width:600px){.case-categories{gap:28px;justify-content:flex-start;scrollbar-width:none}.case-categories::-webkit-scrollbar{display:none}.case-categories a{flex:0 0 auto;min-width:0;font-size:14px;padding:14px 12px}}

.case-card{cursor:pointer}.case-detail-entry{display:inline-block;color:#999;text-decoration:none;font-size:11px;letter-spacing:.06em;margin-top:16px}.case-detail-entry:hover{color:#fff}.case-card h2:focus-visible{outline:1px solid #aaa;outline-offset:5px}

/* Case-page text hierarchy shared by all category states. */
.cases-page{--case-nav-muted:#cacacd;--case-nav-active:#111111;--case-description-muted:#8c8c90}