@import url("/catalogue-ui.css");
@import url("/page-covers.css");


/* Редакционная подборка из брендовых постов. */
.brand-stories{padding:48px var(--gx) 56px;background:#f5f9ff;border-top:1px solid #e6eff8;border-bottom:1px solid #e6eff8;overflow:hidden}.brand-stories-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.brand-stories-head>div{min-width:0}.brand-stories .eyebrow{display:block;margin-bottom:8px;color:#0758d4;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}.brand-stories h2{font-size:clamp(24px,3cqi,36px);line-height:1.15;letter-spacing:-.045em}.brand-stories-head p{margin-top:10px;color:#53647a;font-size:14px;line-height:1.6}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.story-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0 0 14px;border:1px solid #e4edf7;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #163b6809;transition:transform .2s ease,box-shadow .2s ease}.story-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #163b6814}.story-image-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#eaf4ff}.story-image{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.story-card:hover .story-image{transform:scale(1.025)}.story-card.is-changing .story-image{opacity:.12}.story-rubric{display:inline-flex;margin:14px 14px 7px;padding:5px 9px;border-radius:999px;background:#eaf4ff;color:#0758d4;font-size:10px;font-weight:800}.story-image-wrap{align-self:stretch}.story-title{padding:0 14px;font-size:14px;line-height:1.4;letter-spacing:-.02em}.story-note{margin-top:8px;padding:0 14px;color:#485c76;font-size:13px;line-height:1.5;min-height:6em}.story-source{margin:10px 14px 0;margin-top:auto;padding-top:10px;color:#0758d4;font-size:11px;font-weight:700;line-height:1.4;text-decoration:none}.story-source:hover{text-decoration:underline}.story-card.is-changing .story-note,.story-card.is-changing .story-source{opacity:.3}.brand-stories[hidden]{display:none}
@media(max-width:800px){.brand-stories{padding-block:36px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-card{padding-bottom:12px}}
@media(max-width:479px){.brand-stories{padding:32px var(--gx) 40px}.brand-stories-head{display:block;margin-bottom:18px}.brand-stories h2{font-size:25px}.brand-stories-head p{font-size:13px}.story-grid{gap:10px}.story-rubric{margin:10px 10px 6px}.story-title{padding-inline:10px;font-size:12px}.story-note{padding-inline:10px;font-size:12px;min-height:0}.story-source{margin-inline:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-card,.story-image{transition:none}.story-card:hover{transform:none}.story-card:hover .story-image{transform:none}}