h2.hd.hd {
font-size: clamp(30px, 6.25vw, 112px);
font-weight: 500;
line-height: 0.88;
letter-spacing: -0.05em;
white-space: nowrap;
text-align: left;
}
.hd > .hd-ln { display: block; }
.hd .hd-i { display: inline-block; position: relative; }
.hd .hd-red { color: var(--color-6); }
.hd > .hd-in { padding-left: 1.6em; }
.hd--col > .hd-ln { margin-left: 0; }
.hd--col > .hd-in { padding-left: 1.2em; } #konwersja { display: block; padding-left: 0; padding-right: var(--space-1); }
#konwersja .op-say { max-width: none; margin: 0; }
#month .mo-stage { padding-left: 0; }
#month .mo-board, #month .mo-note { margin-left: var(--space-1); margin-right: 0; width: auto; }
#month .mo-note { width: calc(100% - 2 * var(--space-1)); max-width: 1100px; margin: -8px auto 0; text-align: center; line-height: 1.5; }
@media (min-width: 1245px) { #month .mo-board { margin-left: auto; margin-right: auto; } }
#switch .sw-h { margin: 0; }
#prices .pr-h.hd { text-align: center; }
#prices .pr-h.hd > .hd-ln { margin-left: 0; padding-left: 0; }
#faq .fq-h.hd > .hd-ln { margin-left: 0; padding-left: 0; }
#contact .ct-h.hd { text-align: center; }
#contact .ct-h.hd > .hd-ln { margin-left: 0; padding-left: 0; }
#clients .cl-title.hd { font-size: clamp(30px, 6.25vw, 112px); }
@media (max-width: 560px) {
h2.hd.hd { font-size: min(10vw, 46px); line-height: 0.92; }
.hd > .l-b { margin-left: 16vw; }
.hd > .hd-in { padding-left: 0.7em; }
.hd--col > .hd-in { padding-left: 0.6em; }
#clients .cl-title.hd { font-size: min(12vw, 52px); }
} #switch .sw-stage { padding-left: var(--space-1); }
#realizacje .tm-h.hd { text-align: center; }
#realizacje .tm-h.hd > .hd-ln { margin-left: 0; padding-left: 0; }
#switch .sw-body { width: 100%; max-width: 1180px; margin-inline: auto; }
#realizacje .tm-row { width: calc(100% - 2 * var(--space-1)); max-width: 1180px; margin-inline: auto; }
@media (min-width: 701px) {
#switch .sw-body { grid-template-columns: minmax(140px, .75fr) minmax(0, 3fr); }
#switch .sw-old { padding-left: 0; }
#switch .sw-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 40px minmax(24px, 1fr) auto auto; }
#switch .sw-tile { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: span 4; width: 100%; min-width: 0; aspect-ratio: auto; min-height: clamp(190px, 20vw, 270px); }
#switch .sw-tile .sw-ring { grid-row: 1; margin: 0; }
#switch .sw-tile > h3 { grid-row: 3; }
#switch .sw-tile > .sw-text { grid-row: 4; }
} html.hd-live .hd .hd-ln,
html.hd-live .hd-sub {
transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
transition-delay: calc(var(--hd-n, 0) * 0.06s);
}
html.hd-live .hd.hd-arm .hd-l { transform: translateX(44px); }
html.hd-live .hd.hd-arm .hd-r { transform: translateX(-44px); }
html.hd-live .hd-sub.hd-arm { transform: translateX(calc(var(--hd-sd, 1) * -24px)); }
html.hd-live .hd .hd-i { transform: translate3d(calc(var(--hd-x) * var(--hd-amp, 1) * var(--hd-e, 0)), 0, 0);
will-change: transform;
}
html.hd-live .hd .hd-l .hd-i { --hd-x: -8vw; }
html.hd-live .hd .hd-r .hd-i { --hd-x: 8vw; } html.hd-live #month .hd, html.hd-live #clients .hd { --hd-amp: 0.5; }
html.hd-live #clients .cl-title.is-entering .cl-half--a {
animation: brands-heading-enter 1.1s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes brands-heading-enter {
from { transform: translateX(clamp(-220px, -16vw, -72px)); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.hd .hd-ln, .hd .hd-i, .hd-sub { transform: none !important; transition: none !important; }
#clients .cl-title .cl-half--a { animation: none !important; opacity: 1 !important; }
}