/* normalize html */
html {
	box-sizing: border-box;
	/* font-size: 6.69vw; */
	font-size: 6.944vw;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
html {
		font-size: 25.64vw;
}
	}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
}

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


:root {
	--light-blue: #C1E6E9;
	--blue: #3B7FBB;
	--yellow: #FDD652;
	--red: #F07540;
	--brown: #501510;
	--white: #FFFCF7;
}


body {
	--primary-color: #FDD652;
	--text-color: #501510;
}

body.page-color-light-blue {
	--primary-color: #C1E6E9;
	--text-color: #3B7FBB;
}

body.page-color-blue {
	--primary-color: #C1E6E9;
	--text-color: #3B7FBB;
}

body.page-color-yellow {
	--primary-color: #FDD652;
	--text-color: #501510;
}

body.page-color-red {
	--primary-color: #F07540;
	--text-color: #501510;
}

:is(body.page-color-red header.page-header) .btn {
			color: var(--text-color);
		}

:is(:is(body.page-color-red header.page-header) .btn) .btn-icon-content {
				background-color: var(--primary-color);
				color: var(--text-color);
			}

:is(:is(body.page-color-red header.page-header) .btn) .btn-icon-icon__bg {
				background-color: var(--text-color);
			}

:is(:is(:is(body.page-color-red header.page-header) .btn) .btn-icon-icon__arrow) path {
					fill: var(--primary-color);
				}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga" 1;
	font-smoothing: antialiased;
	font-family: "Schibsted Grotesk", sans-serif;
	font-size: 0.24rem;
	line-height: 1.1;
	letter-spacing: -0.04em;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

	background-color: var(--white);

	color: var(--text-color);
}

main {
	padding-top: 0.16rem;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

main {
		padding-top: 0;
}
	}

section.newsletter:has(+ footer) {
    margin-bottom: 0.16rem !important;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.newsletter:has(+ footer) {
		margin-bottom: 0 !important;
}
	}


/* Image with 'data' attribute is hidden */

img[data-lazy-src] {
	/* we set the opacity to 0 */
	opacity: 0;
}

/* Image without 'data' attribute is (or becomes) visible */

img.lazyloaded {
	/* prepare the future animation */
	-webkit-transition: opacity 0.5s linear 0.2s;
	-moz-transition: opacity 0.5s linear 0.2s;
	transition: opacity 0.5s linear 0.2s;
	/* we set the opacity to 1 to do the magic */
	opacity: 1;
}

/* TYPOGRAPHY */

.title-80 {
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.04em;
	font-family: "Instrument Serif", serif;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

.title-80 {
		font-size: 0.64rem;
}
	}

.title-64 {
	font-size: 0.64rem;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.04em;
	font-family: "Instrument Serif", serif;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

.title-64 {
		font-size: 0.48rem;
}
	}

.title-32 {
	font-size: 0.32rem;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.04em;
	font-family: "Instrument Serif", serif;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

.title-32 {
		font-size: 0.28rem;
}
	}

.text-24 {
	font-size: 0.24rem;
	line-height: 1.1;
	letter-spacing: -0.04em;
	font-family: "Schibsted Grotesk", sans-serif;
}

.text-22 {
	font-size: 0.22rem;
	line-height: 1.1;
	letter-spacing: -0.04em;
	font-family: "Schibsted Grotesk", sans-serif;
}

.text-16 {
	font-size: 0.16rem;
	line-height: 1.1;
	letter-spacing: -0.04em;
	font-family: "Schibsted Grotesk", sans-serif;
}

.title-font {
	font-family: "Instrument Serif", serif;
}

.italic {
	font-style: italic;
}

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

@media screen and (max-width: 768px) and (orientation: portrait) {

.container {
		max-width: 100%;
		padding: 0 0.16rem;
}
	}

.spacer {
	/* height: 200vh; */
}

/* BUTTONS */


.btn {
    grid-column-gap: .16rem;
    grid-row-gap: .16rem;
    font-size: 0.16rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
    text-decoration: none;
    display: flex;
    width: fit-content;
    border-radius: 9rem;
}


.btn .btn-icon-icon {
        z-index: 1;
        flex: none;
        justify-content: center;
        align-items: center;
        width: 0.2rem;
        height: 0.2rem;
        display: flex;
        position: relative;
    }


.btn .btn-icon-icon__bg {
        background-color: var(--primary-color);
        color: var(--text-color);
        border-radius: 9rem;
        width: 100%;
        height: 100%;
        position: absolute;
    }


.btn .btn-icon-icon__wrap {
        color: var(--text-color);
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
    }


.btn .btn-icon-icon__list {
        flex: none;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        display: flex;
    }


.btn .btn-icon-icon__arrow {
        flex: none;
        width: 0.2rem;
        height: 100%;
        padding: 0.05rem;
    }


.btn .btn-icon-content {
        grid-column-gap: .16rem;
        grid-row-gap: .16rem;
        background-color: var(--text-color);
        color: var(--primary-color);
        border-radius: 9rem;
        justify-content: flex-start;
        align-items: center;
        padding: 0.12rem 0.12rem 0.12rem 0.24rem;
        display: flex;
        position: relative;
        overflow: hidden;
    }


.btn .btn-icon-content__mask {
        z-index: 1;
        flex: none;
        justify-content: flex-start;
        align-items: center;
        display: flex;
        position: relative;
        overflow: hidden;
		padding-right: 0.01rem;
    }


.btn .btn-icon-content__bg {
        z-index: 0;
        background-color: var(--background-color);
        width: 120%;
        height: 100%;
        position: absolute;
        bottom: 0%;
        left: -10%;
        transform: translate(0, 175%) rotate(15deg);
    }


/* Global attribute to easily control easing and timing of all targetted elements */


.btn [data-button-anim-target]{
        transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
    }


/* Fake a duplicate text element using text shadow without blur  */


/* We save the distance in a variable for easy use in the CSS animation */


.btn .btn-icon-content__text{
        --text-duplicate-distance: 1.5em;
		padding-bottom: 0.1em;
        text-shadow: 0px var(--text-duplicate-distance) currentColor;
    }


@media (hover:hover) and (pointer:fine){
            .btn:hover .btn-icon-content__text{ transform: translate(0px, calc(-1 * var(--text-duplicate-distance))); }
            .btn:hover .btn-icon-icon__bg{ transform: rotate(90deg); }
            .btn:hover .btn-icon-icon__arrow{ transform: translate(200%, 0px); }
            .btn:hover .btn-icon-content__bg{ transform: translate(0px, 0%) rotate(0deg); }
    }


.btn.outline {
        border: 1px solid var(--text-color);

    }


.btn.outline .btn-icon-content {
            background-color: transparent;
            color: var(--text-color);
        }


.btn.outline .btn-icon-icon__bg {
            background-color: var(--text-color);
        }


.btn.outline .btn-icon-icon__wrap {
            color: var(--primary-color);
        }


.btn.secondary .btn-icon-content {
            background-color: #FDD652;
            color: var(--text-color);
        }


.btn.secondary .btn-icon-icon__bg {
            background-color: var(--text-color);
        }


.btn.secondary .btn-icon-icon__wrap {
            color: var(--primary-color);
        }


.btn.btn--icon-left .btn-icon-content {
            flex-direction: row-reverse;
            padding: 0.12rem 0.24rem 0.12rem 0.12rem;
        }


.btn.btn--icon-left .btn-icon-icon__wrap {
            justify-content: center;
        }


.btn.btn--icon-left .btn-icon-icon__media {
            position: relative;
            z-index: 1;
            display: block;
            width: auto;
            height: 0.12rem;
            max-width: 0.12rem;
            object-fit: contain;
        }

/* UNDERLINE LINKS */

.underline-link {
	color: inherit;
	width: fit-content;
}
  
[data-underline-link] {
	text-decoration: none;
	position: relative;
}
  
[data-underline-link]::before,
[data-underline-link="alt"]::before,
[data-underline-link="alt"]::after{
	content: "";
	position: absolute;
	bottom: -0.0625em;
	left: 0;
	width: 100%;
	height: 0.0625em;
	background-color: currentColor;
	transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
	transform-origin: right;
	transform: scaleX(0) rotate(0.001deg);
}
  
[data-underline-link="alt"]::before {
	transform-origin: left;
	transform: scaleX(1) rotate(0.001deg);
	transition-delay: 0.3s;
}
  
[data-underline-link="alt"]::after {
	transform-origin: right;
	transform: scaleX(0) rotate(0.001deg);
	transition-delay: 0s;
}
  
@media (hover: hover) and (pointer: fine) {
	[data-hover]:hover [data-underline-link]::before,
	[data-underline-link]:hover::before {
	  transform-origin: left;
	  transform: scaleX(1) rotate(0.001deg);
	}  
	
	[data-hover]:hover [data-underline-link="alt"]::before,
	[data-underline-link="alt"]:hover::before {
	  transform-origin: right;
	  transform: scaleX(0) rotate(0.001deg);
	  transition-delay: 0s;
	}
	
	[data-hover]:hover [data-underline-link="alt"]::after,
	[data-underline-link="alt"]:hover::after {
	  transform-origin: left;
	  transform: scaleX(1) rotate(0.001deg);
	  transition-delay: 0.3s;
	}
}



/* @view-transition {
	navigation: auto;
} */

::view-transition-group(root) {
	animation-duration: 0.001rem;
}

::view-transition-old(root),
::view-transition-new(root) {
	animation: none;
}

.transition {
	--transition-color: #ceaeff;
	z-index: 9999;
	pointer-events: none;
	position: fixed;
	inset: 0;
	overflow: clip;
	opacity: 0;
	visibility: visible;
}

.transition.is-active {
	opacity: 1;
}

.transition__shape {
	color: var(--transition-color);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.transition__svg {
	width: 130%;
	height: 130%;
	position: absolute;
	top: -15%;
	left: -15%;
}

.transition__svg path {
	stroke: currentColor;
	stroke-width: 5%;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}




/* HEADER */

header.page-header {
	position: fixed;
	z-index: 25;
	top: 0.32rem;
	left: 50%;
	transform: translateX(-50%);
	width: 13.76rem;

	background-color: var(--white);
	padding: 0.24rem;
	border-radius: 9.99rem;
	transition:
		transform 0.45s ease,
		opacity 0.45s ease;

}

header.page-header.is-stacking-scroll-hidden {
		transform: translateX(-50%) translateY(calc(-100% - 0.48rem));
		opacity: 0;
		pointer-events: none;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

header.page-header {
		top: 0.08rem;
		width: calc(100% - 0.32rem);
		padding: 0.16rem;

}
	}

header.page-header .wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}

:is(header.page-header .wrapper) .logo {
			display: block;
			width: 1.9rem;
		}

:is(:is(header.page-header .wrapper) .logo) img {
				width: 100%;
				height: auto;
				display: block;
			}

:is(header.page-header .wrapper) .menu-items {
			display: flex;
			gap: 0.16rem;
			align-items: center;
		}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(header.page-header .wrapper) .menu-items {
				display: none;
		}
			}

:is(:is(header.page-header .wrapper) .menu-items) a {
				color: var(--text-color);
			}

:is(:is(header.page-header .wrapper) .menu-items) .nav {
				display: flex;
				gap: 0.16rem;
				align-items: center;
			}

:is(header.page-header .wrapper) .menu-toggle {
			display: none;
		}

@media screen and (max-width: 768px) and (orientation: portrait) {
			:is(header.page-header .wrapper) .menu-toggle {
				width: 0.44rem;
				height: 0.44rem;
				border: 0;
				border-radius: 50%;
				background: var(--text-color);
				color: var(--primary-color);
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0;
				cursor: pointer;
				position: relative;
				z-index: 40;
			}

			:is(header.page-header .wrapper) .menu-toggle .hamburger {
				width: 0.26rem;
				height: 0.18rem;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				transition: all 0.3s ease-in-out;
			}

			:is(header.page-header .wrapper) .menu-toggle .hamburger .line {
				width: 100%;
				height: 0.03rem;
				background-color: currentColor;
				display: block;
				border-radius: 0.02rem;
				transition: all 0.3s ease-in-out;
			}
		}

body.mobile-menu-open {
	overflow: hidden;
}


.mobile-menu-panel {
	display: none;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
	.mobile-menu-panel {
		display: block;
		position: fixed;
		inset: 0;
		height: 100dvh;
		min-height: 100vh;
		background: var(--primary-color);
		padding: 1.32rem 0.16rem 0.24rem;
		z-index: 24;
		clip-path: circle(0% at calc(100% - 0.58rem) 0.58rem);
		transition: clip-path 2.5s cubic-bezier(0.22, 1, 0.36, 1);
		pointer-events: none;
		overflow: hidden;

	}

	.mobile-menu-nav {
		display: flex;
		flex-direction: column;
		gap: 0.38rem;
	}

	.mobile-menu-nav a {
		font-size: 0.32rem;
		line-height: 1.1;
		letter-spacing: -0.04em;
	}

	.mobile-menu-footer {
		position: absolute;
		left: 0.16rem;
		right: 0.16rem;
		bottom: 0.24rem;
		display: flex;
		justify-content: flex-start;
	}

	body.mobile-menu-open .mobile-menu-panel {
		clip-path: circle(220% at calc(100% - 0.58rem) 0.58rem);
		pointer-events: auto;
	}

	.menu-toggle.is-open #hamburger-11 .line:nth-child(2) {
		opacity: 0;
	}

	.menu-toggle.is-open #hamburger-11 .line:nth-child(1) {
		transform: translateY(0.075rem) rotate(45deg);
	}

	.menu-toggle.is-open #hamburger-11 .line:nth-child(3) {
		transform: translateY(-0.075rem) rotate(-45deg);
	}
}


/* FOOTER */

footer.page-footer {
	background-color: var(--blue);
	color: var(--white);
	padding: 0.72rem 0.72rem 0.24rem 0.72rem;
	border-radius: 0.48rem;
	margin-bottom: 0.16rem;
	margin-top: 0.16rem;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

footer.page-footer {
		padding: 0.48rem 0.16rem;
		border-radius: 0;
		margin-bottom: 0;
		margin-top: 0;
}
	}

:is(footer.page-footer .wrapper) .upper-part {
			display: flex;
			justify-content: space-between;
		}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(footer.page-footer .wrapper) .upper-part {
				flex-direction: column;
				gap: 0.4rem;
		}
			}

:is(:is(footer.page-footer .wrapper) .upper-part) .left-side {
				width: 5.13rem;
			}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(:is(footer.page-footer .wrapper) .upper-part) .left-side {
					width: 100%;
			}

					:is(:is(:is(footer.page-footer .wrapper) .upper-part) .left-side) .footer-description {
						text-align: center;
					}
				}

:is(:is(:is(footer.page-footer .wrapper) .upper-part) .left-side) .socials {
					margin-top: 0.58rem;
					display: flex;
					gap: 0.24rem;
				}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(:is(:is(footer.page-footer .wrapper) .upper-part) .left-side) .socials {
						justify-content: center;
						margin-top: 0.3rem;
				}
					}

:is(:is(:is(:is(footer.page-footer .wrapper) .upper-part) .left-side) .socials) a {
						width: 0.44rem;
						height: 0.44rem;
						display: block;
						background-color: var(--white);
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						transition: background-color 0.3s ease-in-out;
					}

@media (hover: hover) and (pointer: fine) {
							:is(:is(:is(:is(:is(footer.page-footer .wrapper) .upper-part) .left-side) .socials) a):hover {
								background-color: var(--light-blue);
							}
						}

:is(:is(:is(:is(:is(footer.page-footer .wrapper) .upper-part) .left-side) .socials) a) img {
							width: 0.16rem;
							height: auto;
							display: block;
						}

:is(:is(:is(footer.page-footer .wrapper) .upper-part) .right-side) .menu-columns {
					max-width: 6.2rem;
					display: flex;
					gap: 0.9rem;
				}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(:is(:is(footer.page-footer .wrapper) .upper-part) .right-side) .menu-columns {
						flex-direction: column;
						align-items: center;
						text-align: center;
						gap: 0.6rem;
				}
					}

:is(:is(:is(:is(footer.page-footer .wrapper) .upper-part) .right-side) .menu-columns) .column-title {
						margin-bottom: 0.24rem;
					}

:is(:is(:is(:is(footer.page-footer .wrapper) .upper-part) .right-side) .menu-columns) .menu-items {
						display: flex;
						flex-direction: column;
						gap: 0.1rem;
					}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(:is(:is(:is(footer.page-footer .wrapper) .upper-part) .right-side) .menu-columns) .menu-items {
							align-items: center;
					}
						}

:is(footer.page-footer .wrapper) .lower-part {
			margin-top: 1.4rem;
			padding-top: 0.24rem;
			border-top: 1px solid var(--white);
			display: flex;
			justify-content: space-between;
		}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(footer.page-footer .wrapper) .lower-part {
				margin-top: 0.8rem;
				flex-direction: column;
				align-items: center;
				text-align: center;
		}
			}

:is(:is(footer.page-footer .wrapper) .lower-part) .gdpr-menu-items {
				display: flex;
				gap: 0.5rem;
			}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(:is(footer.page-footer .wrapper) .lower-part) .copyright-text {
					margin-top: 0.4rem;
					margin-top: 0.16rem;
			}
				}

/* Blog single post */

section.hero_with_image-single {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.hero_with_image-single .container {
			padding-left: 0;
			padding-right: 0;
	}
		}

section.hero_with_image-single .wrap {
		background-color: var(--primary-color);
		padding: 1.8rem 0.72rem 1rem 0.72rem;
		display: flex;
		gap: 0.2rem;
		justify-content: space-between;
		align-items: center;
		border-radius: 0.48rem;
		overflow: hidden;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.hero_with_image-single .wrap {
			flex-direction: column;
			border-radius: 0;
			padding-top: 1.32rem;
			padding-left: 0.16rem;
			padding-right: 0.16rem;
			padding-bottom: 0.16rem;
	}
		}

section.hero_with_image-single .text-column {
		width: 6.76rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.hero_with_image-single .text-column {
			width: 100%;
			padding-bottom: 0.48rem;
	}
		}

:is(section.hero_with_image-single .text-column) .label {
			margin-bottom: 0.24rem;
		}

:is(section.hero_with_image-single .text-column) .title {
			margin-bottom: 0.24rem;
		}

:is(section.hero_with_image-single .text-column) .description {
			max-width: 5.4rem;
		}

section.hero_with_image-single .marquees-column {
		width: 6rem;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.hero_with_image-single .marquees-column {
			width: 100%;
	}
		}

:is(section.hero_with_image-single .marquees-column) img {
			display: block;
			width: 100%;
			height: auto;
			border-radius: 0.4rem;
		}

section.post_single_content {
	padding: 0.8rem 0 0.8rem;
	color: var(--text-color);
}

section.post_single_content .custom-container {
		max-width: 10.50rem;
		margin: 0 auto;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.post_single_content .custom-container {
			max-width: 100%;
			padding: 0 0.16rem;
	}
		}

section.post_single_content .content-block {
		font-size: 0.22rem;
		line-height: 1.4;
		letter-spacing: -0.04em;
	}

:is(section.post_single_content .content-block) + .content-block {
			margin-top: 0.48rem;
		}

:is(section.post_single_content .content-block) :is(h1,h2,h3) {
			font-size: 0.64rem;
			font-weight: 400;
			line-height: 1.1;
			letter-spacing: -0.04em;
			font-family: "Instrument Serif", serif;
			text-transform: uppercase;
			margin-bottom: 0.24rem;
		}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(section.post_single_content .content-block) :is(h1,h2,h3) {
				font-size: 0.48rem;
		}
			}

:is(section.post_single_content .content-block) :is(h4,h5,h6) {
			font-size: 0.32rem;
			font-weight: 400;
			line-height: 1.1;
			letter-spacing: -0.04em;
			font-family: "Instrument Serif", serif;
			text-transform: uppercase;
			margin-bottom: 0.2rem;
		}

@media screen and (max-width: 768px) and (orientation: portrait) {

:is(section.post_single_content .content-block) :is(h4,h5,h6) {
				font-size: 0.28rem;
		}
			}

:is(section.post_single_content .content-block) p {
			margin-bottom: 0.24rem;
		}

:is(section.post_single_content .content-block) ul {
			list-style: disc;
			list-style-position: outside;
			margin: 0 0 0.24rem 0;
			padding-left: 0.28rem;
		}

:is(section.post_single_content .content-block) ol {
			list-style: decimal;
			list-style-position: outside;
			margin: 0 0 0.24rem 0;
			padding-left: 0.28rem;
		}

:is(section.post_single_content .content-block) li {
			display: list-item;
			margin-bottom: 0.12rem;
		}

:is(section.post_single_content .content-block) img {
			display: block;
			width: 100%;
			height: auto;
			border-radius: 0.4rem;
			margin: 0.32rem 0;
		}

:is(section.post_single_content .content-block) a {
			text-decoration: underline;
		}

section.post_single_nav {
	padding-bottom: 1.2rem;
}

section.post_single_nav .custom-container {
		max-width: 10.50rem;
		margin: 0 auto;
	}

@media screen and (max-width: 768px) and (orientation: portrait) {

section.post_single_nav .custom-container {
			max-width: 100%;
			padding: 0 0.16rem;
	}
		}

section.post_single_nav .post_single_nav__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.32rem;
	}

section.post_single_nav .post_single_nav__link {
		display: inline-flex;
		align-items: center;
		gap: 0.16rem;
		color: var(--text-color);
		text-decoration: none;
	}

section.post_single_nav .post_single_nav__link [data-button-anim-target] {
		transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
	}

section.post_single_nav .post_single_nav__text-mask {
		overflow: hidden;
		display: block;
	}

section.post_single_nav .post_single_nav__text {
		display: block;
	}

section.post_single_nav .post_single_nav__icon {
		flex: none;
		width: 0.44rem;
		height: 0.44rem;
		border-radius: 50%;
		background-color: var(--text-color);
		color: var(--primary-color);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0.14rem;
		overflow: hidden;
	}

section.post_single_nav .post_single_nav__icon-wrap {
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}

section.post_single_nav .post_single_nav__icon-list {
		display: flex;
		align-items: center;
		height: 100%;
		transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
	}

section.post_single_nav .post_single_nav__icon-arrow {
		flex: none;
		width: 0.16rem;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

section.post_single_nav .post_single_nav__icon-arrow svg {
		width: 100%;
		height: auto;
		display: block;
	}

section.post_single_nav .post_single_nav__link--back .post_single_nav__icon-list {
		transform: rotate(180deg);
	}

@media (hover: hover) and (pointer: fine) {
		section.post_single_nav .post_single_nav__text {
			--text-duplicate-distance: 1.5em;
			text-shadow: 0 var(--text-duplicate-distance) currentColor;
		}

		section.post_single_nav .post_single_nav__link:hover .post_single_nav__text {
			transform: translate(0, calc(-1 * var(--text-duplicate-distance)));
		}

		section.post_single_nav .post_single_nav__link:not(.post_single_nav__link--back):hover .post_single_nav__icon-list {
			transform: translateX(33.333%);
		}

		section.post_single_nav .post_single_nav__link--back:hover .post_single_nav__icon-list {
			transform: rotate(180deg) translateX(33.333%);
		}
	}