/*
Theme Name: 宮地工務店
Theme URI: https://miyachi-koumuten.co.jp/
Author: Miyachi Koumuten Project
Description: 株式会社宮地工務店のトップページ用オリジナルテーマ。
Version: 1.4.24
Requires at least: 7.0
Requires PHP: 8.3
Text Domain: miyachi-koumuten
*/

:root {
	--color-green: #4e6128;
	--color-green-dark: #35431b;
	--color-beige: #f8f1ee;
	--color-ink: #292722;
	--color-line: #b8bba6;
	--color-white: #fff;
	--font-display: "BIZ UDPMincho", "BIZ UDP明朝", "Hiragino Mincho ProN", "Yu Mincho", serif;
	--font-serif: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	--font-sans: "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
	--shell: 1220px;
}

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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--color-white);
	color: var(--color-ink);
	font-family: var(--font-serif);
	font-size: 16px;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
}

body.menu-open {
	overflow: hidden;
}

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

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

a:focus-visible,
button:focus-visible {
	outline: 3px solid #cf7b35;
	outline-offset: 4px;
}

.shell {
	width: min(calc(100% - 48px), var(--shell));
	margin-inline: auto;
}

.section {
	padding-block: clamp(72px, 9vw, 138px);
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus,
.skip-link:focus {
	top: 12px;
	left: 12px;
	z-index: 10000;
	display: block;
	width: auto;
	height: auto;
	padding: 10px 16px;
	clip: auto;
	background: #fff;
	color: #111;
}

.hero {
	position: relative;
	min-height: min(51vw, 900px);
	background-image: linear-gradient(rgba(248, 241, 238, .08), rgba(248, 241, 238, .08)), var(--hero-image);
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.hero__brand {
	position: absolute;
	top: clamp(28px, 4.2vw, 72px);
	left: clamp(24px, 3.8vw, 70px);
	width: clamp(260px, 31vw, 460px);
}

.hero__brand > img {
	width: 100%;
}

.hero__brand--canvas {
	height: clamp(76px, 9vw, 130px);
	overflow: hidden;
}

.hero__brand--canvas > img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 212%;
	max-width: none;
	transform: translate(-50%, -50%);
}

.hero__message {
	position: absolute;
	top: 31%;
	right: clamp(42px, 9vw, 170px);
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(18px, 1.65vw, 30px);
	letter-spacing: .18em;
	line-height: 1.9;
	text-shadow: 0 1px 8px rgba(255, 255, 255, .65);
}

.navigation-bar {
	position: relative;
	z-index: 30;
	background: var(--color-beige);
}

.primary-navigation {
	width: min(calc(100% - 40px), 1040px);
	margin-inline: auto;
}

.primary-navigation ul,
.primary-menu {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
	margin: 0;
	padding: 25px 0 23px;
	list-style: none;
}

.primary-navigation ul {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.primary-navigation a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	color: var(--color-green);
	font-family: var(--font-sans);
	transition: opacity .2s ease, transform .2s ease;
}

.primary-navigation a:hover {
	opacity: .65;
	transform: translateY(-2px);
}

.menu-en {
	font-size: 17px;
	letter-spacing: .12em;
}

.menu-ja {
	margin-top: 1px;
	color: #807e77;
	font-size: 11px;
	letter-spacing: .05em;
}

.menu-toggle {
	display: none;
}

.compact-header {
	display: flex;
	align-items: center;
	min-height: 170px;
}

.compact-header__brand {
	display: inline-flex;
	width: min(440px, 100%);
}

.compact-header__brand img {
	width: 100%;
}

.custom-logo {
	max-height: 100px;
	width: auto;
}

.company-intro {
	text-align: center;
}

.company-intro__brand {
	width: min(820px, 92%);
	margin: 0 auto clamp(54px, 6vw, 92px);
}

.company-intro__brand > img {
	width: 100%;
}

.company-intro__brand--canvas {
	position: relative;
	height: auto;
	aspect-ratio: 7 / 2;
	overflow: hidden;
}

.company-intro__brand--canvas > img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 126%;
	max-width: none;
	transform: translate(-50%, -50%);
}

.company-intro__copy {
	margin: 0 auto;
	font-size: clamp(16px, 1.55vw, 23px);
	letter-spacing: .14em;
	line-height: 2.15;
}

.button-row {
	display: flex;
	justify-content: center;
	gap: clamp(22px, 5vw, 78px);
	margin-top: clamp(42px, 5vw, 74px);
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-width: 224px;
	min-height: 48px;
	padding: 10px 26px;
	border: 1px solid transparent;
	border-radius: 999px;
	color: var(--color-green);
	font-family: var(--font-sans);
	font-size: 14px;
	letter-spacing: .08em;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.button--soft {
	background: var(--color-beige);
}

.button--outline {
	border-color: #a7ad90;
	background: rgba(255, 255, 255, .82);
}

.button:hover {
	border-color: var(--color-green);
	background: var(--color-green);
	color: #fff;
}

.company-intro__gallery {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(20px, 4vw, 68px);
	margin-top: clamp(56px, 7vw, 104px);
}

.company-intro__gallery img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
}

.section-title {
	margin: 0 0 clamp(38px, 5vw, 72px);
	color: var(--color-green);
	font-size: clamp(25px, 2.3vw, 36px);
	font-weight: 500;
	letter-spacing: .14em;
	text-align: center;
}

.news {
	position: relative;
	isolation: isolate;
	margin-bottom: clamp(48px, 6vw, 88px);
	padding: clamp(60px, 7vw, 96px) clamp(26px, 5vw, 76px);
	background: var(--color-beige);
	overflow: hidden;
}

.news::before {
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: var(--news-image);
	background-position: center;
	background-size: cover;
	content: "";
	opacity: .13;
}

.news::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(105deg, rgba(248, 241, 238, .92), rgba(234, 235, 238, .82));
	content: "";
}

.news__inner {
	width: min(100%, 900px);
	margin-inline: auto;
	text-align: center;
}

.news .section-title {
	margin-bottom: 35px;
}

.news__list {
	border-top: 1px solid rgba(78, 97, 40, .24);
	text-align: left;
}

.news-item a {
	display: grid;
	grid-template-columns: 160px 1fr auto;
	align-items: center;
	gap: 22px;
	min-height: 96px;
	padding: 18px 12px;
	border-bottom: 1px solid rgba(78, 97, 40, .24);
	transition: background .2s ease;
}

.news-item a:hover {
	background: rgba(255, 255, 255, .46);
}

.news-item time {
	font-family: var(--font-sans);
	font-size: 12px;
	letter-spacing: .16em;
}

.news-item time::before {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 8px;
	border: 1px solid currentColor;
	border-radius: 50%;
	content: "";
	vertical-align: -3px;
}

.news-item h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .06em;
}

.news__empty {
	padding: 35px;
	border-bottom: 1px solid rgba(78, 97, 40, .24);
	text-align: center;
}

.work-updates {
	padding-bottom: clamp(48px, 6vw, 88px);
}

.work-updates .section-title {
	margin-bottom: 28px;
}

.work-updates__list {
	width: min(100%, 900px);
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid var(--color-line);
	list-style: none;
}

.work-updates__item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px 20px;
	padding: 18px 12px;
	border-bottom: 1px solid var(--color-line);
	font-family: var(--font-sans);
	font-size: 14px;
	overflow-wrap: anywhere;
}

.work-updates__item time {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.work-updates__item a {
	color: var(--color-green-dark);
	text-decoration: underline;
	text-underline-offset: .2em;
}

.work-updates__item a:hover {
	text-decoration-thickness: 2px;
}

.work-updates__empty {
	margin: 0;
	text-align: center;
}

.text-link {
	display: inline-flex;
	gap: 28px;
	margin-top: 32px;
	font-family: var(--font-sans);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .08em;
}

.energy-banner {
	position: relative;
	min-height: clamp(320px, 25vw, 440px);
	display: grid;
	place-items: center;
	background: #e9e3d8 var(--energy-image) center 54% / cover no-repeat;
	text-align: center;
}
.energy-banner::before { position: absolute; inset: 0; background: rgba(255, 251, 243, .72); content: ""; }
.energy-banner__inner { position: relative; padding-block: 65px; }
.energy-banner h2, .window-renovation h2, .large-renovation h2, .warranty h2 { margin: 0; color: var(--color-green); font-size: clamp(28px, 2.5vw, 39px); font-weight: 600; letter-spacing: .12em; line-height: 1.65; }
.energy-banner p { margin: 18px 0 26px; font-size: clamp(15px, 1.3vw, 20px); font-weight: 600; letter-spacing: .08em; }
.energy-banner .button { background: rgba(255,255,255,.94); }
.energy-banner .button:hover { background: var(--color-green); }
.home-points { padding-block: 74px 90px; }
.home-points__eyebrow { margin: 0; color: var(--color-green); font-family: var(--font-sans); font-size: 19px; letter-spacing: .18em; text-align: center; }
.home-points .section-title { margin-bottom: 55px; }
.home-points__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
.home-point { padding: 0 clamp(18px, 3vw, 48px); border-right: 1px solid var(--color-line); }
.home-point:first-child { padding-left: 0; }
.home-point:last-child { padding-right: 0; border-right: 0; }
.home-point__heading { display: flex; align-items: center; gap: 20px; }
.home-point__heading span { display: grid; flex: none; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--color-green); color: #fff; font-size: 22px; }
.home-point h3 { margin: 0; color: var(--color-green); font-size: clamp(19px, 1.5vw, 24px); font-weight: 600; line-height: 1.35; }
.home-point p { margin: 24px 0 0; font-size: 15px; line-height: 2; }
.feature-lead { margin: 0 0 25px; font-size: clamp(17px, 1.5vw, 23px); letter-spacing: .14em; }
.feature-description { margin: 35px 0 0; font-size: clamp(16px, 1.4vw, 21px); letter-spacing: .07em; line-height: 1.9; }
.window-benefits img, .renovation-types img, .warranty__assurances img { display: block; width: 48px; height: 48px; margin: 0 auto 9px; object-fit: contain; }
.renovation-types img { width: 60px; height: 60px; }
.window-renovation { display: grid; grid-template-columns: 1.06fr .94fr; min-height: 590px; background: #fffaf8; }
.window-renovation__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(55px, 6vw, 105px) clamp(32px, 6.5vw, 120px); }
.window-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin: auto 0 0; padding: 50px 0 0; list-style: none; text-align: center; }
.window-benefits li { white-space: nowrap; font-size: 14px; font-weight: 600; }
.window-renovation__visual { display: grid; grid-template-rows: minmax(0, 1fr) auto; justify-items: center; gap: 32px; min-height: 0; padding: 0 0 32px; }
.window-renovation__photo { position: relative; width: 100%; min-height: 0; background: #f1f2f3; overflow: hidden; }
.window-renovation__photo img { width: 100%; height: 100%; object-fit: cover; }
.window-renovation__photo-note { position: absolute; top: 4px; left: 4px; color: #292722; font-size: 12px; }
.window-renovation__grant { position: absolute; top: 22px; right: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: clamp(160px, 16vw, 235px); aspect-ratio: 1; margin: 0; border-radius: 50%; background: #c5b096; color: white; line-height: 1.35; text-align: center; }
.window-renovation__grant strong { font-size: clamp(26px, 3vw, 43px); letter-spacing: .04em; }
.window-renovation__grant small { font-size: 15px; font-weight: 400; }
.window-renovation__grant strong small { margin-left: 3px; }
.large-renovation { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(50px, 6vw, 110px); }
.renovation-comparison { display: flex; align-items: center; gap: 18px; margin-top: 55px; }
.renovation-comparison > div { position: relative; flex: 1; min-width: 0; aspect-ratio: 1.3; background: #f1f2f3; }
.renovation-comparison > div > span { position: absolute; top: -14px; left: 0; z-index: 1; padding: 2px 12px; background: #c5b096; color: #fff; font-size: 15px; }
.renovation-comparison > div:nth-of-type(2) > span { background: var(--color-beige); color: var(--color-ink); }
.renovation-comparison img { width: 100%; height: 100%; object-fit: cover; }
.renovation-comparison__arrow { color: var(--color-green); font-size: 27px; }
.large-renovation__side { text-align: center; }
.renovation-types { padding: 30px; background: #fff8f5; }
.renovation-types p { margin: 0 0 30px; letter-spacing: .1em; }
.renovation-types ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px 14px; margin: 0; padding: 0; list-style: none; }
.renovation-types li { color: var(--color-green); font-size: clamp(14px, 1.3vw, 18px); font-weight: 600; }
.large-renovation__side .button { margin-top: 28px; }
.warranty { background: #fff8f5; }
.warranty__inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: 26px 45px; padding-block: 75px 50px; }
.warranty__action { display: flex; align-items: center; gap: 24px; }
.warranty__action p { font-size: 15px; line-height: 1.8; }
.warranty__action .button { margin-top: 10px; }
.warranty__illustration { flex: 0 0 53%; }
.warranty__illustration img { width: 100%; height: auto; }
.warranty__assurances { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3,1fr); gap: 0; margin: 20px 0 0; padding: 0; list-style: none; }
.warranty__assurances li { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 10px 22px; border-right: 1px solid var(--color-line); color: var(--color-green); font-size: 18px; font-weight: 600; text-align: center; }
.warranty__assurances img { flex: none; margin: 0; }
.warranty__assurances li:last-child { border-right: 0; }

.features {
	text-align: center;
}

.features__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(22px, 5.5vw, 68px);
	margin-bottom: clamp(32px, 4vw, 54px);
	text-align: left;
}

.feature-card {
	min-width: 0;
	background: #fff8f5;
}

.feature-card__link {
	display: block;
	height: 100%;
}

.feature-card__link > img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.feature-card__body {
	padding: 18px 14px 20px;
}

.feature-card h3 {
	margin: 0 0 16px;
	color: var(--color-green);
	font-size: clamp(16px, 1.45vw, 20px);
	font-weight: 600;
	letter-spacing: .06em;
}

.feature-card .button {
	min-width: 160px;
	min-height: 32px;
	padding: 3px 18px;
	font-size: 13px;
}

.features__archive {
	margin-inline: auto;
}

.features__empty {
	margin: 0 0 32px;
}

.works {
	text-align: center;
}

.features + .works {
	padding-top: 0;
}

.works__marquee {
	--works-gap: clamp(8px, 1.2vw, 18px);
	--works-original-grid-gap: clamp(18px, 3vw, 44px);
	width: 100%;
	margin-bottom: clamp(44px, 5vw, 70px);
	overflow: hidden;
}

.works__track {
	display: flex;
	width: max-content;
	animation: works-marquee 52s linear infinite;
	will-change: transform;
}

.works__group {
	display: flex;
	flex: none;
	gap: var(--works-gap);
	padding-right: var(--works-gap);
}

.work-card {
	position: relative;
	display: block;
	flex: 0 0 calc((min(calc(100vw - 48px), var(--shell)) - var(--works-original-grid-gap) - var(--works-original-grid-gap) - var(--works-original-grid-gap)) / 4);
	overflow: hidden;
	background: var(--color-beige);
}

.work-card img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform .35s ease;
}

.work-card:hover img {
	transform: scale(1.035);
}

.work-card:focus-visible {
	outline: 3px solid var(--color-green);
	outline-offset: -4px;
}

@keyframes works-marquee {
	to {
		transform: translate3d(calc(-100% / var(--works-copy-count)), 0, 0);
	}
}

.testimonial {
	margin-bottom: clamp(80px, 10vw, 160px);
	padding-inline: clamp(30px, 7vw, 110px);
	background: var(--color-beige);
}

.testimonial__card {
	display: grid;
	grid-template-columns: minmax(280px, .9fr) 1.1fr;
	align-items: center;
	gap: clamp(42px, 7vw, 100px);
}

.testimonial__image img,
.testimonial__card--placeholder img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.testimonial__content h3 {
	margin: 0 0 28px;
	color: var(--color-green);
	font-size: clamp(25px, 2.3vw, 36px);
	font-weight: 500;
	letter-spacing: .1em;
}

.testimonial__text {
	margin-bottom: 40px;
	font-size: 15px;
	letter-spacing: .08em;
	line-height: 2;
}

.site-footer {
	position: relative;
	isolation: isolate;
	min-height: 400px;
	padding-block: 78px 58px;
	background: #f3f2ee;
	overflow: hidden;
}

.site-footer::before {
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: var(--footer-image);
	background-position: center;
	background-size: cover;
	content: "";
	opacity: .15;
}

.site-footer::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(247, 246, 241, .76);
	content: "";
}

.site-footer__inner {
	display: grid;
	grid-template-columns: minmax(360px, .85fr) 1.15fr;
	gap: clamp(50px, 8vw, 130px);
}

.site-footer__logo {
	display: block;
	width: min(100%, 590px);
}

.site-footer__mobile-contact {
	display: none;
}

.site-footer__address {
	margin: 32px 0 24px;
	color: var(--color-green);
	font-family: var(--font-sans);
	font-size: 15px;
	letter-spacing: .08em;
	line-height: 1.9;
}

.footer-icon-reserve {
	width: 280px;
	height: 56px;
	margin-top: 28px;
}

.footer-navigation ul,
.footer-menu {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 30px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.footer-navigation a {
	display: inline-flex;
	flex-direction: column;
	color: #6f7169;
	font-family: var(--font-sans);
	font-size: 14px;
	letter-spacing: .06em;
}

.footer-navigation .menu-ja {
	display: none;
}

.content-shell {
	min-height: 55vh;
}

.single .single-entry {
	max-width: 880px;
	margin-inline: auto;
}

.archive-header h1,
.single-entry h1 {
	margin: 0 0 55px;
	color: var(--color-green);
	font-size: clamp(30px, 4vw, 52px);
	font-weight: 500;
	letter-spacing: .1em;
}

.single-entry > h1 {
	font-size: 18px;
}

.entry-list {
	display: grid;
	gap: 32px;
}

.entry-card {
	padding: 28px;
	border-bottom: 1px solid var(--color-line);
}

.entry-card h2 {
	margin: 8px 0 16px;
	font-size: 23px;
}

.entry-card > p {
	max-width: 65ch;
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	overflow-wrap: anywhere;
}

.entry-content {
	max-width: 880px;
	font-size: 17px;
}

.single-entry__image {
	max-width: 920px;
	margin-bottom: 48px;
}

.nav-links {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 50px;
}

@media (max-width: 1024px) {
	.large-renovation { grid-template-columns: 1fr; gap: 36px; }
}

@media (max-width: 900px) {
	.home-points__grid { gap: 26px; }
	.home-point { padding-inline: 18px; }
	.home-point__heading { align-items: flex-start; gap: 12px; }
	.home-point__heading span { width: 44px; height: 44px; font-size: 18px; }
	.window-renovation { grid-template-columns: 1fr; }
	.window-renovation__content { padding: 70px 7vw 40px; }
	.window-benefits { margin-top: 20px; }
	.window-renovation__photo { min-height: 360px; }
	.window-renovation__visual { padding-bottom: 55px; }
	.warranty__inner { gap: 20px; }
	.warranty__action { flex-direction: column; align-items: flex-start; }
	.warranty__illustration { flex-basis: auto; width: min(100%, 340px); }
	.features__grid { gap: 22px; }
	.hero {
		min-height: 620px;
		background-position: 53% center;
	}

	.hero__message {
		top: auto;
		right: 8vw;
		bottom: 82px;
		padding: 10px 14px;
		background: rgba(255, 255, 255, .52);
	}

	.menu-toggle {
		display: flex;
		position: absolute;
		top: 14px;
		right: 20px;
		z-index: 40;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
		width: 48px;
		height: 48px;
		padding: 11px;
		border: 0;
		background: transparent;
	}

	.menu-toggle__line {
		display: block;
		width: 100%;
		height: 1px;
		background: var(--color-green);
	}

	.navigation-bar {
		min-height: 76px;
	}

	.primary-navigation {
		display: none;
		width: 100%;
		padding-top: 68px;
	}

	.primary-navigation.is-open {
		display: block;
	}

	.primary-navigation ul,
	.primary-menu {
		grid-template-columns: repeat(2, 1fr);
		padding: 10px 20px 28px;
	}

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

	.work-card {
		flex-basis: calc((min(calc(100vw - 48px), var(--shell)) - var(--works-original-grid-gap)) / 2);
	}

	.testimonial__card {
		grid-template-columns: 1fr;
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.energy-banner { min-height: 340px; }
	.energy-banner h2, .window-renovation h2, .large-renovation h2, .warranty h2 { font-size: 27px; }
	.home-points { padding-block: 65px; }
	.home-points__grid { grid-template-columns: 1fr; gap: 30px; }
	.home-point, .home-point:first-child, .home-point:last-child { padding: 0 0 26px; border-right: 0; border-bottom: 1px solid var(--color-line); }
	.home-point:last-child { border-bottom: 0; }
	.home-point p { margin-top: 12px; }
	.window-renovation__content { padding: 60px 24px 36px; }
	.window-benefits { grid-template-columns: repeat(2,1fr); gap: 24px; }
	.window-renovation__photo { min-height: 310px; }
	.window-renovation__grant { width: 150px; }
	.renovation-comparison { margin-top: 45px; }
	.renovation-types { padding: 24px 12px; }
	.renovation-types ul { grid-template-columns: repeat(2,1fr); }
	.warranty__inner { grid-template-columns: 1fr; padding-block: 65px 45px; }
	.warranty__action { align-items: center; text-align: center; }
	.warranty__illustration { width: min(100%, 340px); }
	.warranty__assurances { grid-column: auto; grid-template-columns: 1fr; margin-top: 10px; }
	.warranty__assurances li { border-right: 0; border-bottom: 1px solid var(--color-line); }
	.warranty__assurances li:last-child { border-bottom: 0; }
	.features__grid { grid-template-columns: 1fr; gap: 28px; max-width: 420px; margin-inline: auto; }
	.feature-card__body { padding: 18px 18px 22px; }
	.shell {
		width: min(calc(100% - 32px), var(--shell));
	}

	.section {
		padding-block: 70px;
	}

	.hero {
		min-height: 540px;
		background-position: 48% center;
	}

	.hero__brand {
		top: 28px;
		left: 20px;
		width: min(76vw, 330px);
	}

	.hero__brand--canvas {
		height: 92px;
	}

	.hero__message {
		right: 18px;
		bottom: 54px;
		font-size: 17px;
		letter-spacing: .1em;
	}

	.company-intro__brand {
		width: 100%;
		margin-bottom: 42px;
	}

	.company-intro__copy {
		font-size: 15px;
		letter-spacing: .05em;
		line-height: 2;
	}

	.button-row {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.button {
		width: min(100%, 300px);
	}

	.company-intro__gallery {
		gap: 16px;
	}

	.work-card {
		flex-basis: calc((100vw - 44px) / 2);
	}

	.news {
		width: calc(100% - 24px);
		padding-inline: 18px;
	}

	.news-item a {
		grid-template-columns: 1fr auto;
		gap: 8px 16px;
	}

	.news-item time {
		grid-column: 1 / -1;
	}

	.news-item h3 {
		font-size: 15px;
	}

	.work-updates__item {
		grid-template-columns: minmax(0, 1fr);
		gap: 4px;
		padding-inline: 4px;
	}

	.testimonial {
		width: calc(100% - 24px);
		padding-inline: 20px;
	}

	.site-footer__inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}

	.site-footer__contact {
		text-align: center;
	}

	.site-footer__logo--desktop {
		display: none;
	}

	.site-footer__mobile-contact {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: var(--color-green);
		font-family: var(--font-sans);
	}

	.site-footer__mobile-contact .site-footer__logo {
		width: min(100%, 360px);
	}

	.site-footer__phone-label {
		margin: 28px 0 4px;
		font-size: 14px;
	}

	.site-footer__phone {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		font-size: clamp(28px, 8vw, 36px);
		font-weight: 700;
		line-height: 1.4;
		white-space: nowrap;
	}

	.site-footer__hours {
		margin: 10px 0 0;
		font-size: 15px;
		line-height: 1.9;
	}

	.site-footer__hours span {
		display: block;
	}

	.site-footer__address {
		margin-top: 24px;
	}

	.footer-navigation ul,
	.footer-menu {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		margin-top: 0;
	}

	.footer-navigation a {
		display: flex;
		justify-content: center;
		min-height: 44px;
		font-size: 16px;
		text-align: center;
	}

	.footer-icon-reserve {
		width: 100%;
		height: 46px;
	}
}

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