/*
 * PCH Landing: design styles
 * Priscila Cabrera Headhunting
 *
 * Contents
 *  1. Design tokens
 *  2. Base and accessibility
 *  3. Typography utilities
 *  4. Layout: sections, head, grids
 *  5. Buttons
 *  6. Header
 *  7. Hero
 *  8. Services and cards
 *  9. Benefits and facts strip
 * 10. Process
 * 11. Specializations
 * 12. About
 * 13. Testimonials
 * 14. FAQ
 * 15. Final call to action
 * 16. Footer
 * 17. Default templates (posts, pages, 404)
 * 18. Responsive: tablet
 * 19. Responsive: mobile
 * 20. Reduced motion
 */


/* ==========================================================================
   1. Design tokens
   ========================================================================== */

:root {
	--pch-charcoal: var(--wp--preset--color--charcoal);
	--pch-charcoal-deep: var(--wp--preset--color--charcoal-deep);
	--pch-ivory: var(--wp--preset--color--ivory);
	--pch-sand: var(--wp--preset--color--sand);
	--pch-taupe: var(--wp--preset--color--taupe);
	--pch-taupe-dark: var(--wp--preset--color--taupe-dark);

	--pch-line-light: rgba(30, 30, 30, 0.2);
	--pch-line-dark: rgba(245, 239, 224, 0.2);
	--pch-text-soft-dark: rgba(245, 239, 224, 0.82);

	--pch-pad-y: clamp(4.5rem, 9vw, 8rem);
	--pch-gutter: clamp(1.25rem, 5vw, 3rem);
	--pch-gap: clamp(1rem, 2vw, 1.5rem);
	--pch-col-gap: clamp(2rem, 6vw, 6rem);
	--pch-ease: 0.25s ease;
}


/* ==========================================================================
   2. Base and accessibility
   ========================================================================== */

html {
	scroll-padding-top: 5.5rem;
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

::selection {
	background: var(--pch-taupe);
	color: var(--pch-charcoal-deep);
}

.wp-site-blocks > * {
	margin-block-start: 0;
}

.wp-block-group.landing > * {
	margin-block: 0;
}

:where(a, button, summary, input, .wp-block-button__link):focus-visible {
	outline: 2px solid var(--pch-taupe-dark);
	outline-offset: 3px;
}

.section--dark :focus-visible {
	outline-color: var(--pch-ivory);
}

.section--dark a {
	text-decoration-color: rgba(245, 239, 224, 0.45);
	text-underline-offset: 0.25em;
}


/* ==========================================================================
   3. Typography utilities
   ========================================================================== */

.eyebrow {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.24em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--pch-taupe-dark);
}

.eyebrow::before {
	content: "";
	display: inline-block;
	width: 2rem;
	height: 1px;
	margin-right: 0.9rem;
	vertical-align: middle;
	background: currentColor;
}

.section--dark .eyebrow {
	color: var(--pch-taupe);
}

.section--cta .eyebrow {
	color: var(--pch-sand);
}

.lead {
	max-width: 34rem;
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.65;
}

.section--dark .lead {
	color: var(--pch-text-soft-dark);
}

.section--cta .lead {
	color: var(--pch-ivory);
}

h1,
h2,
.section__title {
	text-wrap: balance;
}


/* ==========================================================================
   4. Layout: sections, head, grids
   ========================================================================== */

.section {
	padding: var(--pch-pad-y) var(--pch-gutter);
}

.wp-block-group.section > * {
	margin-block: 0;
}

.section__head {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
	align-items: end;
	gap: 1.25rem var(--pch-col-gap);
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.wp-block-group.section__head > * {
	margin-block: 0;
}

.section__head .eyebrow {
	grid-column: 1 / -1;
}

.section__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
}

.section__intro {
	max-width: 30rem;
	margin: 0;
	color: var(--pch-taupe-dark);
}

.section--dark .section__intro {
	color: var(--pch-text-soft-dark);
}

.wp-block-group.section > .section__head {
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.wp-block-group.section > .stats {
	margin-top: clamp(3.5rem, 7vw, 6rem);
}

.wp-block-group.section > .section__note {
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: 1.25rem;
	border-top: 1px solid var(--pch-line-light);
	font-size: var(--wp--preset--font-size--small);
	color: var(--pch-taupe-dark);
}

.grid {
	display: grid;
	gap: var(--pch-gap);
}

.wp-block-group.grid > * {
	margin-block: 0;
}

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

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

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


/* ==========================================================================
   5. Buttons
   ========================================================================== */

.wp-block-buttons {
	gap: 1rem;
}

.wp-block-button__link {
	transition: background-color var(--pch-ease), color var(--pch-ease), border-color var(--pch-ease);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: currentColor;
	border: 1px solid currentColor;
}

.section--dark .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--pch-ivory);
	color: var(--pch-charcoal-deep);
}

.section--dark .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.section--dark .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible {
	background: var(--pch-sand);
	color: var(--pch-charcoal-deep);
}

.section--dark .wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--pch-ivory);
	border-color: rgba(245, 239, 224, 0.5);
}

.section--dark .wp-block-button.is-style-outline .wp-block-button__link:hover,
.section--dark .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
	background: var(--pch-ivory);
	color: var(--pch-charcoal-deep);
	border-color: var(--pch-ivory);
}

.btn-lg .wp-block-button__link {
	padding: 1.35em 3em;
	font-size: var(--wp--preset--font-size--base);
}


/* ==========================================================================
   6. Header
   ========================================================================== */

header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
}

.site-header {
	padding: 0.9rem var(--pch-gutter);
	border-bottom: 1px solid var(--pch-line-dark);
}

.site-header__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 2rem;
}

.wp-block-group.site-header__inner > * {
	margin-block: 0;
}

.brand {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.wp-block-group.brand > * {
	margin-block: 0;
}

.brand__name {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.02em;
}

.brand__name a {
	text-decoration: none;
	color: inherit;
}

.brand__tag {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.42em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--pch-taupe);
}

.site-header__nav {
	flex: 1 1 auto;
	justify-content: flex-end;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.site-header__nav .wp-block-navigation__container {
	gap: 1.75rem;
}

.site-header__nav a {
	transition: color var(--pch-ease);
}

.site-header__nav a:hover {
	color: var(--pch-taupe);
	text-decoration: none;
}

.site-header__cta .wp-block-button__link {
	padding: 0.85em 1.5em;
	font-size: var(--wp--preset--font-size--x-small);
}


/* ==========================================================================
   7. Hero
   ========================================================================== */

.section--hero {
	padding-block: clamp(3.5rem, 8vw, 7rem);
}

.hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	align-items: center;
	gap: var(--pch-col-gap);
}

.wp-block-group.hero__grid > * {
	margin-block: 0;
}

.hero__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.75rem;
}

.wp-block-group.hero__copy > * {
	margin-block: 0;
}

.hero__title {
	margin: 0;
	max-width: 12ch;
	line-height: 1.02;
}

.wp-block-group.hero__copy > .hero__note {
	margin-top: 0.5rem;
}

.hero__note {
	padding-top: 1.5rem;
	border-top: 1px solid var(--pch-line-dark);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--pch-taupe);
}

.hero__media,
.about__media {
	position: relative;
	isolation: isolate;
}

.hero__media::after,
.about__media::after {
	content: "";
	position: absolute;
	inset: 1.25rem -1.25rem -1.25rem 1.25rem;
	z-index: -1;
	border: 1px solid var(--pch-taupe);
}

.portrait {
	margin: 0;
}

.portrait img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}


/* ==========================================================================
   8. Services and cards
   ========================================================================== */

.card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 1px solid var(--pch-line-light);
	transition: border-color var(--pch-ease), background-color var(--pch-ease);
}

.wp-block-group.card > * {
	margin-block: 0;
}

.card:hover {
	border-color: var(--pch-taupe-dark);
}

.section--dark .card {
	border-color: var(--pch-line-dark);
}

.section--dark .card:hover {
	border-color: var(--pch-taupe);
}

.card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.wp-block-group.card > .card__top {
	margin-bottom: 1.5rem;
}

.wp-block-group.card__top > * {
	margin-block: 0;
}

.card__icon {
	margin: 0;
}

.card__icon img {
	display: block;
	width: 3rem;
	height: 3rem;
}

.card__index {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--base);
	letter-spacing: 0.12em;
	color: var(--pch-taupe-dark);
}

.card__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
}


/* ==========================================================================
   9. Benefits and facts strip
   ========================================================================== */

.benefits {
	gap: clamp(2.5rem, 5vw, 3.5rem) var(--pch-col-gap);
}

.benefit {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--pch-line-dark);
}

.wp-block-group.benefit > * {
	margin-block: 0;
}

.benefit__num,
.step__num,
.spec__num {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--base);
	letter-spacing: 0.12em;
	color: var(--pch-taupe);
}

.benefit__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
}

.benefit p:last-child {
	max-width: 28rem;
	color: var(--pch-text-soft-dark);
}

.stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem var(--pch-gap);
	margin-top: clamp(3.5rem, 7vw, 6rem);
}

.wp-block-group.stats > * {
	margin-block: 0;
}

.stat {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--pch-taupe);
}

.wp-block-group.stat > * {
	margin-block: 0;
}

.stat__value {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.25rem, 4.2vw, 3.5rem);
	line-height: 1;
	color: var(--pch-ivory);
}

.stat__label {
	margin: 0;
	max-width: 16rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	color: var(--pch-text-soft-dark);
}


/* ==========================================================================
   10. Process
   ========================================================================== */

.steps {
	gap: clamp(2.5rem, 5vw, 3.5rem) var(--pch-gap);
}

.step {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--pch-charcoal);
}

.wp-block-group.step > * {
	margin-block: 0;
}

.step__num {
	color: var(--pch-taupe-dark);
}

.step__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
}

.step p:last-child {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.65;
}


/* ==========================================================================
   11. Specializations
   ========================================================================== */

.specs {
	border-top: 1px solid var(--pch-line-dark);
}

.wp-block-group.specs > * {
	margin-block: 0;
}

.spec {
	display: grid;
	grid-template-columns: 4rem minmax(0, 1.3fr) minmax(0, 1fr);
	align-items: baseline;
	gap: 0.75rem 2rem;
	padding: clamp(1.5rem, 3vw, 2.25rem) 0;
	border-bottom: 1px solid var(--pch-line-dark);
}

.wp-block-group.spec > * {
	margin-block: 0;
}

.spec__name {
	margin: 0;
	font-size: clamp(1.75rem, 3.4vw, 3rem);
	line-height: 1.1;
	transition: color var(--pch-ease);
}

.spec:hover .spec__name {
	color: var(--pch-taupe);
}

.spec__desc {
	margin: 0;
	max-width: 26rem;
	color: var(--pch-text-soft-dark);
}


/* ==========================================================================
   12. About
   ========================================================================== */

.about__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	align-items: center;
	gap: var(--pch-col-gap);
}

.wp-block-group.about__grid > * {
	margin-block: 0;
}

.about__media::after {
	inset: 1.25rem 1.25rem -1.25rem -1.25rem;
}

.about__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
}

.wp-block-group.about__copy > * {
	margin-block: 0;
}

.about__quote {
	margin: 0;
	padding: 0;
	border: 0;
}

.about__quote p {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-style: italic;
	line-height: 1.2;
}

.about__quote cite {
	display: block;
	margin-top: 1.25rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-style: normal;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--pch-taupe-dark);
}


/* ==========================================================================
   13. Testimonials
   ========================================================================== */

.card--quote {
	justify-content: space-between;
}

.testimonial {
	margin: 0;
	padding: 0;
	border: 0;
}

.testimonial::before {
	content: "\201C";
	content: "\201C" / "";
	display: block;
	margin-bottom: 0.5rem;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 4rem;
	line-height: 0.8;
	color: var(--pch-taupe);
}

.testimonial p {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.5;
}

.testimonial cite {
	display: block;
	margin-top: 1.75rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--pch-line-dark);
	font-size: var(--wp--preset--font-size--x-small);
	font-style: normal;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pch-taupe);
}


/* ==========================================================================
   14. FAQ
   ========================================================================== */

.faq__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	align-items: start;
	gap: var(--pch-col-gap);
}

.wp-block-group.faq__grid > * {
	margin-block: 0;
}

.faq__head {
	position: sticky;
	top: 7rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.wp-block-group.faq__head > * {
	margin-block: 0;
}

.faq__list {
	border-bottom: 1px solid var(--pch-line-light);
}

.wp-block-group.faq__list > * {
	margin-block: 0;
}

.faq__item {
	border-top: 1px solid var(--pch-line-light);
}

.faq__item summary {
	position: relative;
	margin: 0;
	padding: 1.5rem 3rem 1.5rem 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	line-height: 1.3;
	list-style: none;
	cursor: pointer;
	transition: color var(--pch-ease);
}

.faq__item summary::-webkit-details-marker {
	display: none;
}

.faq__item summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.35rem;
	width: 0.6rem;
	height: 0.6rem;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: translateY(-70%) rotate(45deg);
	transition: transform var(--pch-ease);
}

.faq__item[open] summary::after {
	transform: translateY(-30%) rotate(-135deg);
}

.faq__item summary:hover {
	color: var(--pch-taupe-dark);
}

.faq__item > p {
	max-width: 40rem;
	margin: 0;
	padding: 0 3rem 1.75rem 0;
}


/* ==========================================================================
   15. Final call to action
   ========================================================================== */

.section--cta {
	padding-block: clamp(5rem, 11vw, 9.5rem);
}

.cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.75rem;
	text-align: center;
}

.wp-block-group.cta > * {
	margin-block: 0;
}

.cta .lead {
	max-width: 32rem;
}

.cta__title {
	margin: 0;
	max-width: 16ch;
	font-size: clamp(2.5rem, 6vw, 4.75rem);
	line-height: 1.05;
}

.cta__actions {
	justify-content: center;
}

.wp-block-group.cta > .cta__actions {
	margin-top: 0.5rem;
}

.cta__mail {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.08em;
}


/* ==========================================================================
   16. Footer
   ========================================================================== */

.site-footer {
	padding: clamp(3.5rem, 6vw, 5.5rem) var(--pch-gutter) 2rem;
}

.site-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: 3rem var(--pch-col-gap);
	padding-bottom: clamp(2.5rem, 5vw, 4rem);
	border-bottom: 1px solid var(--pch-line-dark);
}

.wp-block-group.site-footer__grid > * {
	margin-block: 0;
}

.site-footer__brand,
.site-footer__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.25rem;
}

.wp-block-group.site-footer__brand > *,
.wp-block-group.site-footer__col > * {
	margin-block: 0;
}

.site-footer__slogan {
	max-width: 22rem;
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
	font-style: italic;
	line-height: 1.4;
	color: var(--pch-text-soft-dark);
}

.site-footer__nav {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.04em;
}

.site-footer__nav .wp-block-navigation__container {
	gap: 0.6rem;
}

.site-footer__nav a:hover {
	color: var(--pch-taupe);
	text-decoration: none;
}

.site-footer__email {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
}

.wp-block-social-links.site-footer__social .wp-social-link,
.wp-block-social-links.site-footer__social .wp-social-link a {
	color: var(--pch-ivory);
}

.wp-block-social-links.site-footer__social .wp-social-link:hover a {
	color: var(--pch-taupe);
}

.site-footer__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 2rem;
	padding-top: 1.75rem;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--pch-text-soft-dark);
}

.wp-block-group.site-footer__bar > * {
	margin-block: 0;
}

.site-footer__regions {
	margin: 0;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.site-footer__legal {
	margin: 0;
	letter-spacing: 0.04em;
}


/* ==========================================================================
   17. Default templates (posts, pages, 404)
   ========================================================================== */

.page-main {
	padding: clamp(3rem, 6vw, 6rem) var(--pch-gutter);
}

.entry-card {
	padding-block: 2rem;
	border-top: 1px solid var(--pch-line-light);
}

.wp-block-group.entry-card > * {
	margin-block: 0.75rem 0;
}

.entry-card .wp-block-post-title {
	font-size: var(--wp--preset--font-size--x-large);
}

.entry-card .wp-block-post-title a {
	text-decoration: none;
}

.wp-block-query-pagination {
	margin-top: 3rem;
	gap: 1.5rem;
}


/* ==========================================================================
   18. Responsive: tablet
   ========================================================================== */

@media (max-width: 1024px) {
	.grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.wp-block-buttons.site-header__cta {
		display: none;
	}
}

@media (max-width: 900px) {
	.hero__grid,
	.about__grid,
	.faq__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.hero__media,
	.about__media {
		max-width: 26rem;
		margin-inline: 0.5rem 1.25rem;
	}

	.about__media {
		order: -1;
	}

	.hero__title {
		max-width: none;
	}

	.faq__head {
		position: static;
	}

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

	.site-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 782px) {
	.grid--3,
	.grid--2 {
		grid-template-columns: minmax(0, 1fr);
	}

	.section__head {
		grid-template-columns: minmax(0, 1fr);
	}

	.section__intro {
		max-width: none;
	}

	.spec {
		grid-template-columns: 2.5rem minmax(0, 1fr);
	}

	.spec__desc {
		grid-column: 2;
	}
}


/* ==========================================================================
   19. Responsive: mobile
   ========================================================================== */

@media (max-width: 600px) {
	.grid--4,
	.stats,
	.site-footer__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.wp-block-buttons,
	.wp-block-buttons .wp-block-button,
	.wp-block-buttons .wp-block-button__link {
		width: 100%;
		text-align: center;
	}

	.btn-lg .wp-block-button__link {
		padding-inline: 1.5em;
	}

	.site-header__inner {
		flex-wrap: nowrap;
	}

	.site-footer__bar {
		flex-direction: column;
		align-items: flex-start;
	}

	.hero__media,
	.about__media {
		max-width: none;
	}
}


/* ==========================================================================
   20. Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}