
/* Компоненты статьи и их состояния. */
body.nvm-page--article .nvm-prose :where(.glow-hero__image) { box-sizing: border-box; max-width: 100%; height: auto; }
#nvm-main figure:is(.glow-hero__media) {
  box-sizing: border-box;
  position: relative;
  width: min(100%, var(--nvm-photo-w));
  max-width: var(--nvm-photo-w);
  aspect-ratio: var(--nvm-photo-ratio);
  height: auto;
  overflow: hidden;
  border: 0;
  box-shadow: none;
  border-radius: var(--nvm-ed-r-lg, 20px);
}
#nvm-main figure:is(.acne-hero__media) > :where(.glow-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.glow-hero__media) > :where(.acne-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.glow-hero__media) > :where(.glow-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.glow-hero__media) > :where(.ico-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.glow-hero__media) > :where(.lip-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.glow-hero__media) > :where(.trends-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.ico-hero__media) > :where(.glow-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.lip-hero__media) > :where(.glow-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.trends-hero__media) > :where(.glow-hero__image) {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center top;
}
#nvm-main figure:is(.glow-hero__media) > figcaption {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--nvm-photo-caption-h);
  min-height: var(--nvm-photo-caption-h);
  max-height: var(--nvm-photo-caption-h);
  margin: 0;
  padding: var(--nvm-ed-s2) var(--nvm-ed-s4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html body .rsl-article .glow-hero { margin: var(--nvm-ed-s6) auto 0; row-gap: var(--nvm-ed-s6); }
html body .rsl-article .glow-hero__meta { gap: var(--nvm-ed-s2) var(--nvm-ed-s5); }
html body .rsl-article .glow-btn { gap: var(--nvm-ed-s3); box-sizing: border-box; padding: var(--nvm-ed-s4) var(--nvm-ed-s6); }
@media (min-width: 768px) and (max-width: 1199.98px) {
html body .rsl-article .glow-hero { column-gap: var(--nvm-ed-gutter-lg); }
}
@media (max-width: 767px) {
#nvm-main header.glow-hero > .glow-hero__copy { order: 1; grid-row: auto; }
}
@media (max-width: 767px) {
#nvm-main header.glow-hero > .glow-hero__media { order: 2; grid-row: auto; }
}
@media (max-width: 767px) {
#nvm-main header.glow-hero > .glow-hero__actions { order: 3; grid-row: auto; }
}
html body #rsl-article .glow-btn { border: 1px solid var(--nvm-ed-line); }
html body #rsl-article .glow-btn--primary { border: 0}
html body #rsl-article .glow-btn--ghost:hover { border-color: var(--nvm-ed-mint); }
html body #rsl-article .glow-hero__media { border-radius: var(--nvm-ed-r-img); box-shadow: var(--nvm-ed-shadow-photo); }
html body .rsl-article .glow-hero__media { border: 1px solid var(--nvm-ed-line); box-shadow: var(--nvm-ed-shadow-photo); }
html body .rsl-article .glow-btn--primary { box-shadow: var(--nvm-ed-shadow-lift); border: 0}
html body .rsl-article .glow-btn--primary:hover { box-shadow: var(--nvm-ed-shadow-lift)}
html body .rsl-article .glow-btn--ghost { border: 1px solid var(--nvm-ed-line); }
html body .rsl-article .glow-btn--ghost:hover { border-color: var(--nvm-ed-mint); }
body.nvm-page--article #nvm-main figure:is(.glow-hero__media) { overflow: clip; }
body.nvm-page--article #nvm-main figure:is(.glow-hero__media) > figcaption { position: static; height: auto; min-height: 0; max-height: none; overflow: visible; }
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) { margin-top: 0; }
@media (min-width: 821px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__media) { margin-top: 32px; }
}
@media (min-width: 821px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__media) { margin-top: 32px; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__copy) { order: 1; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__media) { order: 2; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.trends-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.glow-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.ico-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.acne-hero__actions) { order: 3; grid-row: auto; }
}
@media (max-width: 820px) {
#nvm-main header:is(.glow-hero):has(.nvm-breadcrumbs) > :is(.lip-hero__topics) { order: 3; grid-row: auto; }
}
.nvm-page :is(.trends-cta) :is(.glow-btn--primary):focus-visible {
  outline-color: var(--nvm-color-on-dark-action);
}
.nvm-page :is(.glow-cta) :is(.glow-btn--primary):focus-visible {
  outline-color: var(--nvm-color-on-dark-action);
}
.nvm-page :is(.ico-cta) :is(.glow-btn--primary):focus-visible {
  outline-color: var(--nvm-color-on-dark-action);
}
.nvm-page :is(.acne-cta) :is(.glow-btn--primary):focus-visible {
  outline-color: var(--nvm-color-on-dark-action);
}
.rsl-article .glow-hero {width:min(1240px,calc(100% - 40px));margin:26px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);grid-template-areas:"copy media" "actions media";column-gap:clamp(40px,5vw,100px);row-gap:26px;align-items:start}
.rsl-article .glow-hero__copy {grid-area:copy;min-width:0}
.rsl-article .glow-hero__title {max-width:720px;color:var(--ink);text-wrap:balance}
.rsl-article .glow-hero__title span {color:var(--coral)}
.rsl-article .glow-hero__lead {max-width:640px;font:400 17px/1.7 var(--nvm-ed-font-sans)}
.rsl-article .glow-hero__meta {display:flex;align-items:center;flex-wrap:wrap;gap:var(--nvm-ed-s2) 18px;margin:var(--nvm-ed-s5) 0 0;color:var(--muted);font:400 12px/1.6 var(--nvm-ed-font-sans)}
.rsl-article .glow-hero__meta span:first-child {color:var(--mint);font-weight:600}
.rsl-article .glow-hero__media {grid-area:media;width:100%;max-width:420px;justify-self:end;margin:0;padding:var(--nvm-ed-s1) var(--nvm-ed-s1) 0;border:1px solid var(--nvm-color-line, #e2e8e4);border-radius:var(--nvm-ed-r-sm);background:var(--nvm-color-surface, #fff);box-shadow:0 18px 40px rgba(15,23,42,.10)}
.rsl-article .glow-hero__image {display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:var(--nvm-ed-r-img)}
.rsl-article .glow-hero__actions {grid-area:actions;display:flex;flex-wrap:wrap;gap:var(--nvm-ed-s3)}
.rsl-article .glow-btn {display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:var(--nvm-ed-r-pill);font:600 15px/1 var(--nvm-ed-font-sans);text-decoration:none}
@media (prefers-reduced-motion: no-preference) {
.rsl-article .glow-btn {transition:transform .2s ease,box-shadow .2s ease}
}
.rsl-article .glow-btn--primary {background:var(--nvm-h-cta);box-shadow:0 10px 24px color-mix(in srgb, var(--nvm-h-cta) 28%, transparent); border: 0}
.rsl-article .glow-btn--primary:hover {transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb, var(--nvm-h-cta) 34%, transparent)}
.rsl-article .glow-btn--ghost {border:1px solid var(--line);background:var(--nvm-color-surface, #fff)}
.rsl-article .glow-btn--ghost:hover {border-color:var(--mint);color:var(--mint)}
@media(max-width:900px) {
.rsl-article .glow-hero {grid-template-columns:1fr;grid-template-areas:"media" "copy" "actions"}
}
@media(max-width:900px) {
.rsl-article .glow-hero__media {justify-self:start;max-width:100%}
}
@media(max-width:900px) {
.rsl-article .glow-hero__actions {display:grid;grid-template-columns:1fr;gap:var(--nvm-ed-s3);width:100%}
}
@media(max-width:900px) {
.rsl-article .glow-hero__actions .glow-btn {width:100%;justify-content:center;box-sizing:border-box}
}
.rsl-article .glow-hero__image {object-fit:contain;background:#f3f1ed;max-height:none}
.rsl-article .glow-hero__meta a {text-decoration:none}
.rsl-article .glow-hero__meta a:hover {text-decoration:underline}
.rsl-article .glow-hero__actions {align-self:start}
.rsl-article .glow-btn:focus-visible {outline:3px solid var(--nvm-color-link, #1a7f74);outline-offset:4px}
@media(max-width:900px) {
.rsl-article .glow-hero__actions .glow-btn {min-height:46px}
}

#rsl-article .glow-hero{width:100%;max-width:1240px;margin:26px auto 0;display:grid;grid-template-columns:minmax(0,720px) 420px;grid-template-areas:"copy media" "actions media";justify-content:space-between;column-gap:100px;row-gap:26px;align-items:start}
#rsl-article .glow-hero__copy{grid-area:copy;min-width:0}
#rsl-article .glow-hero__title{margin:0;max-width:720px;
  font-style: normal; font-weight: 400; font-size: 48px; line-height: 1;letter-spacing:-.025em;color:var(--nvm-color-ink, #0f172a);text-wrap:balance}
#rsl-article .glow-hero__title span{color:var(--nvm-color-action, #bc5850)}
#rsl-article .glow-hero__lead{margin:var(--nvm-ed-s5) 0 0;max-width:640px;font:400 16px/1.65 var(--nvm-ed-font-sans);color:var(--nvm-color-ink, #3b484c)}
#rsl-article .glow-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--nvm-ed-s2) 18px;margin:var(--nvm-ed-s5) 0 0;color:var(--nvm-color-muted, #5c666a);font:400 12px/1.6 var(--nvm-ed-font-sans)}
#rsl-article .glow-hero__meta span:first-child{color:var(--nvm-color-link, #1a7f74);font-weight:600}
#rsl-article .glow-hero__actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nvm-ed-s5);width:720px;max-width:100%;align-self:end}
#rsl-article .glow-btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;border:1px solid var(--nvm-color-line, #d8e2e0);border-radius:var(--nvm-ed-r-pill);background:var(--nvm-color-surface, #fff);color:var(--nvm-color-ink, #0f172a);font:600 16px/1 var(--nvm-ed-font-sans);text-decoration:none}
@media (prefers-reduced-motion: no-preference) {
#rsl-article .glow-btn{transition:background .2s ease,border-color .2s ease,color .2s ease}}
#rsl-article .glow-btn--primary{background:var(--nvm-h-cta);color:var(--nvm-h-cta-ink); border: 0}
#rsl-article .glow-btn--ghost:hover{border-color:var(--nvm-color-link, #1a7f74);color:var(--nvm-color-link, #1a7f74)}
#rsl-article .glow-hero__media{grid-area:media;width:420px;max-width:100%;justify-self:end;margin:0;padding:0;border:4px solid var(--nvm-color-surface, #fff);border-radius:10px;background:var(--nvm-color-surface, #fff);box-shadow:0 18px 40px rgba(15,23,42,.14);overflow:hidden}
#rsl-article .glow-hero__image{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
@media(max-width:1100px){
#rsl-article .glow-hero{grid-template-columns:minmax(0,1fr) 320px;column-gap:32px}
#rsl-article .glow-hero__media{width:320px}
#rsl-article .glow-hero__title{font-size:clamp(32px,3.4vw,44px)}
#rsl-article .glow-hero__actions{width:100%}
}
@media(max-width:820px){
#rsl-article .glow-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "copy" "actions";gap:var(--nvm-ed-s6);width:calc(100% - 32px);margin:var(--nvm-ed-s5) auto 0}
#rsl-article .glow-hero__title{font-size:clamp(28px,7.4vw,34px);line-height:1.12}
#rsl-article .glow-hero__lead{font-size:15px;margin-top:var(--nvm-ed-s4)}
#rsl-article .glow-hero__media{width:100%;max-width:380px;justify-self:center}
#rsl-article .glow-hero__actions{grid-template-columns:1fr}
#rsl-article .glow-btn{height:52px;width:100%}
}
