:is(.p-work-vcs,.p-work-dc) h1,:is(.p-work-vcs,.p-work-dc) h2,:is(.p-work-vcs,.p-work-dc) h3{text-wrap:balance}:is(.p-work-vcs,.p-work-dc) .cs{padding-top:calc(clamp(92px,8vw,116px) + env(safe-area-inset-top,0px));grid-template-columns:minmax(340px,5fr) minmax(0,8fr);align-items:start;gap:0 clamp(36px,4.4vw,80px);display:grid}:is(.p-work-vcs,.p-work-dc) .cs-side{top:calc(92px + env(safe-area-inset-top,0px));min-height:calc(100vh - 116px - env(safe-area-inset-top,0px));flex-direction:column;justify-content:space-between;gap:40px;display:flex;position:sticky}:is(.p-work-vcs,.p-work-dc) .cs-back{min-height:44px;font:500 15px/1 var(--font-body);color:var(--ink);align-items:center;gap:8px;margin:0 0 14px;text-decoration:none;transition:color .2s;display:inline-flex}:is(.p-work-vcs,.p-work-dc) .cs-back svg{transition:transform .2s var(--snap)}@media (hover:hover) and (pointer:fine){:is(.p-work-vcs,.p-work-dc) .cs-back:hover{color:var(--cobalt)}:is(.p-work-vcs,.p-work-dc) .cs-back:hover svg{transform:translate(-3px)}}:is(.p-work-vcs,.p-work-dc) .cs-name{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(1.9rem,2.5vw,2.4rem);font-weight:800;line-height:.92}:is(.p-work-vcs,.p-work-dc) .cs-name .mask{display:block}:is(.p-work-vcs,.p-work-dc) .cs-facts{margin:24px 0 0;padding:0}:is(.p-work-vcs,.p-work-dc) .cs-facts>div{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:9px 0;display:grid;position:relative}:is(.p-work-vcs,.p-work-dc) .cs-facts>div:before,:is(.p-work-vcs,.p-work-dc) .cs-facts>div:last-child:after{content:"";background:var(--hair);transform-origin:0;height:1px;position:absolute;left:0;right:0}:is(.p-work-vcs,.p-work-dc) .cs-facts>div:before{top:0}:is(.p-work-vcs,.p-work-dc) .cs-facts>div:last-child:after{bottom:0}:is(.p-work-vcs,.p-work-dc) .cs-facts dt{font:500 11.5px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:3px}:is(.p-work-vcs,.p-work-dc) .cs-facts dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.45}:is(.p-work-vcs,.p-work-dc) .cs-facts a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}@media (hover:hover) and (pointer:fine){:is(.p-work-vcs,.p-work-dc) .cs-facts a:hover{color:var(--cobalt)}}:is(.p-work-vcs,.p-work-dc) .cs-story{gap:14px;margin-top:24px;display:grid}:is(.p-work-vcs,.p-work-dc) .cs-story h2{font:500 11.5px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}:is(.p-work-vcs,.p-work-dc) .cs-story p{max-width:52ch;color:var(--body);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.55}:is(.p-work-vcs,.p-work-dc) .cs-more-h{font:500 11.5px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}:is(.p-work-vcs,.p-work-dc) .cs-more ul{margin:0;padding:0;list-style:none}:is(.p-work-vcs,.p-work-dc) .cs-more li{position:relative}:is(.p-work-vcs,.p-work-dc) .cs-more li:before{content:"";background:var(--hair);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}:is(.p-work-vcs,.p-work-dc) .cs-more a{min-height:52px;color:var(--ink);grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;text-decoration:none;display:grid}:is(.p-work-vcs,.p-work-dc) .cs-more .n{font:500 15px/1.3 var(--font-body);transition:transform .35s var(--out)}:is(.p-work-vcs,.p-work-dc) .cs-more small{font:500 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}:is(.p-work-vcs,.p-work-dc) .cs-more svg{color:var(--muted);transition:transform .3s var(--out),color .2s ease}@media (hover:hover) and (pointer:fine){:is(.p-work-vcs,.p-work-dc) .cs-more a:hover .n{transform:translate(4px)}:is(.p-work-vcs,.p-work-dc) .cs-more a:hover svg{color:var(--cobalt);transform:translate(3px)}}:is(.p-work-vcs,.p-work-dc) .cs-pics{gap:clamp(28px,3vw,44px);min-width:0;padding-top:8px;display:grid}:is(.p-work-vcs,.p-work-dc) .pic{min-width:0;margin:0}:is(.p-work-vcs,.p-work-dc) .pic img{aspect-ratio:16/10;object-fit:cover;background:var(--satin);border-radius:8px;width:100%;height:auto;display:block}:is(.p-work-vcs,.p-work-dc) .pic figcaption{max-width:62ch;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.5}:is(.p-work-vcs,.p-work-dc) .pic-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);display:grid}@media (max-width:900px){:is(.p-work-vcs,.p-work-dc) .cs{grid-template-columns:1fr;gap:clamp(36px,6vw,56px) 0}:is(.p-work-vcs,.p-work-dc) .cs-side{display:contents}:is(.p-work-vcs,.p-work-dc) .cs-top{order:1}:is(.p-work-vcs,.p-work-dc) .cs-pics{order:2}:is(.p-work-vcs,.p-work-dc) .cs-more{order:3}}@media (max-width:640px){:is(.p-work-vcs,.p-work-dc) .pic-row{grid-template-columns:1fr}}.motion :is(.p-work-vcs,.p-work-dc) .cs-facts>div:before,.motion :is(.p-work-vcs,.p-work-dc) .cs-facts>div:last-child:after,.motion :is(.p-work-vcs,.p-work-dc) .cs-more li:before{transform:scaleX(0)}.motion :is(.p-work-vcs,.p-work-dc) .in .cs-facts>div:before,.motion :is(.p-work-vcs,.p-work-dc) .in .cs-facts>div:last-child:after,.motion :is(.p-work-vcs,.p-work-dc) .cs-more.in li:before{transition:transform 1s var(--draw) calc(.25s + var(--i,0) * 90ms);transform:none}@media (prefers-reduced-motion:reduce){:is(.p-work-vcs,.p-work-dc) .cs-back,:is(.p-work-vcs,.p-work-dc) .cs-back svg,:is(.p-work-vcs,.p-work-dc) .cs-more .n,:is(.p-work-vcs,.p-work-dc) .cs-more svg{transition:none}:is(.p-work-vcs,.p-work-dc) .cs-back:hover svg,:is(.p-work-vcs,.p-work-dc) .cs-more a:hover .n,:is(.p-work-vcs,.p-work-dc) .cs-more a:hover svg{transform:none}}