:root{--blue:#0047FF;--blue-d:#0036c4;--cream:#FFF8E7;--paper:#FFFCF4;--ink:#0B1533;--muted:#5a5f70;--line:#e7dfcc;--r:18px;--w:1360px;
--sans:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Instrument Serif","Times New Roman",serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}button{font:inherit;cursor:pointer}
.w{width:100%;max-width:var(--w);margin:0 auto;padding:0 40px}
.sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px}
.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.kick{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.kick a{text-decoration:none;opacity:.7}.kick a:hover{opacity:1}
.star{width:22px;height:22px}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--muted);max-width:640px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;border:2px solid transparent;transition:.2s;white-space:nowrap}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-d)}
.btn-cream{background:var(--cream);color:var(--blue)}.btn-cream:hover{background:#fff}
.btn-line{border-color:currentColor;color:inherit}.btn-line:hover{background:rgba(255,255,255,.12)}
.more{font-weight:800;text-decoration:none;font-size:15px;color:var(--blue);white-space:nowrap}.more:hover{text-decoration:underline}

/* шапка */
.hd{position:sticky;top:0;z-index:30;background:rgba(255,252,244,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:36px;height:76px}
.logo img{width:112px;height:auto}
.nav{display:flex;gap:30px;margin-left:auto}
.nav a{text-decoration:none;font-weight:700;font-size:15px;padding:8px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-color:var(--blue);color:var(--blue)}
.hd-cta{height:46px;padding:0 22px}
.burger{display:none;background:none;border:0;width:44px;height:44px;position:relative}
.burger span:not(.sr){position:absolute;left:10px;right:10px;height:2.5px;background:var(--ink);border-radius:2px;transition:.2s}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:25px}
.nav-open .burger span:nth-child(1){top:21px;transform:rotate(45deg)}.nav-open .burger span:nth-child(2){top:21px;transform:rotate(-45deg)}

/* перший екран */
.hero{background:var(--blue);color:var(--cream);padding:110px 0 70px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-60px;width:620px;height:620px;background:var(--cream);opacity:.08;
-webkit-mask:url(/assets/star.svg) center/contain no-repeat;mask:url(/assets/star.svg) center/contain no-repeat;animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero .kick .star{filter:brightness(0) invert(96%) sepia(9%) saturate(560%) hue-rotate(330deg)}
.hero h1{font-size:clamp(64px,12.5vw,200px);line-height:.86;font-weight:900;letter-spacing:-.06em;margin:0 0 34px;position:relative;z-index:1}
.hero h1 .it{font-size:1.08em;letter-spacing:-.03em}
.hero .lead{color:rgba(255,248,231,.85);max-width:620px;position:relative;z-index:1}
.hero-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:16px 60px;margin-top:56px;padding-top:28px;border-top:1px solid rgba(255,248,231,.3);position:relative;z-index:1}
.hero-stats b{display:block;font-size:clamp(40px,4.4vw,64px);font-weight:900;letter-spacing:-.05em;line-height:1}
.hero-stats b i{font-style:normal;font-size:.45em;letter-spacing:-.02em}
.hero-stats span{font-size:14px;opacity:.8}

/* секції */
section{scroll-margin-top:90px}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:96px 0 30px}
.sec-h h2,.ph h1,.fsec-h h2,.form-sec h2,.case h2{font-size:clamp(36px,4.6vw,64px);font-weight:900;letter-spacing:-.05em;line-height:.95;margin:0}
.ph{padding-top:80px;padding-bottom:16px}.ph h1{font-size:clamp(56px,9vw,128px);margin-bottom:22px}
.ph .search{margin-top:30px;max-width:520px}

/* картки випусків */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card[hidden]{display:none}
.card-a{display:block;text-decoration:none}
.card-img{display:block;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:#dcd4bf}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card-a:hover .card-img img{transform:scale(1.04)}
.dur{position:absolute;right:10px;bottom:10px;background:rgba(11,21,51,.85);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}
.play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--blue);opacity:0;transform:scale(.8);transition:.25s;border:0}
.play::after{content:"";position:absolute;left:26px;top:20px;border:12px solid transparent;border-left:18px solid #fff;border-right:0}
.card-a:hover .play{opacity:1;transform:scale(1)}
.card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:var(--muted);margin:16px 0 8px}
.tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;color:#fff;background:var(--ink)}
.tag-rozmova{background:var(--blue)}.tag-profesia{background:#ff5a1f}.tag-doc{background:var(--ink)}.tag-new{background:#18a957}
.card-t{display:block;font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.02em}
.card-a:hover .card-t{color:var(--blue)}
.card-g{margin:10px 0 0;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 12px}
.card-g a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.card-g a:hover{color:var(--blue);border-color:var(--blue)}

/* новий випуск */
.latest-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:32px}
.card-big .card-t{font-size:clamp(24px,2.4vw,36px);letter-spacing:-.035em;line-height:1.1}
.card-big .play{opacity:1;transform:none;width:84px;height:84px;margin:-42px 0 0 -42px}
.card-big .play::after{left:34px;top:26px;border-width:16px;border-left-width:24px}
.latest-side{display:grid;gap:28px;align-content:start}
.latest-side .card-t{font-size:17px}

/* формати */
.band{background:var(--cream);margin-top:96px;padding:2px 0 96px}
.fmts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fmt{background:var(--paper);border-radius:24px;padding:34px 30px;text-decoration:none;display:flex;flex-direction:column;min-height:330px;transition:.25s;border:1px solid var(--line)}
.fmt:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(11,21,51,.35)}
.fmt-n{font-family:var(--serif);font-style:italic;font-size:40px;color:var(--blue);line-height:1}
.fmt h3{font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1;margin:26px 0 14px}
.fmt p{color:var(--muted);margin:0;flex:1}
.fmt-c{margin-top:24px;font-weight:800;font-size:14px}
.fmt-rozmova{background:var(--blue);color:var(--cream);border-color:var(--blue)}.fmt-rozmova p{color:rgba(255,248,231,.85)}.fmt-rozmova .fmt-n{color:var(--cream)}
.fmt-doc{background:var(--ink);color:var(--cream);border-color:var(--ink)}.fmt-doc p{color:rgba(255,248,231,.75)}.fmt-doc .fmt-n{color:#7d9bff}

/* гості */
.wall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.wall a{text-decoration:none;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#ccc}
.wall img{width:100%;height:100%;object-fit:cover;transition:.4s}
.wall a:hover img{transform:scale(1.05)}
.wall span{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:linear-gradient(transparent,rgba(11,21,51,.9));color:#fff;font-weight:800;font-size:15px;line-height:1.2}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 24px;margin-bottom:96px}
.gcard{text-decoration:none;display:flex;flex-direction:column}.gcard[hidden]{display:none}
.gimg{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;margin-bottom:14px;background:#ccc}
.gimg img{width:100%;height:100%;object-fit:cover;transition:.4s}.gcard:hover .gimg img{transform:scale(1.04)}
.gcard b{font-size:20px;letter-spacing:-.03em;line-height:1.15}.gcard:hover b{color:var(--blue)}
.gcard span{color:var(--muted);font-size:14px;margin-top:4px}.gcard i{font-style:normal;font-size:12px;font-weight:800;color:var(--blue);margin-top:8px;text-transform:uppercase;letter-spacing:.06em}

/* сторінка гостя */
.gph h1{font-size:clamp(48px,7vw,100px)}
.player{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/9;background:#000;cursor:pointer;margin-top:30px}
.player img{width:100%;height:100%;object-fit:cover}
.play-big{opacity:1;transform:none;width:96px;height:96px;margin:-48px 0 0 -48px}.play-big::after{left:38px;top:30px;border-width:18px;border-left-width:28px}
.player:hover .play-big{background:var(--blue-d);transform:scale(1.06)}
.player iframe,.modal-v iframe{width:100%;height:100%;border:0;display:block}
.ep-info{display:grid;grid-template-columns:1fr auto;gap:8px 30px;align-items:end;margin-top:26px}
.ep-info .tag{justify-self:start}
.ep-info h2{grid-column:1;font-size:clamp(24px,2.6vw,38px);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin:6px 0 0}
.ep-info p{grid-column:1;color:var(--muted);margin:0}.ep-info .btn{grid-column:2;grid-row:1/4}

/* фільтри */
.filters{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin:20px 0 40px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--ink);background:none;border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.chip-t{border-color:var(--line)}.chip-t[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.search{flex:1;min-width:220px;display:block}
.search input,#sort,.lead-form input,.lead-form select,.lead-form textarea{width:100%;height:48px;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:0 16px;font:600 15px var(--sans);color:var(--ink)}
.search input:focus,.lead-form :is(input,select,textarea):focus{outline:none;border-color:var(--blue)}
#sort{width:auto;padding-right:36px}
.empty{font-size:18px;color:var(--muted);padding:40px 0}

/* формати сторінка */
.fsec{padding:30px 0 96px;border-top:1px solid var(--line)}
.fsec-h{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:60px 0 40px;align-items:start}
.fsec-h h2{font-size:clamp(44px,6vw,88px)}
.fcount{font-weight:800;margin:18px 0 0}.fmt-partner{margin:16px 0 0;font-size:17px}
.fsec .more{display:inline-block;margin-top:30px}
.fsec-rozmova .fsec-h h2{color:var(--blue)}.fsec-profesia .fsec-h h2{color:#ff5a1f}

/* новини */
.news-empty{text-align:center;padding:90px 20px 120px;border:1.5px dashed var(--line);border-radius:28px;margin:40px 0 96px}
.news-empty .star{width:56px;height:56px;margin:0 auto 22px;animation:spin 20s linear infinite}
.news-empty h2{font-size:clamp(30px,3.6vw,48px);font-weight:900;letter-spacing:-.04em;margin:0 0 10px}
.news-empty p{color:var(--muted);margin:0 0 24px}
.news-empty + .chips,.ph + .w .chips{margin-top:10px}

/* CTA */
.cta-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:96px}
.cta{border-radius:28px;padding:44px 40px;text-decoration:none;position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}
.cta:hover{transform:translateY(-4px)}
.cta h3{font-size:clamp(34px,3.6vw,52px);font-weight:900;letter-spacing:-.05em;margin:0 0 12px;line-height:1}
.cta p{margin:0;max-width:420px}.cta .arrow{position:absolute;top:34px;right:40px;font-size:44px;font-weight:300}
.cta-blue{background:var(--blue);color:var(--cream)}.cta-blue p{color:rgba(255,248,231,.85)}
.cta-cream{background:var(--cream);color:var(--ink);border:1px solid var(--line)}.cta-cream p{color:var(--muted)}
.subscribe{background:var(--ink);color:var(--cream);margin-top:96px;padding:96px 0;text-align:center}
.subscribe h2{font-size:clamp(40px,6vw,92px);font-weight:900;letter-spacing:-.05em;line-height:.95;margin:0 0 14px}
.subscribe .it{color:#7d9bff}.subscribe p{opacity:.75;margin:0 0 32px}
.sub-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* партнерам */
.pp-hero{background:var(--ink);color:var(--cream);padding:110px 0 90px}
.pp-hero h1{font-size:clamp(46px,7vw,108px);font-weight:900;letter-spacing:-.055em;line-height:.92;margin:0 0 28px;max-width:14ch}
.pp-hero .it{color:#7d9bff}.pp-hero .lead{color:rgba(255,248,231,.8)}
.pp-hero .hero-stats{margin-bottom:44px}
.offers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.offer{border:1px solid var(--line);border-radius:24px;padding:30px 26px;background:#fff}
.offer h3{font-size:24px;font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:22px 0 10px}.offer p{color:var(--muted);margin:0}
.case{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start;padding-top:96px}
.case .lead{margin:20px 0 22px}
.form-sec{padding:96px 40px}
.form-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}
.form-grid .lead{margin-top:18px}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px}
.lead-form label{display:grid;gap:7px;font-size:13px;font-weight:800}
.lead-form .full,.lead-form button,.lead-form .status{grid-column:1/-1}
.lead-form textarea{height:auto;padding:14px 16px;resize:vertical}
.status{margin:0;font-weight:700;color:var(--blue)}

/* плеєр у вікні */
.modal{position:fixed;inset:0;z-index:60;background:rgba(11,21,51,.88);display:none;align-items:center;justify-content:center;padding:30px}
.modal.on{display:flex}
.modal-box{width:min(1200px,100%);aspect-ratio:16/9;position:relative}
.modal-v{width:100%;height:100%;border-radius:18px;overflow:hidden;background:#000}
.modal-x{position:absolute;right:0;top:-54px;width:44px;height:44px;border-radius:50%;border:0;background:var(--cream);font-size:28px;line-height:1;color:var(--ink)}

/* підвал */
.ft{background:var(--blue);color:var(--cream);margin-top:0;padding:80px 0 30px}
.ft-big{font-size:clamp(56px,10vw,170px);font-weight:900;letter-spacing:-.06em;line-height:.85;margin:0 0 70px}
.ft-big .it{font-size:1.06em}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-top:40px;border-top:1px solid rgba(255,248,231,.3)}
.ft-grid p{opacity:.8;max-width:320px;margin:18px 0 0}
.ft-grid h4{margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.ft-grid a{display:block;text-decoration:none;font-weight:700;margin:0 0 9px}.ft-grid a:hover{text-decoration:underline}
.ft-low{display:flex;justify-content:space-between;gap:20px;margin:60px 0 0;font-size:13px;opacity:.8}
.home main > .w:last-of-type{margin-bottom:0}

@media(max-width:1100px){.grid,.fmts{grid-template-columns:1fr 1fr}.wall{grid-template-columns:repeat(4,1fr)}.ggrid{grid-template-columns:repeat(3,1fr)}.offers{grid-template-columns:1fr 1fr}.nav{gap:20px}.hd-cta{display:none}}
@media(max-width:860px){
.w{padding:0 20px}.hd-in{height:64px}.burger{display:block;margin-left:auto}
.nav{position:fixed;inset:64px 0 auto 0;background:var(--paper);flex-direction:column;gap:0;padding:10px 20px 24px;border-bottom:1px solid var(--line);transform:translateY(-120%);transition:.25s;z-index:-1}
.nav a{font-size:24px;font-weight:900;padding:12px 0;border:0}.nav-open .nav{transform:none}
.hero{padding:70px 0 50px}.hero::after{width:360px;height:360px;right:-140px;top:-40px}
.hero-stats{grid-template-columns:1fr 1fr;gap:22px}.hero-stats b{font-size:40px}
.latest-grid,.grid-2,.fmts,.cta-split,.case,.form-grid,.fsec-h{grid-template-columns:1fr}
.grid{grid-template-columns:1fr;gap:34px}
.wall{grid-template-columns:repeat(3,1fr);gap:10px}.ggrid{grid-template-columns:1fr 1fr;gap:26px 14px}.gcard b{font-size:17px}
.offers{grid-template-columns:1fr}.sec-h{margin-top:70px}.band{margin-top:70px;padding-bottom:70px}
.fmt{min-height:0}.cta{min-height:240px;padding:34px 26px}.cta-split,.subscribe{margin-top:70px}
.ep-info{grid-template-columns:1fr}.ep-info .btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}
.lead-form{grid-template-columns:1fr;padding:24px}.form-sec{padding:70px 20px}
.ft-grid{grid-template-columns:1fr 1fr}.ft-grid > div:first-child{grid-column:1/-1}.ft-low{flex-direction:column}
.filters{gap:12px}#sort{width:100%}.chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.chip{white-space:nowrap}
.modal{padding:10px}.modal-x{top:-52px}
}
.lead-form .hp{width:1px;height:1px;padding:0;border:0;left:0;top:0}
.lead-form{position:relative}
@media(max-width:860px){.sec-h{flex-wrap:wrap;align-items:baseline}.hero-stats b{font-size:34px}}

/* фото гостей, цитати, новини */
.wall span b{display:block;font-size:15px}.wall span small{display:block;font-weight:500;font-size:12px;opacity:.85;margin-top:4px;line-height:1.3}
.gcard span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gph{padding-top:60px}
.gph-in{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:end}
.gph-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px}
.gph h1{font-size:clamp(44px,6.5vw,96px);font-weight:900;letter-spacing:-.05em;line-height:.95;margin:0 0 20px}
.gph-meta{font-weight:800;color:var(--blue);margin:20px 0 0;text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.band-q{padding-bottom:96px}
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.qcard{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:30px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.q-sec .qcard{background:#fff}
.qcard blockquote{margin:0;font-family:var(--serif);font-size:clamp(22px,1.9vw,28px);line-height:1.22;letter-spacing:-.01em}
.qcard blockquote::before{content:"«"}.qcard blockquote::after{content:"»"}
.qcard figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.qwho{display:flex;align-items:center;gap:10px;text-decoration:none}
.qwho img{width:40px;height:50px;object-fit:cover;border-radius:10px}.qwho b{font-size:15px}
.qplay{font-weight:800;font-size:13px;color:var(--blue);text-decoration:none;white-space:nowrap}.qplay:hover{text-decoration:underline}
.nlist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nlist-full{grid-template-columns:repeat(3,1fr);margin:30px 0 96px}
.ncard{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:.2s}
.ncard[hidden]{display:none}
.ncard:hover{border-color:var(--blue);transform:translateY(-3px)}
.ncard b{font-size:21px;line-height:1.2;letter-spacing:-.025em}.ncard:hover b{color:var(--blue)}
.nlead{color:var(--muted);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nmeta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted)}
.tag-n{background:var(--ink)}
.nguest{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.nguest img{width:32px;height:40px;object-fit:cover;border-radius:8px}
#nchips{margin:10px 0 0}
.article{max-width:820px;padding-top:70px;padding-bottom:96px}
.article h1{font-size:clamp(34px,4.6vw,60px);font-weight:900;letter-spacing:-.045em;line-height:1.02;margin:0 0 30px}
.a-body p{font-size:20px;line-height:1.6;margin:0 0 18px}
.bridge{display:grid;grid-template-columns:96px 1fr;gap:22px;background:var(--cream);border-radius:24px;padding:24px;margin:34px 0}
.bridge img{width:96px;height:120px;object-fit:cover;border-radius:14px}
.bridge blockquote{font-family:var(--serif);font-size:24px;line-height:1.25;margin:0 0 18px}
.bridge .kick{margin-bottom:10px}
.a-src{color:var(--muted)}.a-src a{color:var(--blue);font-weight:700}
.a-more{margin-top:40px}
@media(max-width:1100px){.qgrid,.nlist,.nlist-full{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.qgrid,.nlist,.nlist-full{grid-template-columns:1fr}.gph-in{grid-template-columns:1fr;gap:24px}.gph-img{max-width:260px}.gph{padding-top:30px}.bridge{grid-template-columns:72px 1fr}.bridge img{width:72px;height:90px}.a-body p{font-size:18px}}

/* ===== v3: редакційна головна (за референсами Sebto / Куншт / VCTR / Кошт) ===== */
:root{--paper:#F2F1EC;--card:#fff}
body{background:var(--paper)}
.hd{background:rgba(242,241,236,.9)}
.box{background:var(--card);border-radius:28px;padding:28px}
.box-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.box-h h2{font-size:24px;font-weight:900;letter-spacing:-.035em;margin:0}

.mast{padding:34px 0 26px}
.mast-logo{width:100%;height:auto;display:block}
.mast-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:2px solid var(--ink);margin-top:22px;padding-top:14px}
.mast-slogan{font-size:clamp(20px,2.4vw,34px);font-weight:800;letter-spacing:-.03em;margin:0}
.mast-slogan .it{color:var(--blue);font-size:1.12em}
.mast-date{margin:0;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap}

.lead-wrap{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}
.lead-main{background:var(--card);border-radius:28px;padding:18px 18px 26px}
.lead-main .card-meta,.lead-main .card-t,.lead-main .card-g{padding:0 8px}
.nfeed{list-style:none;margin:0;padding:0;counter-reset:n}
.nfeed li{border-top:1px solid var(--line)}
.nfeed li:first-child{border-top:0}
.nfeed a{display:grid;gap:4px;padding:14px 0;text-decoration:none}
.nfeed time{font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.06em}
.nfeed span{font-weight:700;font-size:16px;line-height:1.3;letter-spacing:-.01em}
.nfeed a:hover span{color:var(--blue)}

.grid-4{grid-template-columns:repeat(4,1fr);gap:32px 20px}
.grid-4 .card-t{font-size:16px}

.qcard{background:var(--card);border:0}
.band-blue{background:var(--blue);color:var(--cream);margin-top:96px;padding:2px 0 96px}
.band-blue .sec-h h2{color:var(--cream)}.band-blue .more{color:var(--cream)}
.band-blue .fmt{background:var(--card);color:var(--ink);border:0}
.band-blue .fmt p{color:var(--muted)}.band-blue .fmt .fmt-n{color:var(--blue)}
.band-blue .fmt-doc{background:var(--ink);color:var(--cream)}.band-blue .fmt-doc p{color:rgba(255,248,231,.75)}.band-blue .fmt-doc .fmt-n{color:#7d9bff}

/* новини з колами, як у VCTR */
.ncard{background:var(--card);border:0;border-radius:28px;padding:26px;position:relative}
.ncirc{width:120px;height:120px;border-radius:50%;overflow:hidden;display:block;background:var(--blue);margin-bottom:6px;flex:none}
.ncirc img{width:100%;height:100%;object-fit:cover}
.ncirc-star i{display:block;width:100%;height:100%;background:var(--cream);-webkit-mask:url(/assets/star.svg) center/58% no-repeat;mask:url(/assets/star.svg) center/58% no-repeat}
.nguest{border-top:1px solid var(--line)}

/* рубрики */
.rubs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:96px}
.rub{background:var(--card);border-radius:28px;padding:28px}
.rub-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
.rub-h h3{font-size:clamp(28px,2.6vw,40px);font-weight:900;letter-spacing:-.045em;margin:0}
.rub-in{display:grid;gap:18px}
.rub-eps{display:grid;gap:14px}
.mini{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;column-gap:16px;text-decoration:none}
.mini-img{grid-row:1/3;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#ddd}
.mini-img img{width:100%;height:100%;object-fit:cover}
.mini-img .dur{font-size:10px;right:6px;bottom:6px;padding:2px 6px}
.mini-t{font-weight:800;font-size:15px;line-height:1.25;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mini:hover .mini-t{color:var(--blue)}
.mini-m{font-size:12px;color:var(--muted);margin-top:4px}
.rub-news:empty{display:none}
.rub-news{border-top:2px solid var(--ink);padding-top:14px}
.rub-news .kick{margin-bottom:4px}

/* гості колами */
.circs{display:grid;grid-template-columns:repeat(10,1fr);gap:16px}
.circ{text-decoration:none;text-align:center}
.circ img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;transition:.3s;background:#ddd}
.circ:hover img{transform:scale(1.05)}
.circ span{display:block;font-weight:800;font-size:13px;line-height:1.2;margin-top:10px}

/* соцмережі — овальні кнопки, як у Sebto */
.socials{text-align:center;padding:90px 40px}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.pills a{border:1.5px solid var(--ink);border-radius:999px/50%;padding:20px 38px;font-weight:800;font-size:18px;text-decoration:none;letter-spacing:.02em;text-transform:uppercase;transition:.2s}
.pills a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.cta-cream{background:var(--card);border:0}

@media(max-width:1100px){.grid-4{grid-template-columns:1fr 1fr}.circs{grid-template-columns:repeat(5,1fr)}}
@media(max-width:860px){
.mast{padding:20px 0 10px}.mast-row{flex-direction:column;gap:6px}
.lead-wrap,.rubs{grid-template-columns:1fr}.rubs{margin-top:70px}
.grid-4{grid-template-columns:1fr 1fr;gap:24px 14px}.grid-4 .card-t{font-size:15px}
.circs{grid-template-columns:repeat(3,1fr)}
.mini{grid-template-columns:120px 1fr}
.ncirc{width:90px;height:90px}
.pills a{padding:14px 24px;font-size:15px}.socials{padding:60px 20px}
.box,.rub{padding:22px}.lead-main{padding:12px 12px 20px}
}
.gcard .g-role{color:var(--ink);font-weight:700;font-size:14px;margin-top:6px;-webkit-line-clamp:2}
.gcard .g-about{color:var(--muted);font-size:14px;margin-top:4px;-webkit-line-clamp:2}
.g-role-big{font-size:clamp(18px,1.6vw,22px);font-weight:800;color:var(--blue);margin:0 0 12px;letter-spacing:-.01em}
.circ img{height:auto}
.circ small{display:block;font-size:11px;color:var(--muted);line-height:1.25;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pills a{border-radius:999px}
.socials .kick{justify-content:center}
html,body{overflow-x:clip}

/* ===== v4: динамічна шапка головної ===== */
.mast{padding:0;position:relative;overflow:hidden}
.mast-in{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:center;padding-top:70px;padding-bottom:56px}
.mast .kick{color:var(--muted)}
.dot{width:9px;height:9px;border-radius:50%;background:#ff3b30;display:inline-block;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,59,48,.5)}70%{box-shadow:0 0 0 10px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}
.mast-h{font-size:clamp(46px,7.4vw,118px);font-weight:900;letter-spacing:-.055em;line-height:.92;margin:0}
.rot{display:inline-grid;vertical-align:top;color:var(--blue);font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;font-size:1.1em;line-height:.9;overflow:hidden;height:1.02em}
.rot-w{grid-area:1/1;transform:translateY(110%);opacity:0;transition:transform .55s cubic-bezier(.7,0,.2,1),opacity .4s;white-space:nowrap}
.rot-w.on{transform:none;opacity:1}.rot-w.out{transform:translateY(-110%);opacity:0}
.mast-stats{display:flex;gap:48px;margin-top:40px;flex-wrap:wrap}
.mast-stats b{display:block;font-size:clamp(34px,3.4vw,52px);font-weight:900;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.mast-stats span{font-size:13px;color:var(--muted);font-weight:600}
.mast-star{aspect-ratio:1;width:100%;background:var(--blue);-webkit-mask:url(/assets/star.svg) center/contain no-repeat;mask:url(/assets/star.svg) center/contain no-repeat;will-change:transform;transition:background .3s}
.mast-star:hover{background:#ff5a1f}
.ticker{display:flex;align-items:stretch;background:var(--ink);color:var(--cream);overflow:hidden}
.ticker-l{flex:none;background:var(--blue);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:16px 22px;position:relative;z-index:1}
.ticker-track{overflow:hidden;flex:1;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-row{display:flex;width:max-content;animation:tick 70s linear infinite}
.ticker:hover .ticker-row{animation-play-state:paused}
.ticker-row a{display:flex;align-items:center;gap:14px;padding:16px 28px 16px 0;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap}
.ticker-row a:hover{color:#7d9bff}.ticker-row i{font-style:normal;color:#7d9bff}
@keyframes tick{to{transform:translateX(-50%)}}
.lead-wrap{margin-top:40px}

/* поява при скролі */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.card-img,.mini-img,.gimg,.circ img,.ncirc{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ncard:hover .ncirc{transform:rotate(-8deg) scale(1.06)}
.ncard:hover .ncirc-star i{animation:spin 3s linear infinite}
.qcard{transition:transform .3s,box-shadow .3s}.qcard:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 22px 40px -28px rgba(11,21,51,.4)}
.fmt:hover{transform:translateY(-6px) rotate(-.6deg)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.ticker-row,.dot{animation:none}.rot-w{transition:none}}
@media(max-width:860px){.mast-in{grid-template-columns:1fr;padding-top:36px;padding-bottom:30px}.mast-star{position:absolute;width:220px;right:-70px;top:10px;opacity:.12;z-index:-1}.mast-stats{gap:24px}.ticker-l{padding:14px 14px;font-size:11px}.ticker-row a{font-size:14px;padding:14px 22px 14px 0}}
@media(max-width:860px){.mast .kick #today,.mast .kick .sep{display:none}.mast-stats div{min-width:40%}}

/* без перенесень у підписах і без «вдів» у текстах */
.kick,.kick *,.tag,.btn,.chip,.nav a,.more,.nmeta,.card-meta span,.mini-m,.nfeed time,.mast-stats span,.gph-meta,.fcount,.qplay,.ticker-l{white-space:nowrap}
.kick{flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}
h1,h2,h3,.card-t,.mini-t,.ncard b,.nfeed span,.gcard b,.circ span,.cta h3,.fmt h3,.offer h3,.rub-h h3{text-wrap:balance}
p,.lead,.nlead,.g-about,.g-role,.qcard blockquote,.bridge blockquote,.a-body p,.card-g,.fmt p,.offer p,.cta p{text-wrap:pretty}
.mast .kick{display:flex;gap:10px}
@media(max-width:1100px){.mast .kick #today,.mast .kick .sep{display:none}}

/* стрічка новин дорівнює висоті картки випуску, решта — за посиланням */
.lead-wrap{align-items:stretch}
.latest-news{contain:size;display:flex;flex-direction:column;min-height:0}
.latest-news .box-h h2{white-space:nowrap;font-size:22px}
.latest-news .nfeed{flex:1;min-height:0;overflow:hidden;position:relative}
.latest-news .nfeed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--card));pointer-events:none}
.latest-more{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;margin-top:10px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap}
.latest-more:hover{background:var(--blue-d)}
@media(max-width:860px){.latest-news{contain:none}.latest-news .nfeed{max-height:520px}}

/* v5: 3 в ряд + гортання */
.fmts,#home-news{grid-template-columns:repeat(3,1fr)!important}
.fmt h3{font-size:clamp(22px,2.2vw,30px)}
.rubs{display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.rubs::-webkit-scrollbar{display:none}
.rub{flex:0 0 calc((100% - 40px)/2.3);scroll-snap-align:start;min-width:0}
.rubs-wrap{position:relative;margin-top:96px}.rubs-wrap .rubs{margin-top:0}
.rubs-nav{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}
.rubs-nav button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);background:none;font-size:22px;cursor:pointer;color:var(--ink);transition:.2s}
.rubs-nav button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
@media(max-width:860px){
.fmts,#home-news{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px}
.fmts::-webkit-scrollbar,#home-news::-webkit-scrollbar{display:none}
.fmts>*,#home-news>*{flex:0 0 82%;scroll-snap-align:start}
.rub{flex-basis:88%}.rubs-wrap{margin-top:70px}.rubs-nav{display:none}
}
.rub{overflow:hidden}.mini{grid-template-columns:150px minmax(0,1fr)}
@media(max-width:1100px){.mini{grid-template-columns:110px minmax(0,1fr)}.mini-t{font-size:14px}}

/* v6: правило «картки в ряд, гортаються» + лише фірмові кольори */
.tag-profesia{background:var(--cream);color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}
.tag-new{background:var(--blue)}
.fsec-profesia .fsec-h h2{color:var(--ink)}
.dot{background:var(--blue)}
.mast-star:hover{background:var(--ink)}
.row{display:flex!important;flex-wrap:nowrap;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.row::-webkit-scrollbar{display:none}
.row>*{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}
.grid-4.row>*{flex-basis:calc((100% - 60px)/4)}
.circs.row{gap:16px}.circs.row>*{flex-basis:calc((100% - 144px)/10)}
.row-nav{display:inline-flex;gap:8px;margin-left:16px;vertical-align:middle}
.row-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;background:none;color:inherit;font-size:18px;cursor:pointer;transition:.2s}
.row-nav button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.sec-h .more{white-space:nowrap}
@media(max-width:1100px){.grid-4.row>*{flex-basis:calc((100% - 40px)/3)}.circs.row>*{flex-basis:calc((100% - 80px)/6)}}
@media(max-width:860px){.row{gap:14px}.row>*,.grid-4.row>*{flex-basis:82%}.circs.row>*{flex-basis:28%}.row-nav{display:none}}
.sec-h>h2{margin-right:auto}
.pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;max-width:max-content;margin:0 auto}.pills::-webkit-scrollbar{display:none}.pills a{flex:none;white-space:nowrap}@media(max-width:1100px){.pills a{padding:16px 26px;font-size:15px}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,71,255,.45)}70%{box-shadow:0 0 0 10px rgba(0,71,255,0)}100%{box-shadow:0 0 0 0 rgba(0,71,255,0)}}
.mast .kick{overflow:visible;flex-wrap:nowrap;white-space:nowrap}
@media(max-width:860px){.mast-txt{min-width:0;grid-column:1/-1}.mast .kick{font-size:11px;letter-spacing:.1em}}
@media(max-width:380px){.mast .kick{letter-spacing:.06em}}
.ft-big{white-space:nowrap;font-size:min(6.4vw,124px)}
.cta h3{font-size:clamp(26px,3.2vw,48px);white-space:nowrap}
@media(max-width:860px){
.mini{grid-template-columns:1fr;grid-template-rows:auto;row-gap:8px}.mini-img{grid-row:auto}
.mini-t{font-size:15px;-webkit-line-clamp:2}
}
.circs.row>*{flex-basis:calc((100% - 112px)/8)}
.circ span{font-size:13px}
@media(max-width:1100px){.circs.row>*{flex-basis:calc((100% - 64px)/5)}}
@media(max-width:860px){.circs.row>*{flex-basis:38%}}
.circ{container-type:inline-size}.circ span{white-space:nowrap;font-size:min(13px,7.6cqi)}
.fmt{container-type:inline-size}.fmt h3{white-space:nowrap;font-size:min(30px,calc((100cqi - 64px)/12.5))}
p,span,blockquote,b{hyphens:manual}
@media(max-width:1100px) and (min-width:861px){.rub{flex-basis:62%}}
.mast-h .nw{white-space:nowrap}@media(max-width:600px){.mast-h{font-size:11vw}}
