@import url('./normalize.css');

html {
    font-size: 100%;
    scroll-behavior: smooth;
}

body {
    --light: #FFF;
    --dark: #000;
    --accent: #F00;
    --gray: #C6C6C6;
    --gray-6: #999999;
    --gray-7: #B2B2B2;
    --tspeed: 0.15s;
    --radius: 1rem;
    --fs-1: clamp(1rem, 0.8333rem + 0.7407vw, 1.5rem);
    --fs-2: clamp(1.75rem, 0.6667rem + 2.5926vw, 3rem);
    --fs-3: clamp(2rem, 1.3333rem + 2.963vw, 4rem);
    --fs-4: clamp(2.25rem, 1.3333rem + 4.0741vw, 5rem);
    --fs-5: clamp(4rem, 0.6667rem + 10.3704vw, 10rem);
    --fs-6: clamp(6.75rem, -1.3333rem + 23.7037vw, 11.25rem);
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: var(--fs-1);
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
    /* letter-spacing: -0.0175rem; */
    letter-spacing: -0.0225rem;
}

a {
    outline: none;
}

h1,
p {
    margin: 0;
}

h2,
h3,
h4 {
    margin: 0;
    font-size: var(--fs-3);
    font-style: normal;
    font-weight: 600;
    line-height: var(--fs-3);
    letter-spacing: -0.1rem;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

section {
    scroll-margin-top: 4rem;
}

section.gallery img,
.extra .swiper-slide img {
    display: block;
    border-radius: var(--radius);
    width: 100%;
}

.gallery-container {
    border-radius: 1rem;
    overflow: hidden;
}

.gallery-container .swiper-button-next,
.gallery-container .swiper-button-prev {
    position: absolute;
    margin-top: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    left: 0;
    right: auto;
    z-index: 9;
}

.gallery-container .swiper-button-next {
    right: 0;
    left: auto;
}

.gallery-container .swiper-button-next:after,
.gallery-container .swiper-button-prev:after {
    display: none !important;
}

.gallery-container {
    position: relative;
}

.swiper-pagination {
    bottom: -1.75rem !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    background-color: var(--light);
    opacity: 1;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
    background-color: var(--accent);
}

svg,
img {
    display: block;
    border-radius: 1rem;
    max-width: 100%;
    height: auto;
}

svg {
    border-radius: unset;
}

.site-main > * {
    max-width: 88rem;
    margin: 0 auto;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body.show-mobile {
    height: 100vh;
    overflow: hidden;
}

header {
    position: relative;
    z-index: 2;
    font-size: min(var(--fs-5), 17.5vh);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.25rem;
    line-height: 75%;
}

header .menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--light);
    color: var(--gray);
    transition: all var(--tspeed);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.show-mobile header .menu {
    opacity: 1;
    pointer-events: all;
}

.toggle {
    width: 2.625rem;
    height: 2.5rem;
    background: url('./img/menu.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 2.5rem;
    right: calc((100vw - min(1408px, 90vw)) / 2);
    font-size: 0;
    transition: all var(--tspeed);
}

nav > .toggle {
    position: fixed;
}

.show-mobile nav > .toggle {
    opacity: 0;
}

.menu .toggle {
    background-image: url('./img/close.svg');
}

.menu,
.menu ul {
    height: 100vh;
}

.menu ul {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 2.88rem;
    overflow: scroll;
}

.menu a {
    text-decoration: none;
}

.menu ul a:hover {
    text-decoration: underline;
}

.menu ul li a {
    color: var(--gray);
}

.menu ul li:nth-child(2) a {
    color: var(--dark);
}

.menu ul li:nth-child(3) a {
    color: var(--accent);
}

.menu ul li:nth-child(4) a {
    color: var(--light); /* Text color */
  /* Basic text shadow fallback */
    text-shadow:
    -1px -1px 0 var(--accent),  /* Left-top shadow */
     1px -1px 0 var(--accent),  /* Right-top shadow */
    -1px  1px 0 var(--accent),  /* Left-bottom shadow */
     1px  1px 0 var(--accent);  /* Right-bottom shadow */
    text-decoration: none;
    position: relative;
}

@supports (-webkit-text-stroke: 2px var(--accent)) {
    .menu ul li:nth-child(4) a {
        -webkit-text-stroke: 2px var(--accent); /* Stroke width and color for WebKit browsers */
        text-stroke: 2px var(--accent); /* Standard text-stroke */
        text-shadow: none; /* Remove text-shadow if stroke is applied */
    }
}

/* Create a custom underline using a pseudo-element */
.menu ul li:nth-child(4) a:hover::after {
    content: ''; /* Empty content for the underline */
    position: absolute; /* Positioning will overlap */
    left: 0; /* Align with original text */
    right: 0;
    bottom: 0; /* Position the underline just below the text */
    width: 100%; /* Full width of the text */
    height: 1rem; /* Underline thickness */
    background-color: var(--light); /* Underline color */
    border: 2px solid var(--accent);
    pointer-events: none;
}

.hero {
    text-align: center;
    padding-top: 2.5rem;
}

blockquote {
    margin: 0;
    padding: 0;
    font-size: var(--fs-2);
    line-height: 1;
    color: var(--accent);
    font-weight: 600;
    background: url('data:image/svg+xml,<svg width="56" height="46" viewBox="0 0 56 46" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-outside-1_6392_310" maskUnits="userSpaceOnUse" x="-0.119995" y="-0.199951" width="56" height="46" fill="black"><rect fill="white" x="-0.119995" y="-0.199951" width="56" height="46"/><path d="M32.68 43.8801V36.36C37.64 34.76 43.56 29.64 43.56 21.8H33V1.00005H54.6V19.88C54.6 34.44 43.4 42.12 32.68 43.8801ZM1.00001 43.8801V36.36C5.96001 34.76 11.88 29.64 11.88 21.8H1.32001V1.00005H22.92V19.88C22.92 34.44 11.72 42.12 1.00001 43.8801Z"/></mask><path d="M32.68 43.8801V36.36C37.64 34.76 43.56 29.64 43.56 21.8H33V1.00005H54.6V19.88C54.6 34.44 43.4 42.12 32.68 43.8801ZM1.00001 43.8801V36.36C5.96001 34.76 11.88 29.64 11.88 21.8H1.32001V1.00005H22.92V19.88C22.92 34.44 11.72 42.12 1.00001 43.8801Z" fill="%23FF1E1E"/><path d="M32.68 43.8801H31.68V45.0576L32.842 44.8668L32.68 43.8801ZM32.68 36.36L32.373 35.4083L31.68 35.6319V36.36H32.68ZM43.56 21.8H44.56V20.8H43.56V21.8ZM33 21.8H32V22.8H33V21.8ZM33 1.00005V4.72069e-05H32V1.00005H33ZM54.6 1.00005H55.6V4.72069e-05H54.6V1.00005ZM1.00001 43.8801H5.126e-06V45.0576L1.16202 44.8668L1.00001 43.8801ZM1.00001 36.36L0.693002 35.4083L5.126e-06 35.6319V36.36H1.00001ZM11.88 21.8H12.88V20.8H11.88V21.8ZM1.32001 21.8H0.320005V22.8H1.32001V21.8ZM1.32001 1.00005V4.72069e-05H0.320005V1.00005H1.32001ZM22.92 1.00005H23.92V4.72069e-05H22.92V1.00005ZM32.68 43.8801H33.68V36.36H32.68H31.68V43.8801H32.68ZM32.68 36.36L32.987 37.3118C38.2325 35.6197 44.56 30.1946 44.56 21.8H43.56H42.56C42.56 29.0855 37.0475 33.9004 32.373 35.4083L32.68 36.36ZM43.56 21.8V20.8H33V21.8V22.8H43.56V21.8ZM33 21.8H34V1.00005H33H32V21.8H33ZM33 1.00005V2.00005H54.6V1.00005V4.72069e-05H33V1.00005ZM54.6 1.00005H53.6V19.88H54.6H55.6V1.00005H54.6ZM54.6 19.88H53.6C53.6 33.7805 42.9441 41.1815 32.518 42.8933L32.68 43.8801L32.842 44.8668C43.8559 43.0586 55.6 35.0996 55.6 19.88H54.6ZM1.00001 43.8801H2.00001V36.36H1.00001H5.126e-06V43.8801H1.00001ZM1.00001 36.36L1.30701 37.3118C6.55251 35.6197 12.88 30.1946 12.88 21.8H11.88H10.88C10.88 29.0855 5.3675 33.9004 0.693002 35.4083L1.00001 36.36ZM11.88 21.8V20.8H1.32001V21.8V22.8H11.88V21.8ZM1.32001 21.8H2.32001V1.00005H1.32001H0.320005V21.8H1.32001ZM1.32001 1.00005V2.00005H22.92V1.00005V4.72069e-05H1.32001V1.00005ZM22.92 1.00005H21.92V19.88H22.92H23.92V1.00005H22.92ZM22.92 19.88H21.92C21.92 33.7805 11.2641 41.1815 0.837995 42.8933L1.00001 43.8801L1.16202 44.8668C12.1759 43.0586 23.92 35.0996 23.92 19.88H22.92Z" fill="%23FF1E1E" mask="url(%23path-1-outside-1_6392_310)"/></svg>') no-repeat bottom left;
    background-size: 3.5rem;
    padding-bottom: 5.125rem;
}

.hero h2,
.about h2 {
    font-size: var(--fs-3);
    font-style: normal;
    font-weight: 600;
    line-height: var(--fs-3);
    letter-spacing: -0.1rem;
    line-height: 2.875rem;
    margin-bottom: 2.2rem;
}

.hero h2.gray {
    color: var(--gray);
}

.hero h1 {
    font-size: 0;
}

.hero svg {
    margin-bottom: 6.19rem;
}

.soon .cols {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 7.5rem;
    color: var(--gray-6);
}

.soon .cols svg {
    margin: 0;
}

figure {
    position: relative;
    margin: 0;
    margin-bottom: 2.5rem;
}

figure figcaption {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    font-size: var(--fs-3);
    font-style: normal;
    font-weight: 600;
    line-height: var(--fs-3);
    letter-spacing: -0.1rem;
    color: var(--light);
}

.about {
    margin-bottom: 7.5rem;
}

.about h2 {
    color: var(--gray);
    margin: 0 auto 6.25rem;
    text-align: center;
}

.about .button {
    margin-bottom: 2.5rem;
}

.about .wp-block-columns {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--dark);
    margin-bottom: 2.5rem;
}

.wp-block-columns {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.about .wp-block-column {
    flex-basis: calc(50% - 0.5rem);
}

.about p + p {
    margin-top: 1.75rem;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1rem !important;
    top: unset;
}

.gallery {
    margin-bottom: 10rem;
}

.gallery > .gallery-container {
    display: none; /* TEMPORARY DO TO DELETE */
}

.facut h2,
.facem h2,
.vom h2,
.angajamente h2 {
    font-weight: 600;
    font-size: var(--fs-5);
    /* text-align: center; */
    margin-bottom: 10rem;
}

span.button {
    display: block;
    max-width: 100%;
    border-radius: 0.5rem;
    border: 2px solid var(--dark);
    padding: 1rem;
    line-height: 1.125rem;
    margin-bottom: 7.5rem;
}

span.button.red {
    background-color: var(--accent);
    color: var(--dark);
    border-color: var(--accent);
    margin-bottom: 1rem;
}

.numbers-container {
    flex-wrap: wrap;
    row-gap: 2rem;
    margin-bottom: 1rem;
}

.numbers-container:last-child {
    margin-bottom: 0;
}

.numbers-container .wp-block-column {
    flex-basis: calc(33% - 0.375rem);
    flex-grow: 0;
}

.numbers-container.one-cols .wp-block-column {
    flex-grow: 1;
}

.numbers-container.two-cols .wp-block-column {
    flex-basis: calc(50% - 0.5rem);
}

.numbers {
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 0.625rem solid var(--dark);
}

.red .numbers {
    border-bottom-color: var(--accent);
}

.numbers span.big {
    font-size: var(--fs-6);
    font-style: normal;
    font-weight: 400;
    line-height: calc(1.15 * var(--fs-6));
    letter-spacing: -0.5625rem;
}

span.big i {
    font-style: normal;
    display: inline-block;
}

span.big i::before {
    content: ".";
    display: inline-block;
}

.numbers span {
    font-size: var(--fs-2);
    font-style: normal;
    font-weight: 600;
    line-height: 1.075;
    letter-spacing: -0.045rem;
}

.numbers p {
    margin-top: auto;
}

.site-main > section:not(.hero) {
    max-width: min(1408px, 90vw);
}

.site-main section.hero {
    width: 115.9rem;
    max-width: calc(100vw - 4rem);
}

section + .gallery {
    margin-top: 7.5rem;
}

.facem,
.vom {
    color: var(--accent);
}

.facem span.button,
.facem .numbers,
.vom span.button,
.vom .numbers {
    border-color: var(--accent);
}

.vom {
    margin-bottom: 7.5rem;
}

.vom h2,
.vom span.big {
    color: var(--light); /* Text color */
  /* Basic text shadow fallback */
    text-shadow:
    -1px -1px 0 var(--accent),  /* Left-top shadow */
     1px -1px 0 var(--accent),  /* Right-top shadow */
    -1px  1px 0 var(--accent),  /* Left-bottom shadow */
     1px  1px 0 var(--accent);  /* Right-bottom shadow */
    text-decoration: none;
    position: relative;
}

@supports (-webkit-text-stroke: 2px var(--accent)) {
    .vom h2,
    .vom span.big {
        -webkit-text-stroke: 2px var(--accent); /* Stroke width and color for WebKit browsers */
        text-stroke: 2px var(--accent); /* Standard text-stroke */
        text-shadow: none; /* Remove text-shadow if stroke is applied */
    }
}

.thank-you h3,
.vom h3 {
    font-size: var(--fs-5);
    font-style: normal;
    font-weight: 600;
    line-height: calc(0.8 * var(--fs-5));
    letter-spacing: -0.25rem;
    margin-bottom: 7.5rem;
}

.thank-you h3 span,
.vom h3 span {
    color: var(--dark);
    font-size: var(--fs-4);
    font-style: normal;
    font-weight: 600;
    line-height: calc(0.8 * var(--fs-4));
    display: block;
    letter-spacing: -0.125rem;
}

.vom .wp-block-columns {
    color: var(--dark);
    margin-bottom: 7.5rem;
}

.vom .wp-block-column {
    box-sizing: border-box;
    flex-basis: calc(50% - 0.5rem);
}

.vom .wp-block-column:first-child {
    padding-right: 8rem;
}

.vom .wp-block-columns ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 1rem;
    color: var(--accent);
    margin: 1.75rem 0;
}

.vom nav {
    background-color: var(--light);
    position: sticky;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.44rem;
    row-gap: 2.5rem;
    margin-bottom: 7.5rem;
    z-index: 99;
}

.vom nav:before {
    content: "";
    position: absolute;
    left: calc(-1 * (100vw - min(1408px, 90vw)) / 2);
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    background-color: var(--light);
}

.vom nav a {
    display: block;
    aspect-ratio: 13.8125/4.35;
    padding: 0.5rem;
    box-sizing: border-box;
    flex-basis: calc(20% - 1.175rem);
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.125;
    letter-spacing: -0.015rem;
    color: var(--gray-7);
    text-decoration: none;
    background: no-repeat center bottom 0.5rem;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16634 3.33334V13.4792L4.49967 8.8125L3.33301 10L9.99967 16.6667L16.6663 10L15.4997 8.8125L10.833 13.4792V3.33334H9.16634Z" fill="%23B3B2B2"/></svg>');
    transition: all var(--tspeed);
}

.vom nav a:hover,
.vom nav a:active,
.vom nav a:focus {
    color: var(--dark);
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16634 3.33334V13.4792L4.49967 8.8125L3.33301 10L9.99967 16.6667L16.6663 10L15.4997 8.8125L10.833 13.4792V3.33334H9.16634Z" fill="%23000000"/></svg>');
}

.vom .internal-content {
    text-align: center;
    scroll-margin-top: 19.125rem;
    margin-bottom: 7.5rem;
    border-bottom: 1px solid var(--gray-7);
}

.vom .top {
    display: none;
}

.internal-content h3 {
    font-size: var(--fs-2);
    font-style: normal;
    font-weight: 600;
    line-height: var(--fs-2);
    letter-spacing: -0.045rem;
    margin-bottom: 2.5rem;
}

.internal-content p {
    max-width: 60.5rem;
    margin: 0 auto 2.5rem;
    color: var(--gray-6);
    font-weight: 400;
    letter-spacing: -0.0225rem;
}

.internal-content p strong {
    font-weight: 500;
    color: var(--dark);
}

.internal-content svg {
    display: inline-block;
}

.internal-content ul {
    margin-top: 7.5rem;
}

.points {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
    margin-right: calc(-1 * (100vw - min(1408px, 90vw)) / 2);
    padding-right: calc((100vw - min(1408px, 90vw)) / 2);
    scroll-snap-type: x proximity;
}

.points li {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    padding: 0 1rem;
    flex-basis: 21.875%;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.75rem;
    cursor: pointer;
    border-radius: 1rem;
    transition: all var(--tspeed);
    scroll-snap-align: start;
}

.points li:hover {
    background-color: var(--accent);
    color: var(--light);
    padding-top: 1rem;
}

.points li span {
    padding: 0 1rem;
}

.points li span:last-child {
    text-align: left;
    border-top: 1px solid var(--accent);
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 600;
    border-bottom: 1rem solid var(--accent);
    transition: all var(--tspeed);
}

.points li:hover span:last-child {
    border-color: var(--light);
    border-bottom: 0px solid var(--accent);
    transition: all var(--tspeed);
}

.angajamente h2 {
    color: var(--gray);
    text-align: left;
    font-size: calc(0.8 * var(--fs-5));
    line-height: calc(0.8 * 0.8 * var(--fs-5));
}

.angajamente span.button {
    background-color: var(--light);
    border-color: var(--accent);
    color: var(--accent);
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.angajamente-container {
    max-width: unset !important;
    margin-top: -1.5625rem;
    background-color: var(--accent);
    color: var(--light);
    padding: 4rem 0 7.5rem;
    margin-bottom: 5rem;
}

.box-container {
    max-width: 88rem;
    margin: 0 auto;
}

.box {
    padding: 2.5rem 2.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    border-radius: 1rem;
    cursor: pointer;
    transition: all var(--tspeed);
}

.box:not(:last-child) {
    margin-bottom: 2.5rem;
}

.box:hover {
    background-color: var(--light);
    color: var(--dark);
}

.box:hover span {
    border-color: var(--accent);
    color: var(--accent);
}

.box h3 {
    font-size: var(--fs-2);
    line-height: 1;
    letter-spacing: -0.045rem;
    margin: 0;
}

.box span {
    margin-top: 2.5rem;
    border-top: 1px solid var(--light);
    padding-top: 2.5rem;
    display: block;
    font-size: var(--fs-2);
    line-height: 1;
    padding-bottom: 2.5rem;
    border-bottom: 1rem solid var(--light);
    transition: all var(--tspeed);
    font-weight: 600;
}

.thank-you {
    margin-bottom: 7.5rem;
}

.thank-you h2 {
    text-align: center;
    color: var(--gray);
}

.thank-you h3 {
    color: var(--accent);
    margin-bottom: 10rem;
}

.thank-you h3.gray {
    color: var(--gray);
    margin-bottom: 5rem;
}

.thank-you h4 {
    font-size: var(--fs-2);
    line-height: 1;
    margin-bottom: 5rem;
    letter-spacing: -0.045rem;
}

@media screen and (max-width: 1024px) {

    body {
        --fs-5: clamp(3rem, 0.6667rem + 10.3704vw, 10rem);
        line-height: 1.5rem;
        letter-spacing: -0.00575rem;
    }

    span.button {
        padding: 0.65rem;
    }

    .thank-you h3,
    .thank-you h3 span,
    .vom h3,
    .vom h3 span,
    h2,
    h3,
    h4 {
        letter-spacing: -0.05rem;
    }

    .gallery-container .swiper-button-next,
    .gallery-container .swiper-button-prev {
        display: none;
    }

    .zoomist-zoomer button,
    .gallery-container {
        touch-action: manipulation;
    }

    @media (orientation: landscape) {
        .map .gallery-container {
            height: unset;
        }
    }

    .hero h2,
    .about h2 {
        letter-spacing: -0.05rem;
    }

    .hero {
        padding-top: 1.25rem;
    }

    .toggle {
        top: 1.25rem;
    }

    header {
        letter-spacing: -0.125rem;
    }

    .menu ul {
        gap: 1.44rem;
    }

    .menu ul li:nth-child(4) a:hover::after {
        bottom: -0.25rem;
        height: 0.5rem;
    }

    .hero svg {
        margin-bottom: 2.75rem;
    }

    .vom .wp-block-columns,
    .vom h3,
    .about h2 {
        margin-bottom: 3.25rem;
    }

    .about .button,
    figure {
        margin-bottom: 1.75rem;
    }

    figure figcaption {
        font-size: var(--fs-2);
        line-height: var(--fs-2);
        letter-spacing: 0;
    }

    .wp-block-columns {
        flex-direction: column;
    }

    .about {
        margin-bottom: 3.25rem;
    }

    section + .gallery {
        margin-top: 5rem;
    }

    .gallery,
    .facut h2,
    .facem h2,
    .vom h2 {
        margin-bottom: 5rem;
    }

    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0.25rem !important;
    }

    .vom .internal-content,
    span.button {
        margin-bottom: 3rem;
    }

    .numbers span {
        letter-spacing: -0.0225rem;
    }

    .numbers span.big {
        letter-spacing: -0.5rem;
    }

    .vom .wp-block-column:first-child {
        padding-right: 2rem;
    }

    .vom {
        background-color: var(--light);
    }

    .vom nav {
        scroll-margin-top: 1rem;
        flex-direction: column;
        gap: 0;
        position: relative;
        margin-bottom: 3rem;
    }

    .vom nav br {
        display: none;
    }

    .vom nav a {
        text-align: left;
        aspect-ratio: unset;
        padding-bottom: 0.75rem;
        background-position: center right 0.5rem;
    }

    .internal-content ul {
        margin-top: 1.75rem;
    }

    .internal-content p {
        margin-bottom: 1rem;
        letter-spacing: -0.00125rem;
    }

    .internal-content p:last-child {
        margin-bottom: 0;
    }

    .points li {
        padding: 0 0.5rem;
        flex-basis: 65%;
        gap: 1rem;
    }

    .points li span {
        padding: 0 0.5rem;
    }

    .points li:hover {
        padding-top: 0.5rem;
    }

    .vom .top {
        z-index: 0;
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        position: sticky;
        bottom: 3rem;
        right: 1.65rem;
        left: auto;
        float: right;
        border-radius: 0.25rem;
        transform-origin: center;
        transform: rotate(180deg);
        background: var(--light) no-repeat center;
        background-size: cover;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 4V16.175L5.4 10.575L4 12L12 20L20 12L18.6 10.575L13 16.175V4H11Z" fill="%23B3B2B2"/></svg>');
    }

    blockquote {
        background-size: 2.5rem;
        padding-bottom: 3.5rem;
    }

    .numbers {
        gap: 1.25rem;
    }

    .points li span:last-child {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .angajamente-container {
        padding: 2rem 0 3.75rem;
        margin-bottom: 2.5rem;
    }

    .box {
        padding: 1.25rem 1.25rem 0;
        margin: 0 1.25rem;
        gap: 1.25rem;
    }

    .box h3 {
        letter-spacing: 0;
    }

    .box h3 br {
        display: none;
    }

    .box span {
        padding-top: 1.25rem;
        margin-top: 1.25rem;
        padding-bottom: 1.25rem;
        border-bottom-width: 0.5rem;
    }

    .thank-you {
        margin-bottom: 3.75rem;
    }

    .thank-you h4 {
        margin-bottom: 2.5rem;
    }

    .thank-you h3 {
        margin-bottom: 5rem;
    }

    .thank-you h3.gray {
        margin-bottom: 2.5rem;
    }
}