/* The reference design uses a large desktop canvas. Keep this adjustment out of tablet and phone breakpoints. */
@media (min-width: 981px) {
	:root {
		--container: 1400px;
	}

	.nav-shell {
		height: 100px;
	}

	.brand img {
		width: 235px;
		height: 70px;
		object-fit: contain;
		object-position: left center;
		filter: brightness(0.3);
	}

	.site-menu {
		gap: 33px;
		font-size: 15px;
	}

	.button {
		padding: 17px 29px;
		font-size: 13px;
	}

	.button-small {
		padding: 14px 22px;
		font-size: 12px;
	}

	.section {
		padding: 118px 0;
	}

	.hero-grid {
		min-height: 810px;
		gap: 58px;
	}

	.hero h1 {
		max-width: 11ch;
		font-size: clamp(62px, 4.7vw, 88px);
		line-height: .98;
	}

	.hero-copy p {
		max-width: 530px;
		margin-bottom: 30px;
		font-size: 17px;
		line-height: 1.75;
	}

	.eyebrow {
		padding: 9px 15px;
		font-size: 10px;
	}

	.hero-art {
		min-height: 610px;
	}

	.hero-photo {
		width: 78%;
		height: 565px;
		margin-left: 10%;
		border-radius: 220px 220px 26px 26px;
	}

	.hero-photo img {
		object-fit: cover;
		object-position: center;
		background: #f6e7dc;
	}

	.hero-stat {
		bottom: 30px;
		padding: 21px 25px;
		border-radius: 15px;
	}

	.hero-stat strong {
		font-size: 37px;
	}

	.hero-stat span {
		font-size: 12px;
	}

	.hero-cross {
		width: 48px;
		height: 48px;
		font-size: 26px;
	}

	.intro-grid {
		gap: 105px;
	}

	.intro-collage {
		height: 510px;
	}

	.intro-copy h2,
	.family-heading h2,
	.plans-heading h2,
	.center-heading h2,
	.contact-copy h2,
	.faq-wrap h2 {
		font-size: clamp(38px, 3vw, 56px);
	}

	.intro-copy p,
	.family-heading p,
	.plans-heading p {
		font-size: 15px;
		line-height: 1.85;
	}

	.check-list {
		gap: 11px;
		font-size: 13px;
	}

	.text-link {
		font-size: 13px;
	}

	.services-banner {
		padding: 100px 0 45px;
	}

	.heading-light h2 {
		margin: 20px 0 50px;
		font-size: clamp(44px, 3.4vw, 63px);
	}

	.service-grid {
		gap: 12px;
	}

	.service-card {
		min-height: 310px;
		padding: 22px 18px;
	}

	.service-number {
		font-size: 11px;
	}

	.service-card h3 {
		margin: 19px 0 12px;
		font-size: 21px;
	}

	.service-card p {
		font-size: 12px;
		line-height: 1.65;
	}

	.service-card a {
		width: 29px;
		height: 29px;
		font-size: 15px;
	}

	.family-layout {
		gap: 35px;
	}

	.family-portrait {
		height: 445px;
	}

	.family-badges {
		gap: 12px;
	}

	.family-badges span {
		padding: 12px;
		font-size: 11px;
	}

	.experience-card div {
		padding: 24px 40px;
	}

	.experience-card strong {
		font-size: 49px;
	}

	.experience-card span {
		font-size: 12px;
	}

	.process-grid {
		gap: 32px;
		margin-top: 55px;
	}

	.process-grid b {
		width: 68px;
		height: 68px;
		font-size: 18px;
	}

	.process-grid h3 {
		margin: 17px 0 10px;
		font-size: 25px;
	}

	.process-grid p {
		font-size: 13px;
		line-height: 1.75;
	}

	.plans-section {
		padding: 105px 0;
	}

	.plan-layout {
		gap: 25px;
		margin-top: 45px;
	}

	.plan-row {
		gap: 21px;
		padding: 25px;
	}

	.plan-row span {
		font-size: 10px;
	}

	.plan-row h3 {
		font-size: 25px;
	}

	.plan-row strong {
		font-size: 14px;
	}

	.plan-row ul {
		font-size: 11px;
	}

	.plan-aside {
		min-height: 430px;
	}

	.plan-aside span {
		font-size: 25px;
	}

	.plan-aside strong {
		font-size: 13px;
	}

	.testimonial-grid {
		gap: 18px;
		margin-top: 45px;
	}

	.testimonial {
		padding: 27px;
	}

	.testimonial p {
		font-size: 14px;
	}

	.testimonial strong {
		font-size: 17px;
	}

	.testimonial span {
		font-size: 11px;
	}

	.contact-section {
		padding: 105px 0;
	}

	.contact-copy h2 {
		font-size: 60px;
	}

	.contact-copy p {
		font-size: 15px;
	}

	.contact-copy>a {
		font-size: 15px;
	}

	.contact-form {
		padding: 32px;
	}

	.contact-form input,
	.contact-form textarea {
		padding: 16px;
		font-size: 13px;
	}

	.insight-grid {
		gap: 22px;
		margin-top: 45px;
	}

	.insight-grid img {
		height: 210px;
	}

	.insight-grid span {
		font-size: 10px;
	}

	.insight-grid h3 {
		font-size: 21px;
	}

	.faq-wrap {
		gap: 65px;
	}

	.faq-question {
		padding: 22px;
		font-size: 14px;
	}

	.faq-answer {
		padding: 0 22px 21px;
	}

	.faq-answer p {
		font-size: 12px;
	}

	.site-footer {
		padding-top: 75px;
	}

	.footer-brand img {
		width: 215px;
		height: 74px;
		padding: 10px 14px;
		background: #fff7f1;
		border-radius: 8px;
		object-fit: contain;
		filter: none;
	}

	.footer-brand p,
	.footer-grid p {
		font-size: 12px;
	}

	.footer-grid h3 {
		font-size: 17px;
	}

	.footer-grid div>a {
		font-size: 12px;
	}

	.footer-bottom {
		margin-top: 48px;
		padding: 22px 0;
		font-size: 11px;
	}
}