@page {
size: A4 portrait;
margin: 14mm 12mm 16mm;
}
.marq__line:first-child .client:nth-child(even),
.marq__line--back .client:nth-child(odd) {
display: grid;
}
.marq__line {
zoom: 1;
overflow: visible;
margin-top: 0;
}
.proj:not(.proj--flag):not(.proj--all) {
grid-template-columns: 22mm minmax(0, 1fr);
column-gap: 4mm;
padding: 2mm 0;
align-items: start;
}
.proj:not(.proj--flag):not(.proj--all) .proj__cover {
width: 22mm;
}
.toolgroup,
.toolgroup__body {
display: contents;
}
.toolgroup__head {
display: none;
}
.toolgroup__body .tool__tag {
display: block;
}
.toolgroup__body .tool {
padding-right: 3mm;
}
.rank__row {
grid-template-columns: 1.6rem minmax(0, 1fr) 1fr auto;
row-gap: 0;
}
.rank__pos, .rank__name, .rank__val, .rank__track {
grid-column: auto;
grid-row: auto;
}
.plan__title {
grid-column: auto;
margin-bottom: 0;
}
.plan__row--head {
position: static;
padding: 0;
margin-bottom: 1mm;
border-bottom: .5pt solid #b8b8b8;
}
.plan__row--head .plan__title {
display: block;
}
.plan__cell {
height: auto;
}
.plan__sum {
display: flex;
flex-wrap: wrap;
}
html, body {
background: #fff;
color: #000;
}
body {
padding-left: 0;
font-size: 10pt;
line-height: 1.5;
}
.band,
.band--dark,
.band--dark-2,
.band--light,
.band--light-2,
.band--clients {
background: #fff !important;
color: #000 !important;
--fg: #000;
--soft: #222;
--muted: #444;
--line: #b8b8b8;
--surface: #fff;
}
.band {
padding: 0 0 8mm;
break-inside: auto;
}
.wrap {
max-width: none;
padding: 0;
container-type: normal;
}
*,
*::before,
*::after {
transition: none !important;
animation: none !important;
}
.reveal,
[data-anim] {
opacity: 1 !important;
transform: none !important;
}
.top,
.side,
.actionbar,
.progress,
.skip,
.burger,
.band--steps,
.plan__actions,
.plan__toast,
.plan__ghint,
.form-actions,
.attach,
.marq__line--back,
.marq__run[aria-hidden='true'],
.tool-filter,
.faq__n,
.tool__ico,
.kpi__ic,
.groups__ic,
.path {
display: none !important;
}
.band--glow::before,
.band--glow::after {
display: none !important;
}
.chips .chip,
.tabs .tab {
display: none;
}
.chips .chip[aria-pressed='true'],
.tabs .tab[aria-pressed='true'] {
display: inline-block;
border: 1px solid #000;
border-radius: var(--r-badge);
padding: 1mm 3mm;
font-size: 8.5pt;
color: #000;
background: none;
}
.pick,
.selbox {
display: none !important;
}
.h2,
.brow,
.pitch__title,
.stat__title,
.plan__row--group,
h1, h2, h3 {
break-after: avoid;
break-inside: avoid;
}
.kpi__item,
.groups__item,
.tool,
.tile,
.proj,
.pitch__item,
.notes__item,
.fest__fact,
.bars__row,
.rank__row,
.plan__row,
.chart {
break-inside: avoid;
}
.src,
.chart__note {
break-before: avoid;
}
.printhead {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 6mm;
padding-bottom: 4mm;
margin-bottom: 8mm;
border-bottom: 1.5pt solid #000;
break-after: avoid;
}
.printhead__logo {
width: 38mm;
height: auto;
}
.printhead__meta {
text-align: right;
font-family: var(--font-mono);
font-size: 8.5pt;
line-height: 1.6;
color: #333;
}
.printhead__title {
font-family: var(--font-display);
font-weight: 800;
font-size: 12pt;
color: #000;
margin: 0 0 .5mm;
}
.printhead__line {
margin: 0;
}
.h2 {
font-size: 17pt;
line-height: 1.12;
margin-bottom: 2mm;
max-width: none;
}
.pitch__title {
font-size: 15pt;
max-width: none;
}
.pitch__title em {
color: #000;
}
.lead,
.faq__a,
.faq__q,
.notes__text,
.contacts__item span,
.plan__disclaimer,
.src,
.chart__note,
.foot__note {
max-width: 125mm;
}
.lead {
font-size: 10.5pt;
font-weight: 400;
color: #222;
margin-bottom: 5mm;
}
.brow {
color: #000;
font-size: 8pt;
margin-bottom: 2mm;
}
.src,
.chart__note {
font-size: 7.5pt;
color: #444;
}
.hero__num {
font-size: 44pt !important;
}
.hero__label {
font-size: 12pt;
}
:root,
[data-palette] {
--accent: #5b8cff;
--accent-2: #e2725b;
--accent-3: #57d3a8;
}
.kpi__num--accent,
.groups__num,
.fest__fact b,
.plan__sum b,
.hero__num {
color: var(--accent);
}
.pitch__item b,
.kpi__num--accent,
.groups__num,
.fest__fact b,
.plan__sum b,
.hero__num,
.client__img {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.tool--alt .tool__ico,
.tool--alt .tool__tag {
color: var(--accent-2) !important;
}
.sum li,
.sum__row--reach li {
border-color: #b8b8b8 !important;
}
.sum b,
.sum__row--reach b {
color: #000 !important;
}
.sum__label {
color: #444;
}
.bento,
.tools,
.kpi,
.groups,
.pitch,
.projects,
.cols,
.notes,
.fest__facts {
display: grid !important;
}
.bento {
grid-template-columns: repeat(3, 1fr) !important;
gap: 3mm;
}
.tile--lg {
grid-column: span 3;
grid-row: auto;
}
.kpi {
grid-template-columns: repeat(4, 1fr);
gap: 3mm;
margin-top: 5mm;
}
.groups {
grid-template-columns: repeat(2, 1fr);
gap: 4mm;
}
.pitch {
grid-template-columns: repeat(3, 1fr);
gap: 5mm;
}
.projects {
grid-template-columns: repeat(2, 1fr);
gap: 4mm;
}
.proj--flag {
order: -1;
grid-column: auto;
grid-template-columns: 1fr;
column-gap: 0;
padding: 0 0 3mm;
border-radius: 0;
background: none;
box-shadow: none;
border-bottom: .5pt solid #ddd;
}
.proj--flag .proj__cover {
width: auto;
aspect-ratio: 16 / 9;
max-height: 44mm;
border-radius: var(--r-badge);
overflow: hidden;
}
.proj--flag .proj__body {
display: block;
padding: 2mm 0 0;
}
.projects {
align-items: start;
}
.proj__desc {
font-size: 8.5pt;
}
.cols {
grid-template-columns: repeat(2, 1fr);
gap: 6mm;
}
.tools {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 3mm;
}
.kpi__item,
.groups__item,
.tool,
.tile,
.rank,
.mock {
border: .75pt solid #b8b8b8 !important;
background: none !important;
color: #000 !important;
padding: 3mm;
}
.tool {
padding-right: 3mm;
grid-template-columns: minmax(0, 1fr);
}
.tool__tag,
.toolgroup__body .tool__tag {
position: static;
justify-self: start;
margin-top: 1mm;
display: inline-block;
}
.tool {
print-color-adjust: exact;
}
.tool[data-group='mobile'],
.tool[data-group='desktop'] {
border-color: var(--accent) !important;
background: color-mix(in srgb, var(--accent) 12%, #fff) !important;
}
.tool[data-group='text'] {
border-color: var(--accent-2) !important;
background: color-mix(in srgb, var(--accent-2) 12%, #fff) !important;
}
.tool[data-group='social'] {
border-color: var(--accent-3) !important;
background: color-mix(in srgb, var(--accent-3) 14%, #fff) !important;
}
.tool[data-group='mobile'] .tool__tag,
.tool[data-group='desktop'] .tool__tag {
border-color: var(--accent);
color: color-mix(in srgb, var(--accent) 70%, #000) !important;
}
.tool[data-group='text'] .tool__tag {
border-color: var(--accent-2);
color: color-mix(in srgb, var(--accent-2) 70%, #000) !important;
}
.tool[data-group='social'] .tool__tag {
border-color: var(--accent-3);
color: color-mix(in srgb, var(--accent-3) 70%, #000) !important;
}
.tool--accent,
.tool--alt {
border-width: 1.5pt !important;
}
.tool__tag {
background: none !important;
border: .4pt solid #b8b8b8;
font-size: 6.5pt;
}
.tool__meta,
.tile__cap,
.groups__note,
.kpi__cap {
color: #444 !important;
}
.bars__track,
.rank__track {
background: none !important;
border: .5pt solid #ccc;
height: 2mm;
border-radius: 0;
}
.bars__fill,
.rank__fill {
background: none !important;
border-radius: 0;
border-top: 2mm solid var(--accent);
height: 0;
}
.bars__fill--alt {
border-top-color: var(--accent-2);
}
.bars__val,
.rank__val {
color: #000;
font-weight: 700;
}
.chart {
margin-top: 4mm;
}
.ch__dot,
.ch__mile {
fill: #fff !important;
}
.ch__path,
.ch__area,
.ch__bar,
.ch__mile,
.ch__cut {
opacity: 1 !important;
transform: none !important;
stroke-dashoffset: 0 !important;
}
.ch__area {
opacity: .12 !important;
}
.ch__grid,
.ch__stem {
stroke: #ccc !important;
}
.ch__tick,
.ch__axis {
fill: #444 !important;
}
.ch__path--alt {
stroke-dasharray: 7 4 !important;
}
.legend__key--alt {
border-top-style: dashed !important;
}
.ch__cut {
opacity: .8 !important;
}
.fest {
grid-template-columns: 1fr 68mm;
gap: 6mm;
margin-top: 6mm;
padding-top: 4mm;
align-items: start;
}
.fest__facts {
grid-template-columns: repeat(5, 1fr) !important;
gap: 3mm;
}
.fest__fact b {
font-size: 15pt;
}
.fest__fact span {
font-size: 7.5pt;
}
.fest__photo {
min-height: 0;
max-height: 52mm;
}
.fest__photo img {
max-height: 52mm;
object-fit: cover;
}
.slider__dots,
.slider__pause {
display: none !important;
}
.slider {
height: auto;
}
.slider__track {
transform: none !important;
}
.slider__slide:not(:first-child) {
display: none;
}
.marq {
overflow: visible;
background: none !important;
padding: 0;
margin-top: 4mm;
}
.marq__track {
display: block;
width: auto;
animation: none !important;
}
.marq,
.marq__line,
.marq__run,
.client {
break-inside: avoid;
}
.marq__run {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 5mm 4mm;
width: auto;
align-items: center;
justify-items: center;
}
.client {
display: grid;
place-items: center;
width: 100%;
height: 22mm;
}
.client__img {
max-width: 100%;
width: auto;
height: auto;
filter: grayscale(1);
}
.client__img--xwide  { max-height: 4mm; }
.client__img--wide   { max-height: 8mm; }
.client__img--mid    { max-height: 10mm; }
.client__img--square { max-height: 16mm; }
.client__img--ai       { max-height: 22mm; }
.client__img--rosneft  { max-height: 17.6mm; }
.client__img--mts      { max-height: 11.5mm; }
.client__img--uralsib  { max-height: 11.5mm; }
.client__img--zs       { max-height: 9.8mm; }
.client__img--marko-mall { max-height: 7.4mm; }
.client__img--megafon  { max-height: 7.1mm; }
.client__img--arb      { max-height: 6.5mm; }
.client__img--crki     { max-height: 6.5mm; }
.client__img--vtb      { max-height: 6.2mm; }
.client__img--sps      { max-height: 6.2mm; }
.client__img--marmaks  { max-height: 2.9mm; }
.client__img--edinstvo { max-height: 6.2mm; }
.faq__q {
cursor: auto;
break-after: avoid;
padding: 0 0 1mm;
font-size: 10pt;
}
.faq__a {
padding-left: 0;
margin-bottom: 0;
color: #222;
}
.faq__q::-webkit-details-marker {
display: none;
}
.faq__q::after,
.faq__q::before {
display: none !important;
}
.faq__item {
border-bottom: .5pt solid #ccc;
padding-bottom: 2mm;
margin-bottom: 2mm;
}
#leadForm {
display: none !important;
}
.form-grid {
grid-template-columns: 1fr;
}
.contacts .notes {
grid-template-columns: repeat(3, 1fr);
gap: 4mm;
margin-top: 4mm;
padding-top: 3mm;
}
.invmap {
grid-template-columns: 1fr 1fr;
gap: 6mm;
margin-top: 6mm;
}
.invmap > div:first-child {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5mm;
grid-column: 1 / -1;
align-items: start;
}
.mock--mobile,
.mock--desktop {
max-width: none;
margin: 0;
}
#mockTabs {
display: none !important;
}
.mock--mobile::before,
.mock--desktop::before {
font-family: var(--font-mono);
font-size: 7.5pt;
letter-spacing: .12em;
text-transform: uppercase;
color: #444;
}
.mock--mobile::before {
content: 'Мобильная версия';
}
.mock--desktop::before {
content: 'Десктопная версия';
}
.invcard {
display: none !important;
}
.spot {
background: color-mix(in srgb, var(--accent) 12%, transparent) !important;
border: .75pt solid var(--accent) !important;
color: #000 !important;
font-size: 7pt;
print-color-adjust: exact;
}
.spot:not(.spot--full) {
padding: 1.5mm;
min-height: 0 !important;
}
.spot--full {
padding: 0 !important;
align-content: center !important;
}
.spot__hint {
color: #444 !important;
}
.mock__top,
.mock__logo,
.mock__menu i,
.sk__thumb,
.sk__line {
background: none !important;
border: .4pt solid #ddd;
min-height: 1.5mm;
}
.sk__line,
.sk__thumb {
min-height: 1.5mm;
}
.plan__scroll {
overflow: visible;
}
.plan {
min-width: 0;
gap: .6mm;
}
.plan__row {
grid-template-columns: 46mm repeat(12, minmax(0, 1fr));
gap: .6mm;
padding: 1.2mm 0 1.8mm;
}
.plan__row--group {
grid-template-columns: 1fr;
padding: 2mm 0 .5mm;
}
.plan__title {
font-size: 8.5pt;
color: #000;
}
.plan__mon {
font-size: 7pt;
color: #444;
}
.plan__group {
color: #000;
}
.plan__gchev {
display: none;
}
.plan__cell {
background: none !important;
border: .5pt solid #ddd !important;
border-radius: 0;
color: #000 !important;
font-size: 8pt;
min-height: 5mm;
print-color-adjust: exact;
}
.plan__cell.is-on {
border: 1pt solid var(--accent) !important;
background: color-mix(in srgb, var(--accent) 28%, #fff) !important;
font-weight: 700;
}
.plan__cell.is-on[data-group='text'] {
border-color: var(--accent-2) !important;
background: color-mix(in srgb, var(--accent-2) 28%, #fff) !important;
}
.plan__cell.is-on[data-group='social'] {
border-color: var(--accent-3) !important;
background: color-mix(in srgb, var(--accent-3) 32%, #fff) !important;
}
.plan__cell.is-on:not(.is-qty)::after {
content: '●';
font-size: 7pt;
}
.plan__row[data-empty] {
display: none !important;
}
.plan__sum {
margin-top: 4mm;
padding-top: 3mm;
border-top: .75pt solid #000;
font-size: 9pt;
gap: 4mm;
}
.plan__disclaimer {
font-size: 8pt;
color: #333;
}
.foot {
background: none !important;
color: #000 !important;
border-top: .75pt solid #000;
padding: 4mm 0 0;
font-size: 7.5pt;
break-inside: avoid;
}
.foot__in {
max-width: none;
padding: 0;
gap: 3mm;
}
.foot__top {
grid-template-columns: repeat(2, 1fr);
}
.foot__label,
.foot__val,
.foot__note,
.foot__tel,
.foot__mail {
color: #000 !important;
}
.foot__tel,
.foot__mail {
font-size: 9pt;
text-decoration: none;
}
a,
.proj-all {
color: #000;
text-decoration: none;
}
.src a[href^='http']::after {
content: ' (' attr(href) ')';
font-size: 7pt;
color: #444;
word-break: break-all;
}