@layer layout {
.footer-new__headline {
display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .45fr);
    align-items: end;
    gap: clamp(48px, 5vw, 96px);
    /* min-height: 64vh; */
    padding: 100px 0 72px;
}
}

@layer components {
.price-row__value--long b {
font-size: clamp(42px, 5vw, 78px);
    line-height: .86;
    letter-spacing: -.065em;
}
}

@layer components {
.footer-new__headline h2 {
margin: 0;
    font-family: "Geologica", sans-serif;
    font-size: clamp(82px, 9vw, 176px);
    font-weight: 520;
    line-height: .82;
    letter-spacing: -.09em;
    text-transform: uppercase;
}
}

@layer components {
.footer-new__headline h2 span, .footer-new__headline h2 em {
display: block;
}
}

@layer adaptive {
@media (max-width: 640px) {
.price-row__value--long b {
font-size: 17vw;
      line-height: .88;
}
}
}

@layer adaptive {
@media (max-width: 640px) {
.footer-new__headline h2 {
max-width: 100%;
      font-size: 12.8vw;
}
}
}

@layer adaptive {
@media (max-width: 640px) {
.footer-new__headline h2 em {
white-space: nowrap;
}
}
}

@layer components {
.reel-trigger__close {
display: none;
}
}

@layer components {
.reel-layer__label {
position: absolute;
    left: var(--pad);
    bottom: 30px;
    max-width: calc(100% - 390px);
    color: rgba(255, 255, 255, .65);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .12em;
    opacity: 0;
    transition: opacity .4s ease .35s;
}
}

@layer components {
.hero.is-reel .reel-trigger__open {
display: none;
}
}

@layer components {
.hero.is-reel .reel-trigger__close {
display: inline;
}
}

@layer adaptive {
@media (max-width: 640px) {
.hero.is-reel .reel-layer {
clip-path: inset(0 round 0);
}
}
}

@layer adaptive {
@media (max-width: 640px) {
.reel-layer__label {
left: 12px;
      bottom: 17px;
      max-width: calc(100% - 164px);
      font-size: 7px;
      line-height: 1.35;
}
}
}

@layer adaptive {
@media (min-width: 901px) {
.footer-new__headline h2 span, .footer-new__headline h2 em {
white-space: nowrap;
}
}
}