.block__recent-archive {margin: 60px 0;+ .block__recent-archive {margin-top: 120px;}.block__title {font-size: clamp(42px, 5vw, 88px);font-weight: bold;.text--blitz {color: var(--color__main);}}&.recent-archive__blog {.block__title {padding: 0 30px;}.archive__item {aspect-ratio: 4 / 3;position: relative;grid-column: span 4;padding: 30px;transition: transform 0.4s cubic-bezier(0.25, 0.45, 0.45, 0.95);a {display: flex;flex-flow: row wrap;align-items: flex-end;height: 100%;width: 100%;text-decoration: none;}.archive__image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;img {position: absolute;top: 0;left: 0;object-fit: cover;object-position: center;height: 100%;width: 100%;}&::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);z-index: 2;pointer-events: none;}}.archive__headline {position: relative;z-index: 2;span {font-size: 32px;font-weight: 700;color: var(--color__main);}h2 {font-family: var(--font);font-size: 36px;font-weight: 400;text-transform: initial;margin-bottom: 0;}}&:first-child {grid-column: 1 / span 8;grid-row: span 2;h2 {font-size: 42px;}}}.archive__item:hover {transform: scale(1.0175) !important;}.btn {text-align: center;}&.to-animate {.archive__item {opacity: 0;transform: scale(1.1);}}}&.recent-archive__project {margin: 60px 0;--proj-anim-dur: 600ms;--proj-anim-ease: cubic-bezier(0.22, 1, 0.36, 1);--proj-stagger-step: 120ms;--proj-dist: 50%;.block__title {text-align: center;}.wrapper {position: relative;overflow: visible;}.recent-archive__carrousel {}.carrousel__slides {}.carrousel__slide {position: relative;overflow: hidden;transition: var(--transition__animation);> a {position: relative;overflow: hidden;}}.carrousel__slide-title {position: absolute;bottom: 0;left: 0;padding: 30px;width: 100%;background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);h2, h3 {margin-bottom: 0;}}.carrousel__controls {padding-top: 30px;display: flex;flex-flow: row nowrap;align-items: center;gap: 30px;position: relative;z-index: 10;.carrousel__pagination {align-items: center;display: flex;gap: 15px;position: relative;width: initial;&.swiper-pagination-progressbar {background: rgba(255,255,255,0.25);width: 100%;.swiper-pagination-progressbar-fill {background: var(--color__main);}}.swiper-pagination-bullet {border-radius: 0;width: 50px;height: 5px;background: var(--color__white);opacity: 0.1;transition: var(--transition);transform: translateY(50%);margin: 0;&.swiper-pagination-bullet-active {height: 7px;transform: translateY(-50%);opacity: 1;}&:hover {opacity: 1;}}}.carrousel__arrow {flex-shrink: 0;height: 75px;width: 75px;border: 1px solid var(--color__white);background: rgba(255,255,255,0.1);position: relative;&::after {content: '';display: block;border-bottom: 3px solid var(--color__white);position: absolute;top: 50%;height: 10px;width: 10px;}&.carrousel__arrow--prev {&::after {left: 50%;border-left: 3px solid var(--color__white);transform: translate(-50%,-50%) rotate(45deg);}}&.carrousel__arrow--next {&::after {right: 50%;border-right: 3px solid var(--color__white);transform: translate(50%,-50%) rotate(-45deg);}}}}.recent-archive__button {position: absolute;bottom: 0;right: 0;z-index: 10;transition: var(--transition);.btn-slider {color: var(--color__white);font-size: 32px;font-weight: 700;text-decoration: none;position: relative;&::before {border-bottom: 3px solid var(--color__main);border-right: 3px solid var(--color__main);content: '';display: inline-block;vertical-align: middle;transform: translate(-15px,-33%) rotate(-45deg);height: 10px;width: 10px;}}&:hover {transform: translateX(15px);}}&.to-animate {.carrousel__slide {opacity: 0;transform: translateY(var(--proj-dist));transition: none;will-change: opacity, transform;}}}}@media (max-width: 1200px) {.block__recent-archive {&.recent-archive__project {.carrousel__controls {max-width: initial;width: 100%;justify-content: center;}.recent-archive__button {margin-top: 30px;position: initial;bottom: initial;right: initial;}}&.recent-archive__blog {.archive__item {aspect-ratio: 4 / 3;grid-column: span 6;grid-row: span 1;.archive__headline {span {font-size: 27px;}h2 {font-size: 36px;}}&:first-child {aspect-ratio: 4 / 3;grid-column: 1 / span 12;grid-row: span 1;}}}}}@media (max-width: 960px) {.block__recent-archive {&.recent-archive__blog {.block__title {text-align: center;}.archive__item {aspect-ratio: 4 / 3;grid-column: 1 / span 12;grid-row: span 1;padding: 30px !important;.archive__headline {text-align: center;span{font-size: 28px;}h2 {font-size: 32px;}}&:first-child {aspect-ratio: 4 / 3;grid-column: 1 / span 12;grid-row: span 1;}}}}}@media (max-width: 768px) {.block__recent-archive {&.recent-archive__blog {.archive__item {padding: 15px;.archive__headline {h2 {font-size: 27px;}}}}}}@media (max-width: 640px) {.block__recent-archive {&.recent-archive__blog {.archive__item {.archive__headline {h2 {font-size: 24px;}}}}}}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide {opacity: 1;transform: none;transition: opacity var(--proj-anim-dur) var(--proj-anim-ease), transform var(--proj-anim-dur) var(--proj-anim-ease);}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(1) {transition-delay: calc(0 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(2) {transition-delay: calc(1 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(3) {transition-delay: calc(2 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(4) {transition-delay: calc(3 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(5) {transition-delay: calc(4 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(6) {transition-delay: calc(5 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(7) {transition-delay: calc(6 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(8) {transition-delay: calc(7 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(9) {transition-delay: calc(8 * var(--proj-stagger-step));}.block__recent-archive.recent-archive__project:not(.to-animate) .carrousel__slide:nth-child(10) {transition-delay: calc(9 * var(--proj-stagger-step));}