.vd-page{background:var(--semantic-bg-default);padding-top:var(--nav-offset);padding-bottom:var(--space-48)}body:has(.vd-page) .floating-cta{display:none}.vd-crumb{margin:0 0 var(--space-24);padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-8);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-tertiary)}.vd-crumb a{color:var(--semantic-text-secondary)}.vd-crumb a:hover{color:var(--semantic-text-accent)}.vd-crumb__sep{color:var(--semantic-text-tertiary)}.vd-crumb__current{color:var(--semantic-text-primary);font-weight:var(--type-cn-title-small-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.vd-header{margin-bottom:var(--space-24)}.vd-title{margin:0 0 var(--space-12);font-family:var(--font-cn);font-size:var(--type-cn-headline-small-size);font-weight:var(--type-cn-headline-small-weight);color:var(--semantic-text-primary);line-height:1.45;letter-spacing:-.01em}.vd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:var(--type-cn-body-medium-weight);color:var(--semantic-text-secondary)}.vd-meta__designer{color:var(--semantic-brand-primary);font-weight:500}.vd-meta__sep{color:var(--semantic-border-default)}.vd-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-32);align-items:start}@media (max-width:1024px){.vd-layout{grid-template-columns:1fr;gap:var(--space-24)}}.vd-main{min-width:0}.vd-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-24)}.vd-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vd-player__fallback{display:flex;align-items:center;justify-content:center;height:100%;color:var(--semantic-text-tertiary);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:var(--type-cn-body-medium-weight)}.vd-desc{font-size:var(--type-cn-body-large-size);line-height:1.85;color:var(--semantic-text-primary);margin-bottom:var(--space-24)}.vd-desc h1,.vd-desc h2,.vd-desc h3,.vd-desc p{margin:0 0 var(--space-12)}.vd-desc h1,.vd-desc h2,.vd-desc h3{font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:var(--type-cn-title-medium-weight)}.vd-desc :last-child{margin-bottom:0}.vd-desc img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--space-12) 0}.vd-desc a{color:var(--semantic-text-accent);text-decoration:underline}.vd-share{margin-bottom:var(--space-24)}.vd-share__lead{margin:0 0 var(--space-12);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:600;color:var(--semantic-text-primary)}.vd-share__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.vd-share__btn{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-sm);background:var(--semantic-bg-default);color:var(--semantic-text-primary);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:500;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.vd-share__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.vd-share__btn svg{flex-shrink:0}.vd-share__btn--line:hover{background:#06c755;border-color:#06c755;color:var(--semantic-text-inverse)}.vd-share__btn--fb:hover{background:#1877f2;border-color:#1877f2;color:var(--semantic-text-inverse)}.vd-share__btn--copy:hover{background:var(--semantic-text-primary);border-color:var(--semantic-text-primary);color:var(--semantic-text-inverse)}.vd-share__btn--fav:hover{background:var(--semantic-brand-primary-soft);border-color:var(--semantic-border-accent);color:var(--semantic-text-accent)}.vd-share__btn--fav[data-favorited=true]{background:var(--semantic-brand-primary-soft);border-color:var(--semantic-status-error);color:var(--semantic-status-error)}.vd-share__btn--fav[data-favorited=true] svg{fill:var(--semantic-status-error);stroke:var(--semantic-status-error)}.vd-share__btn--fav:disabled{cursor:not-allowed;opacity:.6}.vd-share__btn--native{display:none}@media (hover:none) and (pointer:coarse){.vd-share__btn--native{display:inline-flex}.vd-share__btn--native:hover{background:var(--semantic-text-primary);border-color:var(--semantic-text-primary);color:var(--semantic-text-inverse)}}.vd-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-bottom:var(--space-32)}.vd-tags__label{font-size:var(--type-cn-label-large-size);line-height:var(--type-cn-label-large-line);font-weight:var(--type-cn-label-large-weight);color:var(--semantic-text-primary);margin-right:var(--space-4)}.vd-tag{padding:var(--space-4) var(--space-12);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-secondary);background:var(--semantic-bg-subtle);border-radius:var(--radius-pill)}.vd-related-case{display:flex;gap:var(--space-16);margin-bottom:var(--space-32);padding:var(--space-16);background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);transition:all var(--motion-base) ease}.vd-related-case:hover{border-color:var(--semantic-brand-primary);box-shadow:var(--shadow-md)}.vd-related-case__cover{flex-shrink:0;width:200px;aspect-ratio:16/10;background:var(--semantic-bg-subtle);border-radius:var(--radius-sm);overflow:hidden}.vd-related-case__cover img{width:100%;height:100%;object-fit:cover;display:block}.vd-related-case__body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}.vd-related-case__eyebrow{font-size:var(--type-cn-label-small-size);line-height:var(--type-cn-label-small-line);font-weight:var(--type-cn-label-small-weight);letter-spacing:.12em;color:var(--semantic-brand-primary);text-transform:uppercase}.vd-related-case__title{margin:0;font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary)}@media (max-width:1024px){.vd-related-case{margin-bottom:0}}@media (max-width:540px){.vd-related-case{flex-direction:column}.vd-related-case__cover{width:100%}}.vd-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--space-16);padding-bottom:var(--space-12);border-bottom:2px solid var(--semantic-brand-primary)}.vd-section-head__title{margin:0;font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary)}.vd-more{margin-top:var(--space-40)}.vd-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-24);margin-bottom:var(--space-32)}.vd-video-grid .vl-card{width:100%}.vd-aside{position:sticky;top:108px}@media (max-width:1024px){.vd-aside{position:static}}.vd-designer-card{padding:var(--space-24);border-radius:var(--radius-md);background:var(--semantic-bg-subtle)}.vd-designer-card__section-title{margin:0 0 var(--space-16);font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary)}.vd-designer-card__head{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-16);color:inherit;text-decoration:none}.vd-designer-card__avatar{width:60px;height:60px;border-radius:var(--radius-pill);object-fit:cover;background:var(--semantic-bg-subtle);flex-shrink:0}.vd-designer-card__name{margin:0 0 var(--space-4);font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary)}.vd-designer-card__company{margin:0;font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:var(--type-cn-body-medium-weight);color:var(--semantic-text-secondary)}.vd-designer-card__cta .btn{width:100%}@media (max-width:768px){.vd-designer-card__cta{position:fixed;left:0;right:0;bottom:0;z-index:50;width:100%;padding:var(--space-12) var(--space-16);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom));background:var(--semantic-bg-default);box-shadow:0 -2px 12px rgba(52,64,75,.08)}body:has(.vd-page){padding-bottom:72px}}.vd-designer-empty{padding:var(--space-24);text-align:center;background:var(--semantic-bg-subtle);border-radius:var(--radius-lg);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-tertiary)}.vd-designer-empty .vd-designer-card__head{justify-content:center}