/* The project story and the live experience share the same visual hierarchy. */
.vc-demo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,390px);gap:clamp(30px,7vw,110px);padding:42px clamp(25px,5vw,78px);background:#121b17;color:#fff;align-items:center;overflow:hidden;scroll-margin-top:85px}
.vc-demo:before{content:"";position:absolute;width:590px;height:590px;border:1px solid #ffffff17;border-radius:50%;left:-240px;bottom:-430px;pointer-events:none}
.vc-demo-intro{position:relative;max-width:490px}
.vc-demo-intro>.p-label{color:var(--mint);font-size:12px;letter-spacing:.1em;margin-bottom:28px}
.vc-demo-intro h2{font-size:clamp(27px,3vw,44px);line-height:1.6;letter-spacing:-.035em}
.vc-demo-intro p{font-size:17px;line-height:2;margin-top:25px;text-wrap:pretty}
.vc-demo-format{display:inline-block;margin-top:32px;padding:7px 13px;border:1px solid #ffffff65;border-radius:99px;font-size:12px;font-weight:700}
.vc-demo-player{width:min(100%,340px);justify-self:center;position:relative}
.vc-player-slot{aspect-ratio:9/16;width:100%;background:#fff;overflow:hidden;box-shadow:0 18px 48px #0003;border-radius:8px}
.vc-player-slot iframe,.vc-player-cover{display:block;border:0;padding:0;width:100%;height:100%;background:#fff}
.vc-player-cover{position:relative;cursor:pointer;color:var(--ink);font-family:inherit}
.vc-player-cover>img{display:block;object-fit:contain;width:100%;height:100%;transition:filter .3s}
.vc-player-cover:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.vc-player-cover:hover>img{filter:brightness(1.06)}
.vc-start-label{position:absolute;z-index:1;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;background:var(--mint);border:1px solid #112c22;border-radius:40px;padding:12px 18px;font-size:14px;font-weight:750;box-shadow:0 4px 20px #0004}
.vc-start-label svg{width:20px;height:20px;flex-shrink:0}
.vc-player-tools{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:13px;font-size:12px}
.vc-player-tools button{margin-right:auto;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:inherit;cursor:pointer;padding:3px 0}
.vc-player-tools a{display:inline-flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:4px}
.vc-case .c-chapter>.c-figure{width:min(100%,280px);justify-self:center;margin-top:0}
.vc-case .c-chapter{align-items:center}
.vc-case .c-gallery[data-layout="portrait"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-inline:auto}
.vc-case .c-gallery[data-layout="portrait"] .c-still>img{aspect-ratio:9/16;object-fit:contain;max-height:590px}
.vc-case .c-gallery[data-layout="mixed"]{grid-template-columns:1fr 1fr;max-width:1080px;margin-inline:auto}
.vc-case .c-gallery[data-layout="mixed"] .c-figure:not(:last-child) .c-still>img{aspect-ratio:9/16;max-height:530px;object-fit:contain}
.vc-case .c-gallery[data-layout="mixed"] .c-figure:last-child{grid-column:1/-1}
.p-work-vuddy .p-work-cover{background:#eaf0ec;display:flex;align-items:center;justify-content:center;gap:4%;padding:18px;overflow:hidden}
.p-work-vuddy .p-work-cover>img{position:relative;display:block;width:28%;height:100%;aspect-ratio:9/16;object-fit:contain;filter:drop-shadow(0 4px 7px #142d2522)}
.p-work-vuddy .p-work-cover>img:nth-child(2){transform:translateY(10px)}
.p-work-vuddy .p-work-cover>img:nth-child(3){transform:translateY(-5px)}
.p-work-vuddy a:hover .p-work-cover>img{transform:translateY(-4px)}
.vc-list-intro{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:36px;font-size:15px;line-height:1.8}
.vc-list-intro>p{max-width:660px}
@media(max-width:800px){
 .vc-demo{grid-template-columns:1fr;padding:30px 22px;gap:28px}
 .vc-demo-intro>.p-label{margin-bottom:15px}
 .vc-demo-intro h2{font-size:27px}
 .vc-demo-intro p{font-size:15px;line-height:1.9;margin-top:16px}
 .vc-demo-format{margin-top:20px}
 .vc-demo-player{width:min(100%,330px)}
 .vc-list-intro{display:block}.vc-list-intro .p-button{margin-top:22px}
}
@media(max-width:700px){
 .vc-case .c-cinema{margin-inline:0}
 .vc-case .c-chapter>.c-figure{width:min(100%,285px)}
 .vc-case .c-gallery[data-layout="portrait"]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:0 0 18px}
 .vc-case .c-gallery[data-layout="portrait"]>.c-figure{flex:0 0 73%;scroll-snap-align:start}
 .vc-case .c-gallery[data-layout="mixed"]{gap:25px 14px}
 .p-work-vuddy .p-work-cover{padding:12px}
}
@media(prefers-reduced-motion:reduce){.vc-player-cover>img{transition:none}}

.vc-case .c-heading h1 .c-title-phrase{display:inline-block;max-width:100%}
.vc-case .c-chapter:has(img[src$="pop-context.webp"])>.c-figure{width:100%}