@media (max-width: 600px) { .td-home-hero #td-home-title { max-width: 100%; font-size: clamp(2rem, 9.75vw, 2.625rem) !important; line-height: 1.08; text-wrap: balance; } } :root { --td-revision-ink: #142d25; --td-revision-muted: #58665f; --td-revision-paper: #fcf9f3; --td-revision-line: #d9d0c3; --td-revision-call: #31c5d4; --td-revision-estimate: #8cdb4f; } #services .td-service-card--compact { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; align-content: start; gap: 1rem; min-height: 0; height: auto; align-self: start; padding: 1.25rem; background: var(--td-revision-paper); } #services .td-service-card--compact::before, #services .td-service-card--compact::after { display: none; } #services .td-service-card--compact .td-service-card__media { position: relative; inset: auto; width: 100%; height: auto; margin: 0; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 1rem; } #services .td-service-card--compact .td-service-card__media img { width: 100%; height: 100%; object-fit: cover; } #services .td-service-card--compact .td-service-card__number { display: none; } #services .td-service-card--compact h3 { position: static; max-width: none; margin: 0; padding: 0; font-size: clamp(1.375rem, 1.7vw, 1.75rem); line-height: 1.25; } #services .td-service-card--compact h3 a { font-size: inherit; line-height: inherit; } #services .td-service-card--compact .td-compact-links { position: static; width: auto; margin: 0; } #services .td-service-card--compact .td-compact-links a { display: inline-flex; align-items: center; gap: .75rem; width: auto; min-height: 48px; padding: .625rem 1rem; font-size: 1rem; white-space: nowrap; } .td-specialty-grid .td-specialty-card--pair { gap: 1rem; background: none; border: 0; overflow: visible; } .td-specialty-card--pair > a { position: relative; min-height: 10rem; padding: 1.5rem; background: #103d30; border: 1px solid #527968; border-radius: 1.2rem; } .td-specialty-card--pair > a + a { border: 1px solid #527968; } .td-specialty-card--pair > a > b { display: block; position: static; font-size: 1.25rem; } .td-specialty-card--pair > a:hover { background: #174b3c; } .td-specialty-grid .td-specialty-card p { color: #e0eee6; font-size: 1rem; line-height: 1.6; } .td-specialty-grid .td-specialty-card h3 { line-height: 1.25; } .td-site-footer > .td-footer-shell { width: min(100%, 84rem); max-width: 84rem !important; } .td-footer-grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); gap: clamp(2rem, 5vw, 5rem); } .td-footer-brand { min-width: 0; padding-right: 0; } .td-footer-actions { display: flex; flex-wrap: wrap; gap: 1rem; } .td-footer-call, .td-footer-estimate { flex: 0 1 auto; min-height: 60px; padding: .875rem 1.5rem; font-size: 1.125rem; white-space: nowrap; } .td-footer-call strong { font-size: 1.125rem; white-space: nowrap; } .td-footer-call small { font-size: .75rem; letter-spacing: .08em; } .td-footer-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } .td-footer-nav section { min-width: 0; padding-left: 1rem; } .td-footer-nav a { font-size: 1rem; line-height: 1.5; } .td-footer-label { color: #bed8ca; font-size: .8125rem; } body:not(.tdscreen-homepage) main { color: var(--td-revision-ink); } body:not(.tdscreen-homepage) main h1 { max-width: 28ch; font-size: clamp(2rem, 3.4vw, 3rem) !important; line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; margin-block: 0 1.5rem; } body:not(.tdscreen-homepage) main .wp-block-post-content { font-size: clamp(1rem, 1.1vw, 1.125rem); line-height: 1.75; } body:not(.tdscreen-homepage) main .wp-block-post-content :where(p,li) { color: var(--td-revision-muted); } body:not(.tdscreen-homepage) main .wp-block-post-content > h2 { max-width: 32ch; margin-top: 3rem; padding-top: 1.75rem; border-top: 1px solid var(--td-revision-line); font-size: clamp(1.5rem, 2.3vw, 2.25rem); line-height: 1.2; } body:not(.tdscreen-homepage) main .wp-block-post-content > h2:first-child { margin-top: 0; } body:not(.tdscreen-homepage) main .wp-block-post-content > :where(p,ul,ol) { max-width: 70ch; } body:not(.tdscreen-homepage) main .wp-block-post-content figure { overflow: hidden; border-radius: 1rem; margin-block: 2rem; } body:not(.tdscreen-homepage) main .wp-block-post-content figure.wp-block-table { overflow-x: auto; } body:not(.tdscreen-homepage) main .wp-block-post-content img { max-width: 100%; height: auto; } body:not(.tdscreen-homepage) main .wp-block-buttons { display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; margin-block: 1.75rem; } body:not(.tdscreen-homepage) main .wp-block-button { margin: 0 !important; } body:not(.tdscreen-homepage) main .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .875rem 1.5rem; font-size: 1.0625rem; font-weight: 750; line-height: 1.4; border: 1px solid transparent; color: var(--td-revision-ink); background: var(--td-revision-estimate); } body:not(.tdscreen-homepage) main a.wp-block-button__link[href^="tel:"] { color: var(--td-revision-ink); background: var(--td-revision-call); } .td-owner-editorial { max-width: 80rem !important; margin-inline: auto; } .td-owner-city-service { padding: clamp(2rem, 5vw, 5rem) 1rem; } .td-owner-city-service > .wp-block-post-content { max-width: 76rem; margin-inline: auto; } .td-owner-city-service .td-owner-content-section { max-width: 70rem !important; } .td-owner-city-service h1 { margin-inline: auto; } .td-owner-city-service .wp-block-post-content > p { margin-inline: auto; } body:not(.tdscreen-homepage) main .wp-block-post-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } body:not(.tdscreen-homepage) main .wp-block-post-template > li { min-width: 0; margin: 0; } body:not(.tdscreen-homepage) main .wp-block-post-template article { height: 100%; box-sizing: border-box; } body:not(.tdscreen-homepage) main .wp-block-post-template :where(h2,h3) { font-size: 1.375rem; line-height: 1.3; } .td-blog-archive .td-blog-card .wp-block-post-featured-image img { object-fit: contain !important; background: var(--td-revision-paper); } .td-service-page__hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; align-items: center; } .td-service-page__hero-grid figure { margin: 0; overflow: hidden; border-radius: 1.25rem; } .td-service-page__hero-grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .td-service-page__content > .td-service-page__body { width: min(100%, 70rem); max-width: 70rem !important; padding: clamp(1rem, 3vw, 2rem); } .td-service-page__body > .td-owner-content-section { max-width: none !important; } .td-owner-editorial > .wp-block-post-content > .td-owner-content-section { padding: 1.5rem 0; border: 0; border-radius: 0; border-top: 1px solid var(--td-revision-line); } .td-owner-editorial__hero { max-width: none !important; width: 100%; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; margin-bottom: 3rem; } .td-owner-editorial__hero:not(:has(figure)) { grid-template-columns: minmax(0, 1fr); } .td-owner-editorial__hero figure { margin: 0; border-radius: 1.25rem; overflow: hidden; } .td-owner-editorial__hero img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .td-owner-editorial > .wp-block-post-content { max-width: 70rem; padding: clamp(1.25rem, 3vw, 3rem); background: var(--td-revision-paper); border: 1px solid var(--td-revision-line); border-radius: 1.25rem; } .td-service-landing-intro, .td-owner-service-directory, .td-service-landing-proof, .td-service-landing-faq, .td-service-landing-closing { width: min(100%, 80rem); max-width: 80rem !important; margin-inline: auto; } .td-service-landing-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .9fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-bottom: clamp(3.5rem, 7vw, 6rem); padding: clamp(1.25rem, 3vw, 2.5rem); color: #effaf4; background: #073d29; border-radius: 1.5rem; box-shadow: 0 24px 64px rgb(3 21 13 / 14%); } .td-service-landing-intro__copy h2, .td-service-landing-closing h2 { max-width: 15ch; margin: 0; color: inherit; font-size: clamp(2rem, 4vw, 3.75rem); line-height: 1.05; letter-spacing: -.04em; text-wrap: balance; } .td-service-landing-intro__copy > p:not(.td-service-landing-eyebrow), .td-service-landing-closing p { max-width: 56ch; color: #d1e7da; font-size: 1.0625rem; line-height: 1.7; } .td-service-landing-eyebrow { margin: 0 0 1rem; color: #98f064 !important; font-size: .8125rem !important; font-weight: 800; letter-spacing: .12em; line-height: 1.3 !important; text-transform: uppercase; } .td-service-landing-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; } .td-service-landing-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .75rem 1.25rem; border: 1px solid transparent; border-radius: 999px; font-weight: 800; text-decoration: none; } .td-service-landing-estimate { color: #071d0f !important; background: var(--td-revision-estimate); box-shadow: 0 12px 28px rgb(115 221 68 / 20%); } .td-service-landing-call { color: #071d0f !important; background: var(--td-revision-call); } .td-service-landing-patio-column { min-width: 0; } .td-service-landing-patio.td-visual-stage--photo { position: relative; width: 100%; max-width: 100%; min-width: 0; min-height: clamp(33rem, 38vw, 38rem); margin: 0; padding: 0; isolation: isolate; transform-style: flat; --td-frame-x: 0px; --td-frame-y: 0px; } .td-service-landing-patio .td-hero-project-photo { position: absolute; z-index: 1; inset: auto 1rem 1.25rem .35rem; aspect-ratio: 4 / 3; margin: 0 !important; overflow: hidden; clip-path: polygon(2.9% 24.1%, 24.8% 5.6%, 75.2% 5.6%, 97.1% 24.1%, 97.1% 96.2%, 2.9% 96.2%); border: 0; border-radius: 0 !important; outline: 0; box-shadow: -22px 32px 84px rgb(0 0 0 / 38%); background: #07150e; } .td-service-landing-patio .td-hero-project-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(3 15 10 / 22%), transparent 34%), linear-gradient(0deg, rgb(3 15 10 / 30%), transparent 48%); pointer-events: none; } .td-service-landing-patio .td-hero-project-photo img { display: block; width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 52%; transform: none; filter: saturate(.98) contrast(1.03); } .td-service-landing-patio.td-visual-stage--photo::before { content: ""; position: absolute; z-index: 2; inset: 4% 1rem 0 .35rem; pointer-events: none; background: radial-gradient(circle at var(--td-glow-x, 50%) var(--td-glow-y, 35%), rgb(78 220 240 / 18%), transparent 30%), linear-gradient(135deg, rgb(157 240 106 / 8%), transparent 42%); clip-path: polygon(2.5% 23.7%, 24.5% 5%, 75.5% 5%, 97.5% 23.7%, 97.5% 96.7%, 2.5% 96.7%); } .td-service-landing-patio .td-logo-patio-frame { position: absolute; z-index: 6; inset: auto 1rem 1.25rem .35rem; aspect-ratio: 4 / 3; margin: 0 !important; pointer-events: none; transform: none; transition: transform 220ms cubic-bezier(.16, 1, .3, 1); } .td-service-landing-patio .td-logo-patio-frame svg { display: block; width: 100%; height: 100%; overflow: visible; } .td-service-landing-patio .td-patio-outer-frame { vector-effect: non-scaling-stroke; stroke-width: 12; filter: drop-shadow(0 0 10px rgb(219 247 255 / 28%)); } .td-service-landing-patio .td-photo-badge { z-index: 7; top: 4.25rem; right: 2.1rem; } .td-service-landing-patio-note { margin: .25rem .35rem 0; padding: 1rem 0 0; color: #d1e7da; border-top: 1px solid rgb(255 255 255 / 20%); } .td-service-landing-patio-note p { max-width: 42ch; margin: 0; font-size: .9375rem; line-height: 1.55; } .td-service-landing-patio-note .td-service-landing-patio-note__label { margin-bottom: .3rem; color: #98f064; font-size: .75rem; font-weight: 800; letter-spacing: .11em; line-height: 1.3; text-transform: uppercase; } .td-service-landing-patio-note .td-service-landing-patio-note__counties { margin-top: .65rem; color: #a9c5b5; font-size: .75rem; font-weight: 700; letter-spacing: .02em; } .td-service-landing-patio .td-hero-project-photo[data-hero-slide] { opacity: 0; visibility: hidden; transition: opacity 260ms cubic-bezier(.16, 1, .3, 1), visibility 0s linear 260ms; } .td-service-landing-patio .td-hero-project-photo[data-hero-slide].is-active { opacity: 1; visibility: visible; transition-delay: 0s; } @supports (content-visibility: hidden) { .td-service-landing-patio .td-hero-project-photo[data-hero-slide]:not(.is-active) { content-visibility: hidden; } } .td-service-landing-patio .td-hero-media-controls { position: absolute; z-index: 8; right: 1.75rem; bottom: 1.5rem; display: flex; gap: .1rem; align-items: center; } .td-service-landing-patio .td-hero-media-controls button { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; padding: 0; color: rgb(255 255 255 / 72%); background: transparent; border: 0; border-radius: 999px; cursor: pointer; } .td-service-landing-patio .td-hero-media-controls button::before { content: ""; width: .4rem; height: .4rem; background: currentColor; border-radius: 50%; box-shadow: 0 0 0 1px rgb(3 21 13 / 50%); transition: transform 180ms ease, background-color 180ms ease; } .td-service-landing-patio .td-hero-media-controls button.is-active { color: #98f064; background: transparent; } .td-service-landing-patio .td-hero-media-controls button.is-active::before { transform: scale(1.45); } .td-signature-patio { min-width: 0; padding: .75rem .75rem 1rem; color: #effaf4; background: #073d29; border: 1px solid rgb(152 240 100 / 16%); border-radius: 1.4rem; box-shadow: 0 22px 60px rgb(3 21 13 / 18%); } .td-signature-patio-frame.td-visual-stage--photo { position: relative; width: 100%; max-width: 100%; min-width: 0; min-height: 0; aspect-ratio: 4 / 3; box-sizing: content-box; margin: 0; padding: 0 0 3.5rem; isolation: isolate; transform-style: flat; } .td-signature-patio-frame .td-hero-project-photo { position: absolute; z-index: 1; inset: auto .75rem 1.25rem .35rem; aspect-ratio: 4 / 3; margin: 0 !important; overflow: hidden; opacity: 1; visibility: visible; clip-path: polygon(2.9% 24.1%, 24.8% 5.6%, 75.2% 5.6%, 97.1% 24.1%, 97.1% 96.2%, 2.9% 96.2%); border: 0; border-radius: 0 !important; outline: 0; box-shadow: -22px 32px 84px rgb(0 0 0 / 38%); background: #07150e; } .td-signature-patio-frame .td-hero-project-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(3 15 10 / 16%), transparent 34%), linear-gradient(0deg, rgb(3 15 10 / 20%), transparent 48%); pointer-events: none; } .td-signature-patio-frame .td-hero-project-photo img { display: block; width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 52%; transform: none; filter: saturate(.98) contrast(1.03); } .td-signature-patio-frame.td-visual-stage--photo::before { content: ""; position: absolute; z-index: 2; inset: 4% .75rem 0 .35rem; pointer-events: none; background: radial-gradient(circle at 50% 35%, rgb(78 220 240 / 18%), transparent 30%), linear-gradient(135deg, rgb(157 240 106 / 8%), transparent 42%); clip-path: polygon(2.5% 23.7%, 24.5% 5%, 75.5% 5%, 97.5% 23.7%, 97.5% 96.7%, 2.5% 96.7%); } .td-signature-patio-frame .td-logo-patio-frame { position: absolute; z-index: 6; inset: auto .75rem 1.25rem .35rem; aspect-ratio: 4 / 3; margin: 0 !important; pointer-events: none; transform: none; } .td-signature-patio-frame .td-logo-patio-frame svg { display: block; width: 100%; height: 100%; overflow: visible; } .td-signature-patio-frame .td-patio-outer-frame { vector-effect: non-scaling-stroke; stroke-width: 12; filter: drop-shadow(0 0 10px rgb(219 247 255 / 28%)); } .td-signature-patio-frame .td-photo-badge { z-index: 7; top: .75rem; right: 1.6rem; } .td-signature-patio-note { margin: .25rem .35rem 0; padding: 1rem 0 0; color: #d1e7da; border-top: 1px solid rgb(255 255 255 / 20%); } .td-signature-patio-note p { max-width: 42ch; margin: 0; color: #d1e7da !important; font-size: .9rem; line-height: 1.5; } .td-signature-patio-note .td-signature-patio-note__label { margin-bottom: .3rem; color: #98f064 !important; font-size: .72rem; font-weight: 800; letter-spacing: .11em; line-height: 1.3; text-transform: uppercase; } .td-signature-patio-note .td-signature-patio-note__meta { margin-top: .55rem; color: #a9c5b5 !important; font-size: .72rem; font-weight: 700; letter-spacing: .02em; } .td-ads-signature-hero { display: grid; width: 100%; max-width: none !important; grid-template-columns: minmax(0, .82fr) minmax(24rem, 1.18fr); grid-template-areas: "conversion visual" "details visual"; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; margin: 0 0 2rem; padding: clamp(1.25rem, 3vw, 2.5rem); color: #effaf4; background: #03150d; border-radius: 1.5rem; box-shadow: 0 24px 64px rgb(3 21 13 / 16%); } .td-ads-signature-hero__conversion { grid-area: conversion; min-width: 0; } .td-ads-signature-hero__conversion h6, .td-ads-signature-hero__conversion .td-owner-legacy-h6 { --td-legacy-h6-size: .72rem; --td-legacy-h6-margin: .8rem 0 .25rem; margin: .8rem 0 .25rem; color: #98f064; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; } .td-ads-signature-hero__conversion > p { margin: .25rem 0 .8rem; color: #effaf4 !important; font-size: 1rem; line-height: 1.6; } .td-ads-signature-hero__conversion .wp-block-buttons { margin-top: 1.25rem; } .td-ads-signature-hero__conversion .wp-block-button__link { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; color: #071d0f !important; background: #98f064; border-radius: 999px; font-weight: 800; } .td-ads-signature-hero .td-signature-patio { grid-area: visual; background: #073d29; box-shadow: none; } .td-ads-signature-hero .td-signature-patio-frame.td-visual-stage--photo { min-height: 0; aspect-ratio: 4 / 3; box-sizing: content-box; padding-bottom: 3.5rem; } .td-ads-signature-hero__details { grid-area: details; min-width: 0; padding-top: .25rem; border-top: 1px solid rgb(255 255 255 / 15%); } .td-ads-signature-hero__details p { margin: .8rem 0 0; color: #d1e7da !important; font-size: .95rem; line-height: 1.62; } .td-ads-signature-hero__details a:not(.wp-block-button__link) { color: #98f064 !important; } body.tdscreen-homepage .td-floating-card--proof { display: none !important; } body.tdscreen-homepage .td-signature-home-note { margin: .25rem 1rem 0 .35rem; padding: .9rem 0 0; color: #d1e7da; border-top: 1px solid rgb(255 255 255 / 18%); } body.tdscreen-homepage .td-signature-home-note p { margin: 0; font-size: .88rem; line-height: 1.5; } body.tdscreen-homepage .td-signature-home-note .td-signature-home-note__label { margin-bottom: .25rem; color: #98f064; font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } body.tdscreen-homepage .td-signature-home-note .td-signature-home-note__meta { margin-top: .45rem; color: #a9c5b5; font-size: .7rem; font-weight: 700; } body.tdscreen-homepage .td-hero-proof-deck { margin: .8rem 0 0 auto; } body.tdscreen-homepage .td-hero-media-controls { gap: .1rem; } body.tdscreen-homepage .td-hero-media-controls button { color: rgb(255 255 255 / 72%); background: transparent; border-color: transparent; backdrop-filter: none; } body.tdscreen-homepage .td-hero-media-controls button::before { width: .4rem; height: .4rem; box-shadow: 0 0 0 1px rgb(3 21 13 / 50%); transition: transform 180ms ease, background-color 180ms ease; } body.tdscreen-homepage .td-hero-media-controls button.is-active { color: #98f064; background: transparent; border-color: transparent; } body.tdscreen-homepage .td-hero-media-controls button.is-active::before { transform: scale(1.45); } .td-owner-service-directory { margin-bottom: clamp(4rem, 8vw, 7rem); } .td-owner-service-categories { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1.5rem 3rem; } .td-owner-service-categories a { display: inline-flex; align-items: center; min-height: 48px; padding: .5rem 1rem; border: 1px solid #8db4a0; border-radius: 2rem; background: #e5f3eb; color: #092e20; font-size: 1rem; font-weight: 650; text-decoration: none; } .td-owner-service-categories a:hover { background: #cef0c7; } .td-owner-service-group { margin-block: 3rem; } .td-owner-service-group > h2 { scroll-margin-top: 11rem; font-size: clamp(1.5rem, 2.3vw, 2.125rem); } .td-owner-content-section { margin-block: 2rem; padding: clamp(1.25rem, 3vw, 2.5rem); background: #fff; border: 1px solid var(--td-revision-line); border-radius: 1.25rem; } .td-owner-content-section h2 { margin-top: 0; font-size: clamp(1.5rem, 2.3vw, 2.125rem); line-height: 1.25; max-width: 32ch; } .td-owner-content-section > p, .td-owner-content-section > ul, .td-owner-content-section > ol { max-width: 70ch; } .td-owner-content-section:has(> .wp-block-image) { display: flow-root; } .td-owner-editorial ul:has(> li > a[href*="/areas-we-serve/"]) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; max-width: none; padding: 0; list-style: none; } .td-owner-editorial ul:has(> li > a[href*="/areas-we-serve/"]) > li { min-width: 0; padding: .875rem 1rem; background: #eff6f2; border: 1px solid var(--td-revision-line); border-radius: .75rem; } .td-owner-editorial ul:has(> li > a[href*="/areas-we-serve/"]) > li a { display: flex; align-items: center; min-height: 44px; font-weight: 650; } @media (min-width: 1100px) { .td-owner-content-section > .wp-block-image { float: right; width: min(40%, 24rem); margin: 0 0 1.5rem 2rem !important; } } .td-owner-service-directory__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } .td-owner-service-tile { min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid var(--td-revision-line); border-radius: 1.25rem; } .td-owner-service-tile figure { position: relative; flex: none; width: 100%; height: 0; margin: 0 !important; padding-top: 75%; overflow: hidden; border-radius: 0 !important; } .td-owner-service-tile figure img { position: absolute; inset: 0; display: block; width: 100%; height: 100% !important; object-fit: cover; } .td-owner-service-tile__copy { display: flex; flex-direction: column; flex: 1; gap: 1rem; padding: 1.5rem; } .td-owner-service-tile h3 { font-size: 1.375rem; line-height: 1.3; margin: 0; } .td-owner-service-tile h3 a { color: var(--td-revision-ink); text-decoration: none; } .td-owner-service-tile p { margin: 0; font-size: 1rem; line-height: 1.65; } .td-owner-service-tile__link { display: inline-flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 48px; margin-top: auto; color: var(--td-revision-ink); font-weight: 750; } .td-service-landing-proof, .td-service-landing-faq { margin-bottom: clamp(4rem, 8vw, 7rem); } .td-service-landing-section-heading { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); column-gap: clamp(2rem, 5vw, 5rem); align-items: end; margin-bottom: 2rem; } .td-service-landing-section-heading .td-service-landing-eyebrow { grid-column: 1 / -1; } .td-service-landing-section-heading .td-service-landing-eyebrow { color: #165b39 !important; } .td-service-landing-section-heading h2 { max-width: 16ch; margin: 0; font-size: clamp(2rem, 3.5vw, 3.25rem); line-height: 1.05; letter-spacing: -.035em; text-wrap: balance; } .td-service-landing-section-heading > p:not(.td-service-landing-eyebrow) { max-width: 56ch; margin: 0; color: var(--td-revision-muted); } .td-service-landing-section-heading > a { grid-column: 2; display: inline-flex; align-items: center; gap: .75rem; width: fit-content; min-height: 48px; margin-top: .75rem; color: var(--td-revision-ink); font-weight: 800; text-underline-offset: .22em; } .td-service-landing-proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .td-service-landing-proof__grid figure { margin: 0 !important; overflow: hidden; border-radius: 1rem !important; background: #dceae2; } .td-service-landing-proof__grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .td-service-landing-faq__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; border-top: 1px solid var(--td-revision-line); } .td-service-landing-faq__grid article { padding: 1.5rem 0; border-bottom: 1px solid var(--td-revision-line); } .td-service-landing-faq__grid h3 { margin: 0 0 .625rem; font-size: 1.25rem; line-height: 1.3; } .td-service-landing-faq__grid p { margin: 0; color: var(--td-revision-muted); font-size: 1rem; line-height: 1.65; } .td-service-landing-closing { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; margin-bottom: clamp(4rem, 8vw, 7rem); padding: clamp(1.5rem, 4vw, 3.5rem); color: #effaf4; background: #03150d; border-radius: 1.5rem; } .td-service-landing-closing .td-service-landing-actions { justify-content: flex-end; } @media (max-width: 1000px) { body:not(.tdscreen-homepage) main .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); } .td-service-page__hero-grid { grid-template-columns: minmax(0, 1fr); } .td-footer-grid { grid-template-columns: minmax(0, 1fr); } .td-owner-editorial__hero { grid-template-columns: minmax(0, 1fr); } .td-owner-service-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .td-service-landing-intro, .td-service-landing-closing { grid-template-columns: minmax(0, 1fr); } .td-service-landing-closing .td-service-landing-actions { justify-content: flex-start; } .td-ads-signature-hero { grid-template-columns: minmax(0, 1fr); } .td-ads-signature-hero { grid-template-areas: "conversion" "visual" "details"; } .td-ads-signature-hero .td-signature-patio, .td-owner-editorial__hero .td-signature-patio { width: min(100%, 42rem); justify-self: center; } } @media (max-width: 600px) { body:not(.tdscreen-homepage) main .wp-block-post-template { grid-template-columns: minmax(0, 1fr); } .td-owner-editorial ul:has(> li > a[href*="/areas-we-serve/"]) { grid-template-columns: minmax(0, 1fr); } .td-owner-service-directory__grid { grid-template-columns: minmax(0, 1fr); } .td-footer-nav { grid-template-columns: minmax(0, 1fr); } .td-footer-actions { display: grid; grid-template-columns: minmax(0, 1fr); } .td-footer-call, .td-footer-estimate { width: 100%; box-sizing: border-box; } body:not(.tdscreen-homepage) main .wp-block-buttons > .wp-block-button { flex: 1 1 100%; } body:not(.tdscreen-homepage) main .wp-block-button__link { width: 100%; box-sizing: border-box; } .td-owner-editorial { padding-inline: 1rem !important; } .td-owner-editorial__hero { margin-bottom: 1.75rem; } .td-owner-service-categories { gap: .625rem; margin-block: 1.25rem 2.25rem; } .td-owner-service-categories a { min-height: 44px; padding: .45rem .875rem; font-size: .9375rem; } .td-owner-service-group { margin-block: 2.5rem; } .td-service-landing-intro { padding: 1.25rem; border-radius: 1.25rem; } .td-service-landing-intro__copy h2, .td-service-landing-closing h2 { font-size: clamp(1.875rem, 9vw, 2.5rem); } .td-service-landing-actions { display: grid; grid-template-columns: minmax(0, 1fr); } .td-service-landing-actions a { width: 100%; box-sizing: border-box; } .td-service-landing-section-heading, .td-service-landing-proof__grid, .td-service-landing-faq__grid { grid-template-columns: minmax(0, 1fr); } .td-service-landing-section-heading { align-items: start; gap: 1rem; } .td-service-landing-section-heading > a { grid-column: 1; margin-top: 0; } .td-service-landing-proof__grid { gap: .75rem; } .td-service-landing-proof__grid figure:nth-child(n+3) { display: none; } .td-service-landing-closing { padding: 1.5rem; border-radius: 1.25rem; } } @media (max-width: 767px) { .td-service-landing-patio.td-visual-stage--photo { min-height: clamp(24.5rem, 102vw, 29rem); } .td-service-landing-patio .td-hero-project-photo, .td-service-landing-patio .td-logo-patio-frame { inset: auto .35rem 1.35rem .35rem; aspect-ratio: 4 / 3; } .td-service-landing-patio .td-hero-project-photo img { object-position: 49% 52%; } .td-service-landing-patio.td-visual-stage--photo::before { inset: 4% .35rem 0; } .td-service-landing-patio .td-patio-outer-frame { stroke-width: 8; } .td-service-landing-patio .td-photo-badge { top: 2.8rem; right: 1rem; } .td-service-landing-patio .td-hero-media-controls { right: 1rem; bottom: 1.75rem; } .td-service-landing-patio-note { margin-inline: .35rem; } .td-signature-patio { padding: .5rem .5rem .9rem; border-radius: 1.2rem; } .td-signature-patio-frame.td-visual-stage--photo, .td-ads-signature-hero .td-signature-patio-frame.td-visual-stage--photo { min-height: 0; } .td-signature-patio-frame .td-hero-project-photo, .td-signature-patio-frame .td-logo-patio-frame { inset: auto .35rem 1.1rem .35rem; aspect-ratio: 4 / 3; } .td-signature-patio-frame.td-visual-stage--photo::before { inset: 4% .35rem 0; } .td-signature-patio-frame .td-patio-outer-frame { stroke-width: 8; } .td-signature-patio-frame .td-photo-badge { top: .75rem; right: .8rem; } .td-signature-patio-note { margin-inline: .35rem; padding-top: .85rem; } .td-ads-signature-hero { gap: 1.25rem; padding: 1.25rem; border-radius: 1.25rem; } .td-ads-signature-hero__conversion .wp-block-buttons, .td-ads-signature-hero__conversion .wp-block-button, .td-ads-signature-hero__conversion .wp-block-button__link { width: 100%; } body.tdscreen-homepage .td-signature-home-note { margin-inline: .35rem; } body.tdscreen-homepage .td-hero-proof-deck { margin-top: .75rem; } } @media (min-width: 768px) { body.tdscreen-homepage .td-logo-patio-frame .td-patio-outer-frame, .td-service-landing-patio .td-patio-outer-frame, .td-signature-patio-frame .td-patio-outer-frame { stroke-width: 16; shape-rendering: geometricPrecision; filter: drop-shadow(0 1px 0 rgb(255 255 255 / 48%)) drop-shadow(0 5px 6px rgb(0 17 10 / 48%)); } } .td-dark-feature__grid { column-gap: clamp(3rem, 7vw, 7rem); row-gap: 1.25rem; } .td-process-actions { grid-column: 2; display: flex; align-items: center; } .td-process-estimate { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: .85rem 1.5rem; color: #071d0f; background: #98f064; border: 1px solid rgb(221 255 198 / 76%); border-radius: 999px; box-shadow: 0 14px 34px rgb(115 221 68 / 20%), inset 0 1px rgb(255 255 255 / 72%); font-size: 1rem; font-weight: 850; line-height: 1.2; text-decoration: none; } .td-process-estimate:hover { color: #071d0f; background: #a7f878; } .td-process-estimate:focus-visible { outline: 3px solid #c8ff9f; outline-offset: 4px; } @media (min-width: 901px) { body.tdscreen-homepage .td-projects--spatial { display: grid; grid-template-columns: minmax(20rem, .72fr) minmax(36rem, 1.28fr); column-gap: clamp(2.5rem, 5vw, 5.5rem); align-items: start; padding-inline: max(2rem, calc((100vw - 84rem) / 2)); } body.tdscreen-homepage .td-projects--spatial > .alignwide { width: auto; max-width: none; margin-inline: 0; } body.tdscreen-homepage .td-projects--spatial .td-section-heading { display: block; align-self: start; padding: clamp(3rem, 5vw, 5rem) 0 0; } body.tdscreen-homepage .td-projects--spatial .td-section-heading h2 { max-width: 10ch; } body.tdscreen-homepage .td-projects--spatial .td-section-heading > .td-lead { max-width: 34rem; margin: 1.75rem 0 0; font-size: clamp(1.125rem, 1.45vw, 1.35rem); line-height: 1.65; } body.tdscreen-homepage .td-projects--spatial .td-project-carousel { width: 100%; margin: 0; padding-top: 0; } body.tdscreen-homepage .td-projects--spatial .td-project-carousel__scene { aspect-ratio: 16 / 11; } } @media (max-width: 900px) { .td-process-actions { grid-column: 1; } .td-projects--spatial .td-section-heading > .td-lead { max-width: 38rem; } } @media (max-width: 767px) { .td-process-actions, .td-process-estimate { width: 100%; box-sizing: border-box; } } @media (prefers-reduced-motion: reduce) { .td-service-landing-patio .td-logo-patio-frame { transform: none; transition: none; } .td-service-landing-patio .td-hero-project-photo[data-hero-slide] { transition: none; } } @media (min-width: 901px) { body.tdscreen-homepage .td-home-hero { min-height: min(49rem, calc(100dvh - 8rem)); } body.tdscreen-homepage .td-home-hero__grid::before { top: clamp(1.25rem, 2.8vh, 2rem); } body.tdscreen-homepage .td-home-hero__grid > .wp-block-column:first-child { padding-top: clamp(3.25rem, 5.5vh, 4.5rem); padding-bottom: clamp(2rem, 3.5vh, 3rem); } body.tdscreen-homepage .td-home-hero__grid > .wp-block-column:last-child { align-self: center; } body.tdscreen-homepage .td-specialties { padding-block: clamp(3.75rem, 5vw, 5.5rem); } body.tdscreen-homepage .td-specialties .td-section-heading { align-items: start; } body.tdscreen-homepage .td-specialties .td-section-heading h2 { max-width: 12ch; font-size: clamp(2.8rem, 4.15vw, 4.5rem) !important; } body.tdscreen-homepage .td-specialty-grid { margin-top: clamp(1.25rem, 2.5vw, 2rem); } body.tdscreen-homepage .td-projects--spatial { padding-block: clamp(4rem, 6vw, 6rem); } } body.tdscreen-homepage .td-service-grid--featured.td-service-grid--four { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: clamp(1rem, 2vw, 1.5rem); } body.tdscreen-homepage .td-primary-service-card { display: grid; grid-template-rows: auto 1fr; min-width: 0; min-height: 0; padding: 0 !important; overflow: hidden; color: #f2fbf5; background: #06291c !important; border: 1px solid rgb(158 238 181 / 16%); border-radius: 1.35rem !important; box-shadow: 0 22px 54px rgb(4 35 21 / 13%); } body.tdscreen-homepage .td-primary-service-card__media { margin: 0; overflow: hidden; background: #0b3a29; } body.tdscreen-homepage .td-primary-service-card__media img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center; transition: transform 420ms cubic-bezier(.2,.8,.2,1); } body.tdscreen-homepage .td-primary-service-card:hover .td-primary-service-card__media img { transform: scale(1.025); } body.tdscreen-homepage .td-primary-service-card__copy { display: flex; flex-direction: column; gap: .8rem; padding: clamp(1.35rem, 2.5vw, 2rem); } body.tdscreen-homepage .td-primary-service-card__copy .td-service-card__number { align-self: start; color: #a4ecb9; } body.tdscreen-homepage .td-primary-service-card h3 { margin: 0; color: #fff; font-size: clamp(1.65rem, 2.3vw, 2.5rem); line-height: 1; letter-spacing: -.04em; } body.tdscreen-homepage .td-primary-service-card__copy > p:not(.td-primary-service-card__link) { max-width: 48ch; margin: 0; color: #c8ddd0; font-size: 1rem; line-height: 1.6; } body.tdscreen-homepage .td-primary-service-card__link { margin: .35rem 0 0; } body.tdscreen-homepage .td-primary-service-card__link a { display: inline-flex; gap: .55rem; align-items: center; min-height: 44px; color: #9bf06a; font-weight: 800; text-underline-offset: .25em; } @media (min-width: 768px) { body.tdscreen-homepage .td-logo-patio-frame .td-patio-outer-frame, .td-service-landing-patio .td-patio-outer-frame, .td-signature-patio-frame .td-patio-outer-frame { stroke-width: 18; filter: drop-shadow(0 1px 0 rgb(255 255 255 / 62%)) drop-shadow(0 5px 7px rgb(0 17 10 / 52%)); } } .page-id-8573 .td-owner-editorial__hero { display: none !important; } .page-id-8573 main, .page-id-8573 .td-owner-editorial, .page-id-8573 .td-owner-editorial > .wp-block-post-content { max-width: none !important; width: 100%; margin: 0; padding: 0 !important; background: transparent; border: 0; border-radius: 0; } .page-id-8573 .td-mobile-cta { display: none !important; } .td-estimate-page { max-width: none !important; width: 100% !important; color: #effaf4; background: #04170f; } .td-estimate-page .alignwide { width: min(calc(100% - 2rem), 80rem); margin-inline: auto; } .td-estimate-hero { position: relative; overflow: hidden; padding: clamp(2.5rem, 5vw, 5rem) 0 clamp(3rem, 6vw, 5.5rem); background: radial-gradient(circle at 12% 10%, rgb(73 193 111 / 20%), transparent 28rem), radial-gradient(circle at 92% 82%, rgb(58 201 225 / 12%), transparent 26rem), #04170f; } .td-estimate-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .12; background-image: linear-gradient(rgb(255 255 255 / 18%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 18%) 1px, transparent 1px); background-size: 4.5rem 4.5rem; mask-image: linear-gradient(90deg, black, transparent 80%); } .td-estimate-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .92fr) minmax(31rem, 1.08fr); grid-template-areas: "intro form" "visual form"; gap: 1.5rem clamp(2rem, 5vw, 5rem); align-items: start; } .td-estimate-intro { grid-area: intro; padding-top: 1rem; } .td-estimate-form-shell { grid-area: form; } .td-estimate-visual { grid-area: visual; } .td-estimate-eyebrow, .td-estimate-form-shell__label { margin: 0 0 1rem; color: #9bf06a; font-size: .76rem; font-weight: 850; letter-spacing: .14em; line-height: 1.35; text-transform: uppercase; } .td-estimate-intro h1 { max-width: 10ch; margin: 0; color: white; font-size: clamp(3.1rem, 5.4vw, 5.8rem); line-height: .92; letter-spacing: -.06em; text-wrap: balance; } .td-estimate-lead { max-width: 46ch; margin: 1.5rem 0 0; color: #c4d8ca; font-size: clamp(1.05rem, 1.5vw, 1.22rem); line-height: 1.65; } .td-estimate-trust { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1.5rem 0 0; padding: 0; list-style: none; } .td-estimate-trust li { padding: .6rem .8rem; color: #e9f7ed; background: rgb(255 255 255 / 7%); border: 1px solid rgb(255 255 255 / 15%); border-radius: 999px; font-size: .82rem; font-weight: 700; line-height: 1.2; } .td-estimate-form-shell { padding: clamp(1.1rem, 2.5vw, 1.8rem); color: #102219; background: #fff; border: 1px solid rgb(255 255 255 / 70%); border-radius: 1.35rem; box-shadow: 0 30px 90px rgb(0 0 0 / 32%); } .td-estimate-form-shell__label { color: #176b38; margin-bottom: .65rem; } .td-estimate-form-shell .tdscreen-fixture-form { max-width: none; margin: 0; padding: 0; font-size: .92rem; background: transparent; border: 0; box-shadow: none; } .td-estimate-form-shell .tdscreen-fixture-form__notice { margin: 0 0 1rem; padding: .65rem .8rem; color: #365747; background: #edf7f0; border-color: #bfd8c6; font-size: .78rem; } .td-estimate-form-shell .tdscreen-fixture-form__form legend { font-size: clamp(1.45rem, 2.25vw, 1.85rem); line-height: 1.1; } .td-estimate-form-shell .tdscreen-fixture-form__form fieldset { padding: 1rem; } .td-estimate-form-shell .tdscreen-fixture-form__instructions { margin-bottom: .75rem; line-height: 1.45; } .td-estimate-form-shell .tdscreen-fixture-form__grid { gap: .85rem; } .td-estimate-form-shell .tdscreen-fixture-form__field input, .td-estimate-form-shell .tdscreen-fixture-form__field textarea { min-height: 50px; } .td-estimate-form-shell .tdscreen-fixture-form__field textarea { min-height: 76px; } .td-estimate-form-shell .tdscreen-fixture-form__security { min-height: 3.75rem; margin: .8rem 0; padding: .65rem .8rem; font-size: .76rem; } .td-estimate-form-shell .tdscreen-fixture-form__actions { margin-top: .75rem; } .td-estimate-form-shell .tdscreen-fixture-form__submit { min-height: 52px; color: #071d0f; background: linear-gradient(135deg, #adfa7f, #8bea59); font-weight: 900; } .td-estimate-form-shell :is(input, textarea, button, a) { scroll-margin-bottom: 7rem; } .td-estimate-privacy { margin: .9rem 0 0; color: #587064; font-size: .78rem; line-height: 1.45; } .td-estimate-visual { position: relative; margin: 0; overflow: hidden; border: 1px solid rgb(255 255 255 / 16%); border-radius: 1.2rem; } .td-estimate-visual img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .td-estimate-visual figcaption { position: absolute; left: .75rem; bottom: .75rem; padding: .45rem .65rem; color: #fff; background: rgb(2 20 12 / 76%); border: 1px solid rgb(255 255 255 / 18%); border-radius: 999px; font-size: .7rem; font-weight: 750; } .td-estimate-next, .td-estimate-proof, .td-estimate-faq { padding-block: clamp(3.5rem, 7vw, 6rem); } .td-estimate-next, .td-estimate-proof { display: grid; grid-template-columns: minmax(16rem, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 5vw, 5rem); } .td-estimate-next h2, .td-estimate-proof h2, .td-estimate-faq h2 { max-width: 12ch; margin: 0; color: #fff; font-size: clamp(2.4rem, 4.5vw, 4.6rem); line-height: .95; letter-spacing: -.05em; } .td-estimate-next ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgb(255 255 255 / 18%); } .td-estimate-next li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: .25rem 1rem; padding: 1.3rem 0; border-bottom: 1px solid rgb(255 255 255 / 18%); } .td-estimate-next li span { grid-row: 1 / span 2; color: #9bf06a; font-weight: 850; } .td-estimate-next li strong { color: white; font-size: 1.15rem; } .td-estimate-next li p { margin: 0; color: #bcd0c3; } .td-estimate-proof { width: min(calc(100% - 2rem), 80rem) !important; padding-inline: clamp(1.25rem, 4vw, 3rem); background: #0a2b1d; border: 1px solid rgb(255 255 255 / 12%); border-radius: 1.5rem; } .td-estimate-rating { display: grid; width: fit-content; margin-top: 1.5rem; color: #ffe46a; } .td-estimate-rating strong { color: white; font-size: 3.25rem; line-height: 1; } .td-estimate-rating small { margin-top: .35rem; color: #afc9b8; } .td-estimate-quotes { display: grid; gap: 1rem; } .td-estimate-quotes blockquote { margin: 0; padding: 1.4rem; color: #effaf4; background: rgb(255 255 255 / 6%); border: 1px solid rgb(255 255 255 / 12%); border-radius: 1rem; font-size: 1.08rem; line-height: 1.6; } .td-estimate-quotes cite { display: block; margin-top: .8rem; color: #9bf06a; font-size: .8rem; font-style: normal; font-weight: 750; } .td-estimate-faq { display: grid; grid-template-columns: minmax(16rem, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 5vw, 5rem); } .td-estimate-faq > div:first-child > p:last-child { color: #c1d5c7; } .td-estimate-faq a { color: #9bf06a; font-weight: 800; } .td-estimate-faq details { padding: 1.2rem 0; border-top: 1px solid rgb(255 255 255 / 18%); } .td-estimate-faq details:last-child { border-bottom: 1px solid rgb(255 255 255 / 18%); } .td-estimate-faq summary { min-height: 44px; color: white; font-weight: 800; cursor: pointer; } .td-estimate-faq summary:focus-visible { outline: 3px solid #9bf06a; outline-offset: 4px; } .td-estimate-faq details p { color: #bcd0c3; } @media (max-width: 900px) { body.tdscreen-homepage .td-service-grid--featured.td-service-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .td-estimate-hero__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "form" "visual"; } .td-estimate-intro h1 { max-width: 12ch; } .td-estimate-visual { margin-top: .5rem; } .td-estimate-next, .td-estimate-proof, .td-estimate-faq { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 600px) { body.tdscreen-homepage .td-service-grid--featured.td-service-grid--four { grid-template-columns: minmax(0, 1fr) !important; gap: 1rem; } body.tdscreen-homepage .td-primary-service-card__copy { padding: 1.2rem; } body.tdscreen-homepage .td-primary-service-card h3 { font-size: clamp(1.55rem, 7.2vw, 2rem); } .td-estimate-page .alignwide { width: min(calc(100% - 1.25rem), 80rem); } .td-estimate-hero { padding-top: 1.5rem; } .td-estimate-hero__grid { gap: 1rem; } .td-estimate-intro { padding-top: 0; } .td-estimate-intro h1 { font-size: clamp(2.75rem, 13vw, 3.7rem); } .td-estimate-lead { margin-top: 1rem; font-size: 1rem; } .td-estimate-trust { gap: .45rem; margin-top: 1rem; } .td-estimate-trust li { padding: .5rem .65rem; font-size: .74rem; } .td-estimate-form-shell { padding: 1rem; border-radius: 1rem; } .td-estimate-form-shell__label { display: none; } .td-estimate-form-shell .tdscreen-fixture-form__notice { margin-bottom: .65rem; padding: .5rem .65rem; font-size: .72rem; line-height: 1.35; } .td-estimate-form-shell .tdscreen-fixture-form__form fieldset { padding: .8rem; } .td-estimate-form-shell .tdscreen-fixture-form__form legend { font-size: 1.45rem; } .td-estimate-form-shell .tdscreen-fixture-form__instructions { margin-bottom: .65rem; font-size: .86rem; line-height: 1.4; } .td-estimate-form-shell .tdscreen-fixture-form__grid { gap: .65rem; } .td-estimate-form-shell .tdscreen-fixture-form__field label { margin-bottom: .2rem; font-size: .86rem; } .td-estimate-form-shell .tdscreen-fixture-form__field input { min-height: 46px; padding: .6rem; } .td-estimate-form-shell .tdscreen-fixture-form__field textarea { min-height: 72px; padding: .6rem; } .td-estimate-form-shell .tdscreen-fixture-form__grid { grid-template-columns: minmax(0, 1fr); } .td-estimate-form-shell .tdscreen-fixture-form__actions { display: grid; grid-template-columns: minmax(0, 1fr); } .td-estimate-form-shell .tdscreen-fixture-form__submit, .td-estimate-form-shell .tdscreen-fixture-form__actions a { width: 100%; } .td-estimate-visual { margin-top: 0; } .td-estimate-next, .td-estimate-proof, .td-estimate-faq { padding-block: 3.25rem; } .td-estimate-next h2, .td-estimate-proof h2, .td-estimate-faq h2 { font-size: clamp(2.3rem, 11vw, 3.2rem); } .td-estimate-proof { width: min(calc(100% - 1.25rem), 80rem) !important; padding-inline: 1rem; } } @media (prefers-reduced-motion: reduce) { body.tdscreen-homepage .td-primary-service-card__media img { transition: none; } body.tdscreen-homepage .td-primary-service-card:hover .td-primary-service-card__media img { transform: none; } } body:not(.tdscreen-homepage) main .wp-block-query > .wp-block-post-template { width: 100%; max-width: none !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); align-items: stretch; } body.tdscreen-homepage .td-home-hero--owner { min-height: 0; padding-block: 0 !important; } body.tdscreen-homepage .td-home-hero--owner .td-home-hero__grid { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); grid-template-areas: "intro visual" "detail visual" "benefits benefits"; gap: 1.5rem clamp(2rem, 3.5vw, 3.5rem); align-items: start; padding-block: 3.25rem 2.5rem; } .td-home-hero--owner .td-home-hero__grid::before { display: none; } .td-home-hero--owner .td-home-hero__intro { grid-area: intro; min-width: 0; } .td-home-hero--owner .td-home-hero__detail { grid-area: detail; min-width: 0; } body.tdscreen-homepage .td-home-hero--owner #td-home-title { max-width: none; margin: 1rem 0 1.25rem; font-size: clamp(3.5rem, 5vw, 5rem) !important; line-height: .98; letter-spacing: -.055em; text-wrap: balance; } .td-home-hero--owner .td-pill { margin: 0; } body.tdscreen-homepage .td-home-hero--owner .td-home-hero__visual { grid-area: visual; min-width: 0; width: 100%; padding: 0; margin: 0; align-self: start; } body.tdscreen-homepage .td-home-hero--owner .td-visual-stage--photo { min-height: 0; height: auto; max-width: none; width: 100%; aspect-ratio: 4 / 3; margin: 0; padding: 0; } .td-home-hero--owner .td-visual-stage--photo::before { inset: 0; } body.tdscreen-homepage .td-home-hero--owner .td-hero-project-photo, body.tdscreen-homepage .td-home-hero--owner .td-logo-patio-frame { inset: 0; width: 100%; height: 100%; margin: 0; aspect-ratio: 4 / 3; } .td-home-hero--owner .td-hero-project-photo img { width: 100%; height: 100%; object-fit: cover; } .td-home-hero--owner .td-home-photo-meta { display: flex; align-items: center; justify-content: space-between; gap: .4rem; margin: .5rem .3rem 0; } body.tdscreen-homepage .td-home-hero--owner .td-photo-badge { position: static; width: auto; max-width: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none; transform: none; color: #bdd8c9; font-size: .75rem; line-height: 1.4; } .td-hero-step-controls { display: inline-flex; align-items: center; flex: 0 0 auto; gap: .15rem; color: #d5e9df; } .td-hero-step-controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: .5rem; color: #a0f16a; background: transparent; font: inherit; font-size: 1.9rem; cursor: pointer; } .td-hero-step-controls button:hover { background: rgb(255 255 255 / 7%); } .td-hero-step-controls [data-hero-counter] { font-size: .75rem; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } .td-hero-step-controls button:focus-visible { outline: 2px solid #9bf06a; outline-offset: 1px; } body.tdscreen-homepage .td-home-hero--owner .td-signature-home-note { margin: .6rem 0 0; padding: .9rem 0 0; border: 0; border-top: 1px solid rgb(175 224 195 / 20%); border-radius: 0; background: none; box-shadow: none; } .td-home-hero--owner .td-signature-home-note > p { margin: .25rem 0; font-size: .9rem; line-height: 1.5; } .td-home-hero--owner .td-signature-home-note .td-signature-home-note__label { font-size: .65rem; } .td-home-hero--owner .td-signature-home-note .td-signature-home-note__meta { font-size: .75rem; } body.tdscreen-homepage .td-home-hero--owner .td-google-proof--hero { display: inline-flex; width: auto; min-height: 44px; margin: 0; padding: .3rem 0; gap: .7rem; border: 0; background: none; box-shadow: none; border-radius: .25rem; } .td-home-hero--owner .td-google-proof__copy { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; } .td-home-hero--owner .td-google-proof__copy strong, .td-home-hero--owner .td-google-proof__copy > span { font-size: .9rem; color: #f1faf5; } .td-home-hero--owner .td-review-card__stars { font-size: .75rem; letter-spacing: .03em; } .td-home-hero--owner .td-google-proof__arrow { font-size: .9rem; } .td-home-hero--owner .td-home-hero__lead { max-width: 54ch; margin: 0; font-size: 1.05rem; line-height: 1.65; } .td-home-hero--owner .td-cta-support { margin-block: .9rem; font-size: .9rem; line-height: 1.5; } .td-home-hero--owner .td-hero-actions { margin-top: 1rem; } .td-home-benefits { grid-area: benefits; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: .5rem; } .td-home-benefits > div { position: relative; padding: 1rem 1rem 1rem 2.5rem; border: 1px solid rgb(169 221 187 / 17%); border-radius: .85rem; background: rgb(255 255 255 / 3%); } .td-home-benefits > div::before { content: "✓"; position: absolute; left: 1rem; top: 1rem; color: #9bf06a; } .td-home-benefits strong { color: #f2faf5; font-size: .95rem; } .td-home-benefits p { margin: .3rem 0 0; color: #bed8c9; font-size: .875rem; line-height: 1.5; } body.tdscreen-homepage .td-region-strip { padding-block: 1rem; } body.tdscreen-homepage .td-region-strip p { margin: 0; } body.tdscreen-homepage .td-region-strip p > a::before { content: "✓"; width: 1rem; height: auto; background: none; border: 0; border-radius: 0; box-shadow: none; color: #9bf06a; font-size: .9rem; } body.tdscreen-homepage .td-primary-service-card__media img { aspect-ratio: 16 / 9; height: auto; } body.tdscreen-homepage #services .td-primary-service-card { display: grid; grid-template-rows: auto minmax(0, 1fr); justify-content: normal; align-content: stretch; } body.tdscreen-homepage #services .td-primary-service-card::before, body.tdscreen-homepage #services .td-primary-service-card::after { display: none; } body.tdscreen-homepage .td-primary-service-card__copy { gap: .65rem; } body.tdscreen-homepage .td-primary-service-card__link { margin-top: auto; } body.tdscreen-homepage #services .td-service-grid--compact .td-service-card--compact { grid-template-rows: auto auto 1fr auto; gap: .85rem; } body.tdscreen-homepage #services .td-service-card--compact .td-secondary-description { margin: 0; color: #425b4d; font-size: 1rem; line-height: 1.55; } body.tdscreen-homepage #services .td-service-card--compact h3 { margin: 0; } body.tdscreen-homepage #services .td-compact-links { margin-top: .1rem; } body.tdscreen-homepage .td-dark-feature .td-lead { font-size: 1.1rem; line-height: 1.65; } body.tdscreen-homepage .td-specialties { padding-block: 3.5rem; } body.tdscreen-homepage .td-specialties .td-section-heading { width: 100%; max-width: none; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 2.5rem; align-items: end; margin-bottom: 1.75rem; } body.tdscreen-homepage .td-specialties .td-section-heading h2 { max-width: 16ch; margin-bottom: 0; font-size: clamp(2.5rem, 3.8vw, 3.75rem) !important; line-height: 1.02; } body.tdscreen-homepage .td-specialties .td-section-heading > .td-lead { max-width: 43ch; margin: 0; font-size: 1.125rem; line-height: 1.65; } body.tdscreen-homepage .td-specialty-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; gap: 1rem; } body.tdscreen-homepage .td-specialty-card--pair { display: contents; } body.tdscreen-homepage .td-specialty-grid > a, body.tdscreen-homepage .td-specialty-card--pair > a { min-height: 0; padding: 1.5rem; } body.tdscreen-homepage .td-specialty-grid > a h3 { margin-top: 1rem; } body.tdscreen-homepage .td-specialty-grid .td-specialty-card p { font-size: .95rem; line-height: 1.6; } body.tdscreen-homepage .td-specialties .td-text-link { margin-top: 1.25rem; } @media (min-width: 901px) { body.tdscreen-homepage .td-projects--spatial { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(2rem, 4vw, 4rem); padding-block: 3.5rem; } body.tdscreen-homepage .td-projects--spatial .td-section-heading { padding-top: 0; } body.tdscreen-homepage .td-projects--spatial .td-section-heading h2 { max-width: 13ch; font-size: clamp(2.8rem, 4.3vw, 4rem); line-height: 1.02; } body.tdscreen-homepage .td-projects--spatial .td-section-heading > .td-lead { max-width: 39ch; margin-top: 1.2rem; font-size: 1.1rem; line-height: 1.6; } body.tdscreen-homepage .td-projects--spatial .td-project-carousel { padding-top: 0; } body.tdscreen-homepage .td-projects--spatial .td-project-carousel__scene { aspect-ratio: 4 / 3; } body.tdscreen-homepage .td-projects--spatial .td-project-slide__overlay { padding: 1.75rem; } body.tdscreen-homepage .td-projects--spatial .td-project-slide__overlay h3 { max-width: 27ch; font-size: clamp(1.5rem, 2.3vw, 2rem); line-height: 1.12; } body.tdscreen-homepage .td-projects--spatial .td-project-slide__overlay p { font-size: .9rem; } } .td-menu-number, .td-menu-subtitle, .td-menu-arrow, .td-menu-trust { display: none; } @media (max-width: 1100px) { body.tdscreen-homepage .td-home-hero--owner .td-home-hero__grid { grid-template-columns: 1fr; grid-template-areas: "intro" "visual" "detail" "benefits"; padding-block: 2rem; gap: 1.5rem; } body.tdscreen-homepage .td-home-hero--owner #td-home-title { font-size: clamp(2.5rem, 5.5vw, 3.5rem) !important; max-width: 22ch; } body.tdscreen-homepage .td-home-hero--owner .td-home-hero__visual { max-width: 52rem; justify-self: center; } .td-home-hero--owner .td-home-hero__lead { max-width: 65ch; } .td-home-benefits { gap: .65rem; } } @media (max-width: 900px) { .has-td-menu-open .td-site-header > .alignwide { contain: none !important; } body.tdscreen-homepage .td-projects--spatial .td-section-heading { width: 100%; max-width: none; display: block; padding-top: 0; } body.tdscreen-homepage .td-projects--spatial .td-section-heading h2 { max-width: 20ch; font-size: clamp(2.4rem, 5vw, 3rem) !important; line-height: 1.05; } body.tdscreen-homepage .td-projects--spatial .td-section-heading > .td-lead { max-width: 55ch; font-size: 1.05rem; line-height: 1.6; margin-top: 1.25rem; } .td-primary-nav__panel.is-menu-open { padding: 0 !important; } .td-primary-nav__panel.is-menu-open .td-primary-nav__dialog { display: flex; flex-direction: column; min-height: 0; height: calc(100dvh - 5.5rem); overflow-y: auto; padding: 5rem 1.5rem 1.25rem; box-sizing: border-box; } .td-primary-nav__panel.is-menu-open .td-primary-nav__close { position: fixed; top: 1.2rem; right: 1.4rem; } .td-primary-nav__panel.is-menu-open .td-primary-nav__list { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; margin: 0; } .td-primary-nav__list .wp-block-navigation-item { width: 100%; } .td-primary-nav__list a.wp-block-navigation-item__content { display: grid; grid-template-columns: 1.5rem minmax(0,1fr) 1rem; width: 100%; gap: .65rem; padding: 1.1rem 0; border-bottom: 1px solid rgb(179 224 195 / 20%); color: #f2faf5; text-decoration: none !important; line-height: 1.1; box-sizing: border-box; } .td-primary-nav__list a.wp-block-navigation-item__content::after { display: none !important; } .td-menu-number { display: block; padding-top: .3rem; color: #a1ed75; font-size: .7rem; font-weight: 700; } .td-menu-copy { display: block; } .td-menu-title { display: block; font-size: clamp(1.5rem, 6.2vw, 2rem); font-weight: 750; letter-spacing: -.025em; } .td-menu-subtitle { display: block; margin-top: .45rem; color: #bcd5c7; font-size: .8rem; font-weight: 400; line-height: 1.4; } .td-menu-arrow { display: block; align-self: center; color: #9bf06a; font-size: 1rem; } .td-primary-nav__list a.wp-block-navigation-item__content:focus-visible { outline: 2px solid #9bf06a; outline-offset: 3px; border-radius: .25rem; } .td-menu-trust { display: block; margin: auto 0 0; padding-top: 1.5rem; color: #c3dfcc; font-size: .8rem; text-align: center; } .has-td-menu-open .td-utility-bar { visibility: hidden; } .td-primary-nav__panel > .td-mobile-cta { display: grid !important; grid-template-columns: 1fr 1.08fr; gap: .45rem; position: fixed; top: auto; bottom: .65rem; left: .65rem; right: .65rem; width: auto; padding: .45rem; border-radius: 1.15rem; border: 1px solid rgb(255 255 255 / 14%); background: rgb(3 24 12 / 96%); z-index: 2; } .td-primary-nav__panel > .td-mobile-cta a { display: flex; justify-content: center; align-items: center; gap: .4rem; min-height: 3.35rem; border-radius: .8rem; text-decoration: none; font-size: .88rem; font-weight: 850; } } @media (max-width: 767px) { body.tdscreen-homepage .td-home-hero--owner .td-home-hero__grid { padding-block: 1.5rem; gap: 1.15rem; } body.tdscreen-homepage .td-home-hero--owner #td-home-title { font-size: clamp(1.85rem, 8.2vw, 2.8rem) !important; line-height: 1.05; margin: .8rem 0 .65rem; max-width: none; } .td-home-hero--owner .td-pill { padding: .25rem 0; font-size: .625rem; letter-spacing: .075em; } .td-home-hero--owner #td-home-title::after { width: 3.5rem; height: 3px; margin-top: 1rem; } .td-home-hero--owner .td-google-proof--hero { gap: .5rem; } .td-home-hero--owner .td-google-proof__copy strong, .td-home-hero--owner .td-google-proof__copy > span { font-size: .8rem; } .td-home-hero--owner .td-review-card__stars { font-size: .65rem; } .td-home-hero--owner .td-home-hero__lead { font-size: 1rem; line-height: 1.6; } .td-home-hero--owner .td-home-photo-meta { margin-inline: 0; } body.tdscreen-homepage .td-home-hero--owner .td-photo-badge { font-size: .65rem; } .td-hero-step-controls { gap: 0; } .td-home-benefits { grid-template-columns: 1fr; gap: .6rem; margin: 0; } .td-home-benefits > div { padding-block: .85rem; } body.tdscreen-homepage .td-region-strip > .alignwide { display: grid; grid-template-columns: 1fr; gap: .15rem; } body.tdscreen-homepage .td-region-strip p { display: flex; align-items: center; gap: .65rem; } body.tdscreen-homepage .td-region-strip p a { display: inline-flex; min-height: 40px; align-items: center; } body.tdscreen-homepage .td-primary-service-card__copy { padding: 1.25rem; gap: .65rem; } body.tdscreen-homepage .td-primary-service-card h3 { font-size: 1.55rem; line-height: 1.08; } body.tdscreen-homepage .td-primary-service-card__copy > p:not(.td-primary-service-card__link) { font-size: .95rem; line-height: 1.5; } body.tdscreen-homepage #services .td-service-card--compact { color: #c8ddd0; background: #0b3525 !important; border-color: rgb(158 238 181 / 16%); } body.tdscreen-homepage #services .td-service-card--compact h3 a { color: #f3fbf5 !important; } body.tdscreen-homepage #services .td-service-card--compact .td-secondary-description { color: #c8ddd0; font-size: .95rem; } body.tdscreen-homepage #services .td-service-card--compact .td-compact-links a { color: #9bf06a !important; background: transparent !important; border-color: rgb(177 230 191 / 25%); } body.tdscreen-homepage .td-specialties { padding-block: 2.5rem !important; } body.tdscreen-homepage .td-specialties .td-section-heading { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.25rem; } body.tdscreen-homepage .td-specialties .td-section-heading h2 { font-size: 2.25rem !important; } body.tdscreen-homepage .td-specialties .td-section-heading > .td-lead { font-size: 1rem; } body.tdscreen-homepage .td-specialty-grid { grid-template-columns: 1fr; } } @media (min-width: 768px) and (max-width: 1100px) { body.tdscreen-homepage .td-specialty-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .td-home-title-mobile, .td-home-location { display: none; } @media (min-width: 1101px) { body.tdscreen-homepage .td-home-hero--owner .td-visual-stage--photo { transform: none; isolation: isolate; } body.tdscreen-homepage .td-home-hero--owner .td-hero-project-photo { transform: none; z-index: 1; } body.tdscreen-homepage .td-home-hero--owner .td-logo-patio-frame { z-index: 3; pointer-events: none; } } body.tdscreen-homepage .td-home-hero--owner .td-hero-project-photo[data-hero-slide] { transition: opacity 420ms ease-in-out, visibility 0s linear 420ms; } body.tdscreen-homepage .td-home-hero--owner .td-hero-project-photo[data-hero-slide].is-active { transition-delay: 0s; } body.tdscreen-homepage .td-home-hero--owner .td-hero-project-photo[data-hero-slide].is-leaving { content-visibility: visible; visibility: visible; } body.tdscreen-homepage .td-home-hero--owner .td-hero-project-photo img, body.tdscreen-homepage .td-home-hero--owner:hover .td-hero-project-photo img { transform: none; transition: none; } body.tdscreen-homepage #services .td-service-grid--compact .td-service-card--text-only { display: flex; flex-direction: column; align-items: stretch; align-self: start; min-height: 0; } body.tdscreen-homepage #services .td-service-card--text-only .td-compact-links { align-self: flex-start; } body.tdscreen-homepage .td-final-actions > .td-final-call { gap: .8rem; } .td-final-call__icon { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; } .td-final-call__copy { display: grid; gap: .25rem; justify-items: center; text-align: center; } .td-final-call__label { font-size: .7rem; line-height: 1; letter-spacing: .12em; font-weight: 850; } .td-final-call__number { font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.1; font-weight: 900; white-space: nowrap; } @media (min-width: 1101px) { body.tdscreen-homepage .td-home-hero--owner .td-home-hero__grid { padding-top: 2rem; } body.tdscreen-homepage .td-home-hero--owner .td-home-hero__intro { padding-top: 1.25rem; } } @media (max-width: 900px) { body.tdscreen-homepage .td-projects--spatial .td-section-heading { width: calc(100% - 2rem); margin-inline: auto; } body.tdscreen-homepage .td-projects--spatial .td-project-carousel { width: calc(100% - 2rem); margin-inline: auto; padding-inline: 0; } body.tdscreen-homepage .td-projects--spatial .td-project-carousel__scene { width: 100%; margin-inline: 0; } body.tdscreen-homepage .td-projects--spatial .td-project-slide { inset-inline: 0; width: 100%; } body.tdscreen-homepage .td-projects--spatial .td-project-slide__overlay { width: 100%; max-width: 100%; padding: 1.25rem; box-sizing: border-box; } body.tdscreen-homepage .td-projects--spatial .td-project-carousel__controls { width: fit-content; max-width: 100%; margin-inline: auto; } } @media (max-width: 767px) { .td-home-title-desktop { display: none; } .td-home-title-mobile { display: inline; } body.tdscreen-homepage .td-home-hero--owner .td-pill { display: none; } body.tdscreen-homepage .td-home-hero--owner .td-home-hero__grid { padding-top: 1.25rem; gap: .8rem; } body.tdscreen-homepage .td-home-hero--owner #td-home-title { margin: 0 0 .7rem; text-wrap: initial; } body.tdscreen-homepage .td-home-hero--owner #td-home-title::after { display: none; } .td-home-hero--owner .td-home-location { display: block; margin: 0 0 .35rem; color: #bdd8c9; font-size: .9rem; line-height: 1.45; max-width: 32ch; } .td-home-hero--owner .td-home-photo-meta { display: grid; justify-items: center; justify-content: center; gap: 0; margin-top: .6rem; } body.tdscreen-homepage .td-home-hero--owner .td-home-hero__detail { display: flex; flex-direction: column; gap: .65rem; } body.tdscreen-homepage .td-home-hero--owner .td-hero-actions { order: -1; margin: 0 0 .35rem; } body.tdscreen-homepage .td-home-hero--owner .td-cta-support { margin: 0; } } body.tdscreen-homepage main { background: var(--td-color-warm-beige); color: var(--td-on-light); } body.tdscreen-homepage :is(.td-services,.td-trust,.td-reviews) { background: var(--td-color-warm-beige); color: var(--td-on-light); } body.tdscreen-homepage :is(.td-services,.td-trust,.td-reviews) :is(h2,h3,strong,summary) { color: var(--td-on-light); } body.tdscreen-homepage :is(.td-services,.td-trust,.td-reviews) :is(p,blockquote,small) { color: var(--td-on-light-muted); } body.tdscreen-homepage :is(.td-projects--spatial,.td-faq-section) { color: var(--td-on-dark); background: var(--td-color-forest, #0c382b); } body.tdscreen-homepage :is(.td-projects--spatial,.td-faq-section) :is(h2,h3,strong) { color: var(--td-on-dark); } body.tdscreen-homepage :is(.td-projects--spatial,.td-faq-section) :is(.td-eyebrow,.td-lead,p) { color: var(--td-on-dark-muted); } body.tdscreen-homepage :is(.td-projects--spatial,.td-faq-section) .td-eyebrow { color: #a8f7ff; font-weight: 850; } body.tdscreen-homepage .td-projects--spatial .td-project-slide::after { background: linear-gradient( 0deg, rgb(1 13 7 / 96%) 0%, rgb(1 13 7 / 78%) 34%, rgb(1 13 7 / 20%) 70%, transparent 100% ); } body.tdscreen-homepage .td-project-slide__overlay :is(span,h3) { color: var(--td-on-image); text-shadow: 0 2px 16px rgb(0 0 0 / 58%); } body.tdscreen-homepage .td-project-slide__overlay p { color: var(--td-on-image-muted); text-shadow: 0 1px 10px rgb(0 0 0 / 55%); } body.tdscreen-homepage :is(.td-trust-grid article,.td-review-card,.td-faq-stack details) { background: var(--td-color-light-beige); border-color: var(--td-color-warm-line); box-shadow: 0 14px 36px rgb(20 45 37 / 7%); } body.tdscreen-homepage .td-faq-stack summary { min-height: 52px; color: var(--td-on-light); } body.tdscreen-homepage .td-faq-stack details p { color: var(--td-on-light-muted); } body.tdscreen-homepage .td-faq-stack summary:focus-visible { outline: 3px solid var(--td-color-forest-secondary); outline-offset: 4px; } body.tdscreen-homepage .td-reviews__all, body.tdscreen-homepage .td-faq-stack a { color: var(--td-color-forest); } body.tdscreen-homepage .td-google-proof--cta { color: #fff; background: var(--td-color-forest-secondary); border-color: rgb(252 249 243 / 22%); } body.tdscreen-homepage .td-google-proof--cta .td-google-proof__copy :is(strong,span) { color: #fff; } body.tdscreen-homepage .td-region-strip { background: var(--td-color-light-beige); border-color: var(--td-color-warm-line); } body.tdscreen-homepage .td-region-strip :is(p,a) { color: var(--td-on-light)!important; } body.tdscreen-homepage .td-region-strip .td-region-strip__label { color: var(--td-on-light)!important; font-size: .8rem; font-weight: 850!important; letter-spacing: .12em; } body.tdscreen-homepage .td-region-strip p:not(.td-region-strip__label), body.tdscreen-homepage .td-region-strip p:not(.td-region-strip__label) a { font-size: .9rem; font-weight: 800; } body.tdscreen-homepage .td-region-strip p > a::before { color: var(--td-color-forest-secondary)!important; } body.tdscreen-homepage .td-region-strip a:hover { color: var(--td-color-forest)!important; text-decoration-thickness: 2px; text-underline-offset: 4px; } body.tdscreen-homepage .td-projects--spatial :is(.td-carousel-button,[data-carousel-dot]):focus-visible { outline: 3px solid #a8f7ff; outline-offset: 4px; } body.tdscreen-homepage .td-specialties, body.tdscreen-homepage .td-dark-feature, body.tdscreen-homepage .td-final-cta { background-color: var(--td-color-forest); } body.tdscreen-homepage .td-specialties :is(h2,h3), body.tdscreen-homepage .td-dark-feature :is(h2,h3,strong), body.tdscreen-homepage .td-final-cta :is(h2,h3,strong) { color: #fff; } body.tdscreen-homepage .td-specialties :is(p,.td-lead), body.tdscreen-homepage .td-dark-feature :is(p,.td-lead), body.tdscreen-homepage .td-final-cta :is(p,.td-lead) { color: #c8ddd0; } body.tdscreen-homepage .td-specialties .td-specialty-card, body.tdscreen-homepage .td-specialties .td-specialty-card--pair > a { background: var(--td-color-forest-secondary); border-color: rgb(252 249 243 / 18%); } body.page-template-controlled-e-landing main { background: var(--td-color-warm-beige); color: var(--td-color-ink); } body.page-template-controlled-e-landing .td-owner-editorial > .wp-block-post-content { background: transparent; border: 0; } body.page-template-controlled-e-landing :is(.td-owner-service-directory,.td-service-landing-proof,.td-service-landing-faq) { color: var(--td-color-ink); background: var(--td-color-warm-beige); } body.page-template-controlled-e-landing .td-owner-service-tile { background: var(--td-color-light-beige); border-color: var(--td-color-warm-line); box-shadow: 0 14px 36px rgb(20 45 37 / 7%); } body.page-template-controlled-e-landing .td-owner-service-categories a { background: var(--td-color-light-beige); border-color: var(--td-color-warm-line); color: var(--td-color-ink); } body.page-template-controlled-e-landing :is(.td-service-landing-proof,.td-service-landing-faq) { color: var(--td-color-ink); background: var(--td-color-warm-beige); } body.page-template-controlled-e-landing :is(.td-service-landing-proof,.td-service-landing-faq) :is(h2,h3) { color: var(--td-color-ink); } body.page-template-controlled-e-landing :is(.td-service-landing-proof,.td-service-landing-faq) p { color: var(--td-color-muted); } body.page-template-controlled-e-landing .td-service-landing-faq__grid article { background: var(--td-color-light-beige); border-color: var(--td-color-warm-line); padding-inline: 1.5rem; } body.tdscreen-homepage .td-faq-section .td-faq-stack details { background: #fcf9f3; border: 1px solid #c9d9cb; } body.tdscreen-homepage .td-faq-section .td-faq-stack summary { color: #142d25!important; font-size: clamp(1.03rem, 1.1vw, 1.16rem); line-height: 1.5; font-weight: 800; } body.tdscreen-homepage .td-faq-section .td-faq-stack details[open] p { color: #244236!important; font-size: clamp(1rem, 1.04vw, 1.11rem); line-height: 1.72; } body.tdscreen-homepage .td-faq-section .td-faq-stack summary::after { color: #103a2b; background: linear-gradient(135deg, #a4f4a0, #62d9db); } body.tdscreen-homepage #reviews .td-review-card footer strong { color: #142d25!important; font-size: 1rem; } body.tdscreen-homepage #reviews .td-review-card footer small { color: #405b4d!important; font-size: .82rem; } body.tdscreen-homepage #reviews .td-reviews__all { color: #fff!important; font-size: .94rem; min-height: 3.25rem; } body.tdscreen-homepage .td-final-cta__panel .td-final-actions > a { min-height: 4.25rem; padding: .8rem 1.5rem; font-size: 1.05rem; font-weight: 850; line-height: 1.25; border-radius: 999px; transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease; } body.tdscreen-homepage .td-final-cta__panel .td-final-actions > a:hover { transform: translateY(-2px); filter: brightness(1.04); } body.tdscreen-homepage .td-final-cta__panel .td-final-estimate { color: #102c1e!important; background: linear-gradient(135deg, #c1ff90, #98ef66 65%, #84e852)!important; border: 1px solid #d4ffc1; box-shadow: 0 15px 34px rgb(98 195 62 / 26%), inset 0 1px rgb(255 255 255 / 70%); } body.tdscreen-homepage .td-final-cta__panel .td-final-call { color: #073543!important; background: linear-gradient(135deg, #a8f7ff, #42d5ee 65%, #16b4d9)!important; border: 1px solid #d2faff; box-shadow: 0 15px 34px rgb(5 170 207 / 24%), inset 0 1px rgb(255 255 255 / 70%); } body.tdscreen-homepage .td-final-cta__panel .td-final-call :is(svg,span) { color: #073543; } .td-owner-service-tile figure, .td-service-page__proof-image { position: relative; } .td-service-illustration-note { position: absolute; right: .7rem; bottom: .7rem; margin: 0; padding: .4rem .65rem; border-radius: .45rem; color: #fff!important; background: rgb(4 24 17 / 88%); font-size: .75rem; font-weight: 750; line-height: 1.2; } @media (prefers-reduced-motion: reduce) { body.tdscreen-homepage .td-home-hero--owner .td-hero-project-photo[data-hero-slide] { transition: none !important; } body.tdscreen-homepage .td-final-cta__panel .td-final-actions > a { transition: none; transform: none!important; } }