/* Opening sections based on the current live NKY Kitchen Remodelers pages. */
.live-home-page .hero-home { min-height:870px; }
.live-home-page .hero-home .hero-inner { max-width:1270px; }
.live-home-page .hero-home .hero-subtitle { font-size:32px; }
.live-home-page .hero-home .lede { max-width:none; margin-bottom:18px; font-size:17px; }
.live-home-page .hero-blog-link { margin:0 auto 58px; font-size:17px; }
.live-home-page .hero-blog-link a { color:var(--gold); text-decoration:none; }
.live-home-page .hero-blog-link a:hover { text-decoration:underline; }
.about-live-hero { display:block; min-height:875px; padding:220px 0 130px; background-position:center; }
.about-live-hero-inner { max-width:1140px; text-align:center; }

.about-live-lede { margin:0 auto 54px; font-size:16px; line-height:1.4; }
.about-live-hero .button { width:auto; }
.contact-live-hero { position:relative; isolation:isolate; padding:240px 0 80px; background:url('/static/images/live-contact-hero.jpg') center center/cover no-repeat fixed; color:#fff; }
.contact-live-hero:before { content:''; position:absolute; inset:0; z-index:-1; background:#0009; }
.contact-live-intro { max-width:1140px; text-align:center; }

.contact-live-intro h2 { margin:0 0 25px; color:#fff; font-size:25px; font-weight:400; }
.contact-live-intro > p { margin:0 auto; font-size:16px; line-height:1.4; }
.contact-live-form { width:min(900px,calc(100% - 32px)); margin:100px auto 0; }
.contact-live-form .kr-form-card { width:100%; max-width:none; padding:12px max(20px,calc((100% - 540px)/2)) 60px; border:0; border-radius:0; box-shadow:none; }
.contact-live-form .kr-form-logo { display:block; width:540px; max-width:100%; height:auto; }
.contact-live-form .kr-form-panel { width:540px; max-width:100%; margin:8px 0 0; }
.contact-direct { text-align:center; }
.contact-direct h2 { margin-bottom:36px; }
.contact-direct-links { display:flex; justify-content:center; gap:45px; margin-bottom:35px; font-family:Cinzel,serif; font-size:22px; }
.contact-direct-links a { color:#000; }
.contact-direct p { max-width:880px; margin:auto; }
@media(max-width:767px) {
 .live-home-page .hero-home { min-height:700px; }
 .live-home-page .hero-home .hero-subtitle { font-size:23px; }
 .live-home-page .hero-home .lede { font-size:16px; }
 .live-home-page .hero-blog-link { margin-bottom:35px; font-size:15px; }
 .about-live-hero { min-height:690px; padding:165px 0 95px; }

 .about-live-lede { margin-bottom:40px; font-size:15px; }
 .contact-live-hero { padding:165px 0 50px; }
 .contact-live-intro h2 { font-size:20px; }
 .contact-live-form { margin-top:60px; }
 .contact-live-form .kr-form-card { padding:18px 16px 35px; }
 .contact-direct-links { flex-direction:column; gap:15px; font-size:17px; }
}
/* About page: same story, team, and supporting sections as the current live page. */
.about-live-content { background:#faf9f6; padding:110px 0 85px; }
.about-live-content .shell { max-width:1030px; }
.about-live-story { display:grid; grid-template-columns:500px 350px; align-items:center; gap:110px; margin-bottom:110px; }
.about-live-story h2 { margin:0 0 15px; font-size:28px; line-height:1.3; font-weight:400; }
.about-live-story p { margin:0; font-size:16px; line-height:1.3; }
.about-live-story img { width:350px; height:350px; object-fit:cover; border-radius:5px; }
.about-live-team > h2,.about-live-executives > h2 { margin:0 0 55px; text-align:center; font-size:42px; font-weight:400; }
.about-live-team-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.about-live-team-grid article,.about-live-executive-grid article { padding:25px 28px 42px; border-radius:16px; background:#fff; text-align:center; }
.about-live-team-grid h3 { margin:0 0 24px; color:#000; font:700 42px/1.3 Cinzel,serif; }
.about-live-team-grid img { display:block; width:228px; height:228px; margin:auto; object-fit:cover; border-radius:5px; }
.about-live-role { margin:18px 0; color:#999; font:400 18px/1.4 Cinzel,serif; }
.about-live-team-grid article > p:not(.about-live-role) { min-height:195px; margin:18px 0 24px; font-size:16px; line-height:1.3; }
.about-live-team-grid article > a { display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#4b6078; color:white; font:700 15px Arial,sans-serif; text-decoration:none; }
.about-live-executives { margin-top:35px; }
.about-live-executive-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.about-live-executive-grid h3 { margin:0 0 20px; font-size:31px; }
.about-live-executive-grid img { width:100%; height:220px; object-fit:cover; }
.about-live-executive-grid p { font-family:Cinzel,serif; }
.about-live-values .shell { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.about-live-values h2 { font-size:28px; }
.about-live-values p { line-height:1.5; }
.about-live-faq { background:#faf9f6; }
.about-live-faq h2 { margin:0 0 35px; text-align:center; font-size:40px; }
.about-live-faq .faq-list { max-width:900px; margin:auto; }
.about-live-faq details { border-bottom:1px solid #ddd; padding:17px 0; }
.about-live-faq summary { cursor:pointer; font:600 19px/1.4 Cinzel,serif; }
.about-live-faq details p { margin:14px 0 0; }
@media(max-width:767px) {
 .about-live-content { padding:60px 0; }
 .about-live-story { grid-template-columns:1fr; gap:28px; margin-bottom:75px; }
 .about-live-story img { width:100%; height:auto; max-height:380px; }
 .about-live-team-grid,.about-live-executive-grid,.about-live-values .shell { grid-template-columns:1fr; }
 .about-live-team > h2,.about-live-executives > h2 { font-size:34px; }
 .about-live-team-grid article > p:not(.about-live-role) { min-height:0; }
}
/* Homepage service copy follows the live page's generous left-aligned layout. */
.live-home-page .home-live-services { padding-bottom:70px; }
.live-home-page .home-live-services .service-statement { max-width:1148px; text-align:left; }
.live-home-page .home-live-services h2 { font-size:28px; font-weight:700; }
.live-home-page .home-live-services h3 { font-size:22px; font-weight:400; }
.live-home-page .home-live-services p,.live-home-page .home-live-services li { font-size:18px; line-height:1.35; }
.live-home-page .home-live-services p { margin:0 0 25px; }
.live-home-page .home-live-services ul { list-style:none; margin:4px 0 42px; padding:0 0 0 9px; }
.live-home-page .home-live-services li { margin-bottom:12px; }
.live-home-page .home-live-services li:before { content:'› '; }
.live-home-page .home-live-services a { color:var(--gold); }
@media(max-width:767px) { .live-home-page .home-live-services { min-height:0; } .live-home-page .home-live-services h2 { font-size:24px; } }
.live-home-page .home-live-about .split-grid { max-width:1105px; grid-template-columns:535px 540px; gap:30px; align-items:center; }
.live-home-page .home-live-about .square-image { width:535px; height:600px; object-fit:cover; }
.live-home-page .home-live-about .content-copy a { color:var(--gold); text-decoration:none; }
.live-home-page .home-live-about .list-columns { display:block; }
.live-home-page .home-live-about .list-columns ul { margin:0; padding:0; }
.live-home-page .home-live-about .list-columns li { font:400 17px/1.55 Cinzel,serif; text-transform:uppercase; }
.live-home-page .home-live-about .raised-panel { padding:15px 24px; }
@media(max-width:767px) { .live-home-page .home-live-about .split-grid { grid-template-columns:1fr; } .live-home-page .home-live-about .square-image { width:100%; height:auto; } }
.live-home-page .home-live-process .process-grid { max-width:1060px; grid-template-columns:520px 510px; gap:30px; align-items:start; }
.live-home-page .home-live-process .process-list { gap:28px; }
.live-home-page .home-live-process .process-step { padding-left:0; }
.live-home-page .home-live-process .process-step:before,.live-home-page .home-live-process .process-step:after { display:none; }
.live-home-page .home-live-process .process-step h3 { margin:0 0 12px; font-size:23px; font-weight:700; }
.live-home-page .home-live-process .process-step p { margin-left:40px; font-size:17px; line-height:1.4; }
.live-home-page .home-live-process .square-image { display:block; width:510px; height:500px; object-fit:cover; border-radius:0; }
.live-home-page .home-live-process .process-grid > div:last-child > p { text-align:center; margin-top:60px; font-size:17px; }
.live-home-page .home-live-process a { color:var(--gold); text-decoration:none; }
@media(max-width:767px) { .live-home-page .home-live-process .process-grid { grid-template-columns:1fr; } .live-home-page .home-live-process .square-image { width:100%; height:auto; } .live-home-page .home-live-process .process-step p { margin-left:0; } }
.live-home-page .home-live-faq .faq-list { max-width:1048px; margin:auto; grid-template-columns:repeat(2,500px); grid-template-rows:repeat(5,auto); column-gap:48px; row-gap:10px; }
.live-home-page .home-live-faq .faq-list details { border:1px solid #d9dbdf; border-radius:10px; }
.live-home-page .home-live-faq .faq-list summary { padding:16px 42px 16px 15px; font:400 19px/1.8 Cinzel,serif; text-transform:uppercase; }
.live-home-page .home-live-faq .faq-list summary:after { content:'⌄'; top:15px; right:14px; color:#111; font:700 23px/1 Arial,sans-serif; }
.live-home-page .home-live-faq .faq-list details:nth-child(1) { grid-area:1/1; }
.live-home-page .home-live-faq .faq-list details:nth-child(2) { grid-area:2/1; }
.live-home-page .home-live-faq .faq-list details:nth-child(3) { grid-area:3/1; }
.live-home-page .home-live-faq .faq-list details:nth-child(4) { grid-area:4/1; }
.live-home-page .home-live-faq .faq-list details:nth-child(5) { grid-area:1/2; }
.live-home-page .home-live-faq .faq-list details:nth-child(6) { grid-area:2/2; }
.live-home-page .home-live-faq .faq-list details:nth-child(7) { grid-area:3/2; }
.live-home-page .home-live-faq .faq-list details:nth-child(8) { grid-area:4/2; }
.live-home-page .home-live-faq .faq-list details:nth-child(9) { grid-area:5/2; }
@media(max-width:1100px) { .live-home-page .home-live-faq .faq-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .live-home-page .home-live-faq .faq-list { display:block; } .live-home-page .home-live-faq .faq-list details { margin-bottom:10px; } }
.live-home-page .home-live-faq .faq-list details[open] summary:after { content:'⌃'; }
.live-home-page .home-live-service-areas .shell { max-width:1110px; }
.live-home-page .home-live-service-areas p:last-of-type { color:#888; font-size:13px; line-height:1.5; }

.contact-live-form .kr-form-card { background-image:url('/static/images/live-contact-form-marble.jpg'); }
/* Three photographed value cards on the live About page. */
.about-live-values { background:#faf9f6; padding:100px 0 60px; }
.about-live-values .shell { max-width:1070px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:68px; }
.about-live-values .shell > div { position:relative; isolation:isolate; display:flex; min-height:323px; flex-direction:column; align-items:center; padding:48px 15px 28px; border:1px solid #d6c596; border-radius:10px; background:url('/static/images/live-about-values.webp') center/cover no-repeat; text-align:center; }
.about-live-values .shell > div:before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:#fff9; }
.about-live-values h2 { display:table; margin:0 auto 42px; padding:0 0 12px; border-bottom:2px solid #111; font-size:28px; font-weight:700; }
.about-live-values p { margin:0; font-size:16px; line-height:1.3; }
@media(max-width:767px) { .about-live-values .shell { grid-template-columns:1fr; gap:20px; max-width:370px; } .about-live-values .shell > div { min-height:300px; } }
.contact-live-form { width:min(906px,calc(100% - 32px)); margin-top:91px; }
/* Section positions measured against the live About page at desktop width. */
@media(min-width:768px) {
 .about-live-story { margin-bottom:210px; }
 .about-live-values { padding-bottom:130px; }
}
.about-live-values .shell > div:before { background:#fffb; }
/* Live About FAQ is one full-width accordion column. */
.about-live-faq { padding:100px 0 110px; }
.about-live-faq h2 { margin-bottom:62px; font-size:52px; font-weight:400; }
.about-live-faq .faq-list { display:block; max-width:1080px; }
.about-live-faq details { margin:0 0 10px; padding:0; border:1px solid #d9dbdf; border-radius:10px; background:#fff; }
.about-live-faq summary { padding:16px 45px 16px 15px; font:400 19px/1.8 Cinzel,serif; text-transform:uppercase; }
.about-live-faq summary:after { content:'⌄'; top:15px; right:15px; color:#111; font:700 23px/1 Arial,sans-serif; }
.about-live-faq details[open] summary:after { content:'⌃'; }
@media(max-width:767px) { .about-live-faq { padding:70px 0; } .about-live-faq h2 { margin-bottom:36px; font-size:34px; } .about-live-faq summary { font-size:16px; line-height:1.5; } }
/* Homepage vertical rhythm and compact About list from the live page. */
@media(min-width:768px) {
 .live-home-page .home-live-services { padding-top:133px; }
 .live-home-page .home-live-about { padding-top:146px; padding-bottom:109px; background:var(--cream); }
}
.live-home-page .home-live-about .content-copy h2 { font-size:27px; font-weight:700; }
.live-home-page .home-live-about .check-list li { margin:0; padding-left:18px; font-size:16px; line-height:1.45; }
.live-home-page .home-live-about .check-list li:before { font-size:19px; }
@media(min-width:768px) {
}
@media(min-width:768px) { .live-home-page .home-live-process h2 { font-size:25px; font-weight:600; } }
/* Keep the reconstructed layouts within tablet viewports. */
@media(min-width:768px) and (max-width:1150px) {
 .live-home-page .home-live-about .split-grid,
 .live-home-page .home-live-process .process-grid { max-width:100%; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
 .live-home-page .home-live-about .square-image,
 .live-home-page .home-live-process .square-image { width:100%; height:auto; aspect-ratio:1; }
 .about-live-story { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; }
 .about-live-story img { width:100%; }
}
@media(min-width:768px) and (max-width:900px) {
 .about-live-values .shell { grid-template-columns:1fr; max-width:370px; gap:22px; }
 .contact-direct-links { flex-wrap:wrap; }
}
@media(min-width:768px){.live-home-page .hero-home{padding-top:130px}}\n.live-home-page .hero-home:before{background:#0008}

@media(max-width:767px){
 .live-home-page .home-live-about .split-grid{grid-template-columns:1fr;gap:30px}
 .live-home-page .home-live-about .square-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
 .live-home-page .home-live-about .list-columns li{font-size:15px}
}