/* Videoobhliadky: the same green glass orbit, arc and grid as Ponuky.
   JS projects every card onto one painting plane. Photographs stay crisp. */
.video-deck{--video-ink:#19211b;--video-paper:var(--paper,#eeeae3);--video-muted:#bdc8b9;--video-line:#eeeae338;--video-info-height:110px;--video-open:0;--video-spread:0;--video-column-gap:44px;--video-row-gap:64px;--arrow-active-fill:var(--video-paper);--arrow-active-ink:var(--video-ink);position:relative;isolation:isolate;overflow:clip;background:var(--video-ink);color:var(--video-paper);border-top:1px solid var(--video-line);padding:80px 0 65px;scroll-margin-top:0}
.video-deck-head{padding:0 var(--gutter)}
.video-deck .section-meta{margin-bottom:35px}
.video-deck .section-meta span:last-child{color:var(--video-muted)}
.video-deck-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.video-deck-heading h2{margin:0;max-width:800px;font-size:clamp(44px,5.4vw,86px);line-height:.96;letter-spacing:-.06em}
.video-deck-lead{max-width:315px;padding-bottom:4px;font-size:13px;line-height:1.65;color:var(--video-muted)}
.video-deck-views{display:inline-flex;align-items:center;border:1px solid var(--video-line);padding:4px;border-radius:28px;margin-top:28px;gap:0}
.video-deck-views button{min-height:40px;border:0;border-radius:23px;padding:9px 18px;background:transparent;color:var(--video-paper);font:inherit;font-size:12px;cursor:pointer;transition:background .3s,color .3s}
.video-deck-views button[aria-pressed=true]{background:var(--video-paper);color:var(--video-ink)}
.video-deck-stage{position:relative;height:calc(var(--video-track-height,1000px) + var(--video-travel,2115px) + 150px);margin-top:28px}
.video-deck-pin{position:sticky;top:0;height:calc(var(--video-track-height,1000px) + 150px);padding:0;overflow:hidden}
.video-deck-track{position:relative;margin:0 var(--gutter);height:var(--video-track-height,1000px);isolation:isolate;contain:layout;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:auto}
.video-deck[data-draggable=true] .video-card{cursor:grab}
.video-deck[data-motion=dragging] .video-deck-track,.video-deck[data-motion=dragging] .video-deck-track *{cursor:grabbing!important}
.video-card{position:absolute;left:0;top:0;display:block;box-sizing:border-box;width:var(--video-card-width,400px);height:var(--video-card-height,510px);min-width:0;container:video-card / inline-size;transform-origin:50% 50%;transform-style:flat;backface-visibility:visible;will-change:auto;overflow:hidden;border:1px solid #e2e9db38;border-radius:calc(18px - var(--video-spread)*6px);background:linear-gradient(145deg,#52645733,#19211bf0 68%);color:var(--video-paper);box-shadow:inset 0 1px 0 #ffffff15,0 18px 45px #050c0726;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:border-color .4s,box-shadow .4s}
.video-card.is-active{border-color:#f0eee49c;box-shadow:inset 0 1px 0 #ffffff3b,0 24px 55px #040b0838}
.video-card:is(.is-expanded,.is-preview){border-color:#fffdf1;box-shadow:inset 0 1px 0 #ffffff50,0 24px 58px #020a074d}
.video-card-media{position:relative;display:block;height:calc(100% - var(--video-info-height));overflow:hidden;border-radius:0;background:#223025;color:var(--video-paper);cursor:pointer}
.video-card-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c141218,transparent 45%,#0c141230);pointer-events:none}
.video-card-media img,.video-channel-art{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;backface-visibility:visible}
.video-card-media img{transform:none;filter:none;transition:none;will-change:auto}
.video-card-badge{position:absolute;z-index:1;top:12px;left:12px;padding:6px 11px;border:1px solid #f4f2e139;border-radius:99px;background:#19211bd4;color:var(--video-paper);font-size:10px;line-height:1.2;letter-spacing:.025em}
.video-card-play{position:absolute;z-index:2;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;display:grid;place-items:center;overflow:hidden;isolation:isolate;border:1px solid #eeeae399;border-radius:50%;background:#19211b9c;color:var(--video-paper);cursor:pointer;opacity:0;transform:scale(.88);transition:opacity .35s,transform .45s var(--motion-ease),color .35s,border-color .35s}
.video-card-play::before{content:'';position:absolute;inset:-1px;z-index:-1;background:var(--video-paper);border-radius:50%;transform:translateY(105%);transition:transform .55s var(--motion-ease,cubic-bezier(.22,.72,.16,1))}
.video-card-play svg{width:23px;height:23px;margin-left:4px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.video-card.is-active .video-card-play,.video-card:is(.is-expanded,.is-preview) .video-card-play{opacity:1;transform:none}
.video-card-play:is(:focus-visible,:active,.is-arrow-active){color:var(--video-ink);border-color:var(--video-paper)}
.video-card-play:is(:focus-visible,:active,.is-arrow-active)::before{transform:translateY(0)}
.video-card-info{position:relative;box-sizing:border-box;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--video-info-height);padding:18px;border-top:1px solid #eef0df24;background:linear-gradient(135deg,#48604c1f,#19211b8c 52%,#19211bd9);overflow:hidden;transition:color .4s}
.video-card-info::before{content:'';position:absolute;inset:0;z-index:-1;background:#e6eddc15;clip-path:inset(100% 0 0);transition:clip-path .55s var(--motion-ease,cubic-bezier(.22,.72,.16,1));pointer-events:none}
.video-card-info>div{min-width:0}
.video-card-info h3{margin:0 0 8px;font-size:clamp(21px,1.65vw,27px);line-height:1.08;letter-spacing:-.035em}
.video-card-info p{font-size:11px;line-height:1.4;color:var(--video-muted);transition:color .4s}
.video-card-detail{flex-shrink:0;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0;background:transparent;color:inherit;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer;opacity:0;transition:opacity .35s}
.video-card-detail .motion-arrow{width:34px;height:34px}
.video-card.is-active .video-card-detail,.video-card:is(.is-expanded,.is-preview) .video-card-detail{opacity:1}
.video-card:is(.is-active,.is-expanded,.is-preview):focus-within .video-card-info::before{clip-path:inset(0)}
.video-card:is(.is-active,.is-expanded,.is-preview):focus-within .video-card-info p{color:#dde6d6}
.video-card:focus-visible{outline:2px solid var(--video-paper);outline-offset:-3px}
.video-card-play:focus-visible,.video-card-detail:focus-visible,.video-deck-controls button:focus-visible,.video-deck-views button:focus-visible{outline:2px solid var(--video-paper);outline-offset:3px}
.video-deck-controls{position:absolute;top:var(--video-controls-top,715px);left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:30;padding-top:16px;transition:opacity .1s}
.video-deck-nav{order:1;display:flex;align-items:center;gap:14px}
.video-deck-nav button{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;border:1px solid #dce6d344;background:#61735a17;color:var(--video-paper);cursor:pointer}
.video-deck-nav .motion-arrow{width:34px;height:34px;border:0;background:none}
.video-deck-nav button:disabled{opacity:.25;cursor:default;pointer-events:none}
.video-deck-status{min-width:46px;text-align:center;font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.video-deck-dots{order:2;display:flex;align-items:center;justify-content:center;gap:4px}
.video-deck-dots button{position:relative;display:grid;place-items:center;width:28px;height:38px;padding:0;background:transparent;border-radius:8px;color:inherit;cursor:pointer}
.video-deck-dots button::before{content:'';width:5px;height:5px;background:#e9ecdf66;border-radius:50%;transition:transform .3s,background .3s}
.video-deck-dots button[aria-pressed=true]::before{background:var(--video-paper);transform:scale(1.5)}
.video-deck-grid{order:3;display:flex;align-items:center;gap:12px;min-height:44px;padding:12px 0;border:0;border-bottom:1px solid #d9e1cf55;background:transparent;color:#e1e7d8;font:inherit;font-size:11px;cursor:pointer}
.video-deck-instruction{display:none}
.orbit-video:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-deck-track::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:50%;top:calc(var(--video-carousel-height)*.56);width:95%;height:calc(var(--video-carousel-height)*.75);transform:translate(-50%,-50%);background:radial-gradient(ellipse,#5b6c6017 0,#344d3c18 26%,#24312a0b 56%,transparent 73%);opacity:calc(1 - var(--video-spread))}
.orbit-video:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-deck-track::after{content:'';position:absolute;z-index:-1;pointer-events:none;left:50%;top:calc(var(--video-carousel-height)*.5);width:74%;height:calc(var(--video-carousel-height)*.54);transform:translate(-50%,-50%);border:1px solid #c9dac016;border-radius:50%;opacity:calc((1 - var(--video-open))*(1 - var(--video-spread)))}
.video-deck[data-view=grid] .video-deck-pin,.video-deck[data-view=grid] .video-deck-track{overflow:visible}
.video-deck[data-view=grid] .video-card-play,.video-deck[data-view=grid] .video-card-detail{opacity:1;transform:none}
.video-deck[data-view=grid] .video-card{cursor:auto}
.video-deck[data-view=grid] .video-card-media img{transition:transform .65s var(--motion-ease)}
.video-deck[data-view=grid] .video-card:is(.is-expanded,.is-preview) .video-card-media img{transform:scale(1.08)}
@media(hover:hover) and (pointer:fine){
 .video-card-play:hover{color:var(--video-ink);border-color:var(--video-paper)}
 .video-card-play:hover::before{transform:translateY(0)}
 .video-card:is(.is-active,.is-expanded,.is-preview):hover .video-card-info::before{clip-path:inset(0)}
 .video-card:is(.is-active,.is-expanded,.is-preview):hover .video-card-info p{color:#dde6d6}
 .video-deck-nav button:not(:disabled):hover{background:var(--video-paper);color:var(--video-ink);border-color:var(--video-paper)}
 .video-deck-dots button:hover::before{background:var(--video-paper)}
 .video-modal-close:hover{background:var(--paper);color:#181c1c}
}
@container video-card (max-width:480px){.video-card-detail{font-size:0;gap:0}.video-card-info h3{font-size:24px}}

/* The same cards form the full-size grid. No transformed or clipped neighbours. */
.video-deck:is(.is-grid,.is-overview) .video-deck-stage{height:auto;padding-bottom:0}
.video-deck:is(.is-grid,.is-overview) .video-deck-pin{position:relative;height:auto;min-height:0;overflow:visible}
.video-deck:is(.is-grid,.is-overview) .video-deck-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--video-row-gap) var(--video-column-gap);height:auto;contain:layout;cursor:auto;touch-action:auto}
.video-deck:is(.is-grid,.is-overview) .video-card{position:relative;left:auto;top:auto;grid-column:span 2;width:100%;height:auto;transform:none!important;opacity:1!important}
.video-deck:is(.is-grid,.is-overview) .video-card.balance-pair-start{grid-column:2 / span 2}
.video-deck:is(.is-grid,.is-overview) .video-card.balance-single{grid-column:3 / span 2}
.video-deck:is(.is-grid,.is-overview) .video-card-media{height:auto;aspect-ratio:1}
.video-deck:is(.is-grid,.is-overview) .video-card-play,.video-deck:is(.is-grid,.is-overview) .video-card-detail{opacity:1;transform:none}
.video-deck:is(.is-grid,.is-overview) .video-deck-controls{display:none}

/* Reduced motion starts in a still front view, with arrows and grid available. */
.video-deck[data-reduced-motion=true]:not(.is-grid):not(.is-overview) .video-deck-stage{height:calc(var(--video-carousel-height,650px) + 150px)}
.video-deck[data-reduced-motion=true]:not(.is-grid):not(.is-overview) .video-deck-pin{position:relative;height:calc(var(--video-carousel-height,650px) + 150px)}
.video-deck[data-reduced-motion=true]:not(.is-grid):not(.is-overview) .video-deck-track{height:var(--video-carousel-height,650px)}
@media(max-width:1099px){
 .video-deck:is(.is-grid,.is-overview) .video-deck-track{grid-template-columns:repeat(2,minmax(0,1fr))}
 .video-deck:is(.is-grid,.is-overview) .video-card{grid-column:auto}
 .video-deck:is(.is-grid,.is-overview) .video-card.balance-pair-start,.video-deck:is(.is-grid,.is-overview) .video-card.balance-single{grid-column:auto}
 .video-card-detail{font-size:0;gap:0}
 .video-card-detail .motion-arrow{font-size:initial}
}
@media(max-width:700px){
 .video-deck{--video-row-gap:72px;--video-column-gap:32px;padding-top:55px;padding-bottom:55px}
 .video-deck .section-meta{align-items:flex-start;gap:20px;margin-bottom:28px}
 .video-deck .section-meta span:last-child{max-width:140px;text-align:right;line-height:1.5}
 .video-deck-heading{display:block}
 .video-deck-heading h2{font-size:clamp(40px,10.8vw,57px)}
 .video-deck-lead{max-width:290px;margin-top:18px;font-size:12px;line-height:1.55;padding:0}
 .video-deck-views{margin-top:25px}
 .video-deck-views button{font-size:12px;padding:9px 18px}
 .video-deck-stage{margin-top:20px}
 .video-card-info{padding:18px 14px;gap:12px}
 .video-card-info h3{font-size:22px;margin-bottom:7px}
 .video-card-info p{font-size:10px}
 .video-card-badge{top:10px;left:10px;font-size:9px;padding:6px 10px}
 .video-card-detail .motion-arrow{width:34px;height:34px}
 .video-card-play{width:64px;height:64px;margin:-32px 0 0 -32px}
 .video-card-play svg{width:20px;height:20px}
 .video-deck-controls{flex-wrap:wrap;gap:15px;padding-top:10px}
 .video-deck-dots{order:0;flex-basis:100%;gap:2px}
 .video-deck-dots button{width:30px;height:38px}
 .video-deck-nav{gap:10px}
 .video-deck-status{min-width:46px;font-size:11px}
 .video-deck-grid{margin-left:auto;font-size:10px}
 .video-deck:is(.is-grid,.is-overview) .video-deck-track{grid-template-columns:1fr}
}
@media(max-width:380px){
 .video-deck{--video-info-height:126px}
 .video-card-info h3{font-size:20px}
 .video-deck-grid{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.video-deck *,.video-modal *{transition:none!important;animation:none!important}}

/* Player: one quiet, dark frame, the same pill and fine arrow as the site. */
.video-modal{--arrow-active-fill:var(--paper);--arrow-active-ink:#181c1c;width:min(1140px,94vw);max-width:none;max-height:94svh;margin:auto;padding:0;border:1px solid #eeeae340;border-radius:20px;background:#181c1c;color:var(--paper);overflow:auto;box-shadow:0 30px 100px #0008}
.video-modal::backdrop{background:#0c1412ed}
.video-modal-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px}
.video-modal-title{font-size:clamp(20px,2vw,28px);line-height:1.1;letter-spacing:-.035em}
.video-modal-close{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;flex-shrink:0;min-height:44px;padding:0 18px;border:1px solid #eeeae373;border-radius:99px;background:transparent;color:var(--paper);font:inherit;font-size:12px;cursor:pointer;transition:background .3s,color .3s}
.video-modal-close span{font-size:25px;line-height:1}
.video-modal-close:is(:focus-visible,:active){background:var(--paper);color:#181c1c}
.video-modal-frame{aspect-ratio:16/9;min-height:200px;background:#000;margin:0 12px;border-radius:10px;overflow:hidden}
.video-modal-frame iframe{display:block;width:100%;height:100%;border:0}
.video-modal-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 24px;padding:16px 0;font-size:12px;color:var(--paper)}
.video-modal-link .motion-arrow{width:30px;height:30px}
html.video-modal-open{overflow:hidden}
@media(max-width:700px){
 .video-modal{width:calc(100vw - 24px);max-height:94svh;border-radius:15px}
 .video-modal-top{gap:16px;padding:18px 14px}
 .video-modal-title{font-size:19px}
 .video-modal-close{padding:0 13px;gap:12px;font-size:11px}
 .video-modal-frame{margin:0 6px;border-radius:7px}
 .video-modal-link{margin:0 14px;padding:12px 0;font-size:11px}
}

/* 15 accessible selectors fit desktop and narrow phones without overflow. */
.video-deck-dots{flex-wrap:wrap;max-width:100%;gap:1px}
.video-deck-dots button{width:clamp(18px,2.8vw,28px);flex:0 0 auto}
@media(max-width:700px){.video-deck-dots button{width:18px;height:36px}.video-deck-dots{gap:1px}}
.video-card[data-archive=true] .video-card-badge{background:#784b46ed;color:#fff8ef}

/* ux-157 (Claude, 7. 11. 2026): zakrivená stena videí podľa Juliánovho videa – pohľad zvnútra valca,
   karty ako čisté obrazy tesne vedľa seba (názov na obrázku), odraz na podlahe, plynulé samovoľné otáčanie (video-deck.js). */
.video-deck.is-concave:not(.is-grid):not(.is-overview){--video-info-height:150px}
.video-deck.is-concave:not(.is-grid):not(.is-overview) .video-deck-track{perspective:var(--video-perspective,2000px);perspective-origin:50% 44%}
.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-deck-track::after{display:none}
.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card{border-radius:8px;border-color:#eef0df1f;background:#16201a;-webkit-box-reflect:below 12px linear-gradient(transparent 76%,#ffffff21)}
.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-media{height:100%}
.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-media::after{background:linear-gradient(180deg,#0c141226,transparent 32%,transparent 52%,#0b120ee6 100%)}
.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-info{position:absolute;left:0;right:0;bottom:0;height:auto;min-height:0;padding:18px 18px 20px;border-top:0;background:none;align-items:flex-end}
.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-info::before{display:none}
.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-info p{color:#d5ddcf}
@media(max-width:700px){.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-info{padding:12px 12px 14px}.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-info h3{font-size:17px;margin-bottom:4px}.video-deck.is-concave:not(.is-grid):not(.is-overview):not([data-view=grid]) .video-card-detail{display:none}}