@layer components{.s-chero--start .video-card{--color-video-card-shade-wide: linear-gradient(180deg, rgba(28, 29, 32, 0) 20%, rgba(28, 29, 32, .82) 62%, var(--color-graphite) 92%), linear-gradient(90deg, rgba(28, 29, 32, .7) 0%, rgba(28, 29, 32, 0) 45%);--color-video-card-shade-stack: linear-gradient(180deg, rgba(28, 29, 32, 0) 25%, rgba(28, 29, 32, .8) 55%, var(--color-graphite) 72%);--color-video-card-shade-phone: linear-gradient(180deg, rgba(28, 29, 32, 0) 25%, rgba(28, 29, 32, .82) 52%, var(--color-graphite) 400px)}.s-chero--start .video-card__h1{max-width:16.8em}@media(min-width:1200px){.s-chero--start .video-card{max-height:clamp(400px,calc(100svh / var(--z, 1) - 220px),480px);min-height:400px}}@media not (min-width:1200px){.s-chero--start .video-card{min-height:0;padding-top:300px}.s-chero--start .video-card__media{height:440px}}@media(not (min-width:1200px))and (not (min-height:500px)){.s-chero--start .video-card{padding-top:180px}}@media not (min-width:768px){.s-chero--start .video-card{padding-top:236px}.s-chero--start .video-card__media{height:400px}.s-chero--start .video-card__h1{max-width:none;font-size:min(28px,calc((100vw - 72px) / 14.9));line-height:1.1}}}
@layer components{.graphic-card{--st-ui: 14px;--st-cycle: 6.4s;--st-text: var(--color-graphite-2);--st-green-shine: linear-gradient(90deg, rgba(166, 237, 0, 0), rgba(166, 237, 0, .75) 50%, rgba(166, 237, 0, 0));--st-green-ring: conic-gradient(from var(--st-a), rgba(166, 237, 0, 0) 0deg, rgba(166, 237, 0, 0) 200deg, var(--color-green) 300deg, rgba(166, 237, 0, 0) 360deg);--st-green-area: rgba(166, 237, 0, .18);--st-shadow-win: 0 12px 32px rgba(28, 29, 32, .08), 0 0 0 1px rgba(28, 29, 32, .04);--st-shadow-pill: 0 10px 24px rgba(28, 29, 32, .18);--st-shadow-pill-light: 0 10px 24px rgba(28, 29, 32, .1), 0 0 0 1px rgba(28, 29, 32, .05);--st-swatch-1: #c8b691;--st-swatch-3: #f2eee6;--st-brand-alfa: #ef3124;--st-brand-ozon: #005bff;--st-brand-wb-1: #cb11ab;--st-brand-wb-2: #481173;--st-brand-cdek: #1ab248;--st-brand-5post: #e30613}.graphic-card{grid-column:span 2;display:flex;flex-direction:column;padding:var(--spacing-2) var(--spacing-2) 0;background:var(--color-white);border-radius:var(--radius-card);overflow:hidden}.graphic-card--wide{grid-column:span 3}.graphic-card__body{display:flex;flex-direction:column;gap:var(--spacing-4);padding:28px 20px 32px}.graphic-card__title{font-stretch:var(--font-stretch-hyper);font-weight:var(--font-weight-bold);font-size:var(--text-card-title);line-height:var(--text-card-title--line-height);letter-spacing:-.01em}.graphic-card__text{max-width:560px;color:var(--st-text)}.graphic-card__scene{position:relative;height:260px;flex:none;display:grid;place-items:center;padding:var(--spacing-6);background:var(--color-mist);border-radius:var(--radius-widget);overflow:hidden}.graphic-card--wide .graphic-card__scene{height:300px}@media not (min-width:1200px){.graphic-card,.graphic-card--wide{grid-column:span 3}.graphic-card:last-child{grid-column:1 / -1}.graphic-card__scene{height:280px}.graphic-card--wide .graphic-card__scene{height:300px}}@media not (min-width:768px){.graphic-card,.graphic-card--wide,.graphic-card:last-child{grid-column:auto}.graphic-card{border-radius:var(--radius-window)}.graphic-card--wide .graphic-card__scene,.graphic-card__scene{height:auto;min-height:240px;padding:var(--spacing-6) 16px 32px;border-radius:14px}.graphic-card__body{gap:12px;padding:var(--spacing-6) 12px var(--spacing-6)}.graphic-card__title{font-size:22px;line-height:26px}.graphic-card__text{font-size:var(--text-body);line-height:var(--text-body--line-height)}}}
@layer components{.st-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spacing-1)}@media not (min-width:768px){.st-grid{grid-template-columns:minmax(0,1fr);gap:var(--spacing-2)}}.s-st{padding-top:var(--spacing-10)}@media not (min-width:1200px){.s-st{padding-top:32px}}@media not (min-width:768px){.s-st{padding-top:var(--spacing-6)}}}