Маркетинг без хаоса
ВПО
.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%,
...
Главная
.azhero27 {
--az-violet:#5A42E8;
--az-cyan:#48D9F5;
--az-ink:#111827;
--az-muted:#435061;
--az-line:rgba(30,38,52,.20);
--az-ease:cubic-bezier(.22,1,.36,1);
--az-h1:clamp(2.25rem,3.0cqi,3.15rem);
--az-body:clamp(1rem,1.02cqi,1.08rem);
--az-ui:clamp(.84rem,.86cqi,.90rem);
position:relative;
container-type:inline-size;
isolation:isolate;
color:var(--az-ink);
font-family:inherit;
}
.azhero27,
.azhero27 * {
box-sizing:border-box;
}
.azhero27__scene {
position:relative;
overflow:clip;
}
.azhero27__mobile-identity,
.azhero27__role-mobile {
...