/* CSS Document */

main{
	background: var(--color-bg);
}

article{
	& hgroup{
		display: grid;
		grid-template-columns: 1fr var(--wrap) 1fr;
		grid-row-gap: 16px;
		&{
			&:before{
				content: "";
				grid-column: 1 / 4;
				grid-row: 1;
				background: white;
				margin-bottom: -8px;
			}
			& h2{
				grid-column: 2;
				grid-row: 1;
				margin-top: 24px;
			}
			& p{
				grid-column: 2;
				grid-row: 2;
				justify-self: center;
			}
		}
		& h2{
			font-weight: 900;
			font-size: clamp(24px, calc(32 / 768 * 100dvw), 32px);
			letter-spacing: 0.15em;
			text-align: center;
			text-wrap: balance;
		}
		& p{
			font-weight: 600;
			font-size: clamp(20px, calc(28 / 768 * 100dvw), 28px);
			font-family: 'Montserrat', var(--font);
			letter-spacing: 0.2em;
			text-align: center;
			text-wrap: balance;
			& span{
				display: contents;
				color: var(--color-theme);
			}
		}
	}
}

#areaguide{
	&{
		display: grid;
		#lead{
			justify-self: center;
			width: var(--wrap);
			@media (max-width: 991.98px) {
				margin-top: clamp(24px, calc(40 / 768 * 100dvw), 40px);
			}
		}
		#list{
			margin-top: clamp(32px, calc(56 / 768 * 100dvw), 56px);
			background: white;
			@media (max-width: 991.98px) {
				padding-bottom: clamp(32px, calc(56 / 768 * 100dvw), 56px);
			}
			@media (min-width: 992px) {
				justify-self: center;
				width: min(100%, 1120px);
				margin-bottom: clamp(64px, calc(104 / 768 * 100dvw), 104px);
				border-radius: 40px;
			}
		}
	}
}

#lead{
	font-weight: 600;
	font-size: clamp(16px, calc(18 / 768 * 100dvw), 18px);
	letter-spacing: 0.05em;
	line-height: 2;
	&{
		display: grid;
		grid-gap: 24px 40px;
		@media (min-width: 992px) {
			grid-template-columns: 1fr 1.2fr;
			align-items: center;
		}
	}
}

#list{
	& section{
		padding: clamp(32px, calc(48 / 768 * 100dvw), 48px) clamp(24px, calc(48 / 768 * 100dvw), 48px);
		&:nth-child(n+2){
			border-top: 1px solid color-mix(in srgb, transparent, black 15%);
		}
		&{
			position: relative;
			display: grid;
			grid-gap: 24px 48px;
			z-index: 1;
			&:after,
			& h3+div,
			& h3+div+div{
				grid-column: 1;
			}
			&:after{
				grid-row: 3 / 5;
				width: 80%;
				height: 100%;
				justify-self: center;
				align-self: center;
				z-index: -1;
			}
			& h3{
				justify-self: start;
			}
			& h3+div{
				grid-row: 3;
			}
			& h3+div+div{
				align-self: start;
				grid-row: 4;
				& a{
					background: white;
				}
			}
			& figure{
				grid-column: 1;
				grid-row: 2;
			}
			@media (min-width: 992px) {
				grid-template-columns: 1fr auto;
				grid-template-rows: auto auto 1fr;
				&:before,
				&:after,
				& h3,
				& h3+div,
				& h3+div+div{
					grid-column: 1;
				}
				&:before,
				& h3{
					grid-row: 1;
					align-self: center;
				}
				&:before{
					content: "";
				}
				&:after{
					grid-row: 1 / 4;
				}
				& h3{
					background: white;
				}
				& h3+div,
				& h3+div+div{
					margin-left: 16px;
				}
				& h3+div{
					grid-row: 2;
				}
				& h3+div+div{
					grid-row: 3;
				}
				& figure{
					grid-column: 2;
					grid-row: 1 / 4;
					width: clamp(400px, calc(480 / 1366 * 100dvw), 480px);
				}
			}
		}
		&[data-area]{
			&[data-area="1"]{
				&:before,
				& h3{
					border-color: #c1c42f;
				}
				&:after{
					max-width: 228px;
					background-color: #c1c42f;
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.46 299"><path d="M226.59,100.6c-3.27-3.57-4.32-8.18-4.32-8.18l-9.97-6.1-.15-4.31-5.95.15s-2.98-4.02-4.61-4.02-7,.74-7.89.89-8.33-.6-9.22-2.53c-.4-.88-2.15-.96-2.94-1.14-1.78-.41-3.53-1-4.96-2.17-1.05-.86-1.86-1.96-2.44-3.17-.38-.78-.66-1.61-.88-2.45-.13-.51-.17-1.23-.26-1.94-.17-1.27-.52-2.51-1.91-2.51,0,0-1.34-.45-2.68.15-1.34.6-3.57,3.12-3.12-2.08.45-5.21.3-6.7,1.49-8.33,1.19-1.64,2.98-7.29,2.38-11.61-.6-4.31-1.94-10.42-1.94-10.42,0,0-1.04-1.34,1.94-3.13,2.97-1.79,2.97-3.87-.15-5.51-3.12-1.64-9.82-4.61-9.82-4.61l-15.18-.3s-2.68-2.08-3.87-3.72c-1.19-1.64-1.93-2.38-4.61-2.23-2.68.15-1.34,2.68-7.74-1.79-6.4-4.46-11.46-6.85-11.46-6.85l-4.17-2.68s-.3,4.91-1.19,6.4c-.89,1.49-4.31,7.44-4.31,7.44,0,0-1.19,1.34-2.83,3.27-1.64,1.93-2.38,5.36-2.38,5.36l-2.38,2.23s-.45,3.87-.45,4.32-2.83,7.44-4.91,9.23c-2.08,1.79-3.42,4.46-3.42,6.55s-1.19,4.17-2.68,5.65c-1.49,1.49-2.68,2.83-2.68,4.76s.45,5.36-1.93,5.66c-2.38.3-2.53,1.64-2.38,2.98.15,1.34-.45,8.78-.74,10.12-.3,1.34-.75,11.16-.75,11.16l-.45,9.23s1.49,1.93.75,4.91c-.75,2.98-1.04,10.86-1.04,10.86,0,0-.15,4.17-.6,4.91-.45.74-1.93,5.66-.59,6.7,1.34,1.04,2.83,1.64,1.34,3.72-1.49,2.08-4.91,7.89-4.91,7.89l-1.34,4.17s.75,4.32.75,5.36-4.31,7.74-4.31,7.74l-13.25,22.17-13.54,16.82-13.24,12.5-13.54,10.12-2.38,1.93s-1.93-.44-2.98-.15c-1.04.3-3.42,2.23-3.42,2.23,0,0-.15,1.34,0,2.23.07.44-.94,1.1-1.98,1.65.25,1.57.79,2.93.79,3.71,0,2.23,1.49,8.48,1.34,9.82-.15,1.34-1.49,3.87.75,4.02,1.03.07,3.12.52,5.06.99.49.5,1.07,1.03,1.49,1.69,1.04,1.64-2.08,2.98-2.08,4.76s2.23,5.06,3.27,5.8c1.04.74,2.08,6.1,2.08,6.1,0,0,0,.46.81,2.19.11.24.24.5.38.79,1.19,2.38,3.12,5.8,3.72,6.25.6.45,5.06,7.29,6.55,7.29s2.68-3.57,3.57-2.83c.89.74.74.74,2.83.74s2.83-1.34,4.76-1.04c1.94.3,4.02,3.12,4.46,3.27.45.15,2.83,1.19,2.83,1.19,0,0,5.95,1.94,5.95,2.83s-1.49,4.76-1.49,4.76l-.83,4.54,8.41-2.46s4.17,3.13,4.61,4.61c.45,1.49,6.4.74,6.4.74l4.76,2.23s5.51,4.61,8.03,6.1c2.53,1.49,4.32.45,4.76,0,.45-.45,6.1-.89,6.1-.89l5.8-.15s5.06-.3,6.25-.45c1.19-.15,3.12-2.08,4.31-3.57,1.19-1.49,6.1-.45,6.85-.45s5.21-1.04,5.21-1.04c0,0,4.32-1.93,4.76-1.93s6.85-2.68,7.44-3.13c.6-.45,3.87-3.12,5.06-3.12s5.65.45,8.33.3c2.68-.15,5.95-3.27,5.95-3.27l4.17-4.81c-2,.13-3.63-.2-4.91-2.04-2.38-3.42-4.46-4.46-4.61-5.36-.15-.89-5.06-4.61-5.06-4.61l-2.98-4.31s-1.19-4.46-1.19-5.8-2.23-5.65-2.23-5.65c0,0,6.25-7.29,6.4-8.33.15-1.04.89-6.55.6-7.29-.3-.74-2.68-4.32-.6-8.78,2.08-4.46,4.02-3.57,3.87-7.14-.15-3.57.59-11.16.59-11.16,0,0,0-3.13,5.36-3.57,5.36-.45,5.36-4.61,5.36-4.61l1.04-7.29s0-2.98-2.09-2.98-5.65.75-2.68-5.21c2.98-5.95,5.66-12.65,5.21-16.67-.45-4.02-3.57-11.01-2.98-12.95.6-1.93,2.68-8.48,4.32-9.67,1.64-1.19,1.04-4.32,1.04-4.32,0,0,5.21-2.68,6.85-1.79,1.64.89,2.23.6,3.72.89,1.49.3,5.36,1.79,6.1,2.38.75.6,7.29-1.34,7.29-1.34l3.72,2.68s4.46-2.98,11.31-6.7c6.84-3.72,10.57-5.21,11.31-5.95.75-.75,6.99-9.67,6.99-9.67,0,0,7.74-8.04,8.04-9.08.3-1.04,2.23-5.21-1.04-8.78ZM11.01,40.91s2.83-2.98,4.46-6.1c1.64-3.12,0-2.53,0-4.91s.3-1.04,1.79-3.42c1.49-2.38-.45-1.19-.45-1.19,0,0-1.34,0-1.93.15-.6.15-2.08.3-3.72,2.08-1.64,1.79-1.64,2.38-2.53,4.46-.89,2.08-.74,2.08-2.83,2.98,0,0-1.93,0-2.53.45-.6.45,0,.6.45,1.34.45.74.6,1.79.29,3.27-.29,1.49.3,1.94-1.78,2.08-2.08.15-.6.89-.75,1.34-.15.45-1.49,1.34-1.49,1.34,0,0,1.94.15,3.57.3,1.64.15,3.42-1.34,3.42-1.34l4.02-2.83Z"/></svg>');
				}
				@media (min-width: 992px) {
					&:after{
						transform: translate(48px, -24px);
					}
				}
			}
			&[data-area="2"]{
				&:before,
				& h3{
					border-color: #67afe1;
				}
				&:after{
					max-width: 338px;
					background-color: #67afe1;
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 338.51 236"><path d="M331.82,64.79c-1.68-2.39-.48-5.98-2.87-7.65-3.28-2.19-6.97.42-10.51-.59l-.89.83c-6.61,12.7-18.32,6.05-27.66,13.92-7.3,4.52-15.16,4.56-22.87,6.74-4.42,4.97-22.19,5.6-28.91,4.91-4.27-2.34-7.29-6.51-11.87-8.1-2.85-1.13-6.72-.15-9.07-2.84-3.56-5.72-7.23-2.06-12.21-1.93-1.1-4.01,4.03-11.08-3.41-12.38-19.61-13.72-19.96,10.41-32.77-19.85-1.2-6.36-7.31-12.3-4.4-19.07-.12-.49-.4-.92-.76-1.29-9.99-3.27-5.63-8.81-7.83-17.51-1.16.86-2.39,1.74-3.72,2.65-22.94,15.77-40.39,16.25-65.97,26.77-5.97,2.39-9.56,4.54-15.3,7.65-10.04,5.5-12.91,13.38-21.99,20.08-5.5,4.07-9.56,5.74-15.3,9.56-5.98,3.82-10.52,5.26-16.25,9.56-7.89,5.74-9.56,13.15-11.47,22.95-1.8,8.65-3.73,15.43-5.8,22.19l.7,1.44c17.42-6.43,12.07-5.89,29.42-1.4,5.51-1.08,12.55-1.48,15.57-7.14,1.32-3.76,7.72-5.53,7.51-.39,7.58,4.79-1.66,9.47,8.55,8.43,3.34.56.94,4.2,1.71,6.11,1.98,1.87,4.75,3.09,3.37,6.49-.45,1.74,2.1-.59,2.75-.68,5.53-.51,5.12-6.06,7.38-9.65,2.85-3.99,7.4-.32,10.64-2.43,2.95-2.51,5.66-5.3,8.85-7.43,2.44-2.4,3.64-.17,6.14-1.31,7.63-2.92,10.13-7.1,10.2,4.09,1.57,5.09,4.69,13.15-1.24,16.84,3.34,10.88,11.36,7.93,14.32,19.47,13.53,33.48,25.02-13.5,32.97,33.4l.6.61c15.64,14.81,1.89,15.76,13.52,19.93,23.37,17.25-5.8,10.38-7.26,28.17v.04c.26-.02.5-.05.73-.07,7.41-.71,11.71-.23,19.12-.95,6.45-.72,9.56-4.3,15.3-6.69,6.69-2.63,11.71-.95,19.12-.95v-9.8c0-3.11-1.91-4.78-2.87-7.41,5.98-.48,9.56-.72,15.3-1.91,1.43-.24,2.15-1.91,3.82-1.91,4.78,0,6.69,3.82,11.47,3.82,6.93,0,10.28-5.74,17.21-5.74,4.78,0,6.69,3.82,11.47,3.82,2.63,0,5.74-1.19,5.74-3.82,0-2.87-.72-5.26-1.91-7.65-.72-1.67-3.11-1.19-3.82-2.87-2.63-5.26-.24-9.32-.95-15.3-1.2-10.51-3.83-16.25-3.83-26.77,0-6.22,6.7-7.65,11.47-11.48,2.63-2.15,4.31-4.54,6.69-6.69,3.58-3.35,6.69-5.74,8.6-10.52.96-2.62.48-5.49,1.91-7.64.72-1.2,2.87-.72,3.82-1.91,5.49-6.22,5.49-13.15,11.47-19.12,2.63-2.63,5.02-3.11,7.65-5.74,6.69-6.69,9.08-11.23,15.3-18.17-2.39-2.39-4.78-3.11-6.69-5.74Z"/></svg>');
				}
				@media (min-width: 992px) {
					&:after{
						transform: translate(40px, -24px);
					}
				}
			}
			&[data-area="3"]{
				&:before,
				& h3{
					border-color: #81c2c2;
				}
				&:after{
					max-width: 247px;
					background-color: #81c2c2;
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 247.29 201.61"><path d="M234.87,134.14c-15.99-5.73,2.9-7.03-18.59-27.39l-.82-.83c-10.92-64.46-26.71.1-45.31-45.91-4.07-15.87-15.09-11.81-19.68-26.77,8.15-5.07,3.85-16.15,1.7-23.15-.09-15.38-3.53-9.64-14.01-5.62-3.42,1.57-5.08-1.49-8.43,1.8-4.38,2.93-8.11,6.76-12.16,10.21-4.46,2.9-10.7-2.15-14.62,3.33-3.11,4.94-2.55,12.57-10.14,13.27-.9.13-4.4,3.33-3.79.94,1.9-4.68-1.91-6.35-4.63-8.93-1.05-2.63,2.24-7.63-2.35-8.4-14.03,1.43-1.33-5.01-11.75-11.58.3-7.07-8.51-4.63-10.32.53-4.15,7.78-13.83,8.33-21.4,9.82-18.74-4.85-18.1-6.38-28.64-2.5-.45,6.83,2.16,19.72-8.27,23.18-6.05,6.75,5.95,26.51,14.34,19.3,3.72-.4,3.32,12.47,6.63,16.44-.3,2.66-4.61,5.56-2.63,9.18,2.94,8.36,9.97-11.11,19.9-10.17,9.54-3.5,4.25,7.49,4.43,12.65,5,6.73,7.21,20.2,18.13,18.59,5.07.39,10.31,4.63,14.2,7.7,2.66,3.14,5.09,6.64,8.57,1.99,5.3-12.92,9.84-4.49,10.19,4.47,5.11,11.51,20.69,6.31,30.05,11.56,55.46-.93,16.51,20.02,22.14,40.09,5.65,10.13,17.4,16.47,15.7,30.19l-.07.29c1.65.59,3.29,1.34,4.92,2.22,2.69.92,5.03-1.35,7.11-2.77,9.23-5.65,24.45-3.71,31.88,3.73,3.96-.94,1.68-8.13,1.68-13.03,0-3.28-2.63-4.6-2.63-7.88,0-7.89,10.62-6.99,18.74-7.79l-.04-.05c2-24.45,42.09-15.01,9.97-38.72Z"/></svg>');
				}
				@media (min-width: 992px) {
					&:after{
						transform: translate(24px, 8px);
					}
				}
			}
			&[data-area="4"]{
				&:before,
				& h3{
					border-color: #555ea9;
				}
				&:after{
					max-width: 263px;
					background-color: #555ea9;
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 263.45 256"><path d="M251.19,119.67c-4.35-15.5,25.72-31.67-17.1-30.96-7.23-4.05-19.26-.04-23.2-8.93-.27-6.92-3.78-13.43-7.87-3.45-2.69,3.59-4.56.88-6.62-1.54-3-2.37-7.05-5.65-10.97-5.94-8.43,1.24-10.14-9.16-14-14.35-.14-3.98,3.95-12.46-3.42-9.76-7.67-.73-13.09,14.3-15.36,7.85-1.53-2.8,1.8-5.04,2.03-7.09-2.55-3.07-2.24-13.01-5.12-12.7-6.48,5.56-15.74-9.69-11.07-14.9,8.05-2.67,6.04-12.63,6.39-17.9l-.09.02c-2.22.81-5.06,1.94-9.02,3.4-.4.15-.75.29-1.17.34l-.15.02c-2.01,6.48-4.15,13.08-6.45,21.24-1.27,4.56-1.02,7.61-2.03,12.18-3.04,12.18-9.13,18.01-16.23,28.41-7.61,11.16-17.25,14.2-23.34,26.38-6.09,12.43-8.37,20.29-15.22,32.47-4.82,8.62-10.65,11.42-16.23,19.28-7.36,10.15-11.67,15.98-21.3,24.35-3.05,2.53-5.33,3.3-8.12,6.09-8.12,8.12-13.19,13.7-23.34,19.28-.75.42-1.48.81-2.2,1.2l.1.07c5.74,3.96,14.5,2.23,21.07,4.42,7.82,1.01,12.64,7.48,20.48,7.63,10.05,8.19-16.2,14.62-5.73,22.84,4.62,2.62,4.68,9.93,9.74,11.47,4.79-1.46,5.44.29,6.72,4.57,2.99,3.21,4.87,5.48,4.63,9.99l.03.36c1.42-.95,3.3-1.43,6.3-1.43,8.77-.38,9.63-10.27,18.18-2.62,9.3,1.73,13.74-16.67,14.17-24.19-.86-7.4,16.76-1.63,19.79.46,5.92,6.55,13.19,3.39,20.08.57,5.96,1.65,11.54,6,18.49,6.48,5.56.44-.89,6.21.55,9.97-2,15.75,17.99-14.42,18.54-18.64,3.96-6.41,2.46-12.68,2.97-19.23,4.83-8.74,17.47-12.91,18.25-23.38-7.15-13.38,11.81-9.88,7.91-21.24-2.33-13.06,17.73,2.13,21.08-8.7.88-5.16,7.1-5.03,9.83-7.85,3.21-7.94,10.81-.65,17.34-2.99,4.32-1.68,8.56-1.49,12.72,0l.05-.23c1.31-10.6-7.76-15.49-12.12-23.31Z"/></svg>');
				}
				@media (min-width: 992px) {
					&:after{
						transform: translate(16px, 0);
					}
				}
			}
			&[data-area="5"]{
				&:before,
				& h3{
					border-color: #b078b0;
				}
				&:after{
					max-width: 224px;
					background-color: #b078b0;
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 224.96 256"><path d="M224.96,139.79c0-4.36-4.36-6.02-5.81-9.96-.83-2.28-.62-4.36-.83-6.64-.83-4.98-2.49-8.09-2.49-13.28,0-1.24-.21-2.28,0-3.32.41-1.45,2.91-1.04,3.32-2.49,1.04-3.11,0-4.98,0-8.3,0-5.81,1.87-10.58-1.66-14.94-3.53-4.36-9.13-2.49-14.94-2.49-.41-3.94-.21-6.22-.83-9.96-.21-1.25-1.66-1.86-1.66-3.32,0-11.2,10.38-15.36,11.62-26.56.83-7.88,2.07-12.24,3.32-19.92.62-3.74,2.49-6.02,2.49-9.96,0-3.52-4.77-3.73-8.3-4.15.22,0,.42-.03.6-.07-4.69-4.7-14.31-5.92-20.14-2.36-1.31.9-2.79,2.33-4.49,1.75-1.03-.56-2.06-1.03-3.1-1.4-3.4-1.22-6.87-1.37-10.4,0-5.34,1.91-11.56-4.05-14.19,2.45-2.24,2.3-7.32,2.2-8.04,6.42-2.74,8.86-19.15-3.57-17.25,7.11,3.19,9.29-12.32,6.43-6.48,17.38-.63,8.56-10.98,11.98-14.93,19.13-.42,5.35.81,10.49-2.43,15.73-.45,3.45-16.8,28.14-15.16,15.25-1.18-3.07,4.1-7.8-.45-8.15-5.69-.4-10.26-3.95-15.13-5.3-5.64,2.3-11.58,4.89-16.43-.47-2.48-1.71-16.89-6.43-16.19-.37-.35,6.15-3.99,21.2-11.59,19.79-6.99-6.25-7.69,1.83-14.87,2.15-2.46,0-4,.39-5.16,1.17-1.61,1.09-2.48,2.93-4.05,5.57-10.79,5.42-10.33,16.65-4.76,25.7-1.18,7.59,1.05,16.26-4.55,22.4v.22c1.8.4,3.49.93,5.83,1.18,3.94.41,6.85-2.07,9.96,0,2.28,1.45,2.28,4.15,3.32,6.64,3.74,8.3,3.53,14.11,4.15,23.24.21,3.94-.83,7.05,1.66,9.96,1.45,1.86,4.36,1.04,6.64,2.49,2.28,1.45,3.73,3.32,4.98,5.81,1.04,2.28.83,4.77,2.49,6.64,4.15,4.57,13.28,3.52,13.28,9.96,0,7.26-3.32,11-3.32,18.26,0,9.13,3.53,14.11,4.98,23.24,2.49-3.53,6.23-10.79,10.79-10.79,2.91,0,4.15,3.11,6.64,4.15,2.91,1.24,4.98,1.66,8.3,1.66,3.53,0,5.6-2.28,7.47-4.98,1.87-2.49,4.57-3.53,4.98-6.64.62-3.74,0-6.02,0-9.96,9.55-.62,15.36-3.12,23.24-8.3,8.3-5.4,6.02-15.36,4.98-25.32h16.6c.21-1.25,1.66-2.28,1.66-3.74,0-9.13-2.49-14.32-2.49-23.45,0-2.91.62-4.77.83-7.68,5.19,0,7.89.41,13.08.41,5.6,0,9.34-1.45,13.49-4.98,1.04-.83,2.7-.62,3.32-1.66,4.77-6.85,6.02-12.25,9.13-19.92,2.7,3.73,3.74,7.26,7.47,9.96,3.53,2.49,7.27,2.7,9.96,5.81,2.7,3.11,3.53,6.01,4.98,9.96.83,2.28,0,5.19,1.66,6.64,2.7,2.49,7.27,0,9.96,2.49,2.9,2.7,2.49,6.02,3.32,9.96h4.98c.2-3.94,0-6.23.83-9.96.62-2.49,2.28-3.94,2.49-6.64.41-5.18-1.25-8.3,0-13.28.83-3.94,3.32-5.81,3.32-9.96Z"/></svg>');
				}
				@media (min-width: 992px) {
					&:after{
						transform: translate(8px, 0);
					}
				}
			}
			&[data-area="6"]{
				&:before,
				& h3{
					border-color: #e57897;
				}
				&:after{
					max-width: 326px;
					background-color: #e57897;
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 326.26 229"><path d="M326.23,57.65c.23-4.26-1.55-6.4-4.38-9.44-1.21-4.05-1.83-5.7-6.36-4.32-4.78-1.45-4.84-8.37-9.21-10.84-9.9-7.77,14.91-13.85,5.41-21.59-7.41-.14-11.97-6.26-19.36-7.21-6.21-2.07-14.49-.43-19.92-4.18l-.09-.08c-7.98,4.34-13.65,7.07-20.95,13.25-6.71,5.75-12.46,7.67-19.18,13.43-12.23,10.55-19.66,17.26-34.52,23.97-4.08,1.68-7.19,1.2-11.51,1.92-4.32.72-6.96,2.88-11.51,2.88s-6.95-1.92-11.51-1.92c-13.42,0-19.66,8.63-29.73,17.26-10.79,9.35-19.18,11.51-30.68,20.13-8.15,6-13.42,9.83-23.01,13.42-15.82,5.75-28.76,6.23-42.19,16.3-14.59,3.53-23.63,3.83-37.56,8.37,2.87,4.31,5.68,7.21,7.84,11.76,1.2,2.64.96,5.27,2.88,7.67,5.28,6.24,11.03,7.19,19.18,7.67,2.4,15.11,1.2,24.21,5.75,38.36,2.88,9.11,6.95,13.67,9.59,23.01,1.2,4.32.96,7.19,1.92,11.51h0c9.35-3.11,17.02-6.95,22.05-15.34,3.36-5.75,5.27-9.83,8.63-15.34.96-1.68,3.36-1.92,3.36-4.08v-26.13c15.82.24,24.69-.48,40.52-.48,2.4,0,4.55-1.68,5.99,0,3.12,3.36,2.4,6.95,3.84,11.51,2.4,7.19,2.88,12.22,5.75,19.18,1.68,4.07,3.12,8.63,7.67,8.63,6.48,0,9.35-3.84,15.34-5.75,11.51-3.84,19.18-3.36,30.68-6.71,6.71-1.92,10.07-7.67,17.26-7.67,3.84,0,6,1.92,9.59,2.87,6,1.68,9.59,2.88,15.34,5.75.24-1.44,1.92-2.16,1.92-3.83,0-3.84-1.92-5.75-1.92-9.59,0-8.39-1.92-17.74,5.75-21.09,4.08-1.68,7.19-.24,11.51-.96,1.68-.24,1.92-2.64,2.87-3.83,4.32-4.8,4.32-9.59,7.67-15.34,4.31-7.19,11.03-7.67,18.22-11.51,9.59-5.04,15.82-9.59,26.85-9.59,1.83,0,3.31.24,4.72.54l.06-.24c6.46-7.09,3.88-17.11,5.25-25.88-6.44-10.46-6.97-23.43,5.5-29.69,1.81-3.04,2.82-5.18,4.68-6.43l-.03-.34Z"/></svg>');
				}
				@media (min-width: 992px) {
					&:after{
						transform: translate(32px, 16px);
					}
				}
			}
			&[data-area="7"]{
				&:before,
				& h3{
					border-color: #ca7b5e;
				}
				&:after{
					max-width: 114px;
					background-color: #ca7b5e;
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.92 215"><path d="M5.39,108.16c0,3.37,1.8,5.39,1.8,8.75,0,11.89-.67,18.85-.22,30.75,10.32-3.59,13.02-11.45,21.77-17.96,4.27,6.51,9.87,10.1,9.87,17.96,0,7.86-9.87,8.31-14.36,14.36-4.04,5.39-2.92,11-2.69,17.96.23,5.84-.45,10.33-4.49,14.36-3.14,3.14-6.73,1.8-10.78,3.59-2.92,1.35-4.04,3.82-6.28,6.28v9.88c2.69.22,4.26.9,6.96.9,4.94,0,6.5-4.26,10.99-6.28,9.43-4.26,14.81-7.85,25.14-9.88,6.96-1.35,11.45-1.57,17.96-4.49,7.41-3.36,9.87-8.75,17.06-12.57,4.04-2.02,8.08-2.69,10.77-6.28,6.51-8.31,7.41-15.26,10.77-25.14,5.39-15.26,10.1-23.79,15.26-39.5l-.9-5.39h-52.07c-.22-2.02-.9-3.14-.9-5.17,0-3.14,1.57-4.71,2.69-7.4,4.49-9.43,10.55-13.24,17.96-20.65,6.73-6.73,7.63-13.24,8.98-22.44,1.8-11.22,1.35-18.63,3.59-29.63,1.35-6.51,3.59-10.32,3.59-17.06,0-2.02-2.69-2.47-4.49-2.7-4.04-.67-6.96-.67-10.77.9-2.69,1.12-5.16,2.69-6.29,5.39-1.57,3.81,0,6.73-.9,10.77-2.02,8.08-9.43,10.77-17.06,13.47-4.49,1.57-6.28,5.16-8.98,8.98-9.88,13.69-19.97,19.3-26.94,35.02-1.79,4.26-2.02,7.4-3.59,11.67-3.37,9.2-13.47,11.67-13.47,21.55h0Z"/></svg>');
				}
				@media (min-width: 992px) {
					&:after{
						transform: translate(16px, -40px);
					}
				}
			}
		}
		&:before{
			margin-right: -48px;
			border-top: 3px solid;
			border-color: inherit;
		}
		&:after{
			content: "";
			background: currentColor;
			opacity: 0.2;
			pointer-events: none;
			-webkit-mask: no-repeat center / contain;
		}
		& h3{
			display: grid;
			align-items: center;
			min-height: 2.4em;
			padding: 0.25em 1.25em;
			border: 3px solid;
			border-color: inherit;
			border-radius: 1.2em;
			font-weight: 900;
			font-size: clamp(18px, calc(20 / 768 * 100dvw), 20px);
			letter-spacing: 0.2em;
		}
		& h3+div{
			&{
				display: grid;
				grid-row-gap: 16px;
			}
			& h4{
				font-weight: 800;
				font-size: clamp(20px, calc(24 / 768 * 100dvw), 24px);
				letter-spacing: 0.1em;
				word-break: keep-all;
				overflow-wrap: anywhere;
			}
			& p{
				font-weight: 600;
				letter-spacing: 0.025em;
				line-height: 2;
			}
		}
		& h3+div+div{
			display: flex;
			justify-content: center;
			& a{
				display: grid;
				grid-template-columns: 1fr;
				min-width: min(90%, 160px);
				min-height: 40px;
				padding: 8px;
				border: 1px solid currentColor;
				border-radius: 20px;
				color: inherit;
				font-weight: 800;
				font-size: 14px;
				letter-spacing: 0.05em;
				text-align: center;
				text-decoration: none;
			}
		}
		& figure{
			position: relative;
			aspect-ratio: 3 / 2;
			border-radius: 16px;
			overflow: hidden;
			& img{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}
}