:root {
--k-shell: min(1560px, calc(100vw - 96px));
} .editorial-grid--links {
width: var(--k-shell);
min-height: 205px;
margin-inline: auto;
border: 1px solid color-mix(in srgb, var(--k-border) 22%, transparent);
border-bottom: 0;
}
.editorial-grid--links .editorial-card {
min-height: 205px;
border-right: 1px solid color-mix(in srgb, var(--k-border) 26%, transparent);
}
.editorial-grid--links .editorial-card:last-child { border-right: 0; }
.editorial-grid--links .editorial-card__content {
left: clamp(34px, 3.2vw, 54px);
right: 34px;
bottom: 30px;
}
.editorial-grid--links .editorial-card__content strong {
font-size: clamp(22px, 1.45vw, 27px);
}
.editorial-grid--links .editorial-card__ghost {
bottom: -.22em;
font-size: clamp(90px, 9vw, 152px);
} .site-footer--unified {
padding: 0 0 34px;
background:
radial-gradient(circle at 50% 0, color-mix(in srgb, var(--k-surface-soft) 13%, transparent), transparent 42%),
var(--k-bg);
}
.site-footer--unified .site-footer__frame {
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--k-border) 22%, transparent);
background: var(--k-bg);
} .site-footer--unified .footer-about {
width: 100%;
margin: 0;
min-height: 420px;
grid-template-columns: minmax(0, 1.62fr) minmax(380px, .78fr);
border: 0;
border-bottom: 1px solid color-mix(in srgb, var(--k-border) 25%, transparent);
}
.site-footer--unified .about-section__content {
grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr);
gap: clamp(42px, 4.3vw, 74px);
padding: 58px clamp(44px, 4.2vw, 70px);
}
.site-footer--unified .about-section__copy {
max-width: 570px;
}
.site-footer--unified .about-section__copy h2 {
font-size: clamp(48px, 3.7vw, 66px);
}
.site-footer--unified .about-section__body {
max-width: 540px;
margin-top: 22px;
font-size: 14px;
line-height: 1.72;
}
.site-footer--unified .contact-list {
gap: 17px;
padding-left: clamp(28px, 2.6vw, 44px);
}
.site-footer--unified .contact-item {
grid-template-columns: 34px 1fr;
gap: 13px;
}
.site-footer--unified .contact-item__icon {
width: 31px;
height: 31px;
}
.site-footer--unified .contact-item p {
font-size: 12px;
line-height: 1.45;
}
.site-footer--unified .about-section__media {
min-height: 420px;
background-position: center center;
} .site-footer--unified .footer-newsletter {
width: 100%;
margin: 0;
border-top: 0;
border-bottom: 1px solid color-mix(in srgb, var(--k-border) 22%, transparent);
background: color-mix(in srgb, var(--k-bg-alt) 58%, var(--k-bg));
}
.site-footer--unified .newsletter-section__inner {
width: 100%;
min-height: 108px;
padding: 0 clamp(34px, 3.2vw, 54px);
grid-template-columns: 62px minmax(300px, .95fr) minmax(430px, 1.05fr);
gap: 24px;
}
.site-footer--unified .newsletter-section__icon {
width: 52px;
height: 52px;
}
.site-footer--unified .newsletter-section__copy h2 { font-size: 20px; }
.site-footer--unified .newsletter-section__copy p { margin-top: 5px; } .site-footer--unified .site-footer__bottom {
width: 100%;
padding: 24px clamp(34px, 3.2vw, 54px) 25px;
background: var(--k-bg);
}
.site-footer--unified .site-footer__grid {
width: 100%;
grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr);
gap: 34px;
}
.site-footer--unified .karrdal-brand-logo--footer {
width: 158px;
max-height: 42px;
}
.site-footer--unified .site-footer__brand p {
margin-top: 6px;
font-size: 9px;
}
.site-footer__credit {
gap: 5px;
margin-top: 7px;
font-size: 8px;
opacity: .78;
}
.site-footer__credit img {
width: auto;
height: 5px;
max-width: 54px;
}
.site-footer--unified .footer-menu { gap: 26px; }
.site-footer--unified .footer-menu a { font-size: 9px; }
.site-footer--unified .site-footer__social-wrap { gap: 11px; }
.site-footer--unified .site-footer__social a {
width: 35px;
height: 35px;
}
.site-footer--unified .site-footer__social a svg {
width: 16px;
height: 16px;
} .menu-page-visit {
padding: 0 0 54px;
}
.menu-page-visit__inner { gap: 22px; }
.menu-page-visit .button { min-height: 46px; }
@media (max-width: 1180px) {
:root { --k-shell: min(100% - 64px, 1560px); }
.site-footer--unified .footer-about {
grid-template-columns: minmax(0, 1.45fr) minmax(330px, .8fr);
}
.site-footer--unified .about-section__content {
gap: 34px;
padding: 50px 42px;
}
.site-footer--unified .contact-list { padding-left: 28px; }
.site-footer--unified .newsletter-section__inner {
grid-template-columns: 58px 1fr .95fr;
padding-inline: 38px;
}
}
@media (max-width: 920px) {
:root { --k-shell: calc(100vw - 48px); }
.editorial-grid--links {
grid-template-columns: 1fr;
min-height: 0;
}
.editorial-grid--links .editorial-card {
min-height: 180px;
border-right: 0;
border-bottom: 1px solid color-mix(in srgb, var(--k-border) 26%, transparent);
}
.editorial-grid--links .editorial-card:last-child { border-bottom: 0; }
.site-footer--unified .footer-about {
grid-template-columns: 1fr;
}
.site-footer--unified .about-section__content {
grid-template-columns: 1fr 1fr;
gap: 36px;
padding: 48px 38px;
}
.site-footer--unified .about-section__media {
min-height: 430px;
}
.site-footer--unified .newsletter-section__inner {
grid-template-columns: 54px 1fr;
padding: 25px 34px;
}
.site-footer--unified .newsletter-section__form {
grid-column: 1 / -1;
}
.site-footer--unified .site-footer__grid {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
gap: 22px;
}
.site-footer--unified .site-footer__social-wrap { justify-self: center; }
.site-footer__credit { margin-inline: auto; }
}
@media (max-width: 640px) {
:root { --k-shell: calc(100vw - 28px); }
.editorial-grid--links .editorial-card { min-height: 158px; }
.editorial-grid--links .editorial-card__content {
left: 24px;
right: 22px;
bottom: 22px;
}
.editorial-grid--links .editorial-card__ghost {
font-size: clamp(78px, 27vw, 120px);
}
.site-footer--unified { padding-bottom: max(18px, env(safe-area-inset-bottom)); }
.site-footer--unified .about-section__content {
grid-template-columns: 1fr;
gap: 34px;
padding: 42px 24px;
}
.site-footer--unified .about-section__copy h2 {
font-size: clamp(44px, 14vw, 58px);
}
.site-footer--unified .contact-list {
padding: 30px 0 0;
border-left: 0;
border-top: 1px solid color-mix(in srgb, var(--k-border) 38%, transparent);
}
.site-footer--unified .about-section__media { min-height: 330px; }
.site-footer--unified .newsletter-section__inner {
grid-template-columns: 46px 1fr;
gap: 15px;
padding: 24px 22px 26px;
}
.site-footer--unified .newsletter-section__copy h2 { font-size: 18px; }
.site-footer--unified .site-footer__bottom { padding: 24px 22px 26px; }
.site-footer--unified .footer-menu { gap: 14px 20px; justify-content: center; flex-wrap: wrap; }
.site-footer__credit { font-size: 8px; }
.site-footer__credit img { height: 5px; max-width: 54px; }
.menu-page-visit { padding-bottom: 42px; }
}