.case-index.case-showcase{--case-gap:clamp(12px, 1.3vw, 24px);--case-media-height:max(220px, calc(100svh - 194px));padding-top:76px;padding-bottom:0}.case-showcase .case-index-heading{display:none}.case-showcase .case-index-heading h1{font-size:clamp(32px,3.8vw,56px);line-height:1.1}.case-showcase .case-category-nav{border:0;gap:4px;min-height:52px;padding-top:0;padding-bottom:0;position:static}.case-showcase .case-category-nav a{padding:10px 14px;font-size:15px}.case-showcase .case-category{box-sizing:border-box;border:0;justify-content:center;align-items:center;gap:12px;height:calc(100svh - 76px);min-height:calc(100svh - 76px);padding-top:8px;padding-bottom:8px;scroll-margin-top:0;overflow:hidden}.case-showcase .case-category>header{text-align:center;border:0;width:100%;margin:0;padding:0;display:block}.case-showcase .case-category>header h2{letter-spacing:-.04em;font-size:clamp(34px,4vw,64px);line-height:1.08}.case-index.case-showcase .case-card-grid:has(.case-card:only-child){width:min(100%, var(--case-grid-width))}.case-index.case-showcase .case-card-video.is-portrait{height:min(var(--case-media-height), 72svh)}.case-index.case-showcase .case-card-video.is-landscape{width:min(100%, calc(var(--case-media-height) * 16 / 9))}.case-detail-heading>span{display:none}.case-video-trigger,.case-video-trigger video,.prompt-dialog-video{cursor:pointer}.case-video-trigger>.case-video-open{z-index:1;color:#fff;pointer-events:none;opacity:0;background:0 0;place-items:center;padding:0;font-size:24px;transition:opacity .2s;display:grid;position:absolute;inset:0}.case-video-trigger:hover .case-video-open,.case-video-trigger:focus-visible .case-video-open{opacity:1}.case-video-trigger .case-preview-audio{z-index:2}.case-index.case-showcase .case-card-grid:has(.case-card:first-child){grid-template-columns:var(--case-tracks);width:min(100%, var(--case-grid-width));gap:var(--case-gap);align-self:center;align-items:center;max-width:100%;margin:0 auto;display:grid}.case-showcase .case-card{color:#fff;background:0 0;border:0;width:100%;min-width:0;margin:0;padding:0;display:block}.case-index.case-showcase .case-card-video{aspect-ratio:16/9;background:0 0;width:100%;height:auto;min-height:0;max-height:none;margin:0;display:block;position:relative;overflow:hidden}.case-index.case-showcase .case-card-video.is-portrait{aspect-ratio:9/16}.case-index.case-showcase .case-card-video.is-square{aspect-ratio:1}.case-index.case-showcase .case-card-video video{object-fit:contain;filter:none;background:0 0;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0;transform:none}.case-showcase .case-card-caption{color:#fff;pointer-events:auto;z-index:2;background:linear-gradient(#0000,#000000d1);justify-content:space-between;align-items:flex-end;gap:12px;padding:64px clamp(16px,2vw,32px) clamp(18px,2vw,32px);display:flex;position:absolute;inset:0}.case-showcase .case-card-caption h3{letter-spacing:-.025em;white-space:normal;text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:clamp(20px,1.8vw,32px);font-weight:600;line-height:1.3}.case-showcase .case-card-caption>span{opacity:1;background:0 0;flex:none;padding:0;font-size:24px;transition:transform .2s;position:static;transform:none}.case-showcase .case-card:is(:hover,:focus-visible) .case-card-caption>span{transform:translate(3px,-3px)}.case-showcase .case-card:focus-visible{outline-offset:5px;outline:3px solid #fff}.case-detail .case-detail-heading{padding-top:18px;padding-bottom:20px}.case-detail .case-detail-heading>p{margin-top:14px}.case-detail .case-detail-heading h1{font-size:clamp(36px,5vw,80px);line-height:1.12}.case-detail .case-video-grid{justify-content:center;align-items:center;gap:clamp(14px,2vw,28px);display:flex}.case-detail .case-video-item{flex:0 auto;min-width:0}.case-detail .case-video-item.is-wide{width:min(100%,177.778svh - 391.111px)}.case-detail .case-video-item.is-portrait{width:min(100%,56.25svh - 123.75px)}.case-detail .case-video-item.is-square{width:min(100%,100svh - 220px)}.case-detail .case-video-item .case-video-trigger{aspect-ratio:16/9;background:#101010;width:100%;height:auto;max-height:none;margin:0;display:block;position:relative;overflow:hidden}.case-detail .case-video-item.is-portrait .case-video-trigger{aspect-ratio:9/16}.case-detail .case-video-item.is-square .case-video-trigger{aspect-ratio:1}.case-detail .case-video-trigger video{object-fit:cover;background:#101010;width:100%;height:100%;position:absolute;inset:0}.case-detail .prompt-dialog{--dialog-ratio:1.77778;--prompt-width:0px;width:min(96vw, 1560px, calc(90svh * var(--dialog-ratio) + var(--prompt-width)));height:auto;max-height:94svh;overflow:hidden}.case-detail .prompt-dialog.is-portrait{--dialog-ratio:.5625}.case-detail .prompt-dialog.is-square{--dialog-ratio:1}.case-detail .prompt-dialog:has(.has-prompt){--prompt-width:clamp(300px, 28vw, 420px)}.case-detail .prompt-dialog .prompt-dialog-content{height:auto;padding-right:var(--prompt-width);display:block;position:relative}.case-detail .prompt-dialog .prompt-dialog-video{width:100%;height:auto;max-height:none;aspect-ratio:var(--dialog-ratio);object-fit:contain;background:0 0}.case-detail .prompt-dialog .prompt-dialog-copy{width:var(--prompt-width);padding:68px 28px 28px;position:absolute;inset:0 0 0 auto;overflow-y:auto}@media (max-width:760px){.case-index.case-showcase{--case-media-height:calc(100svh - 180px)}.case-showcase .case-index-heading{display:none}.case-showcase .case-category{justify-content:center;align-items:center;gap:18px;min-height:calc(100svh - 128px);padding-top:20px;padding-bottom:20px;scroll-margin-top:76px}.case-showcase .case-category>header h2{font-size:clamp(30px,7.5vw,48px)}.case-index.case-showcase .case-card-grid:has(.case-card:first-child){width:min(100%, var(--case-grid-width));grid-template-columns:var(--case-tracks);gap:14px;margin:0 auto}.case-showcase .case-card.is-wide{grid-column:1/-1}.case-showcase .case-card:only-child{width:min(100%, calc(var(--case-media-height) * 9 / 16));grid-column:1/-1;justify-self:center}.case-showcase .case-card.is-wide:only-child{width:100%}.case-showcase .case-card-caption{gap:8px;padding:46px 12px 16px}.case-showcase .case-card-caption h3{font-size:clamp(16px,3vw,22px)}.case-showcase .case-card-caption>span{font-size:18px}.case-detail .case-video-grid{flex-wrap:wrap}.case-detail .case-video-item.is-portrait{width:min(50% - 8px,56.25svh - 123.75px)}.case-detail .case-video-item.is-portrait:only-child{width:min(100%,56.25svh - 123.75px)}.case-detail .prompt-dialog{width:calc(100vw - 24px);height:auto;max-height:calc(100svh - 24px);margin:auto}.case-detail .prompt-dialog .prompt-dialog-content{flex-direction:column;padding:0;display:flex}.case-detail .prompt-dialog .prompt-dialog-video{width:min(100%, calc(54svh * var(--dialog-ratio)));flex:none;align-self:center}.case-detail .prompt-dialog .prompt-dialog-content:not(.has-prompt) .prompt-dialog-video{width:min(100%, calc((100svh - 24px) * var(--dialog-ratio)))}.case-detail .prompt-dialog .prompt-dialog-copy{flex:none;width:100%;max-height:32svh;padding:22px;position:static}}@media (max-width:480px){.case-index.case-showcase .case-card-grid:has(.case-card:first-child){grid-template-columns:1fr;gap:22px}.case-showcase .case-card{width:min(100%, calc(var(--case-media-height) * 9 / 16));justify-self:center}.case-showcase .case-card.is-wide{width:100%}.case-showcase .case-card-caption h3{font-size:22px}.case-detail .case-video-item.is-portrait{width:min(100%,56.25svh - 123.75px)}}@media (prefers-reduced-motion:reduce){.case-showcase .case-card-caption>span{transition:none;transform:none!important}}.case-showcase .case-preview-audio{z-index:4;color:#fff;cursor:pointer;background:#00000073;border:1px solid #fff9;border-radius:50%;place-items:center;width:42px;height:42px;padding:10px;display:grid;position:absolute;top:16px;right:16px}.case-showcase .case-preview-audio svg{width:100%;height:100%;display:block}.case-index.case-showcase .case-card-grid:has(.case-card:only-child){grid-template-columns:minmax(0,1fr)}.case-index.case-showcase .case-card:only-child{width:100%}.case-index.case-showcase .case-card:only-child .case-card-video{height:auto;width:100%!important}