/* blog + article pages — shares the studio site's brand tokens */
@font-face{font-family:Delight;font-weight:400;font-display:swap;src:url(fonts/Delight-Regular.woff2?v=4bf736a3) format("woff2")}
@font-face{font-family:Delight;font-weight:500;font-display:swap;src:url(fonts/Delight-Medium.woff2?v=c09740b0) format("woff2")}
@font-face{font-family:Delight;font-weight:700;font-display:swap;src:url(fonts/Delight-Bold.woff2?v=0dcc61bf) format("woff2")}
@font-face{font-family:Delight;font-weight:900;font-display:swap;src:url(fonts/Delight-Black.woff2?v=de2cae37) format("woff2")}
:root{
  color-scheme:dark;
  --g950:#002a1a;--g900:#003321;--g800:#005234;--g700:#007048;
  --lime:#a5ed43;--cream:#f8f7f3;--red:#d93b3b;--or:#ff6c2c;--mint:#34d399;
  --muted:rgba(248,247,243,.68);--line:rgba(248,247,243,.12);
  --ease:cubic-bezier(.16,1,.3,1);--pad:clamp(16px,4vw,72px);--max:1320px;--r:20px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{background:var(--g950);color:var(--cream);font-family:Delight,system-ui,sans-serif;font-size:17px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
::selection{background:var(--lime);color:var(--g900)}
.c{width:100%;max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding:0 var(--pad);zoom:var(--z,1)}
.eyebrow{display:block;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lime)}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lime);color:var(--g900);font-weight:700;font-size:16px;padding:14px 24px;border-radius:99px;overflow:hidden;isolation:isolate;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:var(--cream);transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn .arr{transition:transform .5s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn.ghost{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(248,247,243,.3);transition:color .4s}
.btn.ghost:hover{color:var(--g900)}
.btn.or{background:var(--or);color:#1a0b03}

/* nav */
.nav{position:sticky;top:0;z-index:80;background:rgba(0,42,26,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav .c{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}
.nav .logo{width:216px}
.nav ul a.nav-mark{display:inline-flex;align-items:center;margin:-6px 0;position:relative;top:5px}
.nav-mark img{height:30px;width:auto;display:block;transition:transform .45s var(--ease,cubic-bezier(.16,1,.3,1))}
.nav-mark:hover img,.nav-mark:focus-visible img{transform:rotate(-4deg) scale(1.08)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav ul{display:flex;gap:28px;list-style:none;font-size:16px;font-weight:500;color:var(--muted)}
.nav ul a:hover,.nav ul a[aria-current]{color:var(--cream)}
.nav ul a[aria-current]{box-shadow:0 2px 0 var(--lime)}
.nav ul a{white-space:nowrap}
@media (max-width:1180px){.nav ul{display:none}}
@media (max-width:520px){.nav .logo{width:150px}.nav .btn{padding:11px 16px}}
.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:90;background:var(--lime);transform-origin:left;transform:scaleX(0)}

/* category colours */
.cat{font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--lime)}
.cat.av{color:var(--or)}.cat.podcasty{color:var(--mint)}.cat.studio{color:#ffd166}

/* blog index */
.bhead{padding:clamp(40px,8vh,90px) 0 clamp(24px,4vh,40px);background:radial-gradient(60% 80% at 80% 0%,rgba(165,237,67,.12),transparent 70%)}
.bhead>.c:first-child{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 56px;align-items:end}
.bhead h1{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;font-size:clamp(36px,4.6vw,68px);margin-top:14px;text-wrap:balance}
.bhead h1 em{font-style:normal;color:var(--lime)}
.bhead p{color:var(--muted);font-size:18px;max-width:46ch}
.search{position:relative;margin-top:18px}
.search input{width:100%;height:56px;border-radius:99px;border:1px solid var(--line);background:rgba(248,247,243,.06);padding:0 22px 0 52px;font-size:17px}
.search input:focus{outline:none;border-color:var(--lime);background:rgba(248,247,243,.09)}
.search svg{position:absolute;left:20px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips :is(a,button){padding:10px 16px;border-radius:99px;border:1px solid var(--line);font-weight:700;font-size:16px;color:var(--muted);display:inline-flex;gap:8px;transition:all .3s}
.chips :is(a,button) b{color:var(--cream);font-weight:900}
.chips :is(a,button):hover{border-color:rgba(248,247,243,.35);color:var(--cream)}
.chips :is(button[aria-pressed="true"],a[aria-current]){background:var(--lime);border-color:var(--lime);color:var(--g900)}
.chips :is(button[aria-pressed="true"],a[aria-current]) b{color:var(--g900)}

.feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(18px,2vw,24px);border-radius:28px;background:linear-gradient(135deg,rgba(255,108,44,.12),rgba(0,82,52,.3));border:1px solid var(--line);margin-bottom:clamp(28px,4vh,44px)}
.feat .im{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9}
.feat .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.feat:hover .im img{transform:scale(1.04)}
.feat .tag{position:absolute;left:14px;top:14px;background:var(--or);color:#1a0b03;font-weight:900;font-size:16px;padding:6px 12px;border-radius:8px}
.feat h2{font-weight:900;font-size:clamp(26px,2.6vw,40px);line-height:1.08;letter-spacing:-.02em;margin:10px 0 12px;text-wrap:balance}
.feat p{color:var(--muted);font-size:17px}
.feat .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:rgba(248,247,243,.035);border:1px solid var(--line);transition:transform .5s var(--ease),border-color .3s,background .3s}
.card:hover{transform:translateY(-4px);border-color:rgba(165,237,67,.4);background:rgba(248,247,243,.06)}
.card .im{aspect-ratio:16/9;overflow:hidden;background:var(--g900);position:relative}
.card .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .im img{transform:scale(1.05)}
.card .im .ep{position:absolute;left:12px;top:12px;background:var(--or);color:#1a0b03;font-weight:900;font-size:16px;padding:4px 10px;border-radius:8px}
.card .tx{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .meta{display:flex;justify-content:space-between;gap:10px;font-size:16px;color:var(--muted)}
.card h3{font-weight:900;font-size:19px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card p{font-size:16px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .min{margin-top:auto;font-size:16px;color:var(--muted)}
.more{display:flex;flex-direction:column;align-items:center;gap:12px;margin:clamp(28px,5vh,48px) 0}
.more span{color:var(--muted);font-size:16px}
.empty{padding:60px 0;text-align:center;color:var(--muted)}

.band{margin:clamp(40px,8vh,80px) 0;border-radius:28px;padding:clamp(28px,5vw,56px);background:radial-gradient(70% 120% at 100% 0%,rgba(165,237,67,.25),transparent 60%),var(--g800);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.band h2{font-weight:900;text-transform:uppercase;font-size:clamp(28px,3.4vw,48px);line-height:.98;letter-spacing:-.02em}
.band p{color:var(--muted);margin-top:10px;max-width:44ch}

footer .c{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:36px;padding-bottom:36px;font-size:16px;color:var(--muted);border-top:1px solid var(--line)}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer a:hover{color:var(--lime)}
footer .team{color:var(--muted)}
footer .foot-soc{display:flex;gap:8px;flex-wrap:wrap}
footer .foot-soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--cream);transition:border-color .3s,color .3s}
footer .foot-soc a:hover{border-color:var(--lime);color:var(--lime)}
footer .foot-soc svg{width:20px;height:20px}
footer .addr{font-style:normal;flex-basis:100%;order:3;color:var(--muted)}
footer .addr a{color:var(--cream);border-bottom:1px solid rgba(165,237,67,.5)}

/* article */
.art-top{padding-top:clamp(28px,6vh,64px)}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:16px;color:var(--muted)}
.crumbs a:hover{color:var(--lime)}
.art-h{max-width:980px}
.art-h h1{font-weight:900;font-size:clamp(32px,4.4vw,64px);line-height:1.02;letter-spacing:-.025em;margin:16px 0 18px;text-wrap:balance}
.art-h .perex{font-size:clamp(18px,1.5vw,21px);color:rgba(248,247,243,.85);max-width:60ch}
.art-meta{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:18px;font-size:16px;line-height:1.5;color:var(--muted)}
.art-meta>span{font-size:16px;color:var(--muted)}
.art-meta>span+span::before{content:"·";margin:0 10px;color:var(--muted)}
.art-meta span.ep{color:var(--or);font-weight:900}
.art-hero{margin-top:clamp(24px,4vh,40px);border-radius:24px;overflow:hidden;aspect-ratio:21/9;max-height:calc(62vh / var(--z,1));width:100%;background:var(--g900)}
.art-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,5vw,80px);margin-top:clamp(28px,5vh,56px);align-items:start}
.prose{max-width:70ch;font-size:18px;line-height:1.7;color:rgba(248,247,243,.88)}
.prose>*+*{margin-top:1.05em}
.prose h2{font-weight:900;font-size:clamp(24px,2.1vw,30px);line-height:1.15;color:var(--cream);margin-top:1.8em;letter-spacing:-.01em}
.prose h3{font-weight:900;font-size:21px;line-height:1.25;color:var(--cream);margin-top:1.5em}
.prose h2 strong,.prose h3 strong{font-weight:inherit}
.prose strong{color:var(--cream)}
.prose a{color:var(--lime);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.45em}
.prose ul li::marker{color:var(--lime)}
.prose blockquote{border-left:3px solid var(--or);padding:6px 0 6px 20px;font-size:21px;line-height:1.5;color:var(--cream);font-weight:500}
.side{position:sticky;top:96px;display:grid;gap:16px}
.yt{display:block;border-radius:20px;overflow:hidden;border:1px solid rgba(255,108,44,.45);background:rgba(255,108,44,.08);transition:transform .5s var(--ease)}
.yt:hover{transform:translateY(-3px)}
.yt .im{position:relative;aspect-ratio:16/9}
.yt .im img{width:100%;height:100%;object-fit:cover}
.yt .im::after{content:"";position:absolute;inset:0;background:url("img/av/play.svg?v=80655dbb") center/64px no-repeat,rgba(0,20,12,.35)}
.yt .tx{padding:14px 16px}
.yt b{display:block;font-weight:900;text-transform:uppercase}
.yt span{font-size:16px;color:var(--muted)}
.box{border-radius:20px;border:1px solid var(--line);padding:18px;background:rgba(248,247,243,.04);display:grid;gap:12px}
.box b{font-weight:900;text-transform:uppercase;line-height:1.15}
.box p{font-size:16px;color:var(--muted)}
.copy{font-size:16px;font-weight:700;color:var(--lime);text-align:left}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(36px,6vh,64px)}
.pn a{padding:18px 20px;border-radius:18px;border:1px solid var(--line);display:grid;gap:6px;transition:border-color .3s,background .3s}
.pn a:hover{border-color:rgba(165,237,67,.45);background:rgba(248,247,243,.04)}
.pn a span{font-size:16px;color:var(--muted)}
.pn a b{font-weight:900;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn a.nx{text-align:right}
.rel h2{font-weight:900;text-transform:uppercase;font-size:clamp(24px,2.4vw,34px);margin:clamp(40px,7vh,72px) 0 20px}

@media (max-width:1000px){
  .bhead>.c:first-child{grid-template-columns:minmax(0,1fr)}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feat{grid-template-columns:minmax(0,1fr)}
  .art-wrap{grid-template-columns:minmax(0,1fr)}
  .side{position:static;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media (max-width:600px){
  .grid{grid-template-columns:minmax(0,1fr)}
  .card h3{font-size:18px}
  .art-hero{aspect-ratio:16/10;border-radius:16px}
  .prose{font-size:17px}
  .pn{grid-template-columns:minmax(0,1fr)}
  .pn a.nx{text-align:left}
  .band{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* blocks written in the CMS editor */
.prose figure{margin:1.6em 0}
.prose figure img{width:100%;border-radius:16px}
.prose figcaption{font-size:16px;color:var(--muted);margin-top:8px}
.prose hr{border:0;text-align:center;margin:2em 0}
.prose hr::before{content:"✦ ✦ ✦";color:var(--lime);letter-spacing:.4em}
.prose blockquote cite{display:block;margin-top:8px;font-size:16px;font-style:normal;font-weight:700;color:var(--muted)}
.prose blockquote p{margin:0}
.prose .callout{display:flex;gap:14px;align-items:flex-start;border-radius:18px;background:rgba(165,237,67,.08);border:1px solid rgba(165,237,67,.22);padding:16px 18px;color:var(--cream)}
.prose .callout .em{font-size:24px;line-height:1.3}
.prose .cta a.btn{text-decoration:none;color:var(--g900)}
.prose .yt-embed a{display:block;position:relative;border-radius:16px;overflow:hidden;text-decoration:none;color:var(--cream)}
.prose .yt-embed img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0;filter:brightness(.8)}
.prose .yt-embed span{position:absolute;left:16px;bottom:14px;right:16px;font-weight:900;font-size:18px;background:rgba(0,30,18,.8);padding:10px 14px;border-radius:12px}
/* pages + careers */
.page-wrap{grid-template-columns:minmax(0,1fr)!important}
.page-wrap .prose{max-width:72ch}
.careers-h h1 .lime{color:var(--lime)}
.jobs{display:grid;gap:12px;margin-top:clamp(28px,5vh,48px);max-width:900px}
.job{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:rgba(248,247,243,.03);transition:border-color .3s,translate .5s var(--ease)}
.job:hover{border-color:rgba(165,237,67,.5);translate:4px 0}
.job .ic{font-size:30px;width:48px;text-align:center}
.job .tx{flex:1;min-width:0;display:grid;gap:2px}
.job b{font-size:clamp(18px,1.6vw,22px);font-weight:900;line-height:1.2}
.job .tx span{color:var(--muted);font-size:16px}
.job .go{font-weight:900;color:var(--lime);font-size:20px}

/* blog pages: ← Novější · 1 … 4 5 6 … 17 · Starší → */
.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:clamp(32px,6vh,56px) 0}
[hidden]{display:none!important}
.pg-n{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.pg-n a{min-width:46px;height:46px;display:grid;place-items:center;padding:0 10px;border-radius:12px;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;color:var(--cream);box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,box-shadow .3s,color .3s}
.pg-n a:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.pg-n a[aria-current]{background:var(--lime);color:var(--g950);box-shadow:none}
.pg-n .gap{color:var(--muted);padding:0 2px}
.pg-arr{font-weight:700;font-size:16px;color:var(--cream);white-space:nowrap;transition:color .3s}
.pg-arr:hover{color:var(--lime)}
.pager .pg-arr:last-child{justify-self:end}
@media (max-width:640px){.pager{grid-template-columns:1fr 1fr}.pg-n{grid-column:1/-1;grid-row:1}.pg-n a{min-width:44px;height:44px}}
.bhead h1 .h1-pg{display:block;margin-top:.35em;font-size:max(18px,.28em);letter-spacing:0;color:var(--muted)}

/* ---------- client showcases (/klienti, /clients): the show's own website language (panels, bento, arch + cut-out, stickers) in studio colours ---------- */
.lime{color:var(--lime)}
.showcase{--cr:#f8f7f3;--ink:#03150d;--lm:#a5ed43;--or:#ff6c2c;--lm-dk:color-mix(in srgb,var(--lm) 42%,#000);--lm-lt:color-mix(in srgb,var(--lm) 22%,#fff);padding-bottom:clamp(40px,8vh,80px);overflow:hidden}
.sc-sec{margin-top:clamp(40px,7vh,80px)}
.sc-h2{font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:.95;font-size:clamp(30px,3.6vw,54px);text-wrap:balance;margin:6px 0 0}
.sc-h2.xl{font-size:clamp(40px,5.6vw,88px)}
.sc-lead{color:var(--muted);font-size:18px;line-height:1.5;max-width:46ch}
.sc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 40px;margin-bottom:clamp(18px,3vh,28px)}
.eyebrow.dk{color:var(--lm-dk)}
.sc-panel{border-radius:clamp(24px,3vw,40px);padding:clamp(22px,3.4vw,48px)}
.sc-panel.light{background:var(--cr);color:var(--ink)}
.sc-panel.lime{background:var(--lm);color:var(--ink)}
.sc-panel.dark{background:var(--g900);box-shadow:inset 0 0 0 1px var(--line)}
.sc-panel.light .sc-lead,.sc-panel.lime .sc-lead{color:rgba(3,21,13,.72)}
.sc-panel.light .lime,.sc-panel.lime .lime{color:var(--lm-dk)}
/* the highlighted word on a client-coloured panel: cream on a pastel accent was unreadable (1.8:1), so dark text on a cream marker */
.sc-panel.lime .sc-h2 .lime{color:var(--ink);background:var(--cr);padding:0 .14em;border-radius:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-text-stroke:0}
.sc-st{position:absolute;width:clamp(56px,6vw,92px);height:auto;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
/* hero */
.sc-hero{position:relative;padding-top:calc(var(--navh,72px) + clamp(8px,2vh,22px));background:radial-gradient(60% 70% at 85% 40%,color-mix(in srgb,var(--lm) 16%,transparent),transparent 70%)}
.sc-hero .crumbs{align-items:center}
.sc-hero .crumbs .sc-lang{margin-left:auto}
.sc-lang{padding:6px 14px;border-radius:99px;border:1px solid var(--line);font-size:16px;color:var(--cream)}
.sc-lang:hover{border-color:var(--lime);color:var(--lime)}
.sc-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(20px,3vw,48px);align-items:center;min-height:calc(min(100svh,940px) - var(--navh,72px) - 90px)}
.sc-ht{min-width:0;display:flex;flex-direction:column;gap:18px;padding:clamp(12px,3vh,32px) 0}
.sc-ht h1{display:flex;flex-direction:column;gap:14px;margin:0}
.sc-name{display:block}
.sc-name .sc-logo{height:clamp(48px,5vw,72px);width:auto}
.sc-tag{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;font-size:clamp(44px,6vw,96px);text-wrap:balance}
.sc-pill{display:inline-block;margin:.1em 0 0 -.06em;padding:.04em .2em .1em;background:var(--lm);color:var(--ink);border-radius:.18em;rotate:-3deg;text-transform:none;letter-spacing:-.02em;box-shadow:0 .08em 0 var(--lm-dk)}
.sc-ht .perex{max-width:48ch}
.sc-btns{display:flex;flex-wrap:wrap;gap:10px}
.sc-btns .btn b{margin-left:4px;color:var(--lm-dk)}
.sc-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-weight:700;font-size:16px;color:var(--muted)}
.sc-links a:hover{color:var(--lime)}
.sc-links.dk{color:rgba(3,21,13,.75)}.sc-links.dk a:hover{color:var(--ink)}
.sc-art-hero{position:relative;align-self:stretch;min-height:clamp(420px,62vh,720px)}
.sc-arch{position:absolute;left:12%;right:0;bottom:0;top:12%;background:linear-gradient(180deg,var(--lm),color-mix(in srgb,var(--lm) 82%,#000));border-radius:999px 999px 36px 36px}
.sc-sun{position:absolute;left:0;bottom:6%;width:46%;aspect-ratio:1;border-radius:50%;background:var(--or);display:grid;place-items:center;overflow:hidden}
.sc-sun img{width:52%;height:auto;opacity:.9}
.sc-cut{position:absolute;left:14%;right:2%;bottom:0;height:96%;width:84%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.sc-art-hero.photo .sc-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:36px}
.sc-badge{position:absolute;right:4%;bottom:10%;padding:10px 16px;border-radius:12px;background:var(--g950);color:var(--cream);font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:16px;rotate:-6deg;box-shadow:0 0 0 2px var(--cream),0 14px 30px rgba(0,0,0,.4)}
.sc-badge b{color:var(--lime)}
.sc-art-hero .s1{top:6%;left:20%;rotate:-12deg}
.sc-art-hero .s2{top:18%;right:2%;rotate:14deg}
/* intro panel: photo | host | topics */
.sc-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.75fr);gap:clamp(18px,3vw,40px);align-items:center}
.sc-intro-ph{position:relative;margin:0;border-radius:28px;overflow:visible}
.sc-intro-ph img{display:block;width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:28px}
.sc-tagbox{position:absolute;left:-10px;bottom:22px;padding:8px 14px;border-radius:10px;background:var(--lm);color:var(--ink);font-weight:900;text-transform:uppercase;font-size:16px;rotate:-5deg;box-shadow:0 6px 0 var(--lm-dk)}
.sc-intro-tx{display:flex;flex-direction:column;gap:14px}
.sc-intro-tx p{font-size:17px;line-height:1.55;color:rgba(3,21,13,.78)}
.sc-intro-tx .sc-h2{font-size:clamp(28px,2.8vw,44px)}
.sc-sign{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px;color:var(--lm-dk) !important}
.sc-sign img{width:52px;height:52px;border-radius:50%;background:var(--g900);padding:4px;object-fit:contain}
.sc-topics{list-style:none;margin:0;padding:0 0 0 clamp(0px,2vw,28px);display:flex;flex-direction:column;gap:12px;border-left:1px solid rgba(3,21,13,.12)}
.sc-topics li{display:flex;align-items:center;gap:12px;font-weight:900;font-size:17px;line-height:1.2}
.sc-topics img,.sc-topics i{flex:none;width:42px;height:42px;object-fit:contain}
.sc-topics i{border-radius:50%;background:var(--lm)}
/* episodes */
.sc-eps{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:stretch}
.yt-lite{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:var(--g900);width:100%;max-height:calc(68vh / var(--z,1))}
.yt-lite img,.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.yt-lite button{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:12px;background:var(--lm);color:var(--ink);font:inherit;font-weight:900;font-size:18px;padding:16px 28px;border:0;border-radius:99px;cursor:pointer;white-space:nowrap;box-shadow:0 10px 40px rgba(0,0,0,.35);transition:transform .4s var(--ease)}
.yt-lite button:hover{transform:scale(1.05)}
.sc-ep-list{display:grid;gap:10px;align-content:start}
.sc-ep{position:relative;display:grid;grid-template-columns:42% 1fr;gap:12px;align-items:center;padding:8px;border-radius:20px;background:var(--g900);box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--ease),background .3s}
.sc-ep:hover{transform:translateX(4px);background:var(--g800)}
.sc-ep .im{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--g800)}
.sc-ep .im img{width:100%;height:100%;object-fit:cover}
.sc-ep .tx{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:8px}
.sc-ep .n{font-size:16px;font-weight:900;color:var(--or)}
.sc-ep b{font-weight:900;font-size:16px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-ep .g{font-size:16px;color:var(--muted)}
.sc-ep .go{display:none}
/* reels */
.sc-reels{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}
@media (max-width:1100px){.sc-reels{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.sc-reels{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sc-reel{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;max-height:calc(56vh / var(--z,1));box-shadow:0 0 0 3px var(--g950),0 0 0 5px rgba(248,247,243,.14)}
.sc-reel.r1{rotate:1.5deg}.sc-reel.r2{rotate:-1.5deg}
.sc-reel img,.sc-reel video{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sc-reel:hover img,.sc-reel:hover video{transform:scale(1.05)}
.sc-reel span{position:absolute;inset:auto 0 0;padding:44px 12px 12px;background:linear-gradient(transparent,rgba(0,20,12,.88));font-size:16px;font-weight:700;display:flex;gap:8px;align-items:flex-end;line-height:1.2}
.sc-reel span b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lm);color:var(--ink);display:grid;place-items:center;font-size:16px}
/* interviews: bento on a lime panel */
.sc-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:14px}
.sc-art{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:22px;background:var(--cr);color:var(--ink);transition:transform .5s var(--ease)}
.sc-art:hover{transform:translateY(-4px)}
.sc-art .tx{display:flex;flex-direction:column;gap:4px}
.sc-art .n{font-size:16px;font-weight:900;color:var(--lm-dk);text-transform:uppercase;letter-spacing:.04em}
.sc-art b{font-weight:900;font-size:18px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sc-art .im{margin-top:auto;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--g900)}
.sc-art .im img{width:100%;height:100%;object-fit:cover}
.sc-art .go{position:absolute;right:22px;bottom:22px;width:38px;height:38px;border-radius:50%;background:var(--cr);color:var(--ink);display:grid;place-items:center;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.sc-art.big{grid-column:span 2;grid-row:span 2;padding:16px;gap:14px}
.sc-art.big .im{margin:0;order:-1;flex:1;aspect-ratio:auto;min-height:220px}
.sc-art.big .go{top:28px;right:28px;bottom:auto}
.sc-art.big b{font-size:clamp(22px,2vw,30px);text-transform:uppercase;letter-spacing:-.015em;line-height:1.02;-webkit-line-clamp:3}
.sc-art.count{background:var(--g950);color:var(--cream);justify-content:flex-end;overflow:hidden;min-height:220px}
.sc-art.count .mf{position:absolute;top:-10px;right:-10px;width:110px;height:auto;opacity:.95;rotate:10deg}
.sc-art.count .big-n{font-weight:900;font-size:clamp(56px,6vw,96px);line-height:.9;color:var(--lm)}
.sc-art.count .t{font-weight:900;text-transform:uppercase;font-size:18px}
.sc-art.count .btn{align-self:flex-start;margin-top:8px;padding:10px 16px}
/* all episodes of the show (articles that live on the client page): search + list, more on demand */
.sc-all-p .sc-head{margin-bottom:18px}
.sc-find{width:100%;max-width:520px;margin:0 0 22px;padding:14px 18px;border:2px solid rgba(3,21,13,.16);border-radius:14px;background:#fff;color:var(--ink);font:inherit;font-size:17px}
.sc-find:focus{outline:none;border-color:var(--lm-dk)}
.sc-all{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sc-all a{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:18px;background:#fff;color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.sc-all a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(3,21,13,.12)}
.sc-all .im{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--g900)}
.sc-all .im img{width:100%;height:100%;object-fit:cover}
.sc-all .tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc-all .n{font-size:16px;font-weight:900;color:var(--lm-dk);text-transform:uppercase;letter-spacing:.04em}
.sc-all b{font-weight:800;font-size:17px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sc-nofind{margin:8px 0 0;font-weight:700}
.sc-pg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:28px}
.sc-pg button{min-width:48px;height:48px;padding:0 12px;border:2px solid rgba(3,21,13,.16);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:17px;font-weight:700;cursor:pointer;transition:border-color .15s,background-color .15s}
.sc-pg button:hover:not(:disabled){border-color:var(--lm-dk)}
.sc-pg button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.sc-pg button:disabled{opacity:.35;cursor:default}
.sc-pg .gap{min-width:20px;text-align:center;font-weight:700}
#vsechny-dily{scroll-margin-top:90px}
.sc-more{margin:22px 0 0;display:flex;justify-content:center}
.sc-head-go{display:inline-block;margin-top:6px;font-weight:800;color:var(--lm);text-decoration:underline;text-underline-offset:4px}
.sc-more .btn b{font-weight:900;opacity:.7}
.sc-pg[hidden],.sc-all li[hidden],.sc-nofind[hidden]{display:none}
@media (max-width:1100px){.sc-all{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sc-all{grid-template-columns:minmax(0,1fr)}.sc-all a{grid-template-columns:96px minmax(0,1fr)}}
/* what's inside + numbers */
.sc-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}
.sc-feats{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.sc-feats li{display:flex;gap:12px;align-items:flex-start}
.sc-feats img,.sc-feats i{flex:none;width:46px;height:46px;object-fit:contain}
.sc-feats i{border-radius:50%;background:var(--lm)}
.sc-feats b{display:block;font-weight:900;font-size:18px}
.sc-feats span span{display:block;color:rgba(3,21,13,.7);font-size:16px;line-height:1.4;margin-top:2px}
.sc-stats{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sc-stats li{padding:18px 20px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:clamp(120px,15vh,170px)}
.sc-stats .k0{background:var(--lm);color:var(--ink)}.sc-stats .k1{background:var(--cr);color:var(--ink)}
.sc-stats .k2{background:var(--g800);color:var(--cream)}.sc-stats .k3{background:var(--cr);color:var(--ink)}
.sc-stats .k3 b{color:var(--or)}
.sc-stats b{font-weight:900;font-size:clamp(46px,5vw,76px);line-height:.9;font-variant-numeric:tabular-nums}
.sc-stats span{font-weight:900;text-transform:uppercase;font-size:16px;letter-spacing:.02em}
/* quotes */
.sc-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.sc-quote{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(20px,2.4vw,30px);border-radius:26px;color:var(--ink);transition:transform .5s var(--ease)}
.sc-quote.q0{background:var(--cr)}.sc-quote.q1{background:var(--lm-lt)}.sc-quote.q2{background:var(--lm)}
a.sc-quote:hover{transform:translateY(-4px) rotate(-.6deg)}
.sc-quote p{font-weight:900;font-size:clamp(22px,2vw,30px);line-height:1.15;text-wrap:balance}
.sc-quote .who{display:flex;gap:12px;align-items:center;padding-top:14px;border-top:1px solid rgba(3,21,13,.14)}
.sc-quote .who img{width:96px;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.sc-quote .who>span{display:flex;flex-direction:column;gap:2px;font-size:16px}
.sc-quote .who b{font-weight:900}
.sc-quote .go{font-weight:900}
/* gallery: one big photo + the rest */
.sc-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,20vh,230px);gap:12px}
.sc-gal figure{margin:0;border-radius:22px;overflow:hidden;background:var(--g900)}
.sc-gal figure:first-child{grid-column:span 2;grid-row:span 2}
.sc-gal.n1 figure:first-child{grid-column:1/-1}
.sc-gal img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sc-gal figure:hover img{transform:scale(1.04)}
.sc-about{max-width:none}.sc-about .prose{color:rgba(3,21,13,.82);max-width:68ch;margin-top:14px}
.sc-about .prose h2{color:var(--ink)}
/* final panel: big headline | object | dark card */
.sc-final{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,.8fr);gap:clamp(16px,3vw,36px);align-items:center;overflow:hidden}
.sc-final-h{display:flex;flex-direction:column;gap:18px}
.sc-final-art{position:relative;align-self:stretch;min-height:clamp(240px,34vh,380px);display:grid;place-items:center}
.sc-final-art .rays{position:absolute;inset:4% 8%;border-radius:50%;background:repeating-conic-gradient(var(--ink) 0 4deg,transparent 4deg 18deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 59%,#000 66%,transparent 67%);mask:radial-gradient(circle,transparent 58%,#000 59%,#000 66%,transparent 67%);opacity:.85}
.sc-final-art>img:not(.sun){position:relative;width:88%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.3))}
.sc-final-art .sun{position:absolute;top:2%;right:8%;width:84px;height:84px;border-radius:50%;background:var(--or);padding:12px;object-fit:contain}
.sc-final-card{background:var(--g950);color:var(--cream);border-radius:24px;padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.sc-final-card p{color:var(--muted);font-size:17px;line-height:1.5}
.btn.or{background:var(--or);color:#1a0b03}
/* clients list + cards */
.sc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;margin:clamp(28px,5vh,48px) 0 clamp(40px,8vh,80px)}
.sc-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--g900);box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--ease)}
.sc-card:hover{transform:translateY(-4px)}
.sc-card .im{position:relative;aspect-ratio:16/10;background:var(--g800)}
.sc-card .im img{width:100%;height:100%;object-fit:cover}
.sc-card .im .lg{position:absolute;left:14px;bottom:14px;width:auto;max-width:120px;height:56px;object-fit:contain;padding:8px 10px;border-radius:14px;background:var(--g950)}
.sc-card .tx{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.sc-card .cat{font-size:16px;font-weight:700;color:var(--lime)}
.sc-card h3{font-weight:900;font-size:24px;line-height:1.15}
.sc-card p{color:var(--muted);font-size:16px;line-height:1.45}
.sc-card .go{margin-top:auto;font-weight:700}
@media (max-width:1100px){.sc-intro{grid-template-columns:1fr 1fr}.sc-topics{grid-column:1/-1;border:0;padding:0;flex-direction:row;flex-wrap:wrap}.sc-final{grid-template-columns:1fr 1fr}.sc-final-h{grid-column:1/-1}.sc-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.sc-hero-g{grid-template-columns:1fr;min-height:0}.sc-art-hero{min-height:clamp(340px,52vh,460px)}.sc-eps,.sc-duo{grid-template-columns:1fr}.sc-intro{grid-template-columns:1fr}}
@media (max-width:640px){.sc-tag{font-size:40px}.sc-btns .btn{padding:12px 18px}.yt-lite button{padding:12px 20px;font-size:16px}.sc-bento{grid-template-columns:1fr 1fr;gap:10px}.sc-art.big{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr}.sc-art.big .im{order:0}
  .sc-art b{font-size:16px}.sc-art{padding:10px}.sc-art .go{width:30px;height:30px;right:16px;bottom:16px}.sc-feats{grid-template-columns:1fr}.sc-stats{gap:8px}.sc-stats li{min-height:110px;padding:14px}
  .sc-gal{grid-template-columns:1fr 1fr;grid-auto-rows:130px;gap:8px}.sc-final{grid-template-columns:1fr}.sc-final-art{min-height:220px}.sc-quote p{font-size:21px}.sc-ep{grid-template-columns:40% 1fr}.sc-st{width:52px}}
.sc-topics img,.sc-feats img{background:var(--g900);border-radius:50%;padding:6px;box-shadow:0 4px 10px rgba(3,21,13,.18)}
@media (max-width:640px){.sc-tagbox{font-size:16px;max-width:86%;left:-6px;bottom:14px}.sc-hero .crumbs .sc-lang{margin-left:0}}
.sc-final.no-art{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}@media (max-width:1100px){.sc-final.no-art{grid-template-columns:1fr}}
.sc-intro-ph img{object-position:50% 22%}
.sc-topics i,.sc-feats i{display:grid;place-items:center;background:var(--g900);color:var(--lm);font-style:normal;font-weight:900;font-size:16px;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px rgba(3,21,13,.18)}
.sc-gal img{object-position:50% 25%}.sc-stats b{white-space:nowrap}
@media (max-width:640px){.sc-reels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sc-reel{border-radius:14px;box-shadow:0 0 0 2px var(--g950),0 0 0 3px rgba(248,247,243,.14)}.sc-reel.r1,.sc-reel.r2{rotate:none}.sc-reel span{font-size:0;padding:28px 8px 8px}.sc-reel span b{width:28px;height:28px;font-size:16px}}
/* responsive audit 2026-10-19 */
.sc-card .im{overflow:hidden}.sc-card .im img:not(.lg){position:absolute;inset:0}
.sc-art .im{aspect-ratio:16/9}.sc-art.big .im{flex:none;aspect-ratio:16/9;min-height:0}.sc-art.big .go{top:auto;bottom:22px;right:22px}
@media (max-width:860px){footer nav{gap:4px 22px}footer nav a,.crumbs a,.sc-links a{display:inline-block;padding:10px 0}.sc-links{gap:0 18px}.prose a{padding-block:8px}}
@media (max-width:640px){.sc-art-hero{min-height:300px}.sc-art.count{grid-column:1/-1;min-height:160px}.sc-art.count .mf{width:72px}.sc-art.big .go{bottom:16px;right:16px}
  .sc-stats b{font-size:clamp(34px,10vw,46px)}.sc-stats span{text-transform:none;letter-spacing:0;line-height:1.2}}
/* clients overview: a wall of posters, one per show in its own colours */
.sc-wall{padding-top:clamp(22px,4.4vh,48px)}
.sc-wall-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px clamp(24px,4vw,64px);align-items:end}
.sc-wall-h h1{font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.9;font-size:clamp(36px,4vw,64px);margin:8px 0 0;text-wrap:balance}
.sc-wall-h h1 em,.sc-next h2 em{font-style:normal;color:var(--lime)}
.sc-wall-h .sc-lead{max-width:52ch;margin:0}
.sc-wall-n{grid-column:1/-1;list-style:none;padding:0;margin:clamp(10px,2vh,18px) 0 0;display:flex;flex-wrap:wrap;gap:6px clamp(20px,3vw,40px)}
.sc-wall-n li{display:flex;align-items:baseline;gap:8px}
.sc-wall-n b{font-weight:900;font-size:clamp(22px,1.8vw,28px);line-height:1;color:var(--lime);font-variant-numeric:tabular-nums}
.sc-wall-n span{font-weight:700;font-size:16px;color:var(--muted)}
.sc-posters{display:grid;gap:clamp(18px,3vh,32px);margin-top:clamp(22px,4vh,40px)}
.sc-poster{scroll-margin-top:calc(var(--navh,72px) + 16px)}
.sc-poster{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:min(calc(62vh / var(--z,1)),560px);border-radius:clamp(28px,3vw,44px);overflow:hidden;color:var(--cream);
  background:radial-gradient(60% 85% at 80% 70%,color-mix(in srgb,var(--lm) 32%,transparent),transparent 72%),radial-gradient(40% 50% at 8% 100%,color-mix(in srgb,var(--or) 30%,transparent),transparent 70%),var(--g900);box-shadow:inset 0 0 0 1px var(--line);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.sc-poster:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--lm) 70%,transparent),0 40px 80px -40px color-mix(in srgb,var(--lm) 60%,transparent)}
.sc-poster.flip{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.sc-poster.flip .pa{order:-1}
.sc-poster .no{position:absolute;z-index:-1;top:-.08em;left:.06em;font-weight:900;font-size:clamp(140px,19vw,300px);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--lm) 38%,transparent);transition:transform .9s var(--ease)}
.sc-poster.flip .no{left:auto;right:.06em}
.sc-poster .pt{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;padding:clamp(28px,4vw,64px)}
.sc-poster .eyebrow{color:var(--lm)}
.sc-poster .nm{font-weight:900;font-size:clamp(22px,2vw,30px);line-height:1.1}
.sc-poster .nm img{height:clamp(44px,4.4vw,64px);width:auto}
.sc-poster .sc-tag{font-size:clamp(40px,5vw,84px)}
.sc-poster .ds{color:rgba(248,247,243,.78);font-size:17px;line-height:1.5;max-width:46ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sc-poster .btn{margin-top:6px;background:var(--lm);color:var(--ink);transition:transform .4s var(--ease)}
.sc-poster:hover .btn{transform:translateX(6px)}
.sc-poster .pa{position:relative;min-height:380px}
.sc-poster .pa .sc-arch{left:14%;right:8%;top:10%}
.sc-poster .pa .sc-sun{left:2%;width:40%}
.sc-poster .pa .sc-cut{left:16%;width:76%;transform-origin:bottom center}
.sc-poster .pa .s1{top:5%;left:12%;rotate:-12deg}.sc-poster .pa .s2{top:16%;right:3%;rotate:14deg}
.sc-poster .pa .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-next{border-radius:clamp(28px,3vw,44px);padding:clamp(32px,5vw,72px);background:var(--lm);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sc-next h2 em{display:inline-block;color:var(--lm);background:var(--ink);padding:0 .14em .06em;border-radius:.16em;rotate:-2deg}
.sc-next p{font-size:18px;line-height:1.5;max-width:52ch;color:rgba(3,21,13,.75)}
.sc-next .btn{background:var(--ink);color:var(--cream)}
@media (max-width:860px){.sc-poster,.sc-poster.flip{grid-template-columns:1fr;min-height:0}.sc-poster .pa,.sc-poster.flip .pa{order:-1;min-height:clamp(300px,46vh,400px)}.sc-poster .no,.sc-poster.flip .no{left:auto;right:.04em;top:-.1em;font-size:clamp(110px,30vw,180px)}.sc-poster .pt{padding:6px 22px 26px;gap:12px}}
@media (max-width:640px){.sc-poster .sc-tag{font-size:36px}}
/* poster wall motion: drifting glow, floating stickers, pointer parallax (--mx/--my), scroll parallax (--sy), reveal on scroll */
.sc-poster::before{content:"";position:absolute;z-index:-2;inset:-20%;background:radial-gradient(30% 34% at 70% 62%,color-mix(in srgb,var(--lm) 30%,transparent),transparent 70%);animation:scGlow 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes scGlow{from{translate:-6% 4%}to{translate:8% -6%}}
.sc-poster .no{transform:translate3d(0,calc(var(--sy,0) * -70px),0);will-change:transform}
.sc-poster .pa>*{transition:transform .9s var(--ease)}
.sc-poster .pa .sc-arch{transform:translate3d(calc(var(--mx,0) * 6px),calc(var(--my,0) * 5px),0)}
.sc-poster .pa .sc-sun{transform:translate3d(calc(var(--mx,0) * -18px),calc(var(--my,0) * -12px + var(--sy,0) * 30px),0)}
.sc-poster .pa .sc-cut{transform:translate3d(calc(var(--mx,0) * 12px),calc(var(--my,0) * 6px),0) scale(var(--sc,1))}
.sc-poster:hover{--sc:1.04}
.sc-poster .pa .sc-st{transform:translate3d(calc(var(--mx,0) * 30px),calc(var(--my,0) * 22px + var(--sy,0) * -40px),0);animation:scBob 5.5s ease-in-out infinite}
.sc-poster .pa .s2{animation-duration:6.5s;animation-delay:-3s}
@keyframes scBob{0%,100%{translate:0 0;rotate:var(--r0,-12deg)}50%{translate:0 -12px;rotate:var(--r1,-4deg)}}
.sc-poster .pa .s1{rotate:none;--r0:-12deg;--r1:-5deg}.sc-poster .pa .s2{rotate:none;--r0:14deg;--r1:6deg}
.sc-poster .sc-sun img{animation:scWob 7s ease-in-out infinite}
@keyframes scWob{0%,100%{rotate:-6deg}50%{rotate:8deg}}
.sc-wall.js-rv .sc-poster{opacity:0;translate:0 70px;transition:opacity 1s var(--ease),translate 1.2s var(--ease),transform .7s var(--ease),box-shadow .7s var(--ease)}
.sc-wall.js-rv .sc-poster .pt>*{opacity:0;translate:0 28px;transition:opacity .8s var(--ease),translate .9s var(--ease)}
.sc-wall.js-rv .sc-poster .pa{clip-path:inset(100% 0 0 0 round 40px);transition:clip-path 1.3s var(--ease) .1s}
.sc-wall.js-rv .sc-poster.in{opacity:1;translate:0 0}
.sc-wall.js-rv .sc-poster.in .pt>*{opacity:1;translate:0 0}
.sc-wall.js-rv .sc-poster.in .pa{clip-path:inset(-20% -20% 0 -20% round 40px)}
.sc-wall.js-rv .sc-poster .pt>:nth-child(2){transition-delay:.12s}.sc-wall.js-rv .sc-poster .pt>:nth-child(3){transition-delay:.22s}.sc-wall.js-rv .sc-poster .pt>:nth-child(4){transition-delay:.32s}.sc-wall.js-rv .sc-poster .pt>:nth-child(5){transition-delay:.42s}
.sc-wall.js-rv .sc-next{opacity:0;translate:0 60px;transition:opacity 1s var(--ease),translate 1.1s var(--ease)}.sc-wall.js-rv .sc-next.in{opacity:1;translate:0 0}
.sc-wall-h h1,.sc-wall-h .sc-lead,.sc-wall-n li{animation:scRise 1.1s var(--ease) both}
.sc-wall-h .sc-lead{animation-delay:.12s}.sc-wall-n li:nth-child(1){animation-delay:.22s}.sc-wall-n li:nth-child(2){animation-delay:.3s}.sc-wall-n li:nth-child(3){animation-delay:.38s}
@keyframes scRise{from{opacity:0;translate:0 36px}}
.sc-next h2 em{animation:scTilt 3.2s ease-in-out infinite}
@keyframes scTilt{0%,100%{rotate:-2deg}50%{rotate:2deg;scale:1.04}}
@media (prefers-reduced-motion:reduce){.sc-wall *,.sc-wall *::before{animation:none!important;transition:none!important}.sc-wall.js-rv .sc-poster,.sc-wall.js-rv .sc-poster .pt>*,.sc-wall.js-rv .sc-next{opacity:1;translate:none}.sc-wall.js-rv .sc-poster .pa{clip-path:none}.sc-poster .pa>*,.sc-poster .no{transform:none!important}}
.sc-topics.chips{justify-content:center;gap:10px}
.sc-topics.chips li{font-size:clamp(18px,1.5vw,22px);line-height:1.2}
.sc-feats li:not(:has(img)) b{font-size:20px}

/* ambient glow (colour set by nav.js from the card's own photo) */
.glow{box-shadow:0 38px 64px -26px rgb(var(--glow) / .8),0 14px 26px -16px rgb(var(--glow) / .45)}
.sc-reel.glow{box-shadow:0 0 0 3px var(--g950),0 0 0 5px rgba(248,247,243,.14),0 40px 64px -26px rgb(var(--glow) / .85)}
.card.glow{box-shadow:0 34px 60px -30px rgb(var(--glow) / .7)}

/* hub: compact header, scroll hint, living background (accent blobs of the shows + drifting brand triangles) */
.sc-wall{position:relative;isolation:isolate}
.sc-wall>.c{position:relative;z-index:1}
.sc-wall-n .go{margin-left:auto;font-weight:700;font-size:16px;color:var(--muted,rgba(248,247,243,.6));align-self:center}
.sc-wall-n .go i{font-style:normal;display:inline-block;animation:idxNudge 1.8s ease-in-out infinite}
@keyframes idxNudge{50%{transform:translateY(5px)}}
.sc-wall-bg{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--g900,#003321) 0,var(--g900,#003321) 18%,#002819 55%,#001a10 100%)}
.sc-wall-bg i{position:absolute;width:46vw;height:46vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(closest-side,var(--lm,#a5ed43),transparent);opacity:.36;filter:blur(40px);animation:wallDrift 22s ease-in-out infinite alternate}
.sc-wall-bg i:nth-child(1){left:-12vw;top:-14vw}
.sc-wall-bg i:nth-child(2){right:-14vw;top:4vh;animation-duration:27s;animation-delay:-8s}
.sc-wall-bg i:nth-child(3){left:30vw;top:38vh;animation-duration:31s;animation-delay:-15s;opacity:.18}
.sc-wall-bg i:nth-child(4){right:20vw;top:-20vw;animation-duration:25s;animation-delay:-4s;opacity:.18}
@keyframes wallDrift{50%{translate:6vw 5vh;scale:1.15}100%{translate:-4vw 9vh;scale:.92}}
.sc-wall-bg b{position:absolute;inset:-220px;opacity:.11;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='%23a5ed43'%3E%3Cpath d='M18 40l34-30 6 44z'/%3E%3Cpath d='M120 22l40 12-30 22z'/%3E%3Cpath d='M70 120l42-18-8 40z'/%3E%3Cpath d='M170 130l30 34-40 4z'/%3E%3Cpath d='M30 180l26-20 10 34z'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 220px;-webkit-mask:linear-gradient(#000 0,rgba(0,0,0,.55) 900px,rgba(0,0,0,.42) 100%);mask:linear-gradient(#000 0,rgba(0,0,0,.55) 900px,rgba(0,0,0,.42) 100%);animation:wallTri 50s linear infinite;will-change:transform}
@keyframes wallTri{to{transform:translate(220px,-220px)}}
@media (max-width:860px){.sc-wall-h{grid-template-columns:1fr}.sc-poster .pa,.sc-poster.flip .pa{min-height:clamp(240px,34vh,320px)}.sc-wall-bg i{width:90vw;height:90vw}}
@media (max-width:640px){.sc-wall-h h1{font-size:clamp(34px,9.6vw,42px)}.sc-wall-n{gap:4px 16px}.sc-wall-n b{font-size:22px}.sc-wall-h .sc-lead{font-size:17px;line-height:1.5}.sc-wall-n .go{margin-left:0;flex-basis:100%;margin-top:6px}}
@media (prefers-reduced-motion:reduce){.sc-wall-bg i,.sc-wall-bg b,.sc-wall-n .go i{animation:none}}
body:has(.sc-wall){background:#001a10 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='%23a5ed43' fill-opacity='.045'%3E%3Cpath d='M18 40l34-30 6 44z'/%3E%3Cpath d='M120 22l40 12-30 22z'/%3E%3Cpath d='M70 120l42-18-8 40z'/%3E%3Cpath d='M170 130l30 34-40 4z'/%3E%3Cpath d='M30 180l26-20 10 34z'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 220px}
/* hub header v3: no lead; REC eyebrow with live timecode, spinning "točí", stats as big numbers on the right */
.sc-wall-h{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:14px clamp(24px,4vw,64px)}
.sc-wall-h h1{font-size:clamp(40px,5.2vw,86px)}
.sc-rec{display:inline-flex;align-items:center;gap:12px}
.sc-rec i{width:12px;height:12px;border-radius:50%;background:#ff4d3d;box-shadow:0 0 0 0 rgba(255,77,61,.6);animation:recPulse 1.6s ease-out infinite}
.sc-rec .tc{font-variant-numeric:tabular-nums;color:var(--cream);opacity:.85;letter-spacing:.04em}
@keyframes recPulse{0%{box-shadow:0 0 0 0 rgba(255,77,61,.55)}70%{box-shadow:0 0 0 10px rgba(255,77,61,0)}100%{box-shadow:0 0 0 0 rgba(255,77,61,0)}}
.sc-wall-h h1 em.spin{display:inline-flex;perspective:600px}
.sc-wall-h h1 em.spin span{display:inline-block;transform-origin:50% 55%;animation:letterRoll 7s cubic-bezier(.6,0,.2,1) infinite;animation-delay:calc(.6s + var(--i) * .09s)}
@keyframes letterRoll{0%,4%{transform:rotateX(0)}14%,100%{transform:rotateX(360deg)}}
.sc-wall-n{grid-column:2;margin:0;justify-content:flex-end;align-items:flex-start;gap:12px clamp(22px,3vw,48px)}
.sc-wall-n li{flex-direction:column;align-items:flex-start;gap:4px}
.sc-wall-n b{font-size:clamp(34px,3.6vw,58px);line-height:.9}
.sc-wall-n span{font-size:16px;line-height:1.25;max-width:11ch}
.sc-wall-n .go{flex-basis:100%;margin:6px 0 0;flex-direction:row;justify-content:flex-end;align-self:auto}
@media (max-width:860px){.sc-wall-h{grid-template-columns:1fr}.sc-wall-n{grid-column:1;justify-content:flex-start}.sc-wall-n .go{justify-content:flex-start}}
@media (max-width:640px){.sc-wall-h h1{font-size:clamp(38px,10.4vw,46px)}.sc-wall-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.sc-wall-n b{font-size:clamp(28px,8.4vw,36px)}.sc-wall-n .go{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.sc-rec i,.sc-wall-h h1 em.spin span{animation:none}}

/* language dropdown in the header of subpages (same as the homepage) */
.nav .right{display:flex;align-items:center;gap:12px}
.lang-dd{position:relative}
.lang-cur{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 13px 0 12px;border-radius:12px;border:0;background:rgba(248,247,243,.08);box-shadow:inset 0 0 0 1px rgba(248,247,243,.16);color:var(--cream);font-family:inherit;font-weight:700;font-size:16px;line-height:1;letter-spacing:.04em;cursor:pointer;transition:background .3s,box-shadow .3s}
.lang-cur:hover,.lang-dd.open .lang-cur{background:rgba(248,247,243,.14);box-shadow:inset 0 0 0 1.5px var(--lime)}
.lang-cur:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.lang-dd svg:not(.chev){width:24px;height:16px;border-radius:3px;display:block;box-shadow:0 0 0 1px rgba(248,247,243,.25);flex:none}
.lang-cur .chev{width:12px;height:8px;opacity:.7;transition:transform .35s var(--ease)}
.lang-dd.open .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:188px;padding:6px;border-radius:14px;background:var(--g900);box-shadow:0 0 0 1px var(--line),0 18px 40px -12px rgba(0,0,0,.7);display:grid;gap:2px;opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s;z-index:5}
.lang-dd.open .lang-menu{opacity:1;transform:none;visibility:visible;transition:opacity .25s,transform .35s var(--ease)}
.lang-menu a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;font-weight:500;font-size:16px;color:var(--cream)}
.lang-menu a:hover,.lang-menu a:focus-visible{background:rgba(248,247,243,.08);outline:none}
.lang-menu a[aria-current]{font-weight:700}
.lang-menu a[aria-current]::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);margin-left:auto}
/* clients overview: smaller references under the posters (a card that opens the story) */
.sc-refs{margin-top:clamp(40px,7vh,80px)}
.sc-refs .sc-h2{margin-top:6px}
.sc-refs-l{max-width:60ch;color:var(--muted);font-size:17px;line-height:1.5;margin-top:10px}
.sc-refs-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.sc-ref h3{font-size:22px}
@media (max-width:960px){.sc-refs-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.sc-refs-g{grid-template-columns:1fr}}
.sc-ref .im{aspect-ratio:2/1}
.sc-ref .tx{padding:14px 18px 16px;gap:6px}
.sc-ref .cat{font-size:16px}
.sc-ref p{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}