.kcp-portfolio{--kcp-gap:14px;--kcp-radius:0px;--kcp-row:118px;--kcp-overlay:.48;position:relative;width:100%;color:#fff}.kcp-filters{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 28px}.kcp-filter{appearance:none;border:0;background:transparent;color:#fff;padding:5px 0;font:600 11px/1.2 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;position:relative;opacity:.55;transition:opacity .25s ease}.kcp-filter::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#fff;transition:right .25s ease}.kcp-filter:hover,.kcp-filter.is-active{opacity:1}.kcp-filter.is-active::after{right:0}.kcp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:var(--kcp-row);gap:var(--kcp-gap)}.kcp-card{min-width:0;overflow:hidden;border-radius:var(--kcp-radius);transform:translateZ(0);transition:opacity .25s ease,transform .25s ease}.kcp-card.is-hidden{display:none}.kcp-size-small{grid-column:span 4;grid-row:span 2}.kcp-size-medium{grid-column:span 6;grid-row:span 3}.kcp-size-wide{grid-column:span 8;grid-row:span 2}.kcp-size-tall{grid-column:span 4;grid-row:span 4}.kcp-size-large{grid-column:span 8;grid-row:span 4}.kcp-card-button{position:relative;width:100%;height:100%;display:block;border:0;padding:0;background:#111;overflow:hidden;color:inherit;text-align:left;cursor:pointer}.kcp-card-button:disabled{cursor:default}.kcp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .45s ease}.kcp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,var(--kcp-overlay)) 100%);transition:background .35s ease}.kcp-copy{position:absolute;z-index:3;left:clamp(18px,2.2vw,34px);right:clamp(18px,2.2vw,34px);bottom:clamp(18px,2.2vw,32px);display:flex;flex-direction:column;align-items:flex-start}.kcp-category{font:600 10px/1.3 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#fff;opacity:.76;margin-bottom:7px}.kcp-title{display:block;font:700 clamp(20px,2vw,38px)/.98 Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:#fff}.kcp-subtitle{font:400 12px/1.4 Arial,sans-serif;color:#d6d6d6;margin-top:9px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.kcp-play{position:absolute;z-index:3;right:clamp(16px,2vw,30px);top:clamp(16px,2vw,30px);width:46px;height:46px;border:1px solid rgba(255,255,255,.82);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.12);backdrop-filter:blur(8px);opacity:0;transform:scale(.82);transition:opacity .3s ease,transform .3s ease,background .3s ease}.kcp-play span{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;margin-left:3px}.kcp-card-button:not(:disabled):hover img,.kcp-card-button:not(:disabled):focus-visible img{transform:scale(1.055);filter:saturate(1.12) contrast(1.04)}.kcp-card-button:not(:disabled):hover .kcp-subtitle,.kcp-card-button:not(:disabled):focus-visible .kcp-subtitle{opacity:1;transform:none}.kcp-card-button:not(:disabled):hover .kcp-play,.kcp-card-button:not(:disabled):focus-visible .kcp-play{opacity:1;transform:scale(1)}.kcp-card-button:not(:disabled):hover .kcp-shade,.kcp-card-button:not(:disabled):focus-visible .kcp-shade{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,calc(var(--kcp-overlay) + .12)) 100%)}.kcp-card-button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.kcp-modal{position:fixed;z-index:999999;inset:0;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:clamp(18px,5vw,72px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.kcp-modal.is-open{opacity:1;visibility:visible}.kcp-modal-stage{width:min(1440px,100%);aspect-ratio:16/9;background:#000;box-shadow:0 30px 100px rgba(0,0,0,.45);transform:translateY(15px) scale(.985);transition:transform .3s ease}.kcp-modal.is-open .kcp-modal-stage{transform:none}.kcp-modal iframe{display:block;border:0;width:100%;height:100%}.kcp-modal-close{position:absolute;z-index:2;right:clamp(14px,2.2vw,34px);top:clamp(12px,2vw,28px);width:48px;height:48px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(0,0,0,.2);color:#fff;font:300 34px/42px Arial,sans-serif;cursor:pointer}.kcp-modal-close:hover{background:#fff;color:#000}.kcp-empty{padding:40px 0;color:#aaa}.kcp-lock-scroll{overflow:hidden!important}@media (max-width:1024px){.kcp-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc(var(--kcp-row) * .92)}.kcp-size-small{grid-column:span 3;grid-row:span 2}.kcp-size-medium{grid-column:span 3;grid-row:span 3}.kcp-size-wide{grid-column:span 6;grid-row:span 2}.kcp-size-tall{grid-column:span 3;grid-row:span 4}.kcp-size-large{grid-column:span 6;grid-row:span 4}}@media (max-width:680px){.kcp-filters{gap:8px 16px;margin-bottom:20px}.kcp-grid{display:flex;flex-direction:column;gap:var(--kcp-gap)}.kcp-card{height:auto;min-height:0;aspect-ratio:4/3}.kcp-size-wide,.kcp-size-large{aspect-ratio:16/10}.kcp-size-tall{aspect-ratio:4/5}.kcp-play{opacity:1;transform:scale(.9)}.kcp-subtitle{display:none}.kcp-modal{padding:10px}.kcp-modal-close{top:14px;right:14px;background:rgba(0,0,0,.6)}}@media (prefers-reduced-motion:reduce){.kcp-card img,.kcp-subtitle,.kcp-play,.kcp-modal,.kcp-modal-stage{transition:none!important}}