/* Official Y's works logo placement. */
.ysworks-logo {
	display: block;
	width: 100%;
	height: auto;
}

.ysworks-logo-link {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	line-height: 1;
	text-decoration: none;
}

.site-branding__logo-link {
	width: clamp(172px, 18vw, 238px);
	max-width: calc(100vw - 96px);
}

.site-header {
	background: rgba(255, 255, 255, .94);
	border-bottom-color: rgba(215, 211, 204, .72);
	backdrop-filter: blur(14px);
}

.site-header.is-scrolled {
	background: rgba(255, 255, 255, .97);
}

.site-header__inner {
	min-height: 78px;
}

.site-footer {
	background: #fffdf8;
	color: #4c4948;
	border-top: 1px solid rgba(215, 211, 204, .8);
}

.site-footer__logo-link {
	width: min(260px, 70vw);
}

.site-footer__brand p {
	color: #6c6c6c;
}

.footer-nav__link,
.footer-nav a {
	color: #4c4948;
}

.footer-nav__link:hover,
.footer-nav__link:focus-visible,
.footer-nav a:hover,
.footer-nav a:focus-visible {
	color: #2e6f63;
}

.site-footer__bottom {
	background: #24594f;
	color: rgba(255, 255, 255, .86);
}

.ys-header {
	background: rgba(255, 255, 255, .92);
	border-bottom: 1px solid rgba(215, 211, 204, .64);
	backdrop-filter: blur(14px);
}

.ys-header--scrolled,
.ys-header.is-drawer-open,
.ys-header:has(.ys-nav[data-open="true"]) {
	background: rgba(255, 255, 255, .96) !important;
	box-shadow: 0 10px 28px rgba(76, 73, 72, .08);
}

.ys-header__brand {
	width: clamp(168px, 16vw, 236px);
	min-width: 0;
	max-width: 260px;
}

.ys-header__logo {
	width: 100%;
}

.ys-top .ys-header:not(.ys-header--scrolled):not(:has(.ys-nav[data-open="true"])) .ys-nav__link {
	color: #4c4948 !important;
}

.ys-top .ys-header:not(.ys-header--scrolled):not(.is-drawer-open) .ys-header__toggle {
	color: #4c4948 !important;
	border-color: rgba(76, 73, 72, .22) !important;
	background: rgba(255, 255, 255, .86) !important;
}

.ys .ys-footer,
.ys .ys-footer__main,
.ys-shiftworks .ys-footer,
.ys-shiftworks .ys-footer__main,
.ys-service .ys-footer,
.ys-service .ys-footer__main {
	background: #fffdf8 !important;
	color: #4c4948 !important;
}

.ys .ys-footer__main {
	border-top: 1px solid rgba(215, 211, 204, .78);
}

.ys .ys-footer__inner {
	align-items: flex-start;
}

.ys-footer__logo-link {
	width: min(258px, 70vw);
}

.ys .ys-footer__tagline {
	color: #6c6c6c;
}

.ys .ys-footer__link {
	color: #4c4948;
}

.ys .ys-footer__link:hover,
.ys .ys-footer__link:focus-visible {
	color: #2e6f63;
}

.ys .ys-footer__bottom,
.ys-shiftworks .ys-footer__bottom,
.ys-service .ys-footer__bottom {
	background: #24594f !important;
	color: rgba(255, 255, 255, .86);
}


.ys-about-logo-story__mark {
	width: min(292px, 100%);
	margin: 0 0 22px;
	padding: 4px 0;
}

.ys-about-logo-story__logo {
	width: 100%;
}

@media (max-width: 1023px) {
	.ys-header__brand,
	.site-branding__logo-link {
		width: 174px;
		max-width: calc(100vw - 96px);
	}

	.ys-header__inner,
	.site-header__inner {
		min-height: 64px;
	}
}

@media (max-width: 767px) {
	.ys-footer__logo-link,
	.site-footer__logo-link {
		width: min(230px, 72vw);
	}

	.ys .ys-footer__inner,
	.site-footer__inner {
		gap: 24px;
	}
}

@media (max-width: 374px) {
	.ys-header__brand,
	.site-branding__logo-link {
		width: 156px;
	}
}