/* Úvod ukazuje konkrétní obsah a tváře. Misi vysvětluje osobní pozvánka pod CTA. */
.hero-editorial{grid-template-columns:1fr 1.08fr;gap:55px;padding-block:58px 64px}
.hero-editorial .hero-copy{min-width:0}
.hero-editorial h1{font-size:clamp(48px,5.7vw,76px);line-height:1.09;margin:23px 0}
.hero-editorial .lead{font-size:18px;line-height:1.65;max-width:440px}
.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.hero-browse{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #b4b9c7;padding-block:8px}
.hero-editorial .price-note{margin-top:17px;flex-wrap:wrap;gap:6px 12px}
.hero-purpose{display:flex;align-items:center;gap:13px;margin-top:32px;padding-top:23px;border-top:1px solid var(--line)}
.hero-host-faces{display:flex;flex-shrink:0;padding-right:7px}
.hero-host-faces img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid var(--paper)}
.hero-host-faces img+img{margin-left:-9px}
.hero-purpose strong{font-size:13px;font-weight:600;display:block;line-height:1.4}
.hero-purpose small{font-size:11px;display:block;color:var(--muted);margin-top:4px}
.hero-screen{min-width:0;background:var(--ink);color:#fff;border:1px solid #36364b;border-radius:12px;padding:16px;box-shadow:0 24px 50px #1c1c3022,10px 10px 0 #e73a1d0e}
.hero-screen-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;padding:3px 3px 15px;color:#d0d1df}
.hero-screen-dot{width:6px;height:6px;background:#ff7457;border-radius:50%;box-shadow:0 0 0 4px #ff74571a}
.hero-feature{display:block;background:#29293d;border:1px solid #ffffff19;border-radius:5px;overflow:hidden}
.hero-feature>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.hero-feature-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}
.hero-feature-caption small{display:block;font-size:8px;letter-spacing:1.4px;color:#ff9a80;margin-bottom:4px}
.hero-feature-caption strong{font-size:16px;line-height:1.3;font-weight:500}
.hero-feature-caption>b{font-size:25px;font-weight:400;color:#ff9a80}
.hero-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}
.hero-preview{min-width:0;display:block}
.hero-preview-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#29293d}
.hero-preview-image>img{width:100%;height:100%;object-fit:cover}
.hero-preview:first-child .hero-preview-image>img{object-position:50% 25%}
.hero-preview-tag{position:absolute;bottom:7px;left:7px;background:#1c1c30ee;color:white;padding:4px 6px;font-size:7px;letter-spacing:1px;font-weight:600}
.hero-preview>strong{display:block;font-size:13px;font-weight:600;margin:8px 1px 3px}
.hero-preview>small{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#bfc1d0;margin-inline:1px}
.hero-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff20;margin-top:16px;padding:13px 1px 0;font-size:10px;color:#bfc1d0}
.hero-screen-footer b{font-weight:500;color:white}
.hero-feature:hover,.hero-preview:hover .hero-preview-image{outline:1px solid #ff9a80}
@media(max-width:1000px) and (min-width:701px){.hero-editorial{gap:28px}.hero-editorial h1{font-size:54px}.hero-editorial .lead{font-size:16px}.hero-screen{padding:12px}.hero-purpose{align-items:flex-start}.hero-screen-footer{flex-wrap:wrap}}
@media(max-width:700px){.hero-editorial{grid-template-columns:1fr;gap:30px;padding-block:35px 40px}.hero-editorial h1{font-size:49px;margin-block:19px}.hero-editorial .lead{font-size:17px;margin-bottom:23px}.hero-actions{gap:17px}.hero-actions .button{padding:16px 19px;font-size:15px;gap:20px}.hero-browse{font-size:12px}.hero-purpose{margin-top:24px;padding-top:20px}.hero-purpose strong{font-size:12px}.hero-purpose small{font-size:10px}.hero-screen{padding:11px;box-shadow:0 14px 30px #1c1c3017}.hero-screen-heading{font-size:8px;padding-bottom:12px}.hero-feature-caption{padding:11px}.hero-feature-caption strong{font-size:13px}.hero-feature-caption small{font-size:7px;letter-spacing:1px}.hero-preview-row{gap:9px;margin-top:11px}.hero-preview>strong{font-size:12px}.hero-preview>small{font-size:8px}.hero-preview-tag{font-size:6px;bottom:5px;left:5px}.hero-screen-footer{font-size:9px;margin-top:13px;padding-top:12px}}