/* Vendor */
html.lenis,
html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
/* Foundation */
/* Custom Properties & @property definitions */
:root {
	--design-base-desktop: 1280;
	--design-base-mobile: 390;
	--max-inner-width: 1480px;
	--fluid-base: var(--design-base-desktop);
	--fluid-cap: var(--max-inner-width);

	@media (max-width: 768px) {
		--fluid-base: var(--design-base-mobile);
		--fluid-cap: 100vi;
	}

	/* Typography */
	--leading-trim: calc((1em - 1lh) / 2);

	--font-size-base: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));

	--tracking-wide: 0.09em;
	--tracking-normal: 0.02em;
	--tracking-tight: -0.02em;

	/* Easing */
	--ease-out: cubic-bezier(0.61, 1, 0.88, 1);
	--ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);

	@media (max-width: 768px) {
		--gutter: calc(20 / var(--design-base-mobile) * 100vi);
	}

	/* stylelint-disable value-keyword-case */
	--font-family-base: "dnp-shuei-gothic-gin-std", "游ゴシック体", "Yu Gothic",
		YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
		Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;

	--font-family-grotesk: "neue-haas-grotesk-display", "游ゴシック体",
		"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
		"メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;

	--font-family-display: "heisei-mincho-std", "游明朝体", "Yu Mincho",
		YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝",
		"MS PMincho", serif;
}
/* Mask */
@property --mask-square {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+);
	inherits: false;
}
@property --mask-wave-top-left {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjIzNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyODAgMjM0Ij48cGF0aCBmaWxsPSIjZmVmZWY5IiBkPSJNMTgzMi0zNjFTMTYwOC45NiA4Ni4wNDQgOTAzLjAyNyAxMy45ODNDMjM1LjMyNy01NC4yNDYgMS4xMTIgMjM0IDEuMTEyIDIzNEwtNTUyLTM2MXoiLz48L3N2Zz4=);
	inherits: false;
}
@property --mask-wave-top-right {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjIzNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyODAgMjM0Ij48cGF0aCBmaWxsPSIjZmVmZWY5IiBkPSJNLTU1Mi4wMDktMzYxLjAxOFMtMzI4Ljk2OCA4Ni4wMjYgMzc2Ljk2NCAxMy45NjVjNjY3LjY5Ni02OC4yMjkgOTAxLjkxNiAyMjAuMDE3IDkwMS45MTYgMjIwLjAxN2w1NTMuMTEtNTk1eiIvPjwvc3ZnPg==);
	inherits: false;
}
@property --mask-wave-bottom-left {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjIzNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyODAgMjM1Ij48cGF0aCBmaWxsPSIjZmVmZWY5IiBkPSJNMTgzMiA1OTVzLTIyMy4wNC00NDcuMDQ0LTkyOC45NzMtMzc0Ljk4MkMyMzUuMzI3IDI4OC4yNDYgMS4xMTIgMCAxLjExMiAwTC01NTIgNTk1eiIvPjwvc3ZnPg==);
	inherits: false;
}
@property --mask-wave-bottom-right {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjIzMyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyODAgMjMzIj48cGF0aCBmaWxsPSIjZmVmZWY5IiBkPSJNLTU1MiA1OTVzMjIzLjA0MS00NDcuMDQ0IDkyOC45NzMtMzc0Ljk4MkMxMDQ0LjY3IDI4OC4yNDYgMTI3OC44OSAwIDEyNzguODkgMEwxODMyIDU5NXoiLz48L3N2Zz4=);
	inherits: false;
}
@property --icon-close {
	syntax: "<url>";
	initial-value: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23fff%27 d=%27M1.702 11.806.149 10.253 4.382 6.02 0 1.638 1.638 0 6.02 4.382 10.253.15l1.553 1.553-4.233 4.233 4.403 4.403-1.638 1.638-4.403-4.403z%27/%3E%3C/svg%3E");
	inherits: false;
}
@property --icon-arrow-right {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjUiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA3IDUiPjxwYXRoIGZpbGw9IiNmZWZlZjkiIGQ9Ik03IDIuNSAwIDVsMi0yLjVMMCAweiIvPjwvc3ZnPg==);
	inherits: false;
}
@property --icon-logo {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE5IDIwIj48cGF0aCBmaWxsPSIjMDA1ZWFlIiBkPSJNMTkgMHMtMS43NzggMTUuMDI3LTcuNDA0IDEyLjYwNUM2LjI3NSAxMC4zMSA0LjQwOCAyMCA0LjQwOCAyMEwwIDB6Ii8+PC9zdmc+);
	inherits: false;
}
@property --icon-instagram {
	syntax: "<url>";
	initial-value: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBmaWxsPSIjZmZmIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik05IDEuNjIyYzIuNDAzIDAgMi42ODguMDA5IDMuNjM3LjA1Mi44NzcuMDQgMS4zNTQuMTg3IDEuNjcxLjMxLjQyLjE2My43Mi4zNTggMS4wMzUuNjczcy41MS42MTUuNjczIDEuMDM1Yy4xMjMuMzE3LjI3Ljc5NC4zMSAxLjY3MS4wNDMuOTQ5LjA1MiAxLjIzNC4wNTIgMy42MzdzLS4wMDkgMi42ODgtLjA1MiAzLjYzN2MtLjA0Ljg3Ny0uMTg3IDEuMzU0LS4zMSAxLjY3MWEyLjggMi44IDAgMCAxLS42NzMgMS4wMzVjLS4zMTUuMzE1LS42MTUuNTEtMS4wMzUuNjczLS4zMTcuMTIzLS43OTQuMjctMS42NzEuMzEtLjk1LjA0My0xLjIzNC4wNTItMy42MzcuMDUycy0yLjY4OC0uMDA5LTMuNjM3LS4wNTJjLS44NzctLjA0LTEuMzU0LS4xODctMS42NzEtLjMxYTIuOCAyLjggMCAwIDEtMS4wMzUtLjY3MyAyLjggMi44IDAgMCAxLS42NzMtMS4wMzVjLS4xMjQtLjMxNy0uMjctLjc5NC0uMzEtMS42NzEtLjA0My0uOTQ5LS4wNTMtMS4yMzQtLjA1My0zLjYzN3MuMDEtMi42ODguMDUzLTMuNjM3Yy4wNC0uODc3LjE4Ni0xLjM1NC4zMS0xLjY3MS4xNjMtLjQyLjM1OC0uNzIuNjczLTEuMDM1YTIuOCAyLjggMCAwIDEgMS4wMzUtLjY3M2MuMzE3LS4xMjMuNzk0LS4yNyAxLjY3MS0uMzEuOTQ5LS4wNDMgMS4yMzQtLjA1MiAzLjYzNy0uMDUyTTkgMEM2LjU1NiAwIDYuMjQ5LjAxIDUuMjg5LjA1NCA0LjMzMS4wOTggMy42NzcuMjUgMy4xMDQuNDczQTQuNCA0LjQgMCAwIDAgMS41MSAxLjUxIDQuNCA0LjQgMCAwIDAgLjQ3MiAzLjEwNUMuMjUgMy42NzcuMDk3IDQuMzMyLjA1NCA1LjI5LjAxIDYuMjUgMCA2LjU1NiAwIDlzLjAxIDIuNzUxLjA1NCAzLjcxMWMuMDQzLjk1OC4xOTYgMS42MTIuNDE4IDIuMTg1LjIzLjU5Mi41MzggMS4wOTQgMS4wMzggMS41OTRzMS4wMDIuODA4IDEuNTk0IDEuMDM4Yy41NzMuMjIzIDEuMjI3LjM3NSAyLjE4NS40MTguOTYuMDQ0IDEuMjY3LjA1NSAzLjcxLjA1NSAyLjQ0NSAwIDIuNzUyLS4wMSAzLjcxMi0uMDU1Ljk1Ny0uMDQzIDEuNjEyLS4xOTUgMi4xODQtLjQxOGE0LjQgNC40IDAgMCAwIDEuNTk0LTEuMDM4Yy41LS41LjgwOC0xLjAwMiAxLjAzOS0xLjU5NC4yMjItLjU3My4zNzQtMS4yMjcuNDE4LTIuMTg1LjA0NC0uOTYuMDU0LTEuMjY2LjA1NC0zLjcxcy0uMDEtMi43NTItLjA1NC0zLjcxMWMtLjA0NC0uOTU4LS4xOTYtMS42MTMtLjQxOC0yLjE4NWE0LjQgNC40IDAgMCAwLTEuMDM5LTEuNTk0QTQuNCA0LjQgMCAwIDAgMTQuODk1LjQ3M0MxNC4zMjMuMjUgMTMuNjcuMDk4IDEyLjcxMS4wNTQgMTEuNzUuMDEgMTEuNDQ0IDAgOSAwIi8+PHBhdGggZD0iTTkgNC4zNzhhNC42MjEgNC42MjEgMCAxIDAgMCA5LjI0MyA0LjYyMSA0LjYyMSAwIDAgMCAwLTkuMjQzTTkgMTJhMyAzIDAgMSAxIDAtNiAzIDMgMCAwIDEgMCA2TTEzLjgwNCA1LjI3NmExLjA4IDEuMDggMCAxIDAgMC0yLjE2IDEuMDggMS4wOCAwIDAgMCAwIDIuMTYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDE4djE4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
	inherits: false;
}
@media (min-width: 769px) {
	.sp-only {
		display: none;
	}
}
@media (max-width: 768px) {
	.pc-only {
		display: none;
	}
}
/* Reset styles - entry-content 外のみ適用 */
:where(h1, h2, h3, h4, h5, h6, p):not(.entry-content *) {
	margin: 0;
	border: 0;
	padding: 0;
}
:where(a):not(.entry-content *) {
	text-decoration: none;
}
:where(button):not(.entry-content *) {
	background-color: inherit;
	border: 0;
	padding: 0;
	color: inherit;
}
:where(ul, ol):not(.entry-content *) {
	margin: 0;
	padding: 0;
	list-style: "";
}
:where(figure):not(.entry-content *) {
	margin: 0;
}
:where(img):not(.entry-content *) {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
/* ハーフレディング */
:where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption):not(
		.entry-content *
	) {
	margin-block: var(--leading-trim);
}
:where(dialog) {
	width: unset;
	max-width: unset;
	height: unset;
	max-height: unset;
	padding: unset;
	color: unset;
	background-color: unset;
	border: unset;
	overflow: unset;
}
/* Base styles */
html {
	scrollbar-width: thin;
	scrollbar-gutter: stable;
}
body {
	-webkit-font-smoothing: antialiased;
	letter-spacing: var(--tracking-wide);
	line-height: 2.1538;
	font-size: var(--font-size-base);
	font-weight: 600;
	font-family: var(--font-family-base);
	display: grid;
	background-color: var(--wp--preset--color--background);
	grid-template-areas:
		"header"
		"main"
		"footer";
	grid-template-rows: auto 1fr auto;
	min-height: 100dvh;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
/* Keyframes */
@keyframes slide-fade {
	0% {
		opacity: 1;
		translate: 0 0;
	}
	45% {
		opacity: 0;
	}
	49.9% {
		opacity: 0;
		translate: 0 min(2.5 / var(--fluid-base) * 100vw, 2.5 / var(--fluid-base) * var(--fluid-cap));
	}
	50.1% {
		opacity: 0;
		translate: 0 calc(min(2.5 / var(--fluid-base) * 100vw, 2.5 / var(--fluid-base) * var(--fluid-cap)) * -1);
	}
	55% {
		opacity: 1;
	}
	100% {
		translate: 0 0;
	}
}
@keyframes arrow-slide {
	0% {
		opacity: 1;
		translate: 0 0;
	}
	45% {
		opacity: 0;
	}
	49.9% {
		opacity: 0;
		translate: min(2.5 / var(--fluid-base) * 100vw, 2.5 / var(--fluid-base) * var(--fluid-cap)) 0;
	}
	50.1% {
		opacity: 0;
		translate: calc(min(2.5 / var(--fluid-base) * 100vw, 2.5 / var(--fluid-base) * var(--fluid-cap)) * -1) 0;
	}
	55% {
		opacity: 1;
	}
	100% {
		translate: 0 0;
	}
}
@keyframes fade-line {
	0% {
		clip-path: inset(0 0% 0 0%);
	}
	49.9% {
		clip-path: inset(0 0% 0 100%);
	}
	50.1% {
		clip-path: inset(0 100% 0 0%);
	}
	100% {
		clip-path: inset(0 0% 0 0%);
	}
}
@keyframes commonLinkLine {
	0% {
		clip-path: inset(0 100% 0 0%);
	}
	49.9% {
		clip-path: inset(0 0% 0 0%);
	}
	50.1% {
		clip-path: inset(0 0% 0 0%);
	}
	100% {
		clip-path: inset(0 0% 0 100%);
	}
}
@keyframes flutter-01 {
	0%,
	100% {
		transform: skewX(0deg) rotate(0deg) scaleX(1);
	}
	25% {
		transform: skewX(2deg) rotate(0.5deg) scaleX(1.02);
	}
	50% {
		transform: skewX(-1deg) rotate(-0.3deg) scaleX(0.98);
	}
	75% {
		transform: skewX(1.5deg) rotate(0.4deg) scaleX(1.01);
	}
}
@keyframes flutter-02 {
	0%,
	100% {
		transform: skewX(0deg) rotate(0deg) scaleX(1);
	}
	30% {
		transform: skewX(-1.5deg) rotate(-0.4deg) scaleX(1.01);
	}
	60% {
		transform: skewX(1deg) rotate(0.3deg) scaleX(0.99);
	}
	85% {
		transform: skewX(-0.5deg) rotate(-0.2deg) scaleX(1.01);
	}
}
@keyframes flutter-03 {
	0%,
	100% {
		transform: skewX(0deg) rotate(0deg) scaleX(1);
	}
	20% {
		transform: skewX(1deg) rotate(0.3deg) scaleX(1.01);
	}
	55% {
		transform: skewX(-2deg) rotate(-0.5deg) scaleX(0.98);
	}
	80% {
		transform: skewX(0.5deg) rotate(0.2deg) scaleX(1.01);
	}
}
@keyframes flutter-04 {
	0%,
	100% {
		transform: skewX(0deg) rotate(0deg) scaleX(1);
	}
	35% {
		transform: skewX(-1deg) rotate(0.4deg) scaleX(1.02);
	}
	65% {
		transform: skewX(1.5deg) rotate(-0.3deg) scaleX(0.99);
	}
	90% {
		transform: skewX(-0.5deg) rotate(0.1deg) scaleX(1.01);
	}
}
@keyframes flutter-05 {
	0%,
	100% {
		transform: skewX(0deg) rotate(0deg) scaleX(1);
	}
	25% {
		transform: skewX(1.5deg) rotate(-0.4deg) scaleX(0.99);
	}
	50% {
		transform: skewX(-1deg) rotate(0.3deg) scaleX(1.02);
	}
	80% {
		transform: skewX(0.5deg) rotate(-0.2deg) scaleX(0.99);
	}
}
@keyframes wave-y-01 {
	0%,
	100% {
		translate: 0 0;
	}
	50% {
		translate: 0 calc(var(--wave-y-amount) * -1);
	}
}
@keyframes wave-y-02 {
	0%,
	100% {
		translate: 0 0;
	}
	50% {
		translate: 0 var(--wave-y-amount);
	}
}
/* Layout */
/* .site-header */
.site-header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: header;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 100;
	padding: 0 min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	background-color: var(--wp--preset--color--background);
	transition:
		background-color 0.55s,
		color 0.55s;

	@media (max-width: 768px) {
		padding: 0 min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	}
}
.site-header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	height: min(94 / var(--fluid-base) * 100vw, 94 / var(--fluid-base) * var(--fluid-cap));
	border-bottom: 1px solid
		color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
	transition: height 0.55s;

	@media (max-width: 768px) {
		height: min(76 / var(--fluid-base) * 100vw, 76 / var(--fluid-base) * var(--fluid-cap));
	}
}
.site-header__logo {
	width: min(105 / var(--fluid-base) * 100vw, 105 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		width: min(77 / var(--fluid-base) * 100vw, 77 / var(--fluid-base) * var(--fluid-cap));
	}

	& img {
		transition: filter 0.55s;
	}
}
.header-nav__list {
	display: flex;
	gap: min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap));
	border-left: 1px solid
		color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent);
	padding: 0.3em 0 0.3em min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		display: none;
	}

	& .menu-item {
		letter-spacing: var(--tracking-normal);
	}

	& a {
		position: relative;
		font-family: var(--font-family-grotesk);
		font-weight: 400;
		font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));

		&::before {
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			display: block;
			opacity: 0;
			width: 100%;
			height: 1px;
			background-color: currentColor;
			transition: opacity 0.55s var(--ease-in-out);
		}

		@media (any-hover: hover) {
			&:hover::before {
				opacity: 1;
				transition: opacity 0.35s var(--ease-out);
				animation: commonLinkLine 1.1s infinite
					cubic-bezier(0.87, 0, 0.13, 1) forwards;
			}
		}
	}
}
.site-header__parts {
	display: grid;
	grid-template-columns: min(56 / var(--fluid-base) * 100vw, 56 / var(--fluid-base) * var(--fluid-cap)) min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) min(100 / var(--fluid-base) * 100vw, 100 / var(--fluid-base) * var(--fluid-cap));
	align-items: center;
	gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	height: min(33 / var(--fluid-base) * 100vw, 33 / var(--fluid-base) * var(--fluid-cap));
}
.site-header__link {
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
	height: 100%;
	display: grid;
	place-items: center;
	letter-spacing: var(--tracking-normal);
	border-radius: 4px;
	border: 1px solid var(--wp--preset--color--secondary);
	transition:
		color 0.55s var(--ease-in-out),
		background-color 0.55s var(--ease-in-out);

	@media (any-hover: hover) {
		&:hover {
			color: var(--wp--preset--color--secondary);
			background-color: var(--wp--preset--color--white);
		}
	}
}
.site-header__sns {
	height: 100%;
	display: grid;
	place-items: center;
	background-color: var(--wp--preset--color--primary);
	border-radius: 4px;

	&::before {
		content: "";
		width: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
		aspect-ratio: 1 / 1;
		-webkit-mask-image: var(--icon-instagram);
		        mask-image: var(--icon-instagram);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		background-color: var(--wp--preset--color--white);
	}
}
.site-header__nav-sp[open] {
	justify-content: end;
}
.site-header__menu {
	border-top: 1px solid var(--wp--preset--color--contrast);
}
/* Transparent variant (TOP / Works FV) */
.site-header--transparent {
	background-color: transparent;
	color: var(--wp--preset--color--white);
	transition:
		background-color 0.55s,
		color 0.55s;

	& .site-header__inner {
		border-bottom-color: color-mix(
			in srgb,
			var(--wp--preset--color--white) 10%,
			transparent
		);
		height: min(130 / var(--fluid-base) * 100vw, 130 / var(--fluid-base) * var(--fluid-cap));
		transition:
			background-color 0.55s,
			height 0.55s;

		@media (max-width: 768px) {
			height: min(73 / var(--fluid-base) * 100vw, 73 / var(--fluid-base) * var(--fluid-cap));
		}
	}

	& .site-header__logo img {
		filter: brightness(0) invert(1);
	}

	& .header-nav__list {
		border-left-color: color-mix(
			in srgb,
			var(--wp--preset--color--white) 10%,
			transparent
		);
	}

	& .site-header__sns {
		background-color: color-mix(
			in srgb,
			var(--wp--preset--color--white) 10%,
			transparent
		);
	}

	& .hamburger-button {
		background-color: color-mix(
			in srgb,
			var(--wp--preset--color--white) 10%,
			transparent
		);
	}
}
/* .page-container*/
.page-container {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: main;
}
/* .site-footer */
.site-footer {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	margin-top: min(200 / var(--fluid-base) * 100vw, 200 / var(--fluid-base) * var(--fluid-cap));
	grid-area: footer;
	padding-block: min(175 / var(--fluid-base) * 100vw, 175 / var(--fluid-base) * var(--fluid-cap)) min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	color: var(--wp--preset--color--white);
	position: relative;
	overflow: hidden;

	@media (max-width: 768px) {
		margin-top: min(100 / var(--fluid-base) * 100vw, 100 / var(--fluid-base) * var(--fluid-cap));
		padding-block: min(100 / var(--fluid-base) * 100vw, 100 / var(--fluid-base) * var(--fluid-cap)) min(146 / var(--fluid-base) * 100vw, 146 / var(--fluid-base) * var(--fluid-cap));
	}
}
.site-footer__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--wp--preset--color--primary);
	z-index: -2;
	translate: calc(min(150 / var(--fluid-base) * 100vw, 150 / var(--fluid-base) * var(--fluid-cap)) * -1) min(100 / var(--fluid-base) * 100vw, 100 / var(--fluid-base) * var(--fluid-cap));
	transition: translate 0.8s var(--ease-out);
	will-change: translate;

	&::before {
		content: "";
		aspect-ratio: 1280 / 234;
		-webkit-mask-image: var(--mask-wave-top-right);
		        mask-image: var(--mask-wave-top-right);
		-webkit-mask-size: 100% auto;
		        mask-size: 100% auto;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: top;
		        mask-position: top;
		background-color: var(--wp--preset--color--background);
		position: absolute;
		left: 1px;
		width: 100%;
		top: -1px;
		z-index: 1;
	}
}
.is-animated .site-footer__bg {
	translate: 0 0;
}
.site-footer__inner {
	align-items: center;
}
.site-footer__site-logo {
	grid-column: 3 / 8;
	display: block;
	width: min(315 / var(--fluid-base) * 100vw, 315 / var(--fluid-base) * var(--fluid-cap));
	margin-left: calc(min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) * -1);

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		margin: 0 auto;
		width: min(243 / var(--fluid-base) * 100vw, 243 / var(--fluid-base) * var(--fluid-cap));
	}

	& img {
		width: 100%;
		height: auto;
	}
}
.site-footer__content {
	grid-column: 8 / 13;
	display: grid;
	grid-template-columns: subgrid;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		width: min(243 / var(--fluid-base) * 100vw, 243 / var(--fluid-base) * var(--fluid-cap));
		margin: 0 auto;
		display: block;
		margin-top: min(48 / var(--fluid-base) * 100vw, 48 / var(--fluid-base) * var(--fluid-cap));
	}
}
.site-footer__heading {
	grid-column: 1 / -1;
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	font-weight: 400;
	font-family: var(--font-family-grotesk);
}
.site-footer__name {
	grid-column: 1 / -1;
	line-height: 1.4286;
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 600;
	margin-top: calc(min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	letter-spacing: var(--tracking-wide);
	white-space: nowrap;
}
.site-footer__info {
	grid-column: 1 / -1;
	display: grid;
	gap: calc((1lh - 1em) / 2);
	margin-top: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	margin-bottom: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));

	& > p {
		font-weight: 600;
		letter-spacing: var(--tracking-wide);
		line-height: 1.6667;
		font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	}
}
.site-footer__corporate-logo {
	grid-column: 1 / 3;
	display: block;
	margin-top: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		width: min(170 / var(--fluid-base) * 100vw, 170 / var(--fluid-base) * var(--fluid-cap));
	}

	& img {
		width: 100%;
		height: auto;
	}
}
.site-footer__copyright {
	grid-column: 1 / -1;
	color: color-mix(in srgb, var(--wp--preset--color--white) 50%, transparent);
	margin-top: calc(min(150 / var(--fluid-base) * 100vw, 150 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	letter-spacing: var(--tracking-normal);

	@media (max-width: 768px) {
		margin-top: calc(min(90 / var(--fluid-base) * 100vw, 90 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
		text-align: center;
	}

	small {
		font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* Components */
/* .grid */
.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	-moz-column-gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	     column-gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	width: min(100%, var(--max-inner-width));
	padding-inline: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	margin-inline: auto;

	@media (max-width: 768px) {
		grid-template-columns: repeat(5, 1fr);
		-moz-column-gap: var(--gutter);
		     column-gap: var(--gutter);
		padding-inline: var(--gutter);
	}
}
:where(.grid) > * {
	grid-column: 1 / -1;
}
/* .hamburger-button */
.hamburger-button {
	cursor: pointer;
	color: var(--wp--preset--color--white);
	height: 100%;
	display: grid;
	grid-template-columns: auto min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	place-items: center;
	border-radius: 4px;
	background-color: var(--wp--preset--color--primary);
	-moz-column-gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	     column-gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	padding: 0 min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap));

	@media (any-hover: hover) {
		&:hover {
			.hamburger-button__line:nth-child(1) {
				transform: translateY(-2px);
			}
			.hamburger-button__line:nth-child(3) {
				transform: translateY(2px);
			}
		}
	}
}
.hamburger-button__text {
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
}
.hamburger-button__lines {
	display: flex;
	flex-direction: column;
	gap: min(4 / var(--fluid-base) * 100vw, 4 / var(--fluid-base) * var(--fluid-cap));
	width: 100%;
}
.hamburger-button__line {
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--wp--preset--color--white);
	transition: transform 0.25s var(--ease-out);
}
/* .drawer */
.drawer {
	margin: 0;
	border: none;
	background: transparent;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	position: fixed;
	top: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	right: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	width: min(373 / var(--fluid-base) * 100vw, 373 / var(--fluid-base) * var(--fluid-cap));
	height: -moz-fit-content;
	height: fit-content;
	max-height: calc(100dvh - min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap)));
	padding: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	left: auto;
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--background) 60%,
		transparent
	);
	transition:
		opacity 0.3s,
		display 0.3s allow-discrete,
		overlay 0.3s allow-discrete;
	border-radius: 4px;
	backdrop-filter: blur(10px);

	@media (max-width: 768px) {
		top: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
		right: 0;
		left: 0;
		margin: 0 auto;
		width: min(350 / var(--fluid-base) * 100vw, 350 / var(--fluid-base) * var(--fluid-cap));
		height: -moz-fit-content;
		height: fit-content;
		max-height: calc(100dvh - min(32 / var(--fluid-base) * 100vw, 32 / var(--fluid-base) * var(--fluid-cap)));
	}
}
.drawer[open] {
	opacity: 1;

	@starting-style {
		opacity: 0;
	}
}
.drawer::backdrop {
	opacity: 0;
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--black) 10%,
		transparent
	);
	transition:
		opacity 0.3s,
		display 0.3s allow-discrete;
	backdrop-filter: blur(3px);
}
.drawer[open]::backdrop {
	opacity: 1;

	@starting-style {
		opacity: 0;
	}
}
.drawer__close {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	background-color: var(--wp--preset--color--primary);
	width: min(45 / var(--fluid-base) * 100vw, 45 / var(--fluid-base) * var(--fluid-cap));
	height: min(45 / var(--fluid-base) * 100vw, 45 / var(--fluid-base) * var(--fluid-cap));
	border-radius: 0 4px 0 4px;
	display: grid;
	place-items: center;

	&::before {
		content: "";
		display: block;
		width: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
		-webkit-mask-image: var(--icon-close);
		        mask-image: var(--icon-close);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		aspect-ratio: 1 / 1;
		background-color: var(--wp--preset--color--white);
	}
}
.drawer__logo {
	display: block;
	width: min(167 / var(--fluid-base) * 100vw, 167 / var(--fluid-base) * var(--fluid-cap));
	margin: 0 auto;
}
.drawer__content {
	background-color: var(--wp--preset--color--primary);
	border-radius: 4px;
	color: var(--wp--preset--color--white);
	padding: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) min(72 / var(--fluid-base) * 100vw, 72 / var(--fluid-base) * var(--fluid-cap));
	margin-top: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
}
.drawer__list {
	display: grid;
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	place-items: center;

	& a {
		position: relative;
		font-family: var(--font-family-grotesk);
		font-weight: 400;

		@media (max-width: 768px) {
			font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
		}

		&::before {
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			display: block;
			opacity: 0;
			width: 100%;
			height: 1px;
			background-color: currentColor;
			transition: opacity 0.55s var(--ease-in-out);
		}

		@media (any-hover: hover) {
			&:hover::before {
				opacity: 1;
				transition: opacity 0.35s var(--ease-out);
				animation: commonLinkLine 1.1s infinite
					cubic-bezier(0.87, 0, 0.13, 1) forwards;
			}
		}
	}
}
.drawer__parts {
	margin-top: min(56 / var(--fluid-base) * 100vw, 56 / var(--fluid-base) * var(--fluid-cap));
	padding-top: min(56 / var(--fluid-base) * 100vw, 56 / var(--fluid-base) * var(--fluid-cap));
	border-top: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
	display: grid;
	place-items: center;
}
.drawer__text {
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	font-family: var(--font-family-grotesk);
	font-weight: 400;
}
.drawer__corporate-logo {
	width: min(170 / var(--fluid-base) * 100vw, 170 / var(--fluid-base) * var(--fluid-cap));
	margin-top: min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap));

	& img {
		width: 100%;
	}
}
/* .mask-wave */
.mask-wave {
	position: relative;

	&::before,
	&::after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		pointer-events: none;
		background-color: var(--wp--preset--color--background);
		z-index: 1;
	}

	&::before {
		top: -1px;
		aspect-ratio: 1280 / 234;
		-webkit-mask-image: var(--mask-wave-top-left);
		        mask-image: var(--mask-wave-top-left);
		-webkit-mask-size: 100% auto;
		        mask-size: 100% auto;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: bottom;
		        mask-position: bottom;
	}

	&::after {
		bottom: -1px;
		aspect-ratio: 1280 / 233;
		-webkit-mask-image: var(--mask-wave-bottom-right);
		        mask-image: var(--mask-wave-bottom-right);
		-webkit-mask-size: 100% auto;
		        mask-size: 100% auto;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: top;
		        mask-position: top;
	}
}
.mask-wave--reverse {
	&::before {
		-webkit-mask-image: var(--mask-wave-top-right);
		        mask-image: var(--mask-wave-top-right);
	}

	&::after {
		-webkit-mask-image: var(--mask-wave-bottom-left);
		        mask-image: var(--mask-wave-bottom-left);
	}
}
/* .label */
.label {
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-tight);
	font-family: var(--font-family-grotesk);
	display: grid;
	line-height: 1;
	align-items: center;
	gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 400;
	grid-template-columns:
		min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap))
		auto;

	@media (max-width: 768px) {
		font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
		gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
		grid-template-columns:
			min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap))
			auto;
	}

	&::before {
		content: "";
		display: inline-block;
		aspect-ratio: 1 / 1;
		background-color: var(--wp--preset--color--primary);
		border-radius: 100%;
	}
}
/* .heading */
.heading {
	font-size: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	line-height: 1.1;
	font-family: var(--font-family-grotesk);
	color: var(--wp--preset--color--primary);
	font-weight: 400;
	letter-spacing: var(--tracking-tight);

	@media (max-width: 768px) {
		font-size: min(32 / var(--fluid-base) * 100vw, 32 / var(--fluid-base) * var(--fluid-cap));
	}
}
.heading--primary {
	color: var(--wp--preset--color--white);
}
/* .hero */
.hero {
	height: 130dvh;
	display: grid;
	overflow: clip;
	position: relative;
}
.hero__image {
	grid-area: 1 / 1;
	display: grid;

	&::after {
		content: "";
		display: block;
		grid-area: 1 / 1;
		background-color: var(--wp--preset--color--black);
		opacity: var(--overlay-opacity, 0.2);
	}

	& picture {
		display: block;
		width: 100%;
		height: 100%;
		grid-area: 1 / 1;
	}

	& img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: top;
		   object-position: top;
	}
}
.hero__heading-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1;
}
.hero__heading {
	position: sticky;
	top: calc(50dvh - 1em);
	text-align: center;
	color: var(--wp--preset--color--white);
	font-size: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-tight);
	line-height: 1.5;

	@media (max-width: 768px) {
		font-size: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	}
}
.hero__scroll-button-wrapper {
	position: absolute;
	left: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	top: 0;
	height: 100%;
	z-index: 1;
	padding-bottom: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		left: 0;
		right: 0;
		padding-bottom: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
		text-align: center;
	}
}
.hero__scroll-button {
	position: sticky;
	top: calc(100dvh - (min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap)) + 1em));
	left: 0;
}
/* .scroll-button */
.scroll-button {
	cursor: pointer;
	color: var(--wp--preset--color--white);
	display: inline-grid;
	align-items: center;
	gap: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 400;
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	grid-template-columns:
		min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap))
		auto;
}
.scroll-button__icon {
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 50%, transparent);
	border-radius: 100%;
	width: min(19 / var(--fluid-base) * 100vw, 19 / var(--fluid-base) * var(--fluid-cap));
	aspect-ratio: 1 / 1;
	display: grid;
	place-items: center;

	&::before {
		rotate: 90deg;
		content: "";
		display: block;
		height: min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap));
		-webkit-mask-image: var(--icon-arrow-right);
		        mask-image: var(--icon-arrow-right);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		aspect-ratio: 7 / 5;
		background-color: var(--wp--preset--color--white);
	}
}
@media (any-hover: hover) {
	.scroll-button:hover .scroll-button__icon::before {
		animation: slide-fade 1.45s infinite var(--ease-out) forwards;
	}
}
@media (any-hover: none) {
	.scroll-button__icon::before {
		animation: slide-fade 1.45s infinite var(--ease-out) forwards;
	}
}
/* .arrow-icon */
.arrow-icon {
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: var(--wp--preset--color--primary);
	display: grid;
	place-items: center;
	border-radius: 100%;

	&::before {
		content: "";
		display: block;
		width: min(7 / var(--fluid-base) * 100vw, 7 / var(--fluid-base) * var(--fluid-cap));
		-webkit-mask-image: var(--icon-arrow-right);
		        mask-image: var(--icon-arrow-right);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		aspect-ratio: 7 / 5;
		background-color: var(--wp--preset--color--white);
	}
}
@media (any-hover: hover) {
	:has(:hover) > .arrow-icon::before,
	a:hover .arrow-icon::before,
	button:hover .arrow-icon::before {
		animation: arrow-slide 1.45s infinite var(--ease-out)
			forwards;
	}
}
/* .post-card */
.post-card {
	display: grid;
	gap: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	align-items: center;
	grid-template-columns: 1fr min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	grid-template-rows: auto auto;
	padding-bottom: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	position: relative;

	@media (max-width: 768px) {
		gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap)) min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
		padding-bottom: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	}

	&::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: color-mix(
			in srgb,
			var(--wp--preset--color--black) 10%,
			transparent
		);
	}
}
.post-card__date {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	color: color-mix(in srgb, var(--wp--preset--color--black) 50%, transparent);
	font-family: var(--font-family-grotes);
	letter-spacing: var(--tracking-normal);
	line-height: 1;
	font-weight: 400;
}
.post-card__title {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 600;
	letter-spacing: var(--tracking-wide);
	margin-block: var(--leading-trim);
	line-height: 1.538;

	&::after {
		content: "";
		position: absolute;
		inset: 0;
	}
}
.post-card__icon {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
@media (any-hover: hover) {
	.post-card:has(a:hover) {
		&::before {
			animation: fade-line 0.85s 1 var(--ease-out) forwards;
		}
	}
}
/* .card */
.card {
	display: block;
	text-align: left;
}
@media (any-hover: hover) {
	.card--link {
		&:hover {
			.card__tag::after {
				animation: arrow-slide 1.45s infinite var(--ease-out) forwards;
			}
			.card__image::after {
				opacity: 0.35;
			}
		}
	}
}
.card__image {
	aspect-ratio: 575 / 381;
	margin-bottom: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	position: relative;
	display: grid;
	border-radius: 4px;
	overflow: hidden;

	@media (max-width: 768px) {
		margin-bottom: min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap));
	}

	& img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		grid-area: 1 / 1;
	}

	&::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: var(--wp--preset--color--black);
		opacity: 0;
		grid-area: 1 / 1;
		transition: opacity 0.35s var(--ease-out);
	}
}
.card__tag {
	position: absolute;
	bottom: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	right: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	background-color: var(--wp--preset--color--primary);
	display: inline-grid;
	grid-template-columns: auto min(7 / var(--fluid-base) * 100vw, 7 / var(--fluid-base) * var(--fluid-cap));
	align-items: center;
	color: var(--wp--preset--color--white);
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 30%, transparent);
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	font-weight: 500;
	letter-spacing: var(--tracking-normal);
	border-radius: 4px;
	gap: min(6 / var(--fluid-base) * 100vw, 6 / var(--fluid-base) * var(--fluid-cap));
	padding: min(3 / var(--fluid-base) * 100vw, 3 / var(--fluid-base) * var(--fluid-cap)) min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	z-index: 1;

	&::after {
		content: "";
		display: block;
		-webkit-mask-image: var(--icon-arrow-right);
		        mask-image: var(--icon-arrow-right);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		aspect-ratio: 7 / 5;
		background-color: currentColor;
	}
}
.card__title {
	color: var(--wp--preset--color--primary);
	font-size: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-tight);
	margin-top: calc(min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	font-family: var(--font-family-grotesk);
	font-weight: 500;
	line-height: 1.65;

	@media (max-width: 768px) {
		font-size: min(26 / var(--fluid-base) * 100vw, 26 / var(--fluid-base) * var(--fluid-cap));
	}
}
.card__meta {
	margin: min(22 / var(--fluid-base) * 100vw, 22 / var(--fluid-base) * var(--fluid-cap)) 0 0;
	display: flex;
	align-items: flex-start;
	gap: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		margin: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap)) 0 0;
	}
}
.card__item {
	display: grid;
	row-gap: min(2 / var(--fluid-base) * 100vw, 2 / var(--fluid-base) * var(--fluid-cap));

	&:nth-child(n + 2) {
		padding-left: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
		border-left: 1px solid
			color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
	}
}
.card__label {
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	font-family: var(--font-family-grotesk);
	line-height: 1;
	color: color-mix(in srgb, var(--wp--preset--color--black) 50%, transparent);
}
.card__value {
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	margin: 0;
	line-height: 1.8181;
}
.card__desc {
	margin-top: calc(min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
}
.card--sm {
	& .card__image {
		margin-bottom: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	}

	& .card__title {
		font-size: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));

		@media (max-width: 768px) {
			font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
		}
	}

	@media (max-width: 768px) {
		& .card__label {
			font-size: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
		}
	}

	& .card__meta {
		margin: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) 0 0;

		@media (max-width: 768px) {
			margin: min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap)) 0 0;
		}
	}

	& .card__value {
		font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	}

	@media (max-width: 768px) {
		flex: 0 0 auto;
		width: min(276 / var(--fluid-base) * 100vw, 276 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* .banner */
.banner {
	position: fixed;
	bottom: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	right: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	z-index: 100;
	transition:
		opacity 0.4s,
		visibility 0.4s,
		border-color 0.4s;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	border-radius: 4px;
	overflow: hidden;
	padding: min(22 / var(--fluid-base) * 100vw, 22 / var(--fluid-base) * var(--fluid-cap)) min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	grid-template-columns: 1fr min(72 / var(--fluid-base) * 100vw, 72 / var(--fluid-base) * var(--fluid-cap));
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
	background-color: var(--wp--preset--color--primary);

	@media (max-width: 768px) {
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		grid-template-columns: 1fr;
		padding: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
		border: 0;
		border-radius: 10px 10px 0 0;
		border-top: 1px solid
			color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
	}
}
.banner--hidden {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	pointer-events: none;
}
.banner__content {
	gap: 0 min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap));
	color: var(--wp--preset--color--white);
	display: grid;
	align-items: center;
	grid-template-columns: auto min(125 / var(--fluid-base) * 100vw, 125 / var(--fluid-base) * var(--fluid-cap));
	transition:
		color 0.55s var(--ease-in-out),
		background-color 0.55s var(--ease-in-out);

	@media (max-width: 768px) {
		padding: 0;
		gap: 0 min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
		align-items: start;
	}
}
.banner__label {
	font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	font-weight: 500;
	letter-spacing: var(--tracking-normal);
	line-height: 1;

	@media (max-width: 768px) {
		font-size: min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap));
	}
}
.banner__title {
	font-size: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	margin-top: calc(min(4 / var(--fluid-base) * 100vw, 4 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
}
.banner__button {
	display: grid;
	gap: min(6 / var(--fluid-base) * 100vw, 6 / var(--fluid-base) * var(--fluid-cap));
	justify-content: center;
	align-items: center;
	font-size: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	grid-template-columns: auto min(7 / var(--fluid-base) * 100vw, 7 / var(--fluid-base) * var(--fluid-cap));
	background-color: var(--wp--preset--color--secondary);
	padding: min(2 / var(--fluid-base) * 100vw, 2 / var(--fluid-base) * var(--fluid-cap)) min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	border-radius: 4px;
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 30%, transparent);
	letter-spacing: var(--tracking-normal);
	transition:
		color 0.55s var(--ease-in-out),
		background-color 0.55s var(--ease-in-out);

	@media (any-hover: hover) {
		&:hover {
			color: var(--wp--preset--color--secondary);
			background-color: var(--wp--preset--color--white);
		}
	}

	&::after {
		content: "";
		display: block;
		width: 100%;
		-webkit-mask-image: var(--icon-arrow-right);
		        mask-image: var(--icon-arrow-right);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		aspect-ratio: 7 / 5;
		background-color: currentColor;
	}

	@media (any-hover: hover) {
		&:hover::after {
			animation: arrow-slide 1.45s infinite var(--ease-out) forwards;
		}
	}
}
/* .info-box */
.info-box {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--white) 10%,
		transparent
	);
	color: var(--wp--preset--color--white);
	padding: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap)) min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap)) min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap)) min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	display: grid;
	align-items: center;
	grid-template-columns: 1fr min(90 / var(--fluid-base) * 100vw, 90 / var(--fluid-base) * var(--fluid-cap));
	border-radius: 4px;
	cursor: pointer;

	@media (max-width: 768px) {
		padding: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap)) min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap)) min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap)) min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap));
	}

	@media (any-hover: hover) {
		&:hover {
			.info-box__button {
				background-color: color-mix(
					in srgb,
					var(--wp--preset--color--white) 30%,
					transparent
				);
			}
		}
	}
}
.info-box__content {
	text-align: left;
	display: grid;
	gap: min(8 / var(--fluid-base) * 100vw, 8 / var(--fluid-base) * var(--fluid-cap));
	backdrop-filter: blur(10px);

	@media (max-width: 768px) {
		gap: min(6 / var(--fluid-base) * 100vw, 6 / var(--fluid-base) * var(--fluid-cap));
	}
}
.info-box__label {
	font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	font-weight: 500;
	letter-spacing: 0;

	@media (max-width: 768px) {
		font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	}
}
.info-box__text {
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 500;
	letter-spacing: var(--tracking-wide);

	@media (max-width: 768px) {
		font-size: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
.info-box__button {
	font-size: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	font-weight: 500;
	letter-spacing: var(--tracking-normal);
	display: grid;
	line-height: 1;
	place-items: center;
	backdrop-filter: blur(10px);
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--white) 10%,
		transparent
	);
	padding: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap)) min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	border-radius: 4px;
	transition:
		color 0.55s var(--ease-in-out),
		background-color 0.55s var(--ease-in-out);

	@media (max-width: 768px) {
		padding: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap)) min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* .page-cover */
.page-cover {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background-color: var(--wp--preset--color--background);
}
/* .modal */
.modal {
	position: fixed;
	inset: 0;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	overflow-y: auto;
	display: grid;
	place-items: center;
	opacity: 0;
	pointer-events: none;
	transition:
		opacity 0.3s,
		display 0.3s allow-discrete,
		overlay 0.3s allow-discrete;
}
.modal[open] {
	opacity: 1;
	pointer-events: auto;

	@starting-style {
		opacity: 0;
	}
}
.modal::backdrop {
	opacity: 0;
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--black) 10%,
		transparent
	);
	transition:
		opacity 0.3s,
		display 0.3s allow-discrete;
	backdrop-filter: blur(3px);
}
.modal[open]::backdrop {
	opacity: 1;

	@starting-style {
		opacity: 0;
	}
}
.modal__container {
	position: relative;
}
.modal__close {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	background-color: var(--wp--preset--color--primary);
	width: min(45 / var(--fluid-base) * 100vw, 45 / var(--fluid-base) * var(--fluid-cap));
	height: min(45 / var(--fluid-base) * 100vw, 45 / var(--fluid-base) * var(--fluid-cap));
	border-radius: 0 0 0 4px;
	display: grid;
	place-items: center;
	z-index: 1;
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 30%, transparent);

	&::before {
		content: "";
		display: block;
		width: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
		-webkit-mask-image: var(--icon-close);
		        mask-image: var(--icon-close);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		aspect-ratio: 1 / 1;
		background-color: var(--wp--preset--color--white);
	}
}
/* .pagination */
.pagination {
	& ul {
		display: flex;
		gap: min(8 / var(--fluid-base) * 100vw, 8 / var(--fluid-base) * var(--fluid-cap));
		justify-content: center;
		align-items: center;
	}
}
.pagination li .page-numbers {
	display: grid;
	place-items: center;
	width: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap));
	height: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap));
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	border-radius: 50%;
	font-size: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	font-family: var(--font-family-grotesk);

	&.next,
	&.prev {
		border: 0;
	}
}
.pagination .page-numbers.current {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}
.pagination__arrow--prev {
	width: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	scale: -1;
}
.pagination__arrow--next {
	width: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
}
/* .scale */
.scale {
	overflow: hidden;
	opacity: 0;
}
/* .text-link */
.text-link {
	display: inline-grid;
	gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	grid-template-columns: auto min(7 / var(--fluid-base) * 100vw, 7 / var(--fluid-base) * var(--fluid-cap));
	align-items: center;
	font-family: var(--font-family-grotesk);
	letter-spacing: var(--tracking-normal);
	position: relative;
	line-height: 1;

	&::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		display: block;
		opacity: 0;
		width: 100%;
		height: 1px;
		background-color: currentColor;
		transition: opacity 0.55s var(--ease-in-out);
	}

	&::after {
		content: "";
		display: block;
		-webkit-mask-image: var(--icon-arrow-right);
		        mask-image: var(--icon-arrow-right);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		aspect-ratio: 7 / 5;
		background-color: currentColor;
	}

	@media (any-hover: hover) {
		&:hover::after {
			animation: arrow-slide 1.45s infinite var(--ease-out) forwards;
		}

		&:hover::before {
			opacity: 1;
			transition: opacity 0.35s var(--ease-out);
			animation: commonLinkLine 1.1s infinite
				cubic-bezier(0.87, 0, 0.13, 1) forwards;
		}
	}
}
/* .icon-number */
.icon-number {
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	font-size: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	display: grid;
	line-height: 1;
	place-items: center;
}
/* .profile-box */
.profile-box {
	display: grid;
	grid-template-columns: min(726 / var(--fluid-base) * 100vw, 726 / var(--fluid-base) * var(--fluid-cap)) auto;
	-moz-column-gap: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap));
	     column-gap: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap));
	background-color: var(--wp--preset--color--background);
	max-width: min(1280 / var(--fluid-base) * 100vw, 1280 / var(--fluid-base) * var(--fluid-cap));
	max-height: 100dvh;
	position: relative;
	overflow: hidden;

	@media (max-width: 768px) {
		max-height: auto;
		grid-template-columns: 1fr;
		overflow-y: auto;
		padding-bottom: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile-box__image {
	max-height: 100dvh;
	height: 100%;

	& img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}
}
.profile-box__content {
	max-height: 100dvh;
	height: 100%;
	overflow-y: auto;
	padding: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap)) min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap)) min(96 / var(--fluid-base) * 100vw, 96 / var(--fluid-base) * var(--fluid-cap)) 0;

	@media (max-width: 768px) {
		overflow-y: visible;
		padding: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap)) min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) 0;
	}
}
.profile-box__name {
	color: var(--wp--preset--color--primary);
	font-size: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-tight);
	margin-top: calc(min(45 / var(--fluid-base) * 100vw, 45 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	font-family: var(--font-family-grotesk);
	font-weight: 500;
	line-height: 1.65;

	@media (max-width: 768px) {
		font-size: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
		margin-top: calc(min(36 / var(--fluid-base) * 100vw, 36 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
.profile-box__meta {
	margin-top: min(26 / var(--fluid-base) * 100vw, 26 / var(--fluid-base) * var(--fluid-cap));
	display: flex;
	gap: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		margin-top: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile-box__item {
	display: grid;
	row-gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));

	&:nth-child(n + 2) {
		padding-left: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
		border-left: 1px solid
			color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
	}
}
.profile-box__label {
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	font-family: var(--font-family-grotesk);
	line-height: 1;
	color: color-mix(in srgb, var(--wp--preset--color--black) 50%, transparent);

	@media (max-width: 768px) {
		font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile-box__value {
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	margin: 0;
	line-height: 1;

	@media (max-width: 768px) {
		font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile-box__desc {
	margin-top: calc(min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

	@media (max-width: 768px) {
		margin-top: calc(min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
/* Project */
/* .mainvisual */
.mainvisual {
	display: grid;
	min-height: 100vh;
	color: var(--wp--preset--color--white);
	background-color: var(--wp--preset--color--black);
	position: relative;
	padding: min(130 / var(--fluid-base) * 100vw, 130 / var(--fluid-base) * var(--fluid-cap)) min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		padding: min(73 / var(--fluid-base) * 100vw, 73 / var(--fluid-base) * var(--fluid-cap)) min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap));
	}
}
.mainvisual__bg {
	position: absolute;
	inset: 0;
	display: grid;
	overflow: hidden;

	&::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: var(--wp--preset--color--black);
		opacity: var(--overlay-opacity, 0.2);
		grid-area: 1 / 1;
	}

	& picture {
		display: block;
		width: 100%;
		height: 100%;
		grid-area: 1 / 1;
	}

	& img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}
}
.mainvisual__inner {
	display: grid;
	grid-template-rows: 1fr auto;
	z-index: 1;
	place-items: center;
	height: 100%;
}
.mainvisual__content {
	width: 100%;
	max-width: min(556 / var(--fluid-base) * 100vw, 556 / var(--fluid-base) * var(--fluid-cap));
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto;
	padding-top: calc(25 / 752 * 100vh);

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		padding-top: 0;
	}
}
.mainvisual__heading {
	font-weight: 500;
	font-size: min(66 / var(--fluid-base) * 100vw, 66 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	line-height: 1.0606;
	letter-spacing: var(--tracking-tight);
	grid-column: 1 / 2;
	grid-row: 1 / 2;

	@media (max-width: 768px) {
		font-size: min(44 / var(--fluid-base) * 100vw, 44 / var(--fluid-base) * var(--fluid-cap));
		line-height: 1;
		grid-column: 1 / -1;
		grid-row: inherit;
		margin-top: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
.mainvisual__subheading {
	font-weight: 500;
	font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	margin-top: calc(min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	letter-spacing: var(--tracking-normal);

	@media (max-width: 768px) {
		font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
		line-height: 1;
		grid-column: 1 / -1;
		grid-row: inherit;
	}
}
.mainvisual__copy {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	line-height: 1.666;
	writing-mode: vertical-rl;
	margin-top: min(8 / var(--fluid-base) * 100vw, 8 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: 0.22em;

	@media (max-width: 768px) {
		font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
		grid-column: 1 / -1;
		margin-top: 0;
		line-height: 1.8;
		justify-self: end;
	}

	& span {
		text-decoration: underline;
		text-underline-offset: 0.15em;
		text-decoration-color: color-mix(
			in srgb,
			var(--wp--preset--color--white) 50%,
			transparent
		);
	}
}
.mainvisual__parts {
	display: grid;
	justify-content: space-between;
	grid-template-columns: min(372 / var(--fluid-base) * 100vw, 372 / var(--fluid-base) * var(--fluid-cap)) auto;
	width: 100%;

	@media (max-width: 768px) {
		gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
		grid-template-columns: 1fr;
		margin-top: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	}
}
.mainvisual__scroll {
	justify-self: end;
	grid-column: 2 / 3;
}
/* .intro */
.intro {
	position: relative;
	overflow: hidden;
}
.intro__inner {
	padding-block: min(347 / var(--fluid-base) * 100vw, 347 / var(--fluid-base) * var(--fluid-cap)) min(668 / var(--fluid-base) * 100vw, 668 / var(--fluid-base) * var(--fluid-cap));
	position: relative;

	@media (max-width: 768px) {
		padding-block: min(260 / var(--fluid-base) * 100vw, 260 / var(--fluid-base) * var(--fluid-cap)) min(340 / var(--fluid-base) * 100vw, 340 / var(--fluid-base) * var(--fluid-cap));
	}
}
.intro__content {
	grid-column: 2 / 12;
	display: flex;
	gap: min(56 / var(--fluid-base) * 100vw, 56 / var(--fluid-base) * var(--fluid-cap)) min(64 / var(--fluid-base) * 100vw, 64 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		display: grid;
		grid-column: 1 / -1;
	}
}
.intro__heading {
	font-size: min(52 / var(--fluid-base) * 100vw, 52 / var(--fluid-base) * var(--fluid-cap));
	line-height: 1.269;
	font-weight: 500;
	letter-spacing: var(--tracking-tight);
	color: var(--wp--preset--color--primary);

	@media (max-width: 768px) {
		font-size: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	}
}
.intro__desc {
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	line-height: 2.714;
	letter-spacing: var(--tracking-wide);

	@media (max-width: 768px) {
		line-height: 2.142;
	}

	& p + p {
		margin-top: calc(min(54 / var(--fluid-base) * 100vw, 54 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

		@media (max-width: 768px) {
			margin-top: calc(min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
		}
	}
}
.intro__image {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	-webkit-mask-size: cover;
	        mask-size: cover;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	opacity: 0;

	&.is-animated {
		opacity: 1;
		translate: 0 0 0;
		rotate: 0.7 1 1 0deg;
		transition:
			translate 4s cubic-bezier(0.19, 1, 0.22, 1),
			rotate 4s cubic-bezier(0.19, 1, 0.22, 1),
			opacity 4s cubic-bezier(0.19, 1, 0.22, 1);
	}

	& img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		grid-area: 1 / 1;
		scale: 1.05;
	}

	&.is-animated img {
		scale: 1;
		transition: scale 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	}
}
.intro__image--01 {
	width: min(140 / var(--fluid-base) * 100vw, 140 / var(--fluid-base) * var(--fluid-cap));
	aspect-ratio: 140 / 135;
	left: 0;
	top: min(127 / var(--fluid-base) * 100vw, 127 / var(--fluid-base) * var(--fluid-cap));
	translate: -15% 5% 0;
	rotate: 0.7 -1 0 30deg;
	transform-origin: top left;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMTM1IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTQwIDEzNSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgMGgxMzkuOTk3czEuMTA3IDQ1Ljc0NS00MC41OTcgNjcuNUM2My41OTUgODYuMTc3IDQ4LjIzMyA3OS43NjMgMjYuMDIgOTQuNzUzIDUuOTk3IDEwOC4yNjYgMCAxMzUgMCAxMzV6Ii8+PC9zdmc+);
	        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMTM1IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTQwIDEzNSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgMGgxMzkuOTk3czEuMTA3IDQ1Ljc0NS00MC41OTcgNjcuNUM2My41OTUgODYuMTc3IDQ4LjIzMyA3OS43NjMgMjYuMDIgOTQuNzUzIDUuOTk3IDEwOC4yNjYgMCAxMzUgMCAxMzV6Ii8+PC9zdmc+);

	@media (max-width: 768px) {
		width: min(106 / var(--fluid-base) * 100vw, 106 / var(--fluid-base) * var(--fluid-cap));
		top: min(106 / var(--fluid-base) * 100vw, 106 / var(--fluid-base) * var(--fluid-cap));
		left: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) * -1);
	}
}
.intro__image--02 {
	width: min(240 / var(--fluid-base) * 100vw, 240 / var(--fluid-base) * var(--fluid-cap));
	aspect-ratio: 240 / 156;
	right: calc(min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) * -1);
	top: min(162 / var(--fluid-base) * 100vw, 162 / var(--fluid-base) * var(--fluid-cap));
	translate: 15% 5% 0;
	rotate: 0.7 1 0 30deg;
	transform-origin: right top;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMTU2IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQwIDE1NiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTS44OSAxNTZzLTUuMjEtMzEuNTY0IDkuNTc2LTYyLjk0NkMyNC43NjggNjIuNyA1Ni4yMjEgNDYuMjggOTUuMDM2IDQ5Ljg3YzQ0LjEyNiA0LjA4IDcwLjA5OS44MjcgMTAwLjg4My0xNC45NzJDMjIyLjM5OSAyMS4zMSAyNDAgMCAyNDAgMHYxNTZ6Ii8+PC9zdmc+);
	        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMTU2IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQwIDE1NiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTS44OSAxNTZzLTUuMjEtMzEuNTY0IDkuNTc2LTYyLjk0NkMyNC43NjggNjIuNyA1Ni4yMjEgNDYuMjggOTUuMDM2IDQ5Ljg3YzQ0LjEyNiA0LjA4IDcwLjA5OS44MjcgMTAwLjg4My0xNC45NzJDMjIyLjM5OSAyMS4zMSAyNDAgMCAyNDAgMHYxNTZ6Ii8+PC9zdmc+);

	@media (max-width: 768px) {
		width: min(164 / var(--fluid-base) * 100vw, 164 / var(--fluid-base) * var(--fluid-cap));
		right: 0;
		top: min(165 / var(--fluid-base) * 100vw, 165 / var(--fluid-base) * var(--fluid-cap));
	}
}
.intro__image--03 {
	width: min(218 / var(--fluid-base) * 100vw, 218 / var(--fluid-base) * var(--fluid-cap));
	aspect-ratio: 218 / 293;
	left: min(111 / var(--fluid-base) * 100vw, 111 / var(--fluid-base) * var(--fluid-cap));
	top: min(583 / var(--fluid-base) * 100vw, 583 / var(--fluid-base) * var(--fluid-cap));
	translate: 15% 5% 0;
	rotate: 0.7 1 0 30deg;
	transform-origin: right top;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTgiIGhlaWdodD0iMjkzIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjE4IDI5MyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTIxOCAwSDBzMCA3OS40NC43MDMgMTAxLjU1M2MuODc3IDI3LjQ4IDEyLjk4MiA4NC4yMjQgNTYuMjMgMTA4LjIxOCA0MS45MDYgMjMuMjUyIDc2LjE5NCAxNC40NTQgMTE0LjU4OCAzNC4wOEMxOTcuMjczIDI1Ny4wMTMgMjE4IDI5My4wMDQgMjE4IDI5My4wMDR6Ii8+PC9zdmc+);
	        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTgiIGhlaWdodD0iMjkzIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjE4IDI5MyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTIxOCAwSDBzMCA3OS40NC43MDMgMTAxLjU1M2MuODc3IDI3LjQ4IDEyLjk4MiA4NC4yMjQgNTYuMjMgMTA4LjIxOCA0MS45MDYgMjMuMjUyIDc2LjE5NCAxNC40NTQgMTE0LjU4OCAzNC4wOEMxOTcuMjczIDI1Ny4wMTMgMjE4IDI5My4wMDQgMjE4IDI5My4wMDR6Ii8+PC9zdmc+);

	@media (max-width: 768px) {
		width: min(72 / var(--fluid-base) * 100vw, 72 / var(--fluid-base) * var(--fluid-cap));
		top: min(450 / var(--fluid-base) * 100vw, 450 / var(--fluid-base) * var(--fluid-cap));
		left: auto;
		right: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) * -1);
	}
}
.intro__image--04 {
	width: min(202 / var(--fluid-base) * 100vw, 202 / var(--fluid-base) * var(--fluid-cap));
	aspect-ratio: 202 / 229;
	right: min(100 / var(--fluid-base) * 100vw, 100 / var(--fluid-base) * var(--fluid-cap));
	bottom: min(437 / var(--fluid-base) * 100vw, 437 / var(--fluid-base) * var(--fluid-cap));
	translate: 15% 5% 0;
	rotate: 0.7 1 0 30deg;
	transform-origin: left top;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDIiIGhlaWdodD0iMjI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjAyIDIyOSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTS41ODggMjI5Uy4wMjUgMTI4LjQ0NCAwIDEyMi4xNTFjLS4wNDQtMTAuMTY1IDEuMzA2LTI2LjYyMyA4LjY1NC00My4yMjNDMTkuMzA3IDU0Ljg2IDQ3LjQgMzcuNTMyIDc5Ljg5IDQyLjI5OGMzMi40ODggNC43NjggNTkuMDQ1LjcgODQuOTc3LTEyLjY5OEMxODcuMTc0IDE4LjA3NSAyMDIgMCAyMDIgMHYyMjl6Ii8+PC9zdmc+);
	        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDIiIGhlaWdodD0iMjI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjAyIDIyOSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTS41ODggMjI5Uy4wMjUgMTI4LjQ0NCAwIDEyMi4xNTFjLS4wNDQtMTAuMTY1IDEuMzA2LTI2LjYyMyA4LjY1NC00My4yMjNDMTkuMzA3IDU0Ljg2IDQ3LjQgMzcuNTMyIDc5Ljg5IDQyLjI5OGMzMi40ODggNC43NjggNTkuMDQ1LjcgODQuOTc3LTEyLjY5OEMxODcuMTc0IDE4LjA3NSAyMDIgMCAyMDIgMHYyMjl6Ii8+PC9zdmc+);

	@media (max-width: 768px) {
		width: min(92 / var(--fluid-base) * 100vw, 92 / var(--fluid-base) * var(--fluid-cap));
		right: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) * -1);
		bottom: min(48 / var(--fluid-base) * 100vw, 48 / var(--fluid-base) * var(--fluid-cap));
	}
}
.intro__image--05 {
	width: min(404 / var(--fluid-base) * 100vw, 404 / var(--fluid-base) * var(--fluid-cap));
	aspect-ratio: 404 / 308;
	left: min(250 / var(--fluid-base) * 100vw, 250 / var(--fluid-base) * var(--fluid-cap));
	bottom: min(104 / var(--fluid-base) * 100vw, 104 / var(--fluid-base) * var(--fluid-cap));
	translate: -15% 5% 0;
	rotate: 0.7 -1 0 30deg;
	transform-origin: top left;
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDQiIGhlaWdodD0iMzA4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNDA0IDMwOCI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTQwMi42MzMgMHMxMC4zNjQgOTcuNTItMjUuODkzIDE2MC45MzljLTMzLjIyMyA1OC4xMTUtOTYuMTAyIDg5LjkzOC0xODEuNTIxIDgzLjg0NC00NS43OTktMy4yNy05Mi4xNjEtOC4zNzgtMTIxLjUzIDQuMzg1QzE1LjEzOSAyNzQuNjAzLjU0IDMwOCAuNTQgMzA4TDAgMjQ2LjkwMi41NCAweiIvPjwvc3ZnPg==);
	        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDQiIGhlaWdodD0iMzA4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNDA0IDMwOCI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTQwMi42MzMgMHMxMC4zNjQgOTcuNTItMjUuODkzIDE2MC45MzljLTMzLjIyMyA1OC4xMTUtOTYuMTAyIDg5LjkzOC0xODEuNTIxIDgzLjg0NC00NS43OTktMy4yNy05Mi4xNjEtOC4zNzgtMTIxLjUzIDQuMzg1QzE1LjEzOSAyNzQuNjAzLjU0IDMwOCAuNTQgMzA4TDAgMjQ2LjkwMi41NCAweiIvPjwvc3ZnPg==);

	@media (max-width: 768px) {
		width: min(218 / var(--fluid-base) * 100vw, 218 / var(--fluid-base) * var(--fluid-cap));
		left: min(34 / var(--fluid-base) * 100vw, 34 / var(--fluid-base) * var(--fluid-cap));
		bottom: min(128 / var(--fluid-base) * 100vw, 128 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* .about */
.about {
	aspect-ratio: var(--design-base-desktop) / 1122;
	display: grid;
	place-items: center;

	@media (max-width: 768px) {
		aspect-ratio: var(--design-base-mobile) / 796;
	}
}
.about__image {
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;

	& img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}
}
.about__content {
	grid-area: 1 / 1;
	z-index: 1;
	color: var(--wp--preset--color--white);
	text-align: center;
	padding-top: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		padding-top: min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap));
	}
}
.about__desc {
	margin-top: min(110 / var(--fluid-base) * 100vw, 110 / var(--fluid-base) * var(--fluid-cap));
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	line-height: 2.7143;
	letter-spacing: var(--tracking-wide);

	@media (max-width: 768px) {
		margin-top: min(65 / var(--fluid-base) * 100vw, 65 / var(--fluid-base) * var(--fluid-cap));
		line-height: 2.1428;
	}

	& p + p {
		margin-top: calc(min(56 / var(--fluid-base) * 100vw, 56 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

		@media (max-width: 768px) {
			margin-top: calc(min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
		}
	}
}
/* .visual */
.visual {
	aspect-ratio: var(--design-base-desktop) / 664;
	display: grid;
	place-items: center;

	@media (max-width: 768px) {
		aspect-ratio: var(--design-base-mobile) / 445;
	}
}
.visual__bg {
	grid-area: 1 / 1;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;

	& img {
		-o-object-fit: cover;
		   object-fit: cover;
		height: 100%;
		width: 100%;
	}
}
.visual__content {
	grid-area: 1 / 1;
	text-align: center;
	color: var(--wp--preset--color--white);
	align-self: center;
	padding-top: calc(30 / var(--design-base-desktop) * 100vi);
	z-index: 1;

	@media (max-width: 768px) {
		padding-top: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
.visual__desc {
	font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	line-height: 1.25;
	font-weight: 600;
}
.visual__logo {
	width: min(351 / var(--fluid-base) * 100vw, 351 / var(--fluid-base) * var(--fluid-cap));
	margin: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) auto 0;

	@media (max-width: 768px) {
		width: min(243 / var(--fluid-base) * 100vw, 243 / var(--fluid-base) * var(--fluid-cap));
		margin: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) auto 0;
	}

	& img {
		width: 100%;
	}
}
/* .news */
.news {
	padding: min(250 / var(--fluid-base) * 100vw, 250 / var(--fluid-base) * var(--fluid-cap)) 0;

	@media (max-width: 768px) {
		padding: min(90 / var(--fluid-base) * 100vw, 90 / var(--fluid-base) * var(--fluid-cap)) 0;
	}
}
.news--archive {
	padding: min(250 / var(--fluid-base) * 100vw, 250 / var(--fluid-base) * var(--fluid-cap)) 0 0;

	@media (max-width: 768px) {
		padding-top: min(136 / var(--fluid-base) * 100vw, 136 / var(--fluid-base) * var(--fluid-cap));
	}
}
.news__parts {
	grid-column: 2 / 5;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
.news__link {
	margin-top: calc(min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

	@media (max-width: 768px) {
		margin: 0;
	}
}
.news__content {
	grid-column: 6 / 12;
	display: grid;
	gap: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		margin-top: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
		gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	}
}
.news__pagination {
	margin-top: min(100 / var(--fluid-base) * 100vw, 100 / var(--fluid-base) * var(--fluid-cap));
	grid-column: 2 / 12;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		margin-top: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* .guide */
.guide {
	padding: min(200 / var(--fluid-base) * 100vw, 200 / var(--fluid-base) * var(--fluid-cap)) 0 min(220 / var(--fluid-base) * 100vw, 220 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		padding: min(66 / var(--fluid-base) * 100vw, 66 / var(--fluid-base) * var(--fluid-cap)) 0 min(72 / var(--fluid-base) * 100vw, 72 / var(--fluid-base) * var(--fluid-cap));
	}

	& a:not([class]) {
		text-decoration: underline;
	}

	& p:not([class]) {
		font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
		font-weight: 600;
		letter-spacing: var(--tracking-wide);
		line-height: 1.538;

		&:has(small) {
			text-indent: -1.2em;
			padding-left: 1.2em;
		}
	}

	& small:not([class]) {
		font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
		font-weight: 400;
		letter-spacing: var(--tracking-wide);
		line-height: 1.4545;
	}
}
.guide__nav {
	grid-column: 1 / 4;

	@media (max-width: 768px) {
		display: none;
	}
}
@media (min-width: 769px) {
	.guide__body {
		grid-column: 4 / 13;
	}
}
.guide__section {
	scroll-margin-top: min(90 / var(--fluid-base) * 100vw, 90 / var(--fluid-base) * var(--fluid-cap));

	& + .guide__section {
		margin-top: min(150 / var(--fluid-base) * 100vw, 150 / var(--fluid-base) * var(--fluid-cap));

		@media (max-width: 768px) {
			margin-top: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap));
		}
	}
}
.guide__head {
	display: grid;
	gap: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	margin-bottom: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		margin-bottom: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
		gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
.guide__heading {
	color: var(--wp--preset--color--primary);
	line-height: 1;
	font-size: min(26 / var(--fluid-base) * 100vw, 26 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	display: grid;
	grid-template-columns: min(19 / var(--fluid-base) * 100vw, 19 / var(--fluid-base) * var(--fluid-cap)) 1fr;
	align-items: center;
	gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		font-size: min(22 / var(--fluid-base) * 100vw, 22 / var(--fluid-base) * var(--fluid-cap));
	}

	&::before {
		content: "";
		width: min(19 / var(--fluid-base) * 100vw, 19 / var(--fluid-base) * var(--fluid-cap));
		aspect-ratio: 19 /20;
		display: block;
		-webkit-mask-image: var(--icon-logo);
		        mask-image: var(--icon-logo);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		background-color: currentColor;
	}
}
.guide__subheading {
	letter-spacing: var(--tracking-normal);
	line-height: 1;
	font-weight: 400;
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	color: color-mix(
		in srgb,
		var(--wp--preset--color--primary) 30%,
		transparent
	);
}
.guide__block {
	padding-bottom: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	border-bottom: 1px solid
		color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);

	@media (max-width: 768px) {
		padding-bottom: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	}

	& + .guide__block {
		padding-top: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));

		@media (max-width: 768px) {
			padding-top: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
		}
	}
}
.guide__title {
	margin-bottom: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 600;
	letter-spacing: var(--tracking-wide);
	line-height: 1.5;
}
.guide__list {
	& li {
		list-style: "";
		padding-left: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
		position: relative;
		font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
		font-weight: 500;
		letter-spacing: var(--tracking-normal);
		line-height: 1.538;

		& + li {
			margin-top: calc(min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
		}

		&::before {
			content: "";
			display: inline-block;
			width: min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap));
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			background-color: var(--wp--preset--color--primary);
			position: absolute;
			top: calc((1lh - min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap))) / 2);
			left: 0;
		}
	}
}
.guide__list--wide {
	& li + li {
		margin-top: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
.guide__cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: min(22 / var(--fluid-base) * 100vw, 22 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
	}
}
.guide__cols--3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: repeat(2, 1fr);
		gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) min(22 / var(--fluid-base) * 100vw, 22 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* .archives */
.archives {
	margin: min(200 / var(--fluid-base) * 100vw, 200 / var(--fluid-base) * var(--fluid-cap)) 0 min(106 / var(--fluid-base) * 100vw, 106 / var(--fluid-base) * var(--fluid-cap));
	text-align: center;

	@media (max-width: 768px) {
		margin: min(96 / var(--fluid-base) * 100vw, 96 / var(--fluid-base) * var(--fluid-cap)) 0 min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	}
}
.archives__desc {
	line-height: 1.714;
	margin-top: calc(min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

	@media (max-width: 768px) {
		margin-top: calc(min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
.archives__content {
	margin-top: min(84 / var(--fluid-base) * 100vw, 84 / var(--fluid-base) * var(--fluid-cap));
	display: grid;
	grid-template-columns: subgrid;

	@media (max-width: 768px) {
		margin-top: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	}

	&:nth-of-type(n + 2) {
		margin-top: min(120 / var(--fluid-base) * 100vw, 120 / var(--fluid-base) * var(--fluid-cap));

		@media (max-width: 768px) {
			margin-top: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
		}
	}

	& > * {
		grid-column: 1 / -1;
	}
}
.archives__content--border {
	border-top: 1px solid
		color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
	padding-top: min(120 / var(--fluid-base) * 100vw, 120 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		padding-top: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	}
}
.archives__title {
	font-size: min(26 / var(--fluid-base) * 100vw, 26 / var(--fluid-base) * var(--fluid-cap));
	color: var(--wp--preset--color--primary);
	letter-spacing: var(--tracking-wide);
	font-weight: 600;
}
.archives__label {
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: 0.04em;
	font-family: var(--font-family-grotesk);
	color: color-mix(
		in srgb,
		var(--wp--preset--color--primary) 50%,
		transparent
	);
	margin-top: calc(min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	font-weight: 500;
}
.archives__block {
	margin-top: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	grid-column: 4 / 10;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
	}
}
.archives__cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	margin-top: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: repeat(1, 1fr);
	}
}
.archives__cols--3 {
	grid-template-columns: repeat(3, 1fr);
	margin-top: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		display: flex;
		gap: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
		overflow-x: auto;
		margin-left: calc(var(--gutter) * -1);
		margin-right: calc(var(--gutter) * -1);
		margin-top: min(36 / var(--fluid-base) * 100vw, 36 / var(--fluid-base) * var(--fluid-cap));
		padding: 0 var(--gutter) min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap)) var(--gutter);
	}
}
/* .presentation */
.presentation {
	margin-top: min(200 / var(--fluid-base) * 100vw, 200 / var(--fluid-base) * var(--fluid-cap));
	text-align: center;

	@media (max-width: 768px) {
		margin-top: min(83 / var(--fluid-base) * 100vw, 83 / var(--fluid-base) * var(--fluid-cap));
	}
}
.presentation__desc {
	line-height: 1.714;
	margin-top: calc(min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

	@media (max-width: 768px) {
		margin-top: calc(min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
.presentation__video {
	margin-top: min(110 / var(--fluid-base) * 100vw, 110 / var(--fluid-base) * var(--fluid-cap));
	grid-column: 2 / 12;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		margin-top: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));
	}
}
.presentation__video iframe {
	vertical-align: bottom;
	width: 100%;
	height: 100%;
	aspect-ratio: 978 / 550;
}
.presentation__caption {
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	margin-top: calc(min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

	@media (max-width: 768px) {
		margin-top: calc(min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
/* .showcase */
.showcase__content {
	--row-gap: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap));

	margin-top: min(120 / var(--fluid-base) * 100vw, 120 / var(--fluid-base) * var(--fluid-cap));
	border-top: 1px solid
		color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
	padding-top: min(120 / var(--fluid-base) * 100vw, 120 / var(--fluid-base) * var(--fluid-cap));
	display: grid;
	grid-template-columns: subgrid;
	grid-column: 2 / 12;
	row-gap: var(--row-gap);

	@media (max-width: 768px) {
		--row-gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
		grid-column: 1 / -1;
		margin-top: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
		padding-top: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	}

	& > * {
		grid-column: span 10;

		@media (max-width: 768px) {
			grid-column: 1 / -1;
		}
	}
}
.showcase__cols {
	display: grid;
	align-items: start;
	grid-template-columns: 1fr 1fr;
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
	}
}
.showcase__cols--1-4 {
	grid-template-columns: 1fr 4fr;

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
	}
}
.showcase__cols--2-3 {
	grid-template-columns: 2fr 3fr;

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
	}
}
.showcase__cols--narrow {
	margin-top: calc(min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap)) - var(--row-gap));

	@media (max-width: 768px) {
		margin-top: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
.showcase__cols--tall {
	margin-top: calc(min(97 / var(--fluid-base) * 100vw, 97 / var(--fluid-base) * var(--fluid-cap)) - var(--row-gap));

	@media (max-width: 768px) {
		margin-top: 0;
	}
}
.showcase__cols--images {
	grid-template-columns: 1fr 1fr;

	@media (max-width: 768px) {
		gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}

	& + .showcase__cols--images {
		margin-top: calc(min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) - var(--row-gap));

		@media (max-width: 768px) {
			margin-top: calc(min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap)) - var(--row-gap));
		}
	}
}
.showcase__masonry {
	display: grid;
	align-items: start;
	grid-template-columns: 1fr 1fr;
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
.showcase__gallery {
	display: grid;
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		display: contents;

		&:first-child {
			figure:nth-child(1) {
				order: 1;
			}

			figure:nth-child(2) {
				order: 3;
			}

			figure:nth-child(3) {
				order: 5;
			}

			figure:nth-child(4) {
				order: 7;
			}
		}

		&:last-child {
			figure:nth-child(1) {
				order: 2;
			}

			figure:nth-child(2) {
				order: 4;
			}

			figure:nth-child(3) {
				order: 6;
			}
		}
	}
}
.showcase__inset {
	grid-column: 2 / 10;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
	}
}
.showcase__copy {
	font-size: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	line-height: 1.5;
	font-weight: 600;

	@media (max-width: 768px) {
		font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	}
}
.showcase__copy--center {
	text-align: center;

	@media (max-width: 768px) {
		text-align: left;
	}
}
@media (max-width: 768px) {
	.showcase__copy--loose {
		margin-top: calc(min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap)) - var(--row-gap));
	}
}
.showcase__image {
	& img {
		width: 100%;
		border-radius: 4px;
	}

	& + .showcase__cols--images {
		margin-top: calc(min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) - var(--row-gap));

		@media (max-width: 768px) {
			margin-top: calc(min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap)) - var(--row-gap));
		}
	}
}
.showcase__desc p + p {
	margin-top: 1lh;
}
/* .profile */
.profile {
	display: grid;
	grid-column: 2 / 12;
	grid-template-columns: min(400 / var(--fluid-base) * 100vw, 400 / var(--fluid-base) * var(--fluid-cap)) 1fr;
	-moz-column-gap: min(70 / var(--fluid-base) * 100vw, 70 / var(--fluid-base) * var(--fluid-cap));
	     column-gap: min(70 / var(--fluid-base) * 100vw, 70 / var(--fluid-base) * var(--fluid-cap));
	padding-top: min(150 / var(--fluid-base) * 100vw, 150 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		grid-template-columns: 1fr;
		padding-top: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile__image {
	& img {
		width: 100%;
		height: auto;
	}

	@media (max-width: 768px) {
		order: 2;
		margin-top: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	}
}
@media (max-width: 768px) {
	.profile__content {
		display: contents;
	}

	.profile__heading {
		order: 1;
	}
}
.profile__name {
	color: var(--wp--preset--color--primary);
	font-size: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-tight);
	margin-top: calc(min(45 / var(--fluid-base) * 100vw, 45 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	font-family: var(--font-family-grotesk);
	font-weight: 500;
	line-height: 1.65;

	@media (max-width: 768px) {
		font-size: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
		order: 3;
		margin-top: calc(min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
.profile__meta {
	margin-top: min(26 / var(--fluid-base) * 100vw, 26 / var(--fluid-base) * var(--fluid-cap));
	display: flex;
	align-items: start;
	gap: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	margin-bottom: 0;

	@media (max-width: 768px) {
		order: 4;
		margin-top: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile__item {
	display: grid;
	row-gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));

	&:nth-child(n + 2) {
		padding-left: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
		border-left: 1px solid
			color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
		row-gap: min(8 / var(--fluid-base) * 100vw, 8 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile__label {
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	font-family: var(--font-family-grotesk);
	line-height: 1;
	color: color-mix(in srgb, var(--wp--preset--color--black) 50%, transparent);

	@media (max-width: 768px) {
		font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile__value {
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	margin: 0;
	line-height: 1.5;

	@media (max-width: 768px) {
		font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	}
}
.profile__desc {
	margin-top: calc(min(52 / var(--fluid-base) * 100vw, 52 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

	@media (max-width: 768px) {
		order: 5;
		margin-top: calc(min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
/* .entry-header */
.entry-header {
	grid-column: 3 / 11;
	padding-bottom: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	margin-bottom: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	border-bottom: 1px solid
		color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		padding-bottom: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
		margin-bottom: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	}
}
.entry-header__date {
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	letter-spacing: var(--tracking-normal);
	color: color-mix(in srgb, var(--wp--preset--color--black) 50%, transparent);
}
.entry-header__title {
	font-size: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	line-height: 1.5;
	margin-top: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));

	@media (max-width: 768px) {
		font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* .entry-content */
.entry-content {
	grid-column: 3 / 11;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
	}
}
.entry-content > * + * {
	margin-top: var(--wp--style--block-gap);
}
@media (max-width: 768px) {
	.entry-content {
		--wp--style--global--content-size: 100% !important;
	}
}
/* .entry-footer */
.entry-footer {
	grid-column: 3 / 11;
	padding-top: min(80 / var(--fluid-base) * 100vw, 80 / var(--fluid-base) * var(--fluid-cap));
	margin-top: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
	border-top: 1px solid
		color-mix(in srgb, var(--wp--preset--color--black) 10%, transparent);
	display: grid;
	grid-template-areas: "prev button next";
	grid-template-columns: 1fr auto 1fr;
	align-items: center;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		padding-top: min(60 / var(--fluid-base) * 100vw, 60 / var(--fluid-base) * var(--fluid-cap));
		margin-top: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	}
}
.entry-footer__link {
	display: inline-grid;
	align-items: center;
	gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	grid-template-columns: auto min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	font-weight: 400;
}
.entry-footer__link--prev {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: prev;
	grid-template-columns: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) auto;
	justify-self: start;
}
.entry-footer__link--next {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: next;
	justify-self: end;
}
.entry-footer__label {
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	line-height: 1;
}
.entry-footer__icon--prev {
	scale: -1 1;
}
.entry-footer__button {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: button;
	justify-self: center;
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-normal);
	line-height: 1.2;
	position: relative;
	font-family: var(--font-family-grotesk);
	font-weight: 400;

	&::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		display: block;
		opacity: 0;
		width: 100%;
		height: 1px;
		background-color: currentColor;
		transition: opacity 0.55s var(--ease-in-out);
	}

	@media (any-hover: hover) {
		&:hover::before {
			opacity: 1;
			transition: opacity 0.35s var(--ease-out);
			animation: commonLinkLine 1.1s infinite
				cubic-bezier(0.87, 0, 0.13, 1) forwards;
		}
	}
}
/* .post-content */
.post-content {
	padding-top: min(254 / var(--fluid-base) * 100vw, 254 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		padding-top: min(136 / var(--fluid-base) * 100vw, 136 / var(--fluid-base) * var(--fluid-cap));
	}
}
/* .error-404 */
.error-404 {
	padding: min(250 / var(--fluid-base) * 100vw, 250 / var(--fluid-base) * var(--fluid-cap)) 0 0;

	@media (max-width: 768px) {
		padding-top: min(136 / var(--fluid-base) * 100vw, 136 / var(--fluid-base) * var(--fluid-cap));
	}
}
.error-404__part {
	grid-column: 2 / 5;

	@media (max-width: 768px) {
		grid-column: 1 / -1;
	}
}
.error-404__content {
	grid-column: 6 / 12;
	margin-top: min(50 / var(--fluid-base) * 100vw, 50 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-column: 1 / -1;
		text-align: center;
	}
}
.error-404__title {
	margin-top: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	font-size: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
	line-height: 1.1;
	font-family: var(--font-family-grotesk);
	color: var(--wp--preset--color--primary);
	font-weight: 400;
	letter-spacing: var(--tracking-tight);
}
.error-404__message {
	font-size: min(14 / var(--fluid-base) * 100vw, 14 / var(--fluid-base) * var(--fluid-cap));
	line-height: 2;

	@media (max-width: 768px) {
		text-align: left;
	}
}
.error-404__link {
	margin-top: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));
}
/* .no-results */
.no-results {
	padding: 80px var(--wp--custom--gutter);
	text-align: center;

	@media (max-width: 781px) {
		padding: 40px var(--wp--custom--gutter);
	}
}
.no-results__title {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 700;
}
.no-results__content {
	margin-top: 24px;
}
/* .guide-nav */
.guide-nav__list {
	margin: 0;
	display: grid;
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	position: sticky;
	top: min(130 / var(--fluid-base) * 100vw, 130 / var(--fluid-base) * var(--fluid-cap));
}
.guide-nav__item {
	&:first-child {
		margin-top: 0;
	}
}
.guide-nav__link {
	display: grid;
	align-items: center;
	grid-template-columns: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap)) 1fr;
	grid-template-rows: auto auto;
	gap: min(4 / var(--fluid-base) * 100vw, 4 / var(--fluid-base) * var(--fluid-cap)) min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
}
.guide-nav__number {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	transition:
		color 0.55s var(--ease-in-out),
		background-color 0.55s var(--ease-in-out);
}
.guide-nav__title {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	line-height: 1;
	letter-spacing: car(--tracking-wide);
	transition: color 0.55s var(--ease-in-out);
}
.guide-nav__title-en {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	line-height: 1;
	letter-spacing: car(--tracking-normal);
	color: color-mix(in srgb, var(--wp--preset--color--black) 30%, transparent);
}
.guide-nav__item.is-current {
	& .guide-nav__title {
		color: var(--wp--preset--color--primary);
	}
	& .guide-nav__title-en {
		transition: color 0.55s var(--ease-in-out);
		color: color-mix(
			in srgb,
			var(--wp--preset--color--primary) 30%,
			transparent
		);
	}
}
.guide-nav__item:not(.is-current) .guide-nav__number {
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--primary);
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--primary) 30%, transparent);
}
/* .flow-block */
.flow-block {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 0 min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
	}
}
.flow-block__content {
	margin-top: min(26 / var(--fluid-base) * 100vw, 26 / var(--fluid-base) * var(--fluid-cap));
	display: grid;
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		margin-top: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
.flow-block__cols {
	display: grid;
	grid-template-columns: 1fr min(110 / var(--fluid-base) * 100vw, 110 / var(--fluid-base) * var(--fluid-cap));
	gap: min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		gap: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	}
}
.flow-block__number {
	width: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap));
	aspect-ratio: 27 / 17;
	border-radius: min(19.5 / var(--fluid-base) * 100vw, 19.5 / var(--fluid-base) * var(--fluid-cap));
	margin-bottom: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
}
.flow-block__notes {
	p + p {
		margin-top: min(6 / var(--fluid-base) * 100vw, 6 / var(--fluid-base) * var(--fluid-cap));
	}
}
.flow-block__qrcode {
	background-color: var(--wp--preset--color--secondary);
	padding: min(22 / var(--fluid-base) * 100vw, 22 / var(--fluid-base) * var(--fluid-cap));
	border-radius: 4px;

	@media (max-width: 768px) {
		display: none;
	}

	& img {
		width: 100%;
	}
}
.flow-block__button {
	display: none;

	@media (max-width: 768px) {
		color: var(--wp--preset--color--white);
		display: inline-grid;
		gap: min(6 / var(--fluid-base) * 100vw, 6 / var(--fluid-base) * var(--fluid-cap));
		font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
		grid-template-columns: auto min(7 / var(--fluid-base) * 100vw, 7 / var(--fluid-base) * var(--fluid-cap));
		align-items: center;
		background-color: var(--wp--preset--color--secondary);
		padding: min(3 / var(--fluid-base) * 100vw, 3 / var(--fluid-base) * var(--fluid-cap)) min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
		border-radius: 4px;
		width: -moz-fit-content;
		width: fit-content;
		border: 1px solid
			color-mix(in srgb, var(--wp--preset--color--white) 30%, transparent);
		letter-spacing: var(--tracking-normal);

		&::after {
			content: "";
			display: block;
			-webkit-mask-image: var(--icon-arrow-right);
			        mask-image: var(--icon-arrow-right);
			-webkit-mask-size: contain;
			        mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
			-webkit-mask-position: center;
			        mask-position: center;
			aspect-ratio: 7 / 5;
			background-color: currentColor;
		}
	}
}
/* .criteria-box */
.criteria-box {
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--primary) 20%, transparent);
	border-radius: 4px;
	padding: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		padding: min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap)) min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	}
}
.criteria-box__head {
	display: grid;
	align-items: center;
	grid-template-columns: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap)) 1fr;
	grid-template-rows: auto auto;
	gap: min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap)) min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	margin-bottom: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
}
.criteria-box__nummber {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.criteria-box__heading {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	color: var(--wp--preset--color--primary);
	line-height: 1;
	letter-spacing: car(--tracking-wide);

	@media (max-width: 768px) {
		font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	}
}
.criteria-box__subheading {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	line-height: 1;
	letter-spacing: car(--tracking-normal);
	color: color-mix(
		in srgb,
		var(--wp--preset--color--primary) 30%,
		transparent
	);
}
/* .prizes-content */
.prizes-content {
	display: grid;
	grid-template-columns: 1fr min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) 1fr;
	gap: min(24 / var(--fluid-base) * 100vw, 24 / var(--fluid-base) * var(--fluid-cap));
	align-items: center;

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	}
}
.prizes-content__box {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	padding: min(57 / var(--fluid-base) * 100vw, 57 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	place-items: center;
	border-radius: 4px;
	text-align: center;
	height: 100%;

	@media (max-width: 768px) {
		padding: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap));
		gap: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
		justify-content: center;
	}
}
.prizes-content__head {
	display: grid;
	gap: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	padding: min(2 / var(--fluid-base) * 100vw, 2 / var(--fluid-base) * var(--fluid-cap)) 0;
	padding-right: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	border-right: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 20%, transparent);

	@media (max-width: 768px) {
		padding-right: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap));
	}
}
.prizes-content__heading {
	color: var(--wp--preset--color--white);
	line-height: 1;
	font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
}
.prizes-content__subheading {
	letter-spacing: var(--tracking-normal);
	line-height: 1;
	font-weight: 400;
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	color: color-mix(in srgb, var(--wp--preset--color--white) 50%, transparent);
}
.prizes-content__note {
	font-size: min(11 / var(--fluid-base) * 100vw, 11 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: var(--tracking-wide);
	margin-top: calc(min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
}
.prizes-content__desc {
	font-size: min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap));
	line-height: 1.5;
	letter-spacing: var(--tracking-wide);
}
.prizes-content__value {
	font-size: min(22 / var(--fluid-base) * 100vw, 22 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 400;
	letter-spacing: var(--tracking-normal);
	font-family: var(--font-family-grotesk);
	line-height: 1;

	& span {
		margin-left: min(2 / var(--fluid-base) * 100vw, 2 / var(--fluid-base) * var(--fluid-cap));
		font-size: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
		letter-spacing: var(--tracking-normal);
	}
}
.prizes-content__icon {
	text-align: center;

	@media (max-width: 768px) {
		width: min(32 / var(--fluid-base) * 100vw, 32 / var(--fluid-base) * var(--fluid-cap));
		margin: auto;
	}

	& img {
		width: 100%;
	}
}
/* .process-process-content */
.process-content {
	display: grid;
	grid-template-columns: 1fr min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap)) 1fr min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap)) 1fr;
	gap: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	align-items: center;
	margin-top: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap));

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		gap: min(15 / var(--fluid-base) * 100vw, 15 / var(--fluid-base) * var(--fluid-cap));
	}
}
.process-content__box {
	border: 1px solid
		color-mix(in srgb, var(--wp--preset--color--primary) 20%, transparent);
	border-radius: 4px;
	padding: min(40 / var(--fluid-base) * 100vw, 40 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	height: 100%;

	@media (max-width: 768px) {
		padding: min(25 / var(--fluid-base) * 100vw, 25 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	}
}
.process-content__head {
	display: grid;
	align-items: center;
	grid-template-columns: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap)) 1fr;
	grid-template-rows: auto auto;
	gap: min(5 / var(--fluid-base) * 100vw, 5 / var(--fluid-base) * var(--fluid-cap)) min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	margin-bottom: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
}
.process-content__number {
	width: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap));
	margin: 0 auto;
}
.process-content__heading {
	font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	color: var(--wp--preset--color--primary);
	line-height: 1;
	letter-spacing: car(--tracking-wide);
	text-align: center;
	margin-top: calc(min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
}
.process-content__subheading {
	text-align: center;
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	font-family: var(--font-family-grotesk);
	line-height: 1;
	letter-spacing: car(--tracking-normal);
	color: color-mix(
		in srgb,
		var(--wp--preset--color--primary) 30%,
		transparent
	);
	margin-top: calc(min(8 / var(--fluid-base) * 100vw, 8 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
}
.process-content__desc {
	&::before {
		content: "";
		display: block;
		margin: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap)) auto;
		width: min(27 / var(--fluid-base) * 100vw, 27 / var(--fluid-base) * var(--fluid-cap));
		height: 1px;
		background-color: color-mix(
			in srgb,
			var(--wp--preset--color--primary) 30%,
			transparent
		);

		@media (max-width: 768px) {
			margin: min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) auto;
		}
	}

	& p:has(small) {
		margin-top: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
	}
}
.process-content__icon {
	display: block;
	-webkit-mask-image: var(--icon-arrow-right);
	        mask-image: var(--icon-arrow-right);
	-webkit-mask-size: contain;
	        mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	aspect-ratio: 18 / 13;
	background-color: var(--wp--preset--color--primary);

	@media (max-width: 768px) {
		rotate: 90deg;
		width: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
		margin: auto;
	}
}
/* .members-box */
button.members-box {
	cursor: pointer;
	text-align: left;
}
.members-box__image {
	position: relative;
	display: grid;
	border-radius: 4px;
	overflow: hidden;
	aspect-ratio: 273/ 366;

	& img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		grid-area: 1 / 1;
	}

	&::after {
		content: "";
		display: block;
		grid-area: 1 / 1;
		background-color: var(--wp--preset--color--black);
		opacity: 0;
		transition: opacity 0.35s var(--ease-out);
	}
}
.members-box__icon {
	display: none;
}
button.members-box .members-box__icon {
	display: grid;
	place-items: center;
	position: absolute;
	bottom: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	right: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
	width: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	height: min(30 / var(--fluid-base) * 100vw, 30 / var(--fluid-base) * var(--fluid-cap));
	background-color: var(--wp--preset--color--primary);
	border-radius: 4px;
	outline: 1px solid
		color-mix(in srgb, var(--wp--preset--color--white) 30%, transparent);
	outline-offset: -1px;
	z-index: 1;

	&::before {
		content: "";
		display: block;
		width: min(10 / var(--fluid-base) * 100vw, 10 / var(--fluid-base) * var(--fluid-cap));
		aspect-ratio: 1 / 1;
		-webkit-mask-image: var(--icon-close);
		        mask-image: var(--icon-close);
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		background-color: var(--wp--preset--color--white);
		rotate: 45deg;
	}
}
@media (any-hover: hover) {
	button.members-box:hover .members-box__image::after {
		opacity: 0.35;
	}
}
.members-box__name {
	font-size: min(18 / var(--fluid-base) * 100vw, 18 / var(--fluid-base) * var(--fluid-cap));
	letter-spacing: car(--tracking-wide);
	color: var(--wp--preset--color--primary);
	margin-top: calc(min(20 / var(--fluid-base) * 100vw, 20 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	font-weight: 600;

	@media (max-width: 768px) {
		font-size: min(16 / var(--fluid-base) * 100vw, 16 / var(--fluid-base) * var(--fluid-cap));
		margin-top: calc(min(12 / var(--fluid-base) * 100vw, 12 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	}
}
.members-box__name-en {
	font-size: min(13 / var(--fluid-base) * 100vw, 13 / var(--fluid-base) * var(--fluid-cap));
	font-weight: 400;
	line-height: 1;
	letter-spacing: car(--tracking-normal);
	margin-top: calc(min(8 / var(--fluid-base) * 100vw, 8 / var(--fluid-base) * var(--fluid-cap)) + var(--leading-trim));
	font-family: var(--font-family-grotesk);
	color: color-mix(
		in srgb,
		var(--wp--preset--color--primary) 50%,
		transparent
	);
}