Маркетинг без хаоса
ВПО
.vpo-hero-v02,
.vpo-hero-v02 * { box-sizing:border-box; }
.vpo-hero-v02 {
position:relative;
min-width:0;
overflow-x:clip;
}
.vpo-hero-v02__grid {
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:var(--az-space-6);
align-items:center;
}
.vpo-hero-v02__copy {
grid-column:1 / span 5;
min-width:0;
}
.vpo-hero-v02__kicker {
display:flex;
flex-wrap:wrap;
align-items:center;
column-gap:.42rem;
row-gap:var(--az-space-2);
margin-bottom:var(--az-space-5);
}
.vpo-hero-v02__marker {
width:1.9rem;
height:.65rem;
display:flex;
...
315920
.liga2-hero,
.liga2-hero * { box-sizing:border-box; }
.liga2-hero {
position:relative;
min-width:0;
overflow-x:clip;
}
.liga2-hero__grid {
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:var(--az-space-6);
align-items:center;
}
.liga2-hero__copy {
grid-column:1 / span 5;
min-width:0;
}
.liga2-hero__kicker {
display:flex;
flex-wrap:wrap;
align-items:center;
column-gap:.42rem;
row-gap:var(--az-space-2);
margin-bottom:var(--az-space-5);
}
.liga2-hero__marker {
width:1.9rem;
height:.65rem;
display:flex;
align-items:center;
...
мк
.mk6-hero,
.mk6-hero * { box-sizing:border-box; }
.mk6-hero {
position:relative;
min-width:0;
overflow-x:clip;
}
.mk6-hero__grid {
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:var(--az-space-6);
align-items:center;
}
.mk6-hero__copy {
grid-column:1 / span 5;
min-width:0;
}
.mk6-hero__media {
grid-column:6 / -1;
position:relative;
min-width:0;
margin:0;
padding:2px;
overflow:hidden;
aspect-ratio:2.35/1;
border-radius:var(--az-radius-lg);
background:linear-gradient(
135deg,
rgba(255,255,255,.98) 0%,
...
Главная
#p315920-home-s01-v02 {
position: relative;
isolation: isolate;
overflow: hidden;
border-radius: var(--p315920-radius-inset);
background:
radial-gradient(90% 130% at 6% 2%, var(--p315920-color-surface) 0%, transparent 58%),
linear-gradient(135deg, var(--p315920-color-bg-default) 0%, var(--p315920-color-bg-alternate) 100%);
}
#p315920-home-s01-v02 .p315920-home-s01__grid {
display: grid;
grid-template-columns: minmax(0, 1.28fr) minmax(19rem, .72fr);
min-block-size: clamp(32rem, 68vh, 44rem);
}
#p315920-home-s01-v02 .p315920-home-s01__content {
display:...