@media (max-width: 1650px) {
    .home-hero {
        min-height: 110svh;
    }
}

@media (max-width: 1399.98px) {
	.online-section__visual picture {
		right: -4rem;
		width: min(44rem, 115%);
	}

	.process-section__visual {
		right: 0rem;
		width: min(34rem, 40vw);
	}

	.studies-hero__content {
		padding-top: 16rem;
	}

	.studies-hero__phones {
		width: 45rem;
		transform: translateY(-45%);
	}

	.gain-section__avocado {
		width: min(24rem, 36%);
		left: -9rem;
		bottom: -17.5rem;
	}

	.cta-hero__avocado {
		bottom: -11rem;
		right: -1.5rem;
		height: 35rem;
	}

	.about-photo {
		width: 22rem;
	}

	.faq-section__avocado {
		bottom: -10rem;
		left: -2rem;
	}
}

@media (max-width: 1199.98px) {
	h1 {
		font-size: 4rem;
	}

	h2 {
		font-size: 3.25rem;
	}

	.studies-hero__title h2 {
		font-size: 3rem;
	}

	.case-stat__value {
		font-size: 2.25rem;
	}

	.hero-stat__value {
		font-size: 3rem;
	}

	.site-navbar {
		gap: 1.25rem;
	}

	.site-navbar__menu {
		gap: 1.25rem;
	}

	.site-navbar__contact {
		margin-left: 1rem;
		padding: 0 1.5rem;
	}

	.online-section__brand {
		width: min(32rem, 100%);
	}

	.online-section__visual picture {
		right: -2rem;
		width: min(40rem, 108%);
	}

	.process-section__visual {
		width: min(32rem, 40vw);
	}

	.studies-hero__content {
		padding-top: 12rem;
	}

	.studies-hero__phones {
		width: 37rem;
		transform: translateY(-38%);
	}

	.gain-section__title {
		font-size: 2.5rem;
	}

	.gain-stat__value {
		font-size: 2.5rem;
	}

	.about-hero__content {
		padding-top: 10rem;
	}

	.case-studies-hero {
		padding-top: 10rem;
	}

	.similar-projects__title {
		font-size: 3.5rem;
	}

	.about-photo {
		width: 19rem;
	}

	.gain-section__avocado {
        width: min(20rem, 36%);
        left: -7rem;
        bottom: -9.5rem;
    }
	
	.cta-hero__avocado {
        bottom: 0rem;
        right: -1.5rem;
        height: 25rem;
    }

	.audience-section__grid {
		margin-top: 3rem;
	}
	.faq-section__avocado {
		bottom: -8rem;
		left: -2rem;
	}

}

@media (max-width: 991.98px) {
	.section-padding {
		--section-padding-y: 5rem;
	}

	.case-studies__title {
		font-size: 3rem;
	}

	.story-section__content {
		padding-right: 0;
	}

	.story-section__media {
		min-height: 0;
		margin-top: 1rem;
	}

	.story-section__backdrop svg {
		width: min(28rem, 100%);
	}

	.site-header {
		padding: 1rem 0;
	}

	.site-navbar {
		position: relative;
		z-index: 2;
		isolation: isolate;
	}

	.site-navbar__brand,
	.site-navbar__toggle {
		position: relative;
		z-index: 1002;
	}

	.site-navbar__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.site-navbar__menu {
		position: fixed;
		inset: 0;
		z-index: 1001;
		display: flex;
		width: auto;
		min-height: 100dvh;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 9.5rem 0 2rem;
		background:
			radial-gradient(120% 80% at 100% 0%, rgba(164, 107, 250, 0.2), transparent 60%),
			radial-gradient(100% 70% at 0% 100%, rgba(235, 78, 219, 0.14), transparent 55%),
			rgba(18, 17, 21, 0.96);
		backdrop-filter: blur(1rem);
		opacity: 0;
		pointer-events: none;
		transform: translateY(-1.25rem);
		transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
		visibility: hidden;
	}

	.site-navbar__menu.is-open {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		visibility: visible;
	}

	/* Container-aligned column: matches the header's .container left/right edges */
	.site-navbar__menu-inner {
		display: flex;
		flex: 1 0 auto;
		flex-direction: column;
		width: 100%;
	}

	.site-navbar__nav {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		gap: 0.25rem;
		margin: 0;
	}

	.site-navbar__item {
		display: flex;
	}

	.site-navbar__item:nth-child(4n + 1) {
		--accent: var(--color-purple);
	}

	.site-navbar__item:nth-child(4n + 2) {
		--accent: var(--color-pink);
	}

	.site-navbar__item:nth-child(4n + 3) {
		--accent: var(--color-green);
	}

	.site-navbar__item:nth-child(4n) {
		--accent: var(--color-blue);
	}

	.site-navbar__link {
		justify-content: space-between;
		gap: 1rem;
		width: 100%;
		min-height: 0;
		border: 0;
		border-radius: 0;
		background: none;
		padding: 0.5rem 0;
		font-family: var(--font-heading);
		font-size: clamp(1.75rem, 7.5vw, 2.25rem);
		font-weight: 700;
		letter-spacing: -0.02em;
		line-height: 1.1;
		color: var(--color-white);
		transition: color 0.25s ease;
	}

	.site-navbar__link::after {
		content: "";
		flex: 0 0 auto;
		width: 0.6rem;
		height: 0.6rem;
		border-radius: 50%;
		background-color: var(--accent);
		opacity: 0.45;
		transition: opacity 0.25s ease, transform 0.25s ease;
	}

	.site-navbar__link:hover,
	.site-navbar__link:focus,
	.site-navbar__link.is-active {
		background: none;
		color: var(--accent);
	}

	.site-navbar__link:hover::after,
	.site-navbar__link:focus::after,
	.site-navbar__link.is-active::after {
		opacity: 1;
		transform: scale(1.3);
	}

	.site-navbar__contact {
		width: 100%;
		min-height: 3.5rem;
		margin: auto 0 0;
		border: 1px solid rgba(255, 255, 255, 0.14);
		background-color: transparent;
		color: var(--color-white);
		font-size: 1.125rem !important;
		font-weight: 600;
	}

	.site-navbar__contact:hover,
	.site-navbar__contact:focus {
		background-color: rgba(255, 255, 255, 0.1);
		color: var(--color-white);
	}

	.site-navbar__footer {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		width: 100%;
		margin-top: 1.75rem;
	}

	.site-navbar__contacts {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.site-navbar__contact-link {
		color: var(--color-light);
		font-size: 1.0625rem;
		font-weight: 600;
		text-decoration: none;
		transition: color 0.2s ease;
	}

	.site-navbar__contact-link:hover {
		color: var(--color-white);
	}

	.site-navbar__socials {
		display: flex;
		gap: 0.75rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.site-navbar__social {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		height: 2.75rem;
		border: 1px solid var(--color-border);
		border-radius: 50%;
		color: var(--color-white);
		transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
	}

	.site-navbar__social:hover {
		background-color: rgba(255, 255, 255, 0.08);
		border-color: rgba(255, 255, 255, 0.32);
	}

	.site-navbar__item,
	.site-navbar__contact,
	.site-navbar__footer {
		opacity: 0;
		transform: translateY(1.25rem);
		transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.site-navbar__menu.is-open .site-navbar__item,
	.site-navbar__menu.is-open .site-navbar__contact,
	.site-navbar__menu.is-open .site-navbar__footer {
		opacity: 1;
		transform: none;
	}

	.site-navbar__menu.is-open .site-navbar__item:nth-child(1) {
		transition-delay: 0.06s;
	}

	.site-navbar__menu.is-open .site-navbar__item:nth-child(2) {
		transition-delay: 0.12s;
	}

	.site-navbar__menu.is-open .site-navbar__item:nth-child(3) {
		transition-delay: 0.18s;
	}

	.site-navbar__menu.is-open .site-navbar__item:nth-child(4) {
		transition-delay: 0.24s;
	}

	.site-navbar__menu.is-open .site-navbar__item:nth-child(5) {
		transition-delay: 0.3s;
	}

	.site-navbar__menu.is-open .site-navbar__contact {
		transition-delay: 0.36s;
	}

	.site-navbar__menu.is-open .site-navbar__footer {
		transition-delay: 0.42s;
	}

	.home-hero {
		min-height: auto;
		padding: 7rem 0 3rem;
	}

	.home-hero__content {
		min-height: 38rem;
	}

	.home-hero__intro {
		padding-top: 4rem;
		padding-bottom: 3rem;
	}

	.project-card--tall {
		min-height: 32rem;
	}

	.projects-masonry {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.projects-masonry__item--top,
	.projects-masonry__item--bottom,
	.projects-masonry__item--tall {
		grid-column: span 1;
		grid-row: auto;
	}

	.projects-masonry__item--wide {
		grid-column: span 2;
	}

	.services-section__content {
		min-height: 70rem;
		padding: 0;
	}

	.services-section__bottom {
		margin-top: 0;
		padding-bottom: 0;
	}

	.services-section__visual {
		width: min(36rem, 82%);
		transform: translateX(-50%);
		left: 50%;
	}

	.team-list {
		--team-sticker-bottom: 10.5rem;
		--team-sticker-height: 13.5rem;
		--team-sticker-right: -0.25rem;
	}

	.team-list > [class*="col-"] .team-card {
		height: 37.5rem;
	}

	.team-section__sticker {
		height: var(--team-sticker-height);
		display: none;
	}

	.team-card__image-wrap {
		height: 25rem;
	}

	.online-section__content {
		min-height: auto;
		gap: 3rem;
	}

	.online-section__text {
		padding-bottom: 0;
	}

	.online-section__title {
		margin-top: 0;
	}

	.online-section__visual {
		min-height: 24rem;
	}

	.online-section__visual picture {
		right: -4rem;
		bottom: -2rem;
		width: min(28rem, 82%);
	}

	.online-section__brand {
		top: 50%;
		right: 0;
		left: auto;
		width: min(28rem, 100%);
	}

	.process-section__content {
		min-height: initial;
		padding-bottom: 14rem;
		row-gap: 3rem;
	}

	.process-section__text {
		margin-top: 0;
		padding-bottom: 0;
	}

	.process-section__media {
		min-height: 22rem;
	}

	.process-section__visual {
		width: min(34rem, 82vw);
	}

	.process-section__lead {
		max-width: none;
	}

	.cta-section__text {
		min-height: auto;
	}

	.cta-section__title {
		margin-top: 0;
	}

	.cta-section__content {
		min-height: auto;
	}

	.site-footer__content {
		padding-top: 5rem;
	}

	.site-footer__brand {
		margin-top: 4rem;
	}

	.about-hero__content {
		padding-top: 9rem;
		padding-bottom: 5rem;
	}

	.case-studies-hero {
		padding-top: 9rem;
	}

	.case-detail-hero {
		padding-top: 8rem;
	}

	.case-detail-hero__back {
		margin-bottom: 4rem;
	}

	.similar-projects__title {
		font-size: 3rem;
	}

	.case-detail-hero__main {
		padding-right: 0;
	}

	.case-detail-hero__meta {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2rem 4rem;
		margin-top: 2.5rem;
	}

	.case-stats {
		flex-wrap: wrap;
		gap: 1.5rem;
	}

	.case-stat {
		flex: 1 1 calc(50% - 0.75rem);
		padding-top: 6rem;
		border-radius: 14rem 14rem 1.5rem 1.5rem;
	}

	.case-stat__value {
		font-size: 2.75rem;
	}

	/* pri neparnom pocte telefonov skryje posledny, aby mriezka nezostala nedokoncena */
	.realizacie-phone:last-child:nth-child(odd) {
		display: none;
	}

	.case-stat--tall {
		padding-top: 8rem;
	}

	.about-hero__gallery {
		flex-wrap: wrap;
		gap: 1.5rem;
		margin-top: 3.5rem;
	}

	.about-photo {
		width: min(20rem, 42%);
	}

	.about-photo + .about-photo {
		margin-left: 0;
	}

	.feature-block {
		padding-right: 0;
	}

	.results-cards > [class*="col-"]:nth-child(4n + 1) .results-card,
	.results-cards > [class*="col-"]:nth-child(4n) .results-card {
		padding-top: 5.5rem;
	}

	.results-cards > [class*="col-"]:nth-child(4n + 2) .results-card,
	.results-cards > [class*="col-"]:nth-child(4n + 3) .results-card {
		padding-top: 9rem;
	}

	.results-card__body {
		align-items: center;
		text-align: center;
	}

	.results-card__avocado {
		display: none;
	}

	.studies-hero__content {
		min-height: auto;
		padding-top: 10rem;
		padding-bottom: 3rem;
		row-gap: 3rem;
	}

	.studies-hero__visual {
		min-height: 24rem;
	}

	.studies-hero__phones {
		width: 36rem;
	}

	.benefits-section__brand {
		width: 72rem;
	}

	.steps-section__intro,
	.faq-section__intro {
		position: static;
	}

	.faq-section__aside {
		padding-bottom: 0;
	}

	.gain-section__avocado {
		width: min(18rem, 44%);
		left: unset;
		right: 50%;
		transform: translateX(50%);
		bottom: -25rem;
	}

	.gain-section {
		padding-bottom: 17rem;
	}

	.gain-stat__value {
		font-size: 2.25rem;
	}

	.faq-item {
		padding-left: 0 !important; 
	}

	.step-card__title {
		font-size: 1.75rem;
	}

	.faq-item__icon {
		width: 3rem;
		height: 3rem;
		flex: 0 0 3rem;
	}

	.cta-hero__avocado {
        bottom: -2rem;
        right: -1.5rem;
        height: 20rem;
    }

	.audience-section__grid {
		margin-top: 2.5rem;
	}

	.results-card__value {
        font-size: 2.25rem;
    }

	.faq-section__avocado {
		position: absolute;
		bottom: unset;
		top: 0rem;
		left: unset;
		right: -1rem;
		z-index: 0;
		width: min(13rem, 50%);
		pointer-events: none;
	}
}

@media (max-width: 767.98px) {
	h1 {
		font-size: 3.25rem;
	}

	.case-detail-hero {
		padding-top: 9rem;
	}

	.similar-projects__title {
		font-size: 2.5rem;
	}

	.case-stat {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		flex: 1 1 calc(50% - 0.75rem);
		padding: 4.5rem 1rem 1.25rem;
		border-radius: 10rem 10rem 1rem 1rem;
		text-align: center;
		overflow-wrap: break-word;
	}

	.case-stat--tall {
		padding-top: 6rem;
	}

	.case-stat__value {
		font-size: 2.25rem;
	}

	.results-card {
		overflow-wrap: break-word;
	}

	.case-studies__services {
		display: none;
	}


	h2 {
		font-size: 2.75rem;
	}

	.studies-hero__title h2 {
		font-size: 2.75rem;
	}

	.hero-stat__value {
		font-size: 2.75rem;
	}

	.reviews-slide {
		width: calc((100% - 1rem) / 2);
	}

	.review-card {
		min-height: 17rem;
		padding: 1.5rem;
	}

	.projects-masonry {
		margin-top: 3rem;
	}

	.project-card,
	.project-card--wide,
	.project-card--portrait-small,
	.project-card--tall {
		min-height: 22rem;
	}

	.projects-masonry {
		grid-template-columns: 1fr;
	}

	.projects-masonry__item--top,
	.projects-masonry__item--wide,
	.projects-masonry__item--bottom,
	.projects-masonry__item--tall {
		grid-column: 1;
	}

	.reviews-controls {
		justify-content: flex-start !important;
	}

	.partners-slider {
		margin-top: 3.5rem;
	}

	.partner-slide {
		width: 8rem;
	}

	.services-section__visual {
		display: none;
	}

	.services-section.section-padding {
		padding-bottom: 5rem;
	}

	.services-section__content {
		min-height: initial;
	}

	.service-item__title {
		min-height: 0;
	}

	.team-list {
		--team-sticker-bottom: 9.25rem;
		--team-sticker-height: 11.5rem;
		--team-sticker-right: 0.25rem;
	}

	.team-card__image-wrap {
		height: 26rem;
	}

	.online-section__visual {
		min-height: 20rem;
	}

	.online-section__brand {
		width: min(22rem, 100%);
	}

	.online-section__visual picture {
		right: -3rem;
		width: min(24rem, 78%);
	}

	.process-section__media {
		min-height: 18rem;
	}

	.process-section__visual {
		width: min(30rem, 92vw);
	}

	.cta-form__control--message {
		min-height: 11rem;
	}

	.site-footer__newsletter-title {
		font-size: 2rem;
	}

	.site-footer__brand {
		margin-top: 3rem;
	}

	.feature-gallery__image--sm {
		height: 14rem;
	}

	.studies-hero__content {
		padding-bottom: 19rem;
	}

	.studies-hero__phones {
		right: 50%;
		transform: translate(50%, -10%);
		width: 28rem;
	}

	.studies-hero__visual {
		min-height: initial;
	}

	.gain-section {
		padding-bottom: 10rem;
	}

	.gain-section__title {
		font-size: 2.25rem;
	}

	.gain-stat__value {
		font-size: 2rem;
		padding-top: 1rem;
	}

	.gain-section__avocado {
		width: min(15rem, 42%);
		bottom: -18rem;
	}

	.image-banner {
		aspect-ratio: 2 / 1;
	}

	.cta-hero__avocado {
		height: 15rem;
	}


	.results-card__value {
        font-size: 2rem;
    }

	.faq-section__avocado {
		width: min(10rem, 50%);
	}
}

@media (max-width: 575.98px) {
	.section-padding {
		--section-padding-y: 4rem;
	}

	.case-studies__title {
		font-size: 2.25rem;
	}

	.project-card__text {
		font-size: 0.9375rem;
	}

	.story-section__lead {
		font-size: 1.25rem;
	}

	.story-section__backdrop svg {
		width: min(22rem, 100%);
	}

	.story-section__image {
		width: 24rem;
	}

	h1, h1 strong {
		font-size: 2.5rem;
	}

	h2, h2 strong {
		font-size: 2.25rem;
	}

	.studies-hero__title h2 {
		font-size: 2.25rem;
	}

	p, span, li, div {
		font-size: 0.875rem;
	}

	.site-button {
		min-height: 3rem;
		padding: 0 1.125rem;
		font-size: 0.875rem;
	}

	.site-icon-button,
	.slider-control {
		width: 3rem;
		height: 3rem;
		flex-basis: 3rem;
	}

	.site-navbar__brand svg {
		width: 5.85rem;
	}

	.site-navbar__toggle {
		width: 2.75rem;
		height: 2.75rem;
	}

	.home-hero {
		padding-top: 6.5rem;
	}

	.home-hero__content {
		min-height: 42rem;
	}

	.home-hero__intro {
		padding-top: 3rem;
		padding-bottom: 1.5rem;
	}

	.home-hero__lead {
		font-size: 1rem;
	}

	.hero-stat__value {
		font-size: 2.25rem;
	}

	.hero-stat__label {
		font-size: 0.5625rem;
		letter-spacing: 0.1rem;
	}

	.reviews-slide {
		width: 100%;
	}

	.project-card,
	.project-card--wide,
	.project-card--portrait-small,
	.project-card--tall {
		min-height: 19rem;
	}

	.project-card__content {
		right: 1.25rem;
		bottom: 1.25rem;
		left: 1.25rem;
	}

	.services-section__content {
		min-height: initial;
	}

	.service-item__title {
		font-size: 1.375rem;
	}

	.services-section__visual {
		width: min(28rem, 96%);
		bottom: -6rem;
	}

	.review-card {
		padding: 1rem;
	}

	.review-card__author { 
		padding-top: 1rem;
	}

	.team-card {
		min-height: 0;
	}

	.team-section__sticker {
		height: var(--team-sticker-height);
	}

	.team-list {
		--team-sticker-bottom: 9rem;
		--team-sticker-height: 9.5rem;
		--team-sticker-right: 0.75rem;
	}

	.team-list > [class*="col-"] .team-card {
		height: 100%;
	}

	.team-card__image-wrap {
		height: 17.5rem;
	}

	.team-card__body {
		padding: 0 1rem 1.5rem 1rem;
	}

	.team-card__role {
		margin-bottom: 0.5rem;
		font-size: 0.6875rem;
		letter-spacing: 0.09rem;
	}

	.team-card__name {
		font-size: 1.5rem;
	}

	.team-card__text {
		font-size: 0.8125rem;
	}

	.online-section__visual {
		min-height: 0;
	}

	.online-section__brand {
		top: 0;
		transform: none;
		width: 100%;
	}

	.online-section__visual picture {
		position: relative;
		right: auto;
		left: auto;
		bottom: auto;
		transform: none;
		width: min(20rem, 80%);
		margin: 1.5rem auto 0;
		z-index: 2;
	}

	.process-section__media {
		display: none;
	}

	.process-section__content {
		padding-bottom: 11rem;
	}

	.process-section__visual {
		width: min(24rem, 90%);
	}

	.cta-form__label {
		font-size: 1rem;
	}

	.cta-form__control,
	.cta-form__button {
		min-height: 3.25rem;
	}

	.site-footer__content {
		padding-top: 4rem;
	}

	.site-footer__newsletter-control {
		width: 100%;
	}

	.site-footer__newsletter-control button {
		padding: 0 1.25rem;
	}

	.site-footer__brand {
		margin-top: 2.5rem;
	}

	.site-footer__copy {
		margin-top: 1rem;
	}

	.about-hero__gallery {
		margin-top: 2rem;
	}

	.about-hero__content {
		padding-top: 7.5rem;
		padding-bottom: 0;
	}

	.case-studies-hero {
		padding-top: 7.5rem;
	}

	.case-detail-hero {
		padding-top: 7.5rem;
	}

	.case-detail-hero__back {
		margin-bottom: 3rem;
	}

	.similar-projects__title {
		font-size: 2rem;
	}

	.case-detail-meta__value {
		font-size: 1.125rem;
	}

	.case-stats {
		align-items: stretch;
		gap: 1rem;
	}

	.case-stat {
		flex-basis: calc(50% - 0.5rem);
		padding: 3.5rem 0.875rem 1.25rem;
	}

	.case-stat--tall {
		padding-top: 3.5rem;
	}

	.case-stat__label {
		margin-bottom: 0.5rem;
		font-size: 0.6875rem;
		letter-spacing: 0.09rem;
	}

	.case-stat__value {
		margin-bottom: 0.5rem;
		font-size: 1.5rem;
		letter-spacing: -0.045rem;
	}

	.case-stat__text {
		font-size: 0.8125rem;
	}

	.case-feature__title {
		font-size: 1.25rem;
	}

	.case-detail-intro {
		padding-top: 4rem;
	}

	.about-photo {
		width: min(20rem, 70%);
	}

	.about-photo--yellow {
		transform: rotate(12.17deg) translateY(-20%);
	}

	.about-photo--pink {
		transform: rotate(-13.724deg) translateY(-40%);
	}

	.feature-block {
		gap: 1.5rem;
	}

	.feature-block__title {
		font-size: 1.75rem;
	}

	.feature-gallery {
		gap: 0.75rem;
	}

	.feature-gallery__stack {
		gap: 0.75rem;
	}

	.feature-gallery__tall {
		padding: 1.25rem 0;
	}

	.feature-gallery__image--sm {
		height: 11rem;
	}

	.results-cards > [class*="col-"]:nth-child(4n + 2) .results-card,
	.results-cards > [class*="col-"]:nth-child(4n + 3) .results-card {
		padding-top: 4rem;
	}

	.results-cards > [class*="col-"]:nth-child(4n + 1) .results-card,
	.results-cards > [class*="col-"]:nth-child(4n) .results-card {
		padding-top: 4rem;
	}

	.results-cards > [class*="col-"] .results-card.results-card--green {
		padding-top: 4rem;
	}


	.studies-hero__content {
		padding-top: 8.5rem;
		padding-bottom: 15rem;
	}

	.studies-hero__phones {
		width: 22rem;
		transform: translate(53%, -10%);
	}

	.benefits-section__brand {
		width: 120vw;
	}

	.benefits-list {
		margin-top: 2.5rem;
	}

	.benefit-card {
		padding: 1.5rem;
	}

	.realizacie-phones {
		/* flex-direction: column; */
		align-items: center;
		gap: 1rem;
		margin-top: 3rem;
	}

	.realizacie-phone {
		max-width: 47%;
	}

	.gain-section {
		padding-bottom: 7rem;
	}

	.gain-section__title {
		font-size: 1.875rem;
	}

	.gain-stat__value {
		font-size: 1.5rem;
	}

	.gain-section__avocado {
        width: 11rem;
        left: unset;
        bottom: -13rem;
        right: 5%;
        transform: translateX(0);
    }

	.image-banner {
		aspect-ratio: 3 / 2;
	}

	.cta-hero__avocado {
		right: -0.5rem;
		bottom: -6.5rem;
		width: 9rem;
		height: auto;
	}

	.cta-hero__avocado-image {
		width: 100%;
		height: auto;
	}

	.faq-item {
		padding: 1.25rem;
	}

	.faq-item__head {
		gap: 1rem;
	}

	.faq-item__question, .step-card__title {
		font-size: 1.5rem;
	}

	.faq-item__icon {
		width: 3rem;
		height: 3rem;
		flex-basis: 3rem;
	}

	.audience-section__grid {
		margin-top: 2rem;
	}

	.results-card__value {
		font-size: 1.5rem;
		letter-spacing: -0.045rem;
	}

	.results-card {
		display: flex;
		align-items: flex-end;
		height: 100%;
		padding: 0 0.875rem 1.25rem;
		border-radius: 10rem 10rem 1rem 1rem;
	}

	.results-card__body {
		gap: 0.5rem;
		font-size: 0.8125rem;
	}

	.faq-section__avocado {
        width: min(8rem, 50%);
		top: 0.5rem;
    }
}

@media (max-width: 456px) {
	.gain-section__avocado {
		bottom: -13rem;
	}
}

@media (max-width: 991px) {
	.contact-hero,
	.blog-hero,
	.post-hero,
	.team-hero,
	.services-hero,
	.legal-hero {
		padding-top: 8rem;
	}

	.error-section {
		padding-top: 9rem;
	}

	.contact-map,
	.contact-map__frame {
		min-height: 22rem;
	}

	.post-cover__media {
		background-attachment: scroll;
	}
}

@media (max-width: 575px) {
	.post-back {
		left: 1rem;
		bottom: 1rem;
	}

	.post-back .site-button {
		display: none;
	}

	.error-page__title {
		font-size: 4rem;
	}

	.error-page__icon {
		width: 4.5rem;
		height: 4.5rem;
	}

	.legal-content h2 {
		font-size: 1.5rem;
	}

	.legal-table th,
	.legal-table td {
		padding: 0.625rem 0.75rem;
		font-size: 0.9375rem;
	}

	.cta-form__control--message {
		min-height: 13.25rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.reveal-section {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.site-header {
		transition: none;
	}

	.site-navbar__item,
	.site-navbar__contact,
	.site-navbar__footer {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.site-navbar__link {
		transition: none;
	}

	.post-cover__media {
		background-attachment: scroll;
	}
}
@media (min-width: 1400px) {
	.services-section__visual {
		bottom: -4rem;
	}
}