.media-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:450px;scrollbar-color:var(--muted-text) transparent;border:1px solid var(--border-color);background:var(--background-light)}.media-grid-container::-webkit-scrollbar{width:8px}.media-grid-container::-webkit-scrollbar-track{border-radius:var(--radius-sm)}.media-grid-container::-webkit-scrollbar-thumb{background-color:var(--color-accent-light);border-radius:var(--radius-sm)}.media-grid-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}.media-grid-container-full{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));min-height:400px;border:none;background:transparent}.media-item-button{border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-default)}.media-item-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.media-item-button:focus{border-color:var(--color-accent)}.media-grid-item.selected .media-item-button{border-color:var(--color-accent);box-shadow:var(--focus-ring);transform:translateY(-2px)}.media-thumbnail-container{background:var(--background-medium)}.media-item-button:hover .media-thumbnail{transform:scale(1.05)}.fallback-icon{filter:drop-shadow(var(--shadow-sm))}.fallback-text{font-weight:500}.media-type-indicator{background:rgba(0,0,0,.7);font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-hover-overlay{background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.7));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.media-item-button:hover .overlay-content{transform:translateY(0)}.overlay-action-text{font-size:var(--font-size-caption);font-weight:500}.selection-badge{background:var(--color-accent);width:28px;height:28px;box-shadow:var(--shadow-md)}.media-loading-overlay{background:rgba(0,0,0,.5)}.media-grid-item .loading-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--color-accent);width:20px;height:20px}.media-item-title{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);background:var(--background-card)}.media-grid-item.selected .title-text{color:var(--color-accent)}@media (max-width:768px){.media-grid-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm);max-height:350px;padding:var(--spacing-sm)}.media-grid-container-full{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.media-item-title{padding:var(--spacing-sm)}.title-text{font-size:var(--font-size-caption);-webkit-line-clamp:1}}@media (max-width:480px){.media-grid-container{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);padding:var(--spacing-xs)}.media-grid-container-full{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.media-thumbnail-container{aspect-ratio:4/3}.media-item-title{padding:var(--spacing-sm) var(--spacing-xs)}.media-item-title,.title-text{font-size:var(--font-size-caption)}.title-text{-webkit-line-clamp:1}.fallback-icon,.play-icon{font-size:1.5rem}}@media (prefers-color-scheme:dark){.media-grid-container{background:var(--background-medium);border-color:var(--border-color)}.media-grid-container::-webkit-scrollbar-track{background:var(--background-medium)}.media-grid-container::-webkit-scrollbar-thumb{background-color:var(--color-accent-medium);border-color:var(--background-medium)}.media-grid-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}.title-text{color:var(--primary-text)}.media-grid-item.selected .title-text{color:var(--color-accent)}.media-thumbnail-container{background:var(--background-dark)}.media-item-button{background:var(--background-card-dark);border-color:var(--border-color)}.media-grid-item.selected .media-item-button{background:var(--background-card-dark);border-color:var(--color-accent)}.media-item-title{background:var(--background-card-dark)}}@media (prefers-contrast:high){.media-item-button:focus{outline:4px solid var(--color-soft-black);outline-offset:2px}.selection-indicator{border-width:4px}.media-hover-overlay{background:rgba(0,0,0,.8)}.media-item-button{border:2px solid var(--border-color)}.media-type-indicator{border:1px solid var(--color-off-white)}}.media-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);overflow-y:auto;max-height:480px;padding:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--color-accent-light) transparent;flex:1;height:100%;background:linear-gradient(135deg,var(--background-light) 0,rgba(14,175,251,.02) 100%);border-radius:var(--radius-lg);position:relative}.media-grid-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(14,175,251,.03));border-radius:inherit;pointer-events:none}.media-grid-container::-webkit-scrollbar{width:10px}.media-grid-container::-webkit-scrollbar-track{background:var(--background-light);border-radius:var(--radius-md);margin:var(--spacing-sm)}.media-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-light),var(--color-accent));border-radius:var(--radius-md);-webkit-transition:var(--transition-fast);transition:var(--transition-fast);border:2px solid var(--background-light)}.media-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-hover))}.media-grid-container-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);min-height:500px;background:var(--background-light);border-radius:var(--radius-xl);position:relative}.media-grid-container-full:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(14,175,251,.02));border-radius:inherit;pointer-events:none}.media-grid-item{position:relative;opacity:0;transform:scale(.95) translateY(10px);animation:mediaFadeInUp var(--animation-duration-normal) ease-out forwards;animation-delay:calc(var(--item-index, 0) * .05s)}.media-item-button{width:100%;background:var(--background-card);border:none;padding:0;cursor:pointer;border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-default);box-shadow:var(--shadow-sm);text-align:left;position:relative;font-family:var(--font-body);transform:translateY(0)}.media-item-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(14,175,251,.05));opacity:0;transition:var(--transition-default);border-radius:inherit}.media-item-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg),var(--glow-accent)}.media-item-button:hover:before{opacity:1}.media-item-button:focus{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset);box-shadow:var(--focus-ring)}.media-grid-item.selected .media-item-button{background:var(--color-accent-light);transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg),var(--glow-accent-hover);border:2px solid var(--color-accent)}.media-grid-item.selected .media-item-button:before{opacity:1;background:linear-gradient(135deg,rgba(14,175,251,.1),rgba(14,175,251,.15))}.media-thumbnail-container{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--background-medium) 0,var(--background-dark) 100%);overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.media-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition-default);opacity:0;filter:brightness(.95) saturate(1.1)}.media-thumbnail.loaded{opacity:1}.media-item-button:hover .media-thumbnail{transform:scale(1.08);filter:brightness(1.1) saturate(1.2)}.media-thumbnail-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-brand-gradient-primary);color:var(--color-off-white);position:relative}.media-thumbnail-fallback:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.1))}.fallback-icon{font-size:2.5rem;filter:drop-shadow(var(--shadow-md));position:relative;z-index:1}.fallback-text{font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-body);position:relative;z-index:1}.media-type-indicator{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.6));color:var(--color-off-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-caption);font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm)}.media-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(14,175,251,.15),rgba(9,140,201,.25));display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-default);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-item-button:hover .media-hover-overlay{opacity:1}.overlay-content{color:var(--color-off-white);transform:translateY(15px) scale(.9);transition:var(--transition-default);text-shadow:var(--shadow-sm)}.media-item-button:hover .overlay-content{transform:translateY(0) scale(1)}.play-icon{font-size:2.5rem;filter:drop-shadow(var(--shadow-md));margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-off-white),rgba(255,255,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay-action-text{font-size:var(--font-size-small);font-weight:600;font-family:var(--font-body);letter-spacing:.025em}.selection-indicator{top:0;left:0;right:0;bottom:0;border:3px solid var(--color-accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(135deg,rgba(14,175,251,.1),rgba(14,175,251,.05))}.selection-badge{top:var(--spacing-sm);left:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:var(--color-off-white);width:32px;height:32px;border-radius:var(--radius-circle);font-size:var(--font-size-small);box-shadow:var(--shadow-lg);border:2px solid var(--color-off-white)}.media-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(14,175,251,.2));display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-default);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-grid-item .loading-spinner{border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--color-accent);border-radius:50%;width:24px;height:24px;animation:mediaSpinner 1s linear infinite;box-shadow:var(--shadow-sm)}.media-item-title{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);background:linear-gradient(135deg,var(--background-card) 0,rgba(244,246,247,.95) 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);position:relative}.media-item-title:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border-color) 50%,transparent 100%)}.title-text{font-size:var(--font-size-small);font-weight:600;color:var(--primary-text);line-height:var(--line-height-small);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-body);transition:var(--transition-fast)}.media-grid-item.selected .title-text{color:var(--color-accent-hover);font-weight:700}.media-grid-item:hover .title-text{color:var(--color-accent)}@keyframes mediaFadeInUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mediaSpinner{to{transform:rotate(1turn)}}@keyframes pulseGlow{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-lg),var(--glow-accent)}}@media (max-width:768px){.media-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm);max-height:380px;padding:var(--spacing-sm)}.media-grid-container-full{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.media-item-title{padding:var(--spacing-sm)}.title-text{font-size:var(--font-size-caption);-webkit-line-clamp:1}.play-icon{font-size:2rem}.overlay-action-text{font-size:var(--font-size-caption)}}@media (max-width:480px){.media-grid-container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm);max-height:320px}.media-grid-container-full{grid-template-columns:1fr;gap:var(--spacing-md)}.media-thumbnail-container{aspect-ratio:4/3}.media-item-title{padding:var(--spacing-sm) var(--spacing-xs)}.title-text{font-size:var(--font-size-caption);-webkit-line-clamp:1}.fallback-icon{font-size:2rem}.play-icon{font-size:1.8rem}.selection-badge{width:28px;height:28px;font-size:var(--font-size-caption)}}@media (prefers-color-scheme:dark){.media-grid-container{background:linear-gradient(135deg,var(--background-medium) 0,rgba(14,175,251,.02) 100%)}.media-grid-container-full{background:var(--background-medium)}.media-grid-container::-webkit-scrollbar-track{background:var(--background-medium)}.media-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-medium),var(--color-accent));border-color:var(--background-medium)}.media-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-hover))}.title-text{color:var(--primary-text)}.media-grid-item.selected .title-text{color:var(--color-accent)}.media-thumbnail-container{background:linear-gradient(135deg,var(--background-dark) 0,var(--background-medium) 100%)}.media-item-button{background:var(--background-card-dark)}.media-grid-item.selected .media-item-button{background:var(--background-card-dark);border-color:var(--color-accent)}.media-item-title{background:linear-gradient(135deg,var(--background-card-dark) 0,rgba(28,27,31,.95) 100%)}}@media (prefers-contrast:high){.media-item-button:focus{outline:4px solid var(--color-off-white);outline-offset:2px}.selection-indicator{border-width:4px}.media-hover-overlay{background:rgba(0,0,0,.8)}.media-item-button{border:2px solid var(--border-color)}.media-type-indicator{border:2px solid var(--color-off-white)}.selection-badge{border:3px solid var(--color-off-white)}}@media (prefers-reduced-motion:reduce){.loading-spinner,.media-item-button,.media-thumbnail,.overlay-content{transition:none;animation:none}.media-grid-item{animation:none;opacity:1;transform:none}.media-item-button:hover .media-thumbnail{transform:none;filter:none}.media-item-button:hover{transform:none}.media-item-button:before{transition:none}}@media print{.media-hover-overlay,.media-loading-overlay,.selection-indicator{display:none}.media-item-button:hover{transform:none;box-shadow:none}.media-grid-container-full:before,.media-grid-container:before{display:none}}.media-thumbnail{will-change:transform,opacity,filter}.media-grid-container,.media-grid-container-full{contain:layout style}@-moz-document url-prefix(){.media-grid-container{scrollbar-width:thin;scrollbar-color:var(--color-accent-light) transparent}}.media-type-indicator{border:1px solid var(--color-off-white)}@media (prefers-reduced-motion:reduce){.loading-spinner,.media-item-button,.media-thumbnail,.overlay-content{transition:none;animation:none}.media-grid-item{animation:none;opacity:1;transform:none}.media-item-button:hover,.media-item-button:hover .media-thumbnail{transform:none}}@media print{.media-hover-overlay,.media-loading-overlay,.selection-indicator{display:none}.media-item-button:hover{transform:none;box-shadow:none}}.media-item-button:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.media-item-button{min-height:var(--player-control-size)}.media-thumbnail{will-change:transform,opacity}.media-item-button{will-change:transform,box-shadow}.media-hover-overlay,.overlay-content,.selection-indicator{transform:translateZ(0)}.media-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-grid-container{scroll-behavior:smooth}.media-item-button:focus:not(:focus-visible){outline:none}.media-item-button{aspect-ratio:auto}.media-thumbnail-container{flex-shrink:0}@-moz-document url-prefix(){.media-grid-container{scrollbar-width:thin;scrollbar-color:var(--muted-text) transparent}}@supports (-webkit-appearance:none){.media-thumbnail{-webkit-backface-visibility:hidden}}@supports (-ms-ime-align:auto){.media-grid-container{-ms-overflow-style:-ms-autohiding-scrollbar}}.section-title{background:linear-gradient(135deg,var(--color-soft-black) 0,var(--color-accent) 50%,var(--color-soft-black) 100%)}.section-title:after{transform:translateX(-50%)}@media (max-width:768px){.video-grid-title{font-size:2rem}.section-title{font-size:1.5rem}.video-section,.video-section-content{min-height:400px}.video-grid-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.video-grid-sidebar{min-height:200px}.player-title{font-size:1.125rem}}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */.video-grid-showcase{width:100%;max-width:1600px;margin:2rem auto;padding:0 1rem}.video-grid-title{text-align:center;color:#1f2937;font-size:2.5rem;font-weight:700;font-family:var(--font-heading);line-height:var(--line-height-h1);margin-bottom:3rem}.video-section{min-height:600px;margin-bottom:3rem}.section-title{font-family:var(--font-heading);font-size:var(--font-size-h4);color:var(--primary-text);margin-bottom:var(--spacing-md);text-align:center;background:linear-gradient(135deg,var(--color-soft-black)0,var(--color-accent)50%,var(--color-soft-black)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;position:relative}.section-title:after{content:"";background:#3b82f6;border-radius:2px;width:4rem;height:3px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.video-section-content{flex-direction:column;gap:2rem;height:auto;min-height:500px;display:flex}@media (min-width:1024px){.video-section-content{flex-direction:row;gap:3rem;min-height:600px}.creative-layout{flex-direction:row-reverse}}.video-grid-sidebar{flex-shrink:0;width:100%;min-height:300px}@media (min-width:1024px){.video-grid-sidebar{width:35%;min-height:500px}}.video-player-area{flex-direction:column;flex:1;min-height:300px;display:flex}@media (min-width:1024px){.video-player-area{width:65%;min-height:500px}}.player-header{flex-shrink:0;margin-bottom:1rem}.player-title{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.4;font-family:var(--font-heading);margin:0}.video-grid-container{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;height:100%;padding:.5rem;display:grid;overflow-y:auto}.video-grid-container::-webkit-scrollbar{width:6px}.video-grid-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.video-grid-container-full{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;min-height:400px;padding:1rem;display:grid}.video-grid-empty{color:#6b7280;text-align:center;justify-content:center;align-items:center;height:200px;display:flex}.video-section-content .video-player-container{flex:1;min-height:300px}.video-section-content .videojs-player-wrapper{height:100%}.video-player-area .video-player-container{flex:1;min-height:300px}@media (min-width:1024px){.video-player-area .video-player-container{min-height:400px}}@media (max-width:768px){.video-grid-title{font-size:2rem}.section-title{font-size:1.5rem}.video-section,.video-section-content{min-height:400px}.video-grid-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.video-grid-sidebar{min-height:200px}.player-title{font-size:1.125rem}}@media (max-width:480px){.video-section-content{min-height:350px}.video-grid-container{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (prefers-color-scheme:dark){.video-grid-title{color:#f9fafb}.section-title{color:#e5e7eb}.player-title{color:#f9fafb}}@media (prefers-contrast:high){.section-title:after{background:var(--primary-text)}}.video-card{opacity:0;animation:fadeInUp .4s ease-out forwards;animation-delay:calc(var(--item-index,0)*.1s);transform:translateY(10px)}.video-card-button{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:#fff;border:2px solid #0000;border-radius:12px;padding:0;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.video-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.video-card.selected .video-card-button{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.video-card-button:focus{outline:var(--focus-outline-width)solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.video-thumbnail-container{aspect-ratio:16/9;background:#f3f4f6;width:100%;position:relative;overflow:hidden}.video-thumbnail{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:all .4s}.video-thumbnail.loaded{opacity:1}.video-card-button:hover .video-thumbnail{transform:scale(1.05)}.video-thumbnail-fallback{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fallback-icon{margin-bottom:.5rem}.fallback-text{letter-spacing:.05em;font-size:.75rem;font-weight:600}.video-category-label{color:#fff;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;border-radius:4px;padding:.25rem .5rem;font-size:.625rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.video-category-label.corporate{background:linear-gradient(135deg,#3b82f6e6,#10b981e6);box-shadow:0 2px 8px #3b82f64d}.video-category-label.creative{background:linear-gradient(135deg,#9333eae6,#ec4899e6);box-shadow:0 2px 8px #9333ea4d}.video-category-label.comedy{background:linear-gradient(135deg,#f97316e6,#fbbf24e6);box-shadow:0 2px 8px #f973164d}.video-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#0006,#000000b3);flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-card-button:hover .video-overlay,.video-card.selected .video-overlay{opacity:1}.overlay-content{text-align:center;color:#fff;transition:transform .3s;transform:translateY(10px)}.video-card-button:hover .overlay-content,.video-card.selected .overlay-content{transform:translateY(0)}.play-icon{filter:drop-shadow(0 2px 4px #0000004d);margin-bottom:.5rem;font-size:2rem}.overlay-text{font-size:.75rem}.selection-indicator{pointer-events:none;border:3px solid #3b82f6;position:absolute;inset:0}.selection-badge{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.5rem;left:.5rem}.thumbnail-loading{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;width:20px;height:20px}.video-card-content{padding:1rem}.video-title{color:#111827;-webkit-line-clamp:2;font-size:.875rem;font-weight:600;line-height:1.4;font-family:var(--font-heading);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (max-width:768px){.video-card-content{padding:.75rem}.video-title{-webkit-line-clamp:1;font-size:.8125rem}.fallback-icon,.play-icon{font-size:1.5rem}.video-category-label{padding:.2rem .4rem;font-size:.5rem}}@media (max-width:480px){.video-card-content{padding:.75rem}.video-title{-webkit-line-clamp:1;font-size:.8125rem}}@media (prefers-color-scheme:dark){.video-title{color:#f9fafb}.video-card-button{background:#1f2937;border-color:#374151}.video-card-button:hover{background:#111827}.video-category-label.corporate{background:linear-gradient(135deg,#3b82f6,#10b981)}.video-category-label.creative{background:linear-gradient(135deg,#9333ea,#ec4899)}.video-category-label.comedy{background:linear-gradient(135deg,#f97316,#fbbf24)}}@media (prefers-reduced-motion:reduce){.video-card{opacity:1;animation:none}.video-card,.video-card-button:hover,.video-card-button:hover .video-thumbnail{transform:none}.video-card-button:hover .overlay-content,.video-card.selected .overlay-content{transform:translateY(0)}.loading-spinner{animation:none}.video-category-label.comedy,.video-category-label.corporate,.video-category-label.creative{background:#3b82f6e6}}.video-thumbnail{will-change:transform,opacity}.video-card-button{will-change:transform,box-shadow}.loading-spinner,.overlay-content{will-change:transform}.overlay-content,.selection-indicator,.video-overlay{transform:translateZ(0)}@media (prefers-contrast:high){.video-card-button{border:2px solid var(--primary-text,#000)}.video-card.selected .video-card-button{border:3px solid #3b82f6}.selection-indicator{border-width:4px}.video-category-label{border:1px solid;background:var(--primary-text)!important;color:var(--background-card)!important}}.video-player-wrapper{cursor:pointer;outline:none}.video-player-wrapper:focus-visible{outline:var(--focus-outline-width)solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.video-player-container{background:var(--background-dark);border-radius:var(--player-border-radius);height:100%;overflow:hidden}.video-player-container,.video-player-responsive{width:100%;position:relative}.video-player-responsive:before{content:"";padding-top:56.25%;display:block}.video-player-responsive>*{width:100%;height:100%;position:absolute;top:0;left:0}.video-player-element,.video-player-iframe{border-radius:var(--player-border-radius);-o-object-fit:contain;object-fit:contain;background:var(--background-dark);border:none;width:100%;height:100%;display:block}.video-loading{background:var(--overlay-backdrop);pointer-events:none;z-index:var(--z-index-modal);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-loading .loading-spinner{border:3px solid #ffffff4d;border-top:3px solid var(--color-accent);width:40px;height:40px;margin-bottom:var(--spacing-sm);border-radius:50%;animation:video-spin 1s linear infinite}.video-loading p,.video-loading small{color:var(--color-off-white);margin:var(--spacing-xs)0;text-align:center}@keyframes video-spin{to{transform:rotate(1turn)}}.video-player-error{background:var(--background-medium);width:100%;height:100%;color:var(--color-off-white);padding:var(--spacing-md);border-radius:var(--player-border-radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.video-player-error p{margin:var(--spacing-sm)0 0}.video-modal-backdrop{background:var(--overlay-backdrop);z-index:var(--z-index-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-modal-content{background:var(--background-dark);border-radius:var(--player-border-radius);width:90%;max-width:800px;position:relative;overflow:hidden}.video-modal-player{background:var(--background-dark);border:none;width:100%;height:100%;display:block}.video-modal-close{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-off-white);font-size:var(--font-size-h3);cursor:pointer;background:0 0;border:none;padding:0;line-height:1;position:absolute}.video-modal-close:focus-visible{outline:var(--focus-outline-width)solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset);border-radius:var(--radius-sm)}.video-grid-showcase *,.video-grid-showcase :after,.video-grid-showcase :before{box-sizing:border-box}@keyframes videoGridSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes videoSpinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes videoGridPulse{0%,to{opacity:1}50%{opacity:.5}}.video-loading{display:none}.video-grid-hidden{display:none!important}.video-grid-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.video-grid-loading-pulse{animation:videoGridPulse 2s infinite}@media (prefers-color-scheme:light){.video-grid-showcase{color-scheme:light}}@media (prefers-color-scheme:dark){.video-grid-showcase{color-scheme:dark}}@container (max-width:600px){.video-section-content{gap:var(--spacing-md);flex-direction:column}.video-grid-sidebar{width:100%;max-height:200px}.video-player-area{width:100%}}.video-grid-showcase [aria-hidden=true]{display:none}@media (prefers-contrast:high){.video-grid-showcase :focus{outline-offset:2px;outline:3px solid var(--primary-text)!important}.video-card.selected .video-card-button{border:3px solid var(--color-accent)!important}.video-section{border:2px solid var(--primary-text)}.video-loading-overlay{background:#000000f2;border:2px solid #fff}.retry-button,.video-player-error{border:2px solid #fff}}@-moz-document url-prefix(){.video-grid-container{scrollbar-width:thin}}.image-grid-section{scroll-margin-top:var(--header-height);padding:var(--section-padding-small) 0;position:relative;z-index:var(--z-index-base)}.image-grid-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-md);position:relative}.image-grid-masonry{-moz-columns:4;column-count:4;-moz-column-gap:var(--grid-gap-medium);column-gap:var(--grid-gap-medium);-moz-column-fill:balance;column-fill:balance;contain:layout style paint;transform:translateZ(0)}.image-grid-masonry .image-card{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--grid-gap-medium);width:100%;display:block;transform:translateZ(0);will-change:auto}.image-grid-instagram{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:8px;gap:var(--grid-gap-small);align-items:start}.image-grid-portfolio{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap-large);align-items:start}.image-grid-portfolio .image-card{width:100%;height:auto}.image-grid-masonry.spacing-tight{-moz-column-gap:var(--grid-gap-small);column-gap:var(--grid-gap-small)}.image-grid-masonry.spacing-tight .image-card{margin-bottom:var(--grid-gap-small)}.image-grid-instagram.spacing-tight{gap:var(--grid-gap-small)}.image-grid-portfolio.spacing-tight{gap:var(--grid-gap-medium)}.image-card{position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;background-color:var(--background-light);box-shadow:var(--shadow-sm);opacity:0;transform:scale(.98) translateY(10px);transition:all var(--transition-default) cubic-bezier(.25,.46,.45,.94);contain:layout style paint;will-change:transform,opacity}.image-card.loaded{opacity:1;transform:scale(1) translateY(0);animation:fadeInUp var(--animation-duration-normal) ease-out forwards}.image-card:hover{transform:scale(1.02) translateY(-4px);z-index:var(--z-index-medium);box-shadow:var(--shadow-lg);transition:all var(--transition-fast) ease}.image-card.priority{opacity:1;transform:scale(1) translateY(0)}.image-card-img{width:100%!important;height:auto!important;-o-object-fit:cover;object-fit:cover;border-radius:inherit;display:block;transform:translateZ(0);backface-visibility:hidden;opacity:0;transition:opacity var(--transition-default) ease-in}.image-card.loaded .image-card-img{opacity:1}.image-card:hover .image-card-img{transform:scale(1.05) translateZ(0);filter:brightness(1.05) contrast(1.05);transition:all var(--transition-slow) cubic-bezier(.25,.46,.45,.94)}.image-card-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-light) 0,var(--color-light-grey) 100%);border-radius:inherit;min-height:120px;animation:pulse 1.5s ease-in-out infinite}.loading-spinner{border-top:2px solid var(--color-light-grey);border:2px solid var(--color-light-grey);border-top-color:var(--color-accent)}.image-card-fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-light);border-radius:inherit;min-height:120px;color:var(--muted-text)}.fallback-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.fallback-text{font-size:var(--font-size-small);text-align:center;opacity:.8}.image-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.4));display:flex;align-items:center;justify-content:center;opacity:0;border-radius:inherit;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:all var(--transition-fast) ease;transform:translateZ(0)}.image-card:hover .image-card-overlay{opacity:1}.image-card-overlay-content{color:var(--color-off-white);text-align:center;transform:translateY(5px);transition:transform var(--transition-fast) ease}.image-card:hover .image-card-overlay-content{transform:translateY(0)}.overlay-text{font-size:var(--font-size-caption);font-weight:500;margin-bottom:var(--spacing-xs);opacity:.9}.expand-icon{width:20px;height:20px;transition:all var(--transition-fast) ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.image-card:hover .expand-icon{transform:scale(1.1)}.image-grid-instagram .image-card-medium,.image-grid-instagram .image-card-small{grid-column:span 1}.image-grid-instagram .image-card-large,.image-grid-instagram .image-card-wide{grid-column:span 2}.image-grid-instagram .image-card-tall{grid-column:span 1}.image-card:focus{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.image-card:focus:not(:focus-visible){outline:none}@media (max-width:1200px){.image-grid-masonry{-moz-columns:3;column-count:3;-moz-column-gap:var(--grid-gap-medium);column-gap:var(--grid-gap-medium)}.image-grid-container{padding:0 var(--container-padding-sm)}}@media (max-width:768px){.image-grid-masonry{-moz-columns:2;column-count:2;-moz-column-gap:var(--grid-gap-small);column-gap:var(--grid-gap-small)}.image-grid-masonry .image-card{margin-bottom:var(--grid-gap-small)}.image-card:hover{transform:scale(1.01) translateY(-2px)}.image-grid-container{padding:0 var(--container-padding-xs)}}@media (max-width:480px){.image-grid-masonry{-moz-columns:1;column-count:1;-moz-column-gap:0;column-gap:0}.image-grid-masonry .image-card{margin-bottom:var(--grid-gap-small);border-radius:var(--radius-sm)}.image-card:hover{transform:none;box-shadow:var(--shadow-sm)}.image-grid-section{padding:var(--section-padding-small) 0}}@media (prefers-reduced-motion:reduce){.image-card,.image-card-img,.image-card-overlay,.image-card-overlay-content{animation:none!important;transition:none!important}.image-card.loaded{opacity:1;transform:none}}.image-card,.image-card-img{content-visibility:auto;contain-intrinsic-size:200px}.image-card-overlay,.image-card:hover,.loading-spinner{transform:translateZ(0)}@keyframes fadeInUp{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}*,:after,:before{box-sizing:border-box}.lightbox-overlay{position:fixed;z-index:var(--z-index-modal,1000);display:flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn var(--animation-duration-normal,.3s) var(--animation-easing,ease-out);overflow:hidden;touch-action:none;cursor:zoom-out}.lightbox-backdrop,.lightbox-overlay{inset:0;background:var(--overlay-backdrop,rgba(0,0,0,.95))}.lightbox-backdrop{position:absolute;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-content{position:relative;height:auto;max-height:calc(100vh - var(--header-height, 80px) - var(--spacing-md, 20px));max-width:95vw;padding:0;background:transparent;border-radius:var(--radius-lg,12px);animation:scaleIn var(--animation-duration-normal,.3s) var(--animation-easing,ease-out);z-index:calc(var(--z-index-modal, 1000) + 1);overflow:hidden;cursor:default;box-sizing:border-box}.lightbox-close,.lightbox-content{display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:var(--spacing-xs,8px);right:var(--spacing-xs,8px);width:var(--player-control-size,44px);height:var(--player-control-size,44px);background:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-circle,50%);color:var(--color-off-white,#f4f6f7)!important;cursor:pointer;transition:transform var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--font-size-h5,1.125rem);line-height:1;z-index:calc(var(--z-index-modal, 1000) + 2);box-shadow:var(--shadow-lg,0 10px 15px rgba(0,0,0,.15));-moz-user-select:none;user-select:none;-webkit-user-select:none}.lightbox-close:hover{transform:var(--scale-sm,scale(1.05));box-shadow:var(--glow-accent-hover,0 0 20px rgba(59,130,246,.5));background:rgba(0,0,0,.9)}.lightbox-close:focus{outline:var(--focus-outline-width,2px) solid var(--focus-outline-color,#3b82f6);outline-offset:var(--focus-outline-offset,2px)}.lightbox-close:active{transform:scale(.9)}.lightbox-close-icon{display:block;font-size:24px;font-weight:300;line-height:1;color:var(--color-off-white,#f4f6f7)}.lightbox-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md,20px)}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-off-white,#f4f6f7);z-index:1}.lightbox-image{max-height:90vh;max-width:100%;height:auto;width:auto;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md,8px);box-shadow:var(--shadow-xl,0 20px 25px rgba(0,0,0,.2));opacity:0;transition:opacity var(--transition-default,.3s ease) var(--animation-easing,ease-out);display:block;cursor:zoom-out}.lightbox-image.loaded{opacity:1}.lightbox-image img{position:static!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important}.lightbox-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));color:var(--color-off-white,#f4f6f7);padding:var(--spacing-md,20px) var(--spacing-sm,12px) var(--spacing-sm,12px);text-align:center;font-size:var(--font-size-small,.875rem);font-weight:500;border-radius:0 0 var(--radius-md,8px) var(--radius-md,8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:30%;overflow-y:auto;line-height:var(--line-height-small,1.5)}.loading-spinner{width:24px;height:24px;border-top:2px solid var(--color-light-grey,#e5e7eb);border:2px solid var(--color-light-grey,#e5e7eb);border-top-color:var(--color-accent,#2563eb);border-radius:50%;animation:spin 1s linear infinite;transform:translateZ(0)}.loading-spinner.large{width:40px;height:40px;border-width:4px}@media (max-width:768px){.lightbox-overlay{padding:0}.lightbox-content{max-height:calc(100vh - var(--spacing-md, 20px));width:100vw}.lightbox-image{max-height:85vh;width:100%}.lightbox-close{top:var(--spacing-xs,8px);right:var(--spacing-xs,8px);width:40px;height:40px;font-size:var(--font-size-body,1rem)}.lightbox-image-container{padding:var(--spacing-sm,12px)}.lightbox-caption{font-size:var(--font-size-caption,.875rem);padding:var(--spacing-sm,12px) var(--spacing-xs,8px) var(--spacing-xs,8px)}}@media (max-width:480px){.lightbox-content{max-height:calc(100vh - var(--spacing-sm, 12px))}.lightbox-image{max-height:80vh}.lightbox-close{width:36px;height:36px;font-size:var(--font-size-small,.875rem)}.lightbox-image-container{padding:var(--spacing-xs,8px)}.lightbox-caption{font-size:var(--font-size-xsm,.75rem)}}@media (prefers-color-scheme:dark){.lightbox-overlay{background:rgba(0,0,0,.98)}.lightbox-close{background:rgba(20,20,20,.9);border-color:rgba(255,255,255,.2)}.lightbox-close:hover{background:rgba(40,40,40,.95)}.lightbox-caption{background:linear-gradient(transparent,rgba(0,0,0,.95))}}@media (prefers-contrast:high){.lightbox-close{background:rgba(0,0,0,1);border:3px solid rgba(255,255,255,1)}.lightbox-close:focus{outline:3px solid var(--color-off-white,#ffffff);outline-offset:2px}.lightbox-image{border:2px solid rgba(255,255,255,.5)}}@media (prefers-reduced-motion:reduce){.lightbox-close,.lightbox-content,.lightbox-image,.lightbox-overlay{animation:none!important;transition:none!important}.lightbox-close:hover{transform:none}.lightbox-image.loaded{opacity:1}}.lightbox-overlay{contain:layout style;will-change:opacity}.lightbox-content{contain:layout style paint;will-change:transform}.lightbox-close{will-change:transform,box-shadow;backface-visibility:hidden}.lightbox-image{will-change:opacity;backface-visibility:hidden}@media print{.lightbox-caption,.lightbox-close,.lightbox-content,.lightbox-overlay{display:none!important}}.lightbox-close:focus:not(:focus-visible){outline:none}.lightbox-close:focus-visible{outline:var(--focus-outline-width,2px) solid var(--focus-outline-color,#3b82f6);outline-offset:var(--focus-outline-offset,2px)}.lightbox-caption{scroll-behavior:smooth}.lightbox-caption::-webkit-scrollbar{width:4px}.lightbox-caption::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.lightbox-caption::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.lightbox-caption::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lightbox-overlay:focus-within{outline:none}.lightbox-overlay{outline:2px solid red}.lightbox-content{outline:2px dashed lime}.lightbox-image{outline:1px solid blue}