/* v10site1102: Cinematic Hero style, white body */
html,body.v10body{overflow-x:clip}
body.v10body{background:#fff!important}
.v10body main{--v10ink:#0f1115;--v10mut:#667085;--v10line:#eaecf0;--v10red:#e31937;--v10sh:0 1px 2px rgba(16,24,40,.05),0 10px 30px -12px rgba(16,24,40,.16)}
/* hero */
.v10h{position:relative;width:100vw;margin:8px 0 40px calc(50% - 50vw);min-height:clamp(340px,46vw,520px);display:flex;align-items:flex-end;
 background-image:linear-gradient(90deg,rgba(5,6,8,.92) 0%,rgba(5,6,8,.62) 48%,rgba(5,6,8,.15) 100%),var(--v10bg);background-size:cover;background-position:center;background-color:#0b0c0f;color:#fff}
.v10h:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(transparent,rgba(5,6,8,.35))}
.v10h-in{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:56px clamp(16px,4vw,48px) 56px;box-sizing:border-box}
.v10h-in>*{max-width:720px}
.v10h .eyebrow{color:#ff6b7f!important;font:600 12px/1 "Space Grotesk",system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;margin:0 0 14px!important}
.v10h h1{color:#fff!important;font-size:clamp(32px,4.6vw,56px)!important;line-height:1.06!important;letter-spacing:-.03em!important;margin:0 0 18px!important;font-weight:700}
.v10h .lead{color:rgba(255,255,255,.86)!important;font-size:clamp(16px,1.5vw,19px)!important;line-height:1.55!important;margin:0 0 10px!important}
.v10h .updated,.v10h .updated *{color:rgba(255,255,255,.66)!important;font-size:13px!important}
.v10h a:not(.v10btn){color:#fff!important}
.v10h a.v10btn{color:#0f1115!important}
.v10btn{display:inline-block;margin-top:14px;background:#fff;color:#0f1115!important;padding:14px 22px;border-radius:999px;font-weight:600;text-decoration:none;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);max-width:100%;box-sizing:border-box}
.v10cr{position:absolute;z-index:1;right:12px;bottom:8px;font-size:11px;color:rgba(255,255,255,.7);max-width:calc(100% - 24px);text-align:right}
.v10cr a{color:rgba(255,255,255,.85)!important;text-decoration:underline}
/* on this page */
.v10toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-12px 0 36px;padding:12px;border:1px solid var(--v10line);border-radius:18px;background:#fafbfc}
.v10toc span{font:600 11px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--v10mut);padding:0 8px}
.v10toc a{padding:8px 14px;border-radius:999px;background:#fff;box-shadow:var(--v10sh);font-size:14px;color:var(--v10ink)!important;text-decoration:none}
/* refined type and cards */
.v10body main h2{letter-spacing:-.02em;line-height:1.2}
.v10body main p,.v10body main li{line-height:1.7}
.v10body main .card{background:#fff!important;border:1px solid var(--v10line)!important;border-radius:20px!important;box-shadow:var(--v10sh)!important;padding:clamp(20px,2.6vw,32px)!important}
.v10body main .card.keypoints{border-left:4px solid var(--v10red)!important}
.v10body main blockquote{margin:36px 0;padding:8px 0 8px 28px;border-left:4px solid var(--v10red);font:500 clamp(19px,2vw,24px)/1.45 Georgia,serif;color:var(--v10ink)}
.v10body main details.card.faq{padding:18px 24px!important;margin:12px 0!important}
.v10body main details.card.faq summary{font-weight:600;font-size:17px;cursor:pointer}
.v10body main nav.related{margin-top:40px}
.v10body main nav.related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0}
.v10body main nav.related li{margin:0}
.v10body main nav.related li a{display:block;height:100%;box-sizing:border-box;padding:18px 20px;border:1px solid var(--v10line);border-radius:16px;background:#fff;box-shadow:var(--v10sh);text-decoration:none;font-weight:600;color:var(--v10ink)!important;transition:transform .2s}
.v10body main nav.related li a:hover{transform:translateY(-2px)}
.v10body main .grid img,.v10body main figure img{border-radius:14px}
.v10body main .about-photo img{border-radius:24px;box-shadow:var(--v10sh)}
/* videos */
.v10sec{display:flex;align-items:baseline;justify-content:space-between;margin:56px 0 22px;padding-bottom:12px;border-bottom:1px solid var(--v10line)}
.v10sec h2{margin:0;font-size:24px}.v10sec span{color:var(--v10mut);font-size:13px}
.v10g2,.v10g3{display:grid;gap:36px 28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.v10g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.v10c{display:block;text-decoration:none;color:var(--v10ink)!important}
.v10c-m{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#f2f4f7;box-shadow:var(--v10sh)}
.v10c-m img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.v10c:hover .v10c-m img{transform:scale(1.04)}
.v10dur{position:absolute;right:10px;bottom:10px;background:rgba(15,17,21,.85);color:#fff;font:600 12px/1 "JetBrains Mono",monospace;padding:5px 7px;border-radius:6px}
.v10play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:rgba(255,255,255,.92);opacity:0;transition:.25s}
.v10play:after{content:"";position:absolute;left:22px;top:18px;border:10px solid transparent;border-left:16px solid var(--v10red)}
.v10c:hover .v10play{opacity:1}
.v10c-b h3{font-size:18px;line-height:1.35;margin:14px 0 6px;font-weight:600;letter-spacing:-.01em;color:var(--v10ink)!important}
.v10g2 .v10c-b h3{font-size:21px}
.v10meta{font-size:13px;color:var(--v10mut)}
/* home + news hub polish (they already have their own hero) */
.v10-index main .c2,.v10-news main .nx-card{border-radius:18px;box-shadow:var(--v10sh)}
@media (max-width:900px){.v10g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.v10g2,.v10g3,.v10body main nav.related ul{grid-template-columns:1fr}
 .v10h{min-height:380px}.v10h-in{padding:40px 18px 52px}.v10toc{margin-top:-16px}.v10cr{font-size:10px;left:12px;right:12px;text-align:left}}
/* pad1102: comfortable inner padding on all cards, hover keeps layout */
.nx-card{box-sizing:border-box}
html .nx-card .nx-card-body,html .v10body .nx-card-body{padding:18px 22px 22px!important}
.nx-card:hover{border-width:1px!important}
.v10c-b{padding:0 6px}
.v10body main .c2{padding:22px 24px!important;box-sizing:border-box}
.v10body main .card.keypoints,.v10body main .nx-box,.v10body main .nx-keypoints{padding:22px 24px!important}
@media (max-width:640px){html .nx-card .nx-card-body,html .v10body .nx-card-body{padding:16px 18px 18px!important}
 .v10body main .c2,.v10body main .card,.v10body main .nx-box{padding:18px!important}
 .v10body main details.card.faq{padding:16px 18px!important}}
