/* KNG visual system — editorial black, warm gold, and clear glass over the detailing backdrop. */
:root{--bg:#080807;--panel:rgba(13,12,10,.74);--gold:#d8ae55;--bright:#f5d78c;--white:#f4f0e7;--muted:#c0b9aa;--line:rgba(222,184,95,.32)}
html{background:#080807;scroll-padding-top:104px}
body{background:transparent;color:var(--white)}
body:before{background:linear-gradient(112deg,rgba(5,5,5,.46),rgba(5,5,5,.30) 48%,rgba(5,5,5,.48)),url('assets/detailing-hero.png') center 43%/cover no-repeat;filter:saturate(.9) brightness(.84)}
.preview{padding:6px 16px;background:rgba(9,9,8,.72);backdrop-filter:blur(12px);color:#d8c79e;border-bottom:1px solid rgba(222,184,95,.12);font-size:.59rem;letter-spacing:.2em}
.preview span{color:var(--bright);padding:0 5px}
header{height:88px;background:rgba(7,7,6,.72);backdrop-filter:blur(22px);border-bottom:1px solid rgba(242,213,145,.17);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.nav{gap:18px}
.brand img{width:172px;height:70px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
.links{gap:clamp(13px,1.65vw,25px);font-size:.72rem;letter-spacing:.035em}
.links a{position:relative;padding:8px 0;color:#e4dece;transition:color .2s ease}
.links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--bright);transition:right .25s ease}
.links a:hover:after,.links a.active:after{right:0}
.links a.active{color:var(--bright)}
.nav-cta,.button{border:1px solid rgba(255,231,174,.55);background:linear-gradient(115deg,#f2d98f,#cc9b37 58%,#edcd78);box-shadow:0 8px 26px rgba(190,144,42,.16);letter-spacing:.09em}
.nav-cta{white-space:nowrap;padding:11px 15px;font-size:.62rem}
.menu-toggle{border-color:var(--line);border-radius:2px;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem}
.hero{min-height:min(760px,calc(100svh - 112px));min-height: min(760px, calc(100vh - 112px));}
.hero:before{background:radial-gradient(ellipse at 73% 43%,rgba(0,0,0,.04),rgba(0,0,0,.22) 55%,rgba(0,0,0,.46)),linear-gradient(90deg,rgba(4,4,4,.62) 0%,rgba(4,4,4,.38) 49%,rgba(4,4,4,.1) 100%),linear-gradient(0deg,rgba(5,5,5,.42),transparent 31%)}
.hero-content{max-width:760px;padding:clamp(74px,10vh,126px) 0 clamp(78px,10vh,122px)}
.kicker{background:rgba(12,11,9,.54);border-color:rgba(234,198,113,.42);backdrop-filter:blur(9px);font-size:.61rem;letter-spacing:.2em}
.hero h1{font-size:clamp(3.65rem,8.4vw,7.7rem);line-height:.91;max-width:760px;text-shadow:0 9px 36px rgba(0,0,0,.4)}
.hero h1 em{color:var(--bright);text-shadow:0 0 38px rgba(220,176,76,.22)}
.hero-copy{max-width:510px;color:#e0dbd0;font-size:1rem;line-height:1.8;text-shadow:0 2px 14px #000}
.hero-actions{gap:27px}
.hero-note{margin-top:39px;color:#ddd4be;font-size:.62rem;letter-spacing:.13em}
.proof{background:rgba(8,8,7,.73);backdrop-filter:blur(16px);border-block-color:rgba(242,213,145,.2)}
.proof-row{padding:21px 0}
.proof-item{font-size:.65rem;letter-spacing:.12em}
.proof-icon{color:var(--bright)}
.showcase,.home-tiles,section.packages,.experience,.request,.faq,.services-list,.app-coming{background:rgba(8,8,7,.45);backdrop-filter:blur(11px)}
.showcase{padding:clamp(65px,8vw,108px) 0;background:linear-gradient(180deg,rgba(9,9,8,.4),rgba(9,9,8,.62))}
.showcase-head{margin-bottom:34px}
.eyebrow{font-size:.61rem;letter-spacing:.22em;color:var(--bright)}
.showcase-head h2,.section-head h2,.section-title,.home-tiles h2,.services-intro h2,.app-coming h2{letter-spacing:-.045em}
.showcase-head p{color:#d2cbbc;line-height:1.8}
.photo-grid{grid-template-rows:260px 260px;gap:14px}
.photo-card{border-color:rgba(237,205,124,.34);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.photo-card:first-child{grid-row:span 2}
.photo-card img{filter:saturate(.82) contrast(1.07)}
.photo-caption{left:21px;bottom:20px}
.photo-caption span{font-size:.58rem;letter-spacing:.2em}
.photo-caption b{font-size:1.32rem}
.home-tiles{padding:clamp(64px,8vw,100px) 0;background:rgba(8,8,7,.57)}
.tile-grid{gap:16px}
.tile{position:relative;min-height:215px;padding:27px;background:linear-gradient(145deg,rgba(20,18,14,.77),rgba(8,8,7,.68));border:1px solid rgba(238,205,128,.22);backdrop-filter:blur(14px);transition:transform .28s,border-color .28s,background .28s}
.tile:before{content:"";position:absolute;left:0;top:0;width:42px;height:1px;background:var(--bright)}
.tile:hover{transform:translateY(-5px);border-color:rgba(238,205,128,.62);background:rgba(24,21,15,.84)}
.tile span{font-size:.59rem;letter-spacing:.2em}
.tile h3{font-size:1.48rem}
.tile p{color:#c5beaf;line-height:1.75}
.tile a{font-size:.62rem;letter-spacing:.13em}
.page-hero{min-height:300px;background:rgba(8,8,7,.24)}
.page-hero:before{background:linear-gradient(90deg,rgba(4,4,4,.67),rgba(7,7,6,.31)),linear-gradient(0deg,rgba(6,6,5,.22),transparent 60%)}
.page-hero .wrap{padding:clamp(54px,7vw,86px) 0}
.page-hero h1{max-width:850px;font-size:clamp(3rem,6.5vw,6.1rem);text-shadow:0 8px 30px #0008}
.page-hero p{color:#ded8ca;line-height:1.8}
section.packages{padding:clamp(65px,8vw,100px) 0;background:rgba(8,8,7,.56)}
.section-head{margin-bottom:40px}
.section-intro{line-height:1.8;color:#c9c2b3}
.cards{gap:17px}
.card,.card.featured{border-radius:3px;border-color:rgba(238,205,128,.24);background:linear-gradient(155deg,rgba(22,20,16,.88),rgba(8,8,7,.78));box-shadow:0 16px 42px rgba(0,0,0,.23);backdrop-filter:blur(14px);overflow:hidden}
.card{padding:25px}
.card:hover{border-color:rgba(245,215,140,.78);box-shadow:0 23px 54px rgba(0,0,0,.32),0 0 25px rgba(215,169,66,.07)}
.card.featured{background:linear-gradient(155deg,rgba(31,26,17,.91),rgba(11,10,8,.82));border-color:rgba(245,215,140,.62)}
.card-photo{height:176px;object-position:center;filter:saturate(.86) contrast(1.06)}
.card h3{font-size:1.73rem}
.card p,.card ul{color:#d0cabb;line-height:1.7}
.card ul{font-size:.73rem}
.card-cta{font-size:.62rem;letter-spacing:.13em}
.pricing-note{background:rgba(15,14,12,.72);backdrop-filter:blur(10px);border-left-color:var(--bright);color:#d0c8b8;line-height:1.75}
.experience{padding:clamp(65px,8vw,100px) 0;background:rgba(10,9,8,.48)}
.experience-grid-copy{grid-template-columns:1fr;max-width:900px}
.experience-grid-copy .experience-art{display:none}
.experience-grid-copy>div:last-child{max-width:850px}
.experience-grid-copy p{color:#d1cabb;line-height:1.85}
.points{gap:20px}
.point{border-color:rgba(238,205,128,.28)}
.point b{font-size:1.13rem;color:#f1eadc}
.point span{color:#c1b9a9;line-height:1.6}
.services-list{padding:clamp(64px,8vw,100px) 0;background:rgba(8,8,7,.5)}
.services-intro{gap:40px;margin-bottom:37px}
.services-intro>p{color:#d0c8b7;line-height:1.8}
.service-grid{gap:14px}
.service-item{min-height:190px;padding:24px;background:linear-gradient(145deg,rgba(21,19,15,.82),rgba(9,9,8,.72));border:1px solid rgba(238,205,128,.2);box-shadow:0 14px 35px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.service-item>span{font-size:.59rem;letter-spacing:.22em;color:var(--bright)}
.service-item h3{font-size:1.48rem}
.service-item p{color:#c8c0b1;line-height:1.75}
.services-note{padding:27px;background:rgba(22,19,13,.76);border-color:rgba(238,205,128,.32);backdrop-filter:blur(14px)}
.services-note p{color:#cfc6b5;line-height:1.8}
.request{padding:clamp(64px,8vw,100px) 0;background:rgba(8,8,7,.55)}
.request-grid{gap:clamp(35px,6vw,75px)}
.request-copy p{color:#d3ccbd;line-height:1.85}
.contact{color:#e1d7c0;border-color:rgba(238,205,128,.3);line-height:1.8}
.form-card{border-radius:4px;background:rgba(13,12,10,.88);border-color:rgba(238,205,128,.32);box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(18px)}
.form-top b{font-size:1.65rem}
.field label{color:#ece4d3}
.field input,.field select,.field textarea{border-radius:2px;background:rgba(4,4,4,.67);border-color:rgba(255,255,255,.2)}
.privacy{color:#aaa18f;line-height:1.65}
.faq{padding:clamp(64px,8vw,100px) 0;background:rgba(8,8,7,.54)}
.faq-grid{gap:clamp(35px,6vw,75px)}
.faq-list details{border-color:rgba(238,205,128,.2)}
.faq-list summary{font-size:1.16rem}
.faq-list p{color:#cbc3b3;line-height:1.8}
.footer{background:rgba(5,5,5,.86);backdrop-filter:blur(18px);border-top-color:rgba(238,205,128,.25)}
.footer-meta{line-height:1.8}
.mobile-bar{background:rgba(5,5,5,.9);backdrop-filter:blur(18px)}
/* App page: this is intentionally the app mark, never the detailing business logo. */
.app-page-hero{min-height:280px}
.app-page-heading .eyebrow{display:flex}
.app-page-heading .eyebrow-star{font-style:normal;font-size:1rem;color:var(--bright)}
.app-page-heading .text-link{display:inline-flex;gap:8px;margin-top:8px;color:#f3d78e;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.app-coming-polished{padding:clamp(58px,8vw,96px) 0;background:rgba(8,8,7,.43)}
.app-coming-polished .app-coming-grid{grid-template-columns:1fr 1fr;max-width:1080px;gap:clamp(35px,7vw,95px)}
.app-logo-panel{position:relative;display:grid;place-items:center;min-height:370px;padding:35px;overflow:hidden;border:1px solid rgba(239,204,121,.35);background:radial-gradient(ellipse at 50% 47%,rgba(214,170,66,.17),transparent 57%),linear-gradient(145deg,rgba(23,21,16,.87),rgba(7,7,7,.88));box-shadow:0 26px 75px rgba(0,0,0,.38),inset 0 0 60px rgba(239,204,121,.04)}
.app-logo-panel:before,.app-logo-panel:after{content:"";position:absolute;inset:13px;border:1px solid rgba(239,204,121,.19);pointer-events:none}
.app-logo-panel:after{inset:20px;border-color:rgba(255,255,255,.07)}
.app-logo-panel img{position:relative;z-index:1;width:min(100%,480px);height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.7))}
.app-coming-copy h2{font:400 clamp(2.45rem,4.6vw,4rem)/1.02 Georgia,'Times New Roman',serif;margin:16px 0}
.app-coming-copy p{max-width:500px;color:#d0c8b8;line-height:1.85}
.app-orbit{position:absolute;border:1px solid rgba(245,215,140,.12);border-radius:50%;width:78%;aspect-ratio:1;pointer-events:none}
.orbit-two{width:58%;border-color:rgba(245,215,140,.08)}
@media(max-width:1050px){.links{gap:13px}.links a{font-size:.68rem}.nav-cta{padding:10px 12px;font-size:.56rem}.brand img{width:150px}}
@media(max-width:850px){.links{gap:11px}.nav-cta{display:none}.hero{min-height:660px}.hero-content{padding:90px 0}.app-coming-polished .app-coming-grid{grid-template-columns:.9fr 1.1fr}.app-logo-panel{min-height:310px}.photo-grid{grid-template-rows:225px 225px}}
@media(max-width:640px){
 body:before{background-position:58% center;background-attachment:scroll;filter:saturate(.88) brightness(.78)}
 header{height:72px}.brand img{width:145px;height:58px}.links{top:72px;background:rgba(8,8,7,.97);backdrop-filter:blur(22px)}
 .hero{min-height:calc(100svh - 116px);min-height:calc(100vh - 116px);align-items:center}.hero:before{background:linear-gradient(90deg,rgba(4,4,4,.72),rgba(4,4,4,.32)),linear-gradient(0deg,rgba(5,5,5,.5),transparent 42%)}
 .hero-content{padding:70px 0 78px}.hero h1{font-size:clamp(3.55rem,15.3vw,5.4rem)}.hero-copy{font-size:.9rem;line-height:1.75}.hero-note{line-height:2}
 .showcase-head{display:block}.showcase-head p{max-width:500px}.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 190px}.photo-card:first-child{grid-row:span 2}.photo-card:nth-child(4){grid-column:span 2}.tile-grid{grid-template-columns:1fr}.tile{min-height:unset}
 .page-hero{min-height:250px}.page-hero h1{font-size:clamp(2.8rem,12vw,4.4rem)}.page-hero .wrap{padding:48px 0}
 .cards{grid-template-columns:1fr}.card-photo{height:185px}.experience-grid-copy{grid-template-columns:1fr}.points{grid-template-columns:1fr 1fr;gap:15px}
 .service-grid{grid-template-columns:1fr}.service-item{min-height:unset}.app-page-hero{min-height:250px}.app-coming-polished .app-coming-grid{grid-template-columns:1fr;gap:30px}.app-logo-panel{min-height:255px;padding:25px}.app-logo-panel img{max-width:390px}.app-coming-copy h2{font-size:2.65rem}
 .footer-row{gap:14px}.footer-brand{flex-wrap:wrap}.mobile-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Match the landing hero and inner-page mastheads across the site. */
.page-hero{min-height:clamp(360px,40vw,470px);background:rgba(8,8,7,.2)}
.page-hero:before{background:radial-gradient(ellipse at 75% 40%,rgba(0,0,0,.04),rgba(0,0,0,.18) 58%,rgba(0,0,0,.4)),linear-gradient(90deg,rgba(4,4,4,.62),rgba(4,4,4,.24) 74%,rgba(4,4,4,.12)),linear-gradient(0deg,rgba(5,5,5,.32),transparent 56%)}
.page-hero .wrap{padding:clamp(58px,8vw,92px) 0}
.page-hero .eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(234,198,113,.4);background:rgba(12,11,9,.52);backdrop-filter:blur(9px)}
.page-hero h1{font-size:clamp(3.45rem,7vw,6.5rem);line-height:.94;max-width:830px;margin:24px 0 18px}
.page-hero p{max-width:590px;color:#e0dbd0;line-height:1.8;text-shadow:0 2px 14px #000}
.page-hero-actions{margin-top:26px}
@media(max-width:640px){.page-hero{min-height:340px}.page-hero .wrap{padding:45px 0}.page-hero h1{font-size:clamp(3rem,12vw,4.5rem)}.page-hero-actions{gap:17px}}
/* Keep the app information page comfortable at 100% browser zoom. */
body.app-page-body{min-height:100svh;display:flex;flex-direction:column}
.app-page-body .app-main{flex:1;display:flex;flex-direction:column}
.app-page-body .app-page-hero{min-height:0;flex:none}
.app-page-body .app-page-heading{padding:clamp(18px,3.2vh,34px) 0 clamp(14px,2.2vh,23px)}
.app-page-body .app-page-hero h1{font-size:clamp(2.5rem,4.4vw,4.15rem);line-height:.98;margin:11px 0 9px}
.app-page-body .app-page-hero p{max-width:680px;margin:0 0 5px;font-size:.86rem;line-height:1.65}
.app-page-body .app-page-heading .text-link{margin-top:8px}
.app-page-body .app-coming-polished{flex:1;display:flex;align-items:center;padding:clamp(14px,2.8vh,28px) 0}
.app-page-body .app-coming-polished .app-coming-grid{width:min(100%,1080px);grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,64px)}
.app-page-body .app-logo-panel{min-height:0;height:min(36vh,310px);aspect-ratio:1.42;padding:clamp(18px,3vw,32px)}
.app-page-body .app-logo-panel img{width:min(100%,430px)}
.app-page-body .app-coming-copy h2{font-size:clamp(2.05rem,3.3vw,3.15rem);margin:10px 0}
.app-page-body .app-coming-copy p{font-size:.82rem;line-height:1.7;margin:0}
.app-page-body .coming-badge{margin:10px 0 12px;padding:7px 10px}
.app-page-body .app-button{margin-top:3px;padding:11px 16px;font-size:.65rem}
.app-page-body .footer{padding:13px 0}
.app-page-body .footer-brand img{height:38px;width:108px}
.app-page-body .footer-row{gap:12px}
@media(max-width:850px){.app-page-body .app-coming-polished .app-coming-grid{gap:25px}}
@media(max-width:640px){
 body.app-page-body{min-height:100svh}
 .app-page-body .app-page-heading{padding:25px 0 14px}
 .app-page-body .app-page-hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}
 .app-page-body .app-page-hero p{font-size:.82rem}
 .app-page-body .app-coming-polished{padding:13px 0 24px;display:block}
 .app-page-body .app-coming-polished .app-coming-grid{grid-template-columns:1fr;gap:20px}
 .app-page-body .app-logo-panel{height:min(30vh,235px);min-height:185px;width:min(100%,520px);margin:0 auto}
 .app-page-body .app-coming-copy h2{font-size:2.35rem}
 .app-page-body .app-coming-copy p{font-size:.8rem}
 .app-page-body .footer{padding-bottom:78px}
}
@media(max-height:700px) and (min-width:641px){
 .app-page-body .app-page-heading{padding:12px 0 8px}
 .app-page-body .app-page-hero h1{font-size:2.6rem;margin:7px 0}
 .app-page-body .app-page-hero p{font-size:.76rem}
 .app-page-body .app-coming-polished{padding:8px 0}
 .app-page-body .app-logo-panel{height:250px}
 .app-page-body .app-coming-copy h2{font-size:2.1rem}
}

.package-guidance{max-width:760px;margin:24px auto 6px;text-align:center;color:rgba(246,241,230,.72);font-size:.82rem;line-height:1.6}.package-guidance a{color:#e8c76f;text-decoration:underline;text-underline-offset:3px}
/* Compact shared layouts: make key information visible sooner on every device. */
header{height:76px}.brand img{width:150px;height:62px}
.hero-content{padding:clamp(42px,7vh,82px) 0}.hero-note{margin-top:24px}.proof-row{padding:14px 0}
.showcase,.home-tiles{padding:clamp(38px,5.5vw,66px) 0}.showcase-head{margin-bottom:20px}.photo-grid{grid-template-rows:205px 205px;gap:10px}.tile{min-height:180px;padding:21px}
.page-hero{min-height:clamp(265px,30vw,360px)}.page-hero .wrap{padding:clamp(34px,5vw,56px) 0}.page-hero h1{font-size:clamp(2.8rem,5.7vw,5rem);margin:16px 0 12px}.page-hero p{line-height:1.65}.page-hero-actions{margin-top:16px}
section.packages,.experience,.faq,.request,.services-list{padding:clamp(40px,5vw,60px) 0}.cards{gap:14px}.card{padding:20px}.card-photo{height:145px}.card h3{font-size:1.45rem}.card p,.card ul{line-height:1.55}
.services-intro{gap:24px;margin-bottom:24px}.service-item{min-height:160px;padding:19px}.service-item h3{font-size:1.3rem;margin:9px 0 6px}.experience-grid-copy p,.request-copy p{line-height:1.7}.points{gap:14px}.faq-grid{gap:32px}.faq-list details{padding:13px 0}.faq-list summary{font-size:1.05rem}
.form-card{padding:22px}.form-grid{gap:11px}.field input,.field select,.field textarea{padding:10px}.field textarea{min-height:72px}.footer{padding:22px 0}
@media(max-width:1050px){.links{gap:10px}.links a{font-size:.65rem}.nav-cta{padding:9px 10px;font-size:.54rem}.cards,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 header{height:68px}.brand img{width:128px;height:54px}.links{top:68px}
 .hero{min-height:calc(100svh - 102px);min-height:calc(100vh - 102px)}.hero-content{padding:35px 0 42px}.hero h1{font-size:clamp(3.1rem,13.5vw,4.5rem)}.hero-copy{font-size:.88rem;line-height:1.6}.hero-actions{gap:17px}.hero-note{margin-top:19px;font-size:.56rem}
 .proof-row{gap:9px;padding:12px 0}.proof-item{font-size:.56rem;letter-spacing:.05em}.showcase,.home-tiles{padding:38px 0}.showcase-head{margin-bottom:16px}.showcase-head h2{font-size:2.4rem}.photo-grid{grid-template-rows:155px 155px 155px;gap:8px}.photo-caption{left:12px;bottom:12px}.photo-caption b{font-size:1rem}
 .tile-grid{grid-template-columns:1fr;gap:10px}.tile{padding:17px;min-height:0}.tile h3{font-size:1.25rem;margin:7px 0}.tile p{margin:0;line-height:1.5}.tile a{margin-top:5px}
 .page-hero{min-height:245px}.page-hero .wrap{padding:30px 0}.page-hero h1{font-size:clamp(2.55rem,10.5vw,3.8rem);margin:13px 0 9px}.page-hero p{font-size:.84rem;line-height:1.55}
 section.packages,.experience,.faq,.request,.services-list{padding:30px 0}.cards{grid-template-columns:1fr;gap:10px}.card{display:grid;grid-template-columns:minmax(82px,28%) minmax(0,1fr);column-gap:12px;align-content:start;padding:13px}.card-photo{grid-column:1;grid-row:1 / span 6;width:100%;height:100%;min-height:145px;margin:0}.card .badge,.card .card-type,.card h3,.card .price,.card>p,.card ul{grid-column:2}.card .badge{justify-self:start;margin-bottom:3px;padding:5px 8px;font-size:.52rem}.card .card-type{font-size:.53rem;letter-spacing:.1em;margin:0 0 4px}.card h3{font-size:1.22rem;line-height:1.08;margin:2px 0 5px}.card .price{font-size:1rem;margin:0 0 5px}.card .price small{font-size:.58rem}.card p{font-size:.7rem;margin:0 0 5px;line-height:1.45}.card ul{font-size:.65rem;margin:4px 0 0;padding-left:16px;line-height:1.42}.package-guidance{margin:16px auto 5px;font-size:.76rem}
 .experience-grid-copy{max-width:100%}.experience-grid-copy p{font-size:.82rem;line-height:1.6}.points{grid-template-columns:1fr 1fr;gap:10px}.point b{font-size:.97rem}.point span{font-size:.68rem;line-height:1.4}
 .services-intro{display:block;margin-bottom:17px}.services-intro>p{margin-top:10px;line-height:1.55;font-size:.78rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-item{min-height:0;padding:13px}.service-item h3{font-size:1.08rem;line-height:1.12;margin:7px 0 5px}.service-item p{font-size:.68rem;line-height:1.48}.service-item a{font-size:.56rem;margin-top:8px}.services-note{margin-top:12px;padding:16px}.services-note>span{font-size:1.1rem}.services-note p{font-size:.72rem;line-height:1.55;margin:7px 0 0}
 .faq-grid{grid-template-columns:1fr;gap:14px}.faq-grid .section-title{font-size:2rem;margin:8px 0}.faq-list details{padding:10px 0}.faq-list summary{font-size:.98rem}.faq-list p{font-size:.72rem;line-height:1.55;margin:7px 0 2px}
 .request-grid{grid-template-columns:1fr;gap:18px}.request-copy{position:static}.request-copy .section-title{font-size:2.15rem}.form-card{padding:15px}.form-top{flex-direction:row;align-items:center;margin-bottom:13px}.form-top b{font-size:1.3rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.field.full{grid-column:1/-1}.field label{font-size:.61rem}.field input,.field select,.field textarea{font-size:16px;padding:9px}.field textarea{min-height:64px}
 .footer{padding:17px 0 82px}.footer-row{gap:8px}.footer-brand img{width:112px;height:42px}.footer-meta{font-size:.61rem;line-height:1.5}.mobile-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
}
@media(max-width:640px){.card p,.card ul,.service-item p{font-size:.75rem}.faq-list p{font-size:.77rem}.services-intro>p,.services-note p{font-size:.78rem}}
/* Social proof: original KNG glass-and-gold review cards, linked to the live Google profile. */
.reviews{padding:clamp(42px,5.5vw,70px) 0;background:linear-gradient(180deg,rgba(9,8,7,.7),rgba(8,8,7,.84));backdrop-filter:blur(14px);border-block:1px solid rgba(238,205,128,.14)}
.reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.reviews-head h2{font:400 clamp(2.35rem,4vw,3.55rem)/1 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:12px 0 8px}
.reviews-head p{margin:0;color:#cbc3b4;font-size:.86rem;line-height:1.65}
.reviews-score{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:13px;row-gap:2px;min-width:205px;padding:15px 18px;border:1px solid rgba(238,205,128,.34);background:linear-gradient(145deg,rgba(24,21,15,.82),rgba(8,8,7,.72));text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.2);transition:border-color .2s,transform .2s}
.reviews-score:hover{border-color:rgba(245,215,140,.75);transform:translateY(-2px)}
.reviews-score strong{grid-row:span 2;color:#f5d78c;font:400 2.75rem/1 Georgia,'Times New Roman',serif}
.review-stars{color:#f2c85b;font-size:.92rem;letter-spacing:.12em;white-space:nowrap}
.reviews-score small{color:#c9c1b2;font-size:.65rem;letter-spacing:.04em}
.reviews-score b{grid-column:1/-1;padding-top:8px;color:#f2d889;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase}
.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.review-card{display:flex;flex-direction:column;min-height:215px;padding:18px;background:linear-gradient(145deg,rgba(22,20,16,.86),rgba(7,7,6,.77));border:1px solid rgba(238,205,128,.2);box-shadow:0 13px 34px rgba(0,0,0,.19);backdrop-filter:blur(12px)}
.review-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.review-top .review-stars{font-size:.75rem}
.review-source{color:#bcb4a5;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase}
.review-card blockquote{flex:1;margin:14px 0 18px;color:#f1ece1;font:400 .83rem/1.68 Georgia,'Times New Roman',serif}
.review-author{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(238,205,128,.16)}
.review-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#ecd488,#a87a22);color:#17130a;font-size:.62rem;font-weight:700}
.review-author div{display:grid;gap:2px}.review-author b{color:#f1eadc;font-size:.68rem}.review-author small{color:#a9a191;font-size:.56rem}
.review-g{margin-left:auto;color:#d8ae55;font:700 1.1rem Arial,sans-serif}
.reviews-note{margin:14px 0 0;color:#9e9788;font-size:.59rem;line-height:1.5}
@media(max-width:1050px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.reviews{padding:34px 0}.reviews-head{align-items:flex-start;gap:16px;margin-bottom:16px}.reviews-head h2{font-size:2.2rem}.reviews-head p{font-size:.75rem}.reviews-score{min-width:119px;grid-template-columns:auto;justify-items:start;padding:11px;gap:3px}.reviews-score strong{grid-row:auto;font-size:2.15rem}.reviews-score .review-stars{font-size:.66rem;letter-spacing:.04em}.reviews-score small{font-size:.53rem}.reviews-score b{font-size:.5rem;padding-top:5px}.review-grid{grid-template-columns:1fr;gap:9px}.review-card{min-height:0;padding:15px}.review-card blockquote{font-size:.79rem;margin:11px 0 13px}.reviews-note{font-size:.55rem}}

/* Responsive fit refinements: reduce dead space while preserving readable content. */
@media (min-width: 851px) {
  header { height: 74px; }
  .brand img { width: 148px; height: 61px; }
  .hero { min-height: clamp(470px, calc(100svh - 175px), 690px); }
  .hero-content { padding: clamp(48px, 7vh, 78px) 0; }
  .hero h1 { font-size: clamp(3.5rem, 7vw, 6.4rem); }
  .hero-copy { line-height: 1.65; }
  .hero-note { margin-top: 24px; }
  .proof-row { padding: 13px 0; }
  .showcase, .home-tiles { padding: clamp(38px, 4.5vw, 60px) 0; }
  .showcase-head { margin-bottom: 19px; }
  .photo-grid { grid-template-rows: 190px 190px; gap: 10px; }
  .home-tiles h2 { margin-bottom: 20px; }
  .tile-grid { gap: 12px; }
  .tile { min-height: 175px; padding: 21px; }
  .page-hero { min-height: clamp(205px, 25vh, 270px); }
  .page-hero .wrap { padding: 30px 0; }
  .page-hero h1 { font-size: clamp(2.7rem, 5vw, 4.8rem); margin: 12px 0 8px; }
  .page-hero p { max-width: 680px; line-height: 1.6; }
  section.packages, .experience, .faq, .request, .services-list { padding: 42px 0; }
  .section-head { margin-bottom: 24px; }
  .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .card { padding: 17px; }
  .card-photo { height: 128px; }
  .card h3 { font-size: 1.42rem; }
  .card p, .card ul { line-height: 1.5; }
  .services-intro { margin-bottom: 22px; }
  .service-grid { gap: 11px; }
  .service-item { min-height: 150px; padding: 17px; }
  .service-item h3 { font-size: 1.25rem; }
  .service-item p { line-height: 1.55; }
  .services-note { padding: 20px; }
  .experience-grid-copy p, .request-copy p { line-height: 1.6; }
  .points { gap: 12px; }
  .faq-grid { gap: 26px; }
  .faq-list details { padding: 11px 0; }
  .form-card { padding: 19px; }
  .footer { padding: 18px 0; }
  .reviews { padding: 38px 0; }
  .reviews-head { margin-bottom: 18px; }
  .review-card { min-height: 185px; padding: 15px; }
}
@media (min-width: 641px) and (max-width: 850px) {
  header { height: 72px; }
  .hero { min-height: clamp(480px, calc(100svh - 175px), 620px); }
  .hero-content { padding: 55px 0; }
  .page-hero { min-height: 225px; }
  .page-hero .wrap { padding: 28px 0; }
  section.packages, .experience, .faq, .request, .services-list { padding: 36px 0; }
  .cards { gap: 11px; }
  .card { padding: 15px; }
  .card-photo { height: 120px; }
  .service-item { min-height: 140px; padding: 16px; }
  .reviews { padding: 34px 0; }
}
@media (max-width: 640px) {
  .hero { min-height: max(500px, calc(100svh - 136px)); }
  .hero-content { padding: 32px 0 36px; }
  .hero h1 { font-size: clamp(2.9rem, 12vw, 4rem); }
  .page-hero { min-height: 210px; }
  .page-hero .wrap { padding: 24px 0; }
  section.packages, .experience, .faq, .request, .services-list { padding: 26px 0; }
  .cards { gap: 8px; }
  .card { padding: 11px; grid-template-columns: minmax(76px, 25%) minmax(0, 1fr); column-gap: 10px; }
  .card-photo { min-height: 126px; }
  .card h3 { font-size: 1.15rem; }
  .card p, .card ul { font-size: .73rem; }
  .service-item { padding: 11px; }
  .service-item h3 { font-size: 1rem; }
  .reviews { padding: 28px 0; }
  .reviews-head { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
  .reviews-head > div:first-child { min-width: 0; }
  .review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .review-card { padding: 12px; }
  .review-card blockquote { font-size: .73rem; line-height: 1.5; }
}
@media (max-width: 390px) {
  .review-grid { grid-template-columns: 1fr; }
  .reviews-head { grid-template-columns: 1fr; }
  .reviews-score { min-width: 0; grid-template-columns: auto auto; justify-items: start; }
  .reviews-score strong { grid-row: span 2; }
}

/* Plain-language terms page and required service-request acknowledgement. */
.terms-accept{display:flex;align-items:flex-start;gap:10px;margin:0 0 13px;padding:12px 13px;border:1px solid rgba(238,205,128,.28);background:rgba(4,4,4,.38);color:#d6cfbf;font-size:.7rem;line-height:1.55}
.terms-accept input{flex:0 0 17px;width:17px;height:17px;margin:1px 0 0;accent-color:#d8ae55}
.terms-accept label{cursor:pointer}.terms-accept a{color:#f5d78c;text-decoration:underline;text-underline-offset:3px}
.terms-section{padding:clamp(38px,5vw,62px) 0;background:rgba(8,8,7,.5)}
.terms-card{max-width:900px;padding:clamp(22px,4vw,42px);border:1px solid rgba(238,205,128,.24);background:linear-gradient(145deg,rgba(20,18,14,.84),rgba(8,8,7,.76));box-shadow:0 18px 48px rgba(0,0,0,.23);backdrop-filter:blur(14px)}
.terms-updated{margin:0 0 24px;color:#d8ae55;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}
.terms-card h2{margin:25px 0 8px;color:#f5d78c;font:400 1.45rem/1.2 Georgia,'Times New Roman',serif}
.terms-card p{color:#d0cabb;line-height:1.75}.terms-card h2:first-of-type{margin-top:0}.terms-return{margin-top:13px}
@media(max-width:640px){.terms-section{padding:25px 0}.terms-card{padding:20px}.terms-card h2{font-size:1.25rem;margin-top:21px}.terms-card p{font-size:.82rem;line-height:1.65}.terms-accept{font-size:.67rem}}
.terms-card ul{padding-left:1.25rem;color:#d0cabb;line-height:1.72}.terms-card li{margin:.42rem 0}.terms-card li::marker{color:#d8ae55}
@media(max-width:640px){.terms-card ul{font-size:.81rem;line-height:1.62;padding-left:1.15rem}.terms-card li{margin:.5rem 0}}

.live-form-intro{color:#d3ccbd;line-height:1.7;margin:0 0 18px}.wix-request-frame{display:block;width:100%;height:1320px;border:1px solid rgba(238,205,128,.2);border-radius:4px;background:#090909}.live-form-card .privacy{font-size:.72rem;margin:14px 0 0}.live-form-card .privacy a{color:#f0cc80;text-decoration:underline}@media(max-width:640px){.wix-request-frame{height:1640px}}

.privacy-note{margin:1rem 0 0;color:#aaa;font-size:.82rem;line-height:1.6}.privacy-note strong{color:#e8c34b}


/* Desktop rhythm: bring the key content closer without shrinking the type. */
@media (min-width: 851px) {
  .wrap { width: min(1200px, calc(100% - 64px)); }
  .hero { min-height: clamp(440px, calc(100svh - 180px), 620px); }
  .hero-content { padding: clamp(38px, 5.5vh, 64px) 0; }
  .hero h1 { font-size: clamp(3.35rem, 6.2vw, 5.9rem); margin: 19px 0 16px; }
  .hero-copy { max-width: 500px; line-height: 1.68; }
  .hero-note { margin-top: 20px; }
  .proof-row { padding: 11px 0; }
  .reviews { padding: 32px 0; }
  .reviews-head { margin-bottom: 15px; }
  .review-card { min-height: 160px; padding: 14px; }
  .review-card blockquote { margin: 10px 0 12px; line-height: 1.56; }
  .showcase, .home-tiles { padding: 36px 0; }
  .showcase-head { margin-bottom: 16px; }
  .photo-grid { grid-template-rows: 170px 170px; gap: 10px; }
  .photo-caption b { font-size: 1.18rem; }
  .tile-grid { margin-top: 20px; gap: 12px; }
  .tile { min-height: 150px; padding: 19px; }
  .tile h3 { font-size: 1.3rem; margin: 8px 0 5px; }
  .tile p { line-height: 1.58; margin: 7px 0; }
  .page-hero { min-height: clamp(190px, 22vh, 245px); }
  .page-hero .wrap { padding: 24px 0; }
  .page-hero h1 { margin: 10px 0 7px; }
  section.packages, .experience, .faq, .request, .services-list { padding: 34px 0; }
  .section-head { margin-bottom: 20px; }
  .card { padding: 16px; }
  .card-photo { height: 118px; }
  .service-item { min-height: 132px; padding: 16px; }
  .services-intro { margin-bottom: 18px; }
  .services-note { padding: 17px; }
  .faq-grid, .request-grid { gap: 30px; }
  .faq-list details { padding: 10px 0; }
  .form-card { padding: 18px; }
  .footer { padding: 16px 0; }
}

/* Desktop-only scale correction: keep the same visual hierarchy with a calmer
   100% browser view. Tablet and mobile layouts remain unchanged. */
@media (min-width: 851px) {
  html { font-size: 94%; }
  header { height: 76px; }
  .brand img { width: 172px; height: 61px; }
  .links { gap: 22px; font-size: .8rem; }
  .nav-cta, .button { padding: 12px 18px; }
  .hero { min-height: clamp(420px, calc(100svh - 172px), 580px); }
  .hero-content { max-width: 620px; }
  .hero h1 { font-size: clamp(3.15rem, 5.4vw, 5.25rem); }
  .hero-copy { max-width: 470px; }
  .hero-actions { margin-top: 27px; }
  .hero-note { margin-top: 17px; }
  .proof-row { padding: 9px 0; }
  .section-head h2, .section-title { font-size: clamp(2.25rem, 4.1vw, 3.8rem); }
  .reviews, .showcase, .home-tiles { padding-top: 30px; padding-bottom: 30px; }
  .photo-grid { grid-template-rows: 155px 155px; }
  .experience { padding-top: 32px; padding-bottom: 32px; }
  .experience-art { height: 360px; }
  .experience-grid { gap: 54px; }
  .home-tiles h2 { font-size: clamp(1.95rem, 3.6vw, 3.1rem); }
  .tile { min-height: 138px; padding: 17px; }
  .page-hero { min-height: clamp(178px, 20vh, 225px); }
  .page-hero h1 { font-size: clamp(2.5rem, 5vw, 4.25rem); }
  section.packages, .faq, .request, .services-list { padding-top: 30px; padding-bottom: 30px; }
  .cards { gap: 12px; }
  .card { padding: 14px; }
  .card-photo { height: 108px; }
  .card h3 { font-size: 1.48rem; }
  .service-item { min-height: 122px; padding: 14px; }
  .faq-grid, .request-grid { gap: 26px; }
  .faq-list details { padding: 9px 0; }
  .form-card { padding: 16px; }
  .footer { padding-top: 14px; padding-bottom: 14px; }
}

.kng-request-form .model-help{display:block;margin-top:7px;color:#c7bead;font-size:.67rem;line-height:1.45}.kng-request-form .terms-accept{display:flex;align-items:flex-start;gap:10px}.kng-request-form .terms-accept input{width:17px;min-width:17px;height:17px;margin:2px 0 0;accent-color:#d8ae55}.kng-request-form .terms-accept span{font-size:.7rem;line-height:1.55}.kng-request-form .terms-accept a{color:#f5d78c;text-decoration:underline;text-underline-offset:3px}.kng-request-form .form-submit{cursor:pointer;border-radius:2px}.kng-request-form .status{display:none;margin:10px 0 0;padding:11px 13px;border:1px solid rgba(238,205,128,.32);background:rgba(4,4,4,.4);color:#efe4c8;font-size:.8rem;line-height:1.55}.kng-request-form .status.show{display:block}.kng-request-form select:disabled{opacity:.7;cursor:wait}.kng-request-form input[hidden]{display:none!important}@media(max-width:640px){.kng-request-form .model-help{font-size:.65rem}.kng-request-form .terms-accept span{font-size:.66rem}}


/* Clickable package and service cards, plus non-clickable optional add-ons. */
a.card,a.service-item-link{color:inherit;text-decoration:none}
a.card{cursor:pointer;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
a.card:hover{transform:translateY(-3px)}
a.card:focus-visible,a.service-item-link:focus-visible{outline:2px solid var(--bright);outline-offset:3px}
.package-select,.service-request{display:block;margin-top:15px;padding-top:12px;border-top:1px solid rgba(222,184,95,.24);color:var(--bright);font-size:.61rem;letter-spacing:.13em;text-transform:uppercase}
.package-select{grid-column:1/-1;text-align:right}
.service-item-link{display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.service-item-link:hover{transform:translateY(-3px);border-color:rgba(245,215,140,.65);box-shadow:0 18px 42px rgba(0,0,0,.26)}
.service-request{margin-top:auto}
.addons-panel{margin:30px 0 0;padding:clamp(22px,3vw,34px);border:1px solid rgba(238,205,128,.32);background:linear-gradient(145deg,rgba(20,18,14,.84),rgba(8,8,7,.76));box-shadow:0 18px 42px rgba(0,0,0,.2);backdrop-filter:blur(13px)}
.addons-heading{max-width:680px;margin:0 auto 22px;text-align:center}
.addons-heading h2{margin:10px 0;font:400 clamp(1.8rem,3vw,2.6rem)/1.1 Georgia,'Times New Roman',serif}
.addons-heading p{color:#d0c8b8;line-height:1.7}
.addons-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.addon-item{min-height:130px;padding:16px 14px;border:1px solid rgba(238,205,128,.19);background:rgba(6,6,5,.4)}
.addon-item>span{font-size:.55rem;letter-spacing:.18em;color:var(--bright)}
.addon-item h3{min-height:2.6em;margin:11px 0;font-size:.92rem;line-height:1.25}
.addon-item strong{color:#f4d27a;font-size:.85rem}
@media(max-width:850px){.addons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.package-select{grid-column:1/-1;margin-top:8px;padding-top:8px;font-size:.56rem}.service-request{margin-top:12px;padding-top:10px}.addons-panel{margin-top:20px;padding:18px 14px}.addons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.addon-item{min-height:112px;padding:12px}.addon-item h3{font-size:.82rem}}

/* Desktop package density and explicit card actions. */
a.card,a.service-item-link{color:inherit;text-decoration:none}
.package-select,.service-request{display:flex;align-items:center;justify-content:flex-end;min-height:38px;margin-top:12px;padding:8px 11px;border:1px solid rgba(245,215,140,.42);background:rgba(216,174,85,.08);color:var(--bright);text-decoration:none!important;font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s}
.package-select:hover,.service-request:hover{background:rgba(216,174,85,.2);border-color:rgba(245,215,140,.82);transform:translateY(-1px)}
a.card{cursor:pointer;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
a.card:hover{transform:translateY(-3px)}
a.card:focus-visible,a.service-item-link:focus-visible{outline:2px solid var(--bright);outline-offset:3px}
.service-item-link{display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.service-item-link:hover{transform:translateY(-3px);border-color:rgba(245,215,140,.65)}
@media(min-width:1100px){
 .packages-page-body .page-hero{min-height:250px}
 .packages-page-body .page-hero .wrap{padding:32px 0}
 .packages-page-body .page-hero h1{font-size:clamp(2.7rem,4.6vw,4.45rem);margin:12px 0 9px}
 .packages-page-body .page-hero p{max-width:650px;font-size:.9rem;line-height:1.6}
 .packages-page-body .page-hero-actions{margin-top:12px}
 .packages-page-body section.packages{padding:34px 0}
 .packages-page-body .cards{gap:12px}
 .packages-page-body article.card{padding:15px}
 .packages-page-body .card-photo{height:112px}
 .packages-page-body .card h3{font-size:1.32rem;line-height:1.12;margin:10px 0}
 .packages-page-body .card p,.packages-page-body .card ul{font-size:.7rem;line-height:1.45}
 .packages-page-body .card ul{margin-top:7px}
 .packages-page-body .package-select{min-height:34px;margin-top:9px;padding:7px 9px;font-size:.56rem}
}
@media(max-width:640px){.package-select,.service-request{justify-content:center;min-height:40px;margin-top:10px;padding:9px;font-size:.58rem}}
/* Desktop visual scale for inner pages at standard browser zoom. */
@media(min-width:1200px){body.app-page-body,body.faq-page-body{zoom:.75;width:133.333333%}body.kng-centered-page{zoom:.8;width:100%}body.kng-centered-page .hero-content{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}body.kng-centered-page .hero-actions,body.kng-centered-page .hero-note,body.kng-centered-page .page-hero-actions{justify-content:center}body.kng-centered-page .page-hero .wrap{text-align:center}}
/* Desktop scale and centering adjustment for primary KNG pages. */


/* KNG page rhythm refinement — intro, FAQ and app are intentionally excluded. */
body.kng-centered-page:not(.kng-inner-page) .hero .hero-content{
  width:min(100%,900px);
  max-width:900px;
  margin-inline:auto;
  text-align:center;
}
body.kng-centered-page:not(.kng-inner-page) .hero .home-hours-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  width:fit-content;
  max-width:100%;
  margin:0 auto 18px;
  padding:12px 20px;
  line-height:1.45;
  text-align:center;
  letter-spacing:.12em;
  border-color:rgba(234,198,113,.48);
  background:rgba(10,9,8,.78);
}
body.kng-centered-page:not(.kng-inner-page) .home-hours-card__city{
  color:#f1d27d;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.2em;
}
body.kng-centered-page:not(.kng-inner-page) .home-hours-card__hours,
body.kng-centered-page:not(.kng-inner-page) .home-hours-card__appointment{
  font-size:.62rem;
  font-weight:650;
  letter-spacing:.13em;
}
body.kng-centered-page:not(.kng-inner-page) .home-hours-card__hours b{
  color:#f1d27d;
  margin-right:5px;
}
body.kng-centered-page:not(.kng-inner-page) .hero h1{
  max-width:900px;
  margin:12px auto 14px;
  font-size:clamp(3rem,5vw,4.85rem);
  line-height:1.04;
  letter-spacing:-.035em;
}
body.kng-centered-page:not(.kng-inner-page) .hero-copy{
  max-width:620px;
  margin-inline:auto;
  line-height:1.62;
}
body.kng-centered-page:not(.kng-inner-page) .hero-actions,
body.kng-centered-page:not(.kng-inner-page) .hero-note{
  justify-content:center;
  text-align:center;
}
body.kng-centered-page:not(.kng-inner-page) .hero-note{margin-top:18px}
body.kng-inner-page:not(.faq-page-body) .page-hero{
  min-height:clamp(180px,22vh,250px);
}
body.kng-inner-page:not(.faq-page-body) .page-hero .wrap{
  width:min(1080px,calc(100% - 48px));
  padding:clamp(28px,4vh,44px) 0;
  margin-inline:auto;
  text-align:center;
}
body.kng-inner-page:not(.faq-page-body) .page-hero .eyebrow{
  justify-content:center;
}
body.kng-inner-page:not(.faq-page-body) .page-hero h1{
  margin:12px auto 9px;
  font-size:clamp(2.7rem,4.8vw,4.1rem);
  line-height:1.04;
}
body.kng-inner-page:not(.faq-page-body) .page-hero p{
  max-width:720px;
  margin:0 auto;
  font-size:.94rem;
  line-height:1.58;
}
body.kng-inner-page:not(.faq-page-body) section.packages,
body.kng-inner-page:not(.faq-page-body) .services-list,
body.kng-inner-page:not(.faq-page-body) .experience,
body.kng-inner-page:not(.faq-page-body) .request{
  padding-block:clamp(30px,4vw,52px);
}
body.kng-inner-page:not(.faq-page-body) .packages .wrap,
body.kng-inner-page:not(.faq-page-body) .services-list .wrap,
body.kng-inner-page:not(.faq-page-body) .experience .wrap,
body.kng-inner-page:not(.faq-page-body) .request .wrap{
  width:min(1220px,calc(100% - 48px));
  margin-inline:auto;
}
body.kng-inner-page:not(.faq-page-body) .cards,
body.kng-inner-page:not(.faq-page-body) .service-grid{
  gap:18px;
}
body.kng-inner-page:not(.faq-page-body) .experience-grid-copy{
  display:block;
  width:min(900px,100%);
  margin-inline:auto;
}
body.kng-inner-page:not(.faq-page-body) .services-intro{
  align-items:end;
  gap:clamp(24px,4vw,56px);
  margin-bottom:24px;
}
body.kng-inner-page:not(.faq-page-body) .services-intro>p{
  max-width:500px;
  margin:0;
}
body.kng-inner-page:not(.faq-page-body) .request-grid{
  gap:clamp(28px,4vw,56px);
}
@media(max-width:640px){
  body.kng-centered-page:not(.kng-inner-page) .hero .home-hours-card{
    width:min(100%,420px);
    padding:11px 13px;
    margin-bottom:14px;
    letter-spacing:.08em;
  }
  body.kng-centered-page:not(.kng-inner-page) .home-hours-card__city{font-size:.64rem}
  body.kng-centered-page:not(.kng-inner-page) .home-hours-card__hours,
  body.kng-centered-page:not(.kng-inner-page) .home-hours-card__appointment{font-size:.57rem;letter-spacing:.08em}
  body.kng-centered-page:not(.kng-inner-page) .hero h1{font-size:clamp(2.6rem,10.5vw,3.55rem);line-height:1.04}
  body.kng-inner-page:not(.faq-page-body) .page-hero{min-height:190px}
  body.kng-inner-page:not(.faq-page-body) .page-hero .wrap,
  body.kng-inner-page:not(.faq-page-body) .packages .wrap,
  body.kng-inner-page:not(.faq-page-body) .services-list .wrap,
  body.kng-inner-page:not(.faq-page-body) .experience .wrap,
  body.kng-inner-page:not(.faq-page-body) .request .wrap{width:calc(100% - 32px)}
  body.kng-inner-page:not(.faq-page-body) .page-hero h1{font-size:clamp(2.4rem,10vw,3.3rem)}
  body.kng-inner-page:not(.faq-page-body) .cards,
  body.kng-inner-page:not(.faq-page-body) .service-grid{gap:14px}
  body.kng-inner-page:not(.faq-page-body) .services-intro{display:block}
  body.kng-inner-page:not(.faq-page-body) .services-intro>p{margin-top:12px}
}


/* KNG responsive service-card grid refinement. */
body.kng-inner-page:not(.faq-page-body) .service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:18px;
}
body.kng-inner-page:not(.faq-page-body) .service-grid .service-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
body.kng-inner-page:not(.faq-page-body) .service-grid .service-item p{
  flex:1;
}
body.kng-inner-page:not(.faq-page-body) .service-grid .service-request{
  width:100%;
  justify-content:space-between;
  margin-top:14px;
}
@media(max-width:920px){
  body.kng-inner-page:not(.faq-page-body) .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.kng-inner-page:not(.faq-page-body) .service-grid{grid-template-columns:1fr}
}


/* FAQ and KNG App header width alignment only. */
@media (min-width:1200px) {
  body.faq-page-body header .wrap,
  body.app-page-body header .wrap {
    width:min(1237px,calc(100% - 60px));
  }
}


/* FAQ and KNG App use the same 80% desktop layout as the other public pages. */
@media (min-width:1200px) {
  body.faq-page-body,
  body.app-page-body {
    zoom:.8;
    width:100%;
  }
  body.faq-page-body header .wrap,
  body.app-page-body header .wrap {
    width:min(1160px,calc(100% - 48px));
  }
}


/* Transparent site surfaces. This block does not target the locked intro. */
.preview,
header,
.proof,
.reviews,
.showcase,
.home-tiles,
.page-hero,
section.packages,
.experience,
.services-list,
.request,
.faq,
.app-coming,
.footer,
.mobile-bar,
.card,
.card.featured,
.tile,
.tile:hover,
.form-card,
.service-item,
.services-note,
.pricing-note,
.review-card,
.reviews-score,
.terms-card,
.app-logo-panel {
  background: #0b0a0999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.page-hero:before {
  background: linear-gradient(110deg, rgba(7, 7, 7, .36), rgba(16, 14, 10, .12)),
              linear-gradient(0deg, rgba(9, 9, 9, .24), transparent 50%);
}

.kicker,
.page-hero .eyebrow {
  background: #0b0a0999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}


/* Questionnaire-matched transparency across regular pages; intro remains untouched. */
.hero:before,
.page-hero:before {
  background: transparent;
}

.addons-panel,
.addon-item {
  background: #0b0a0999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}


/* Lighter glass opacity to match the questionnaire preview. */
.preview,
header,
.proof,
.reviews,
.showcase,
.home-tiles,
.page-hero,
section.packages,
.experience,
.services-list,
.request,
.faq,
.app-coming,
.footer,
.mobile-bar,
.card,
.card.featured,
.tile,
.tile:hover,
.form-card,
.service-item,
.services-note,
.pricing-note,
.review-card,
.reviews-score,
.terms-card,
.app-logo-panel,
.addons-panel,
.addon-item,
.kicker,
.page-hero .eyebrow {
  background: rgba(11,10,9,.42);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.field input,
.field select,
.field textarea {
  background: rgba(11,10,9,.42);
}


/* Clear section backdrops so the panel opacity matches the questionnaire. */
.proof,
.reviews,
.showcase,
.home-tiles,
.page-hero,
section.packages,
.experience,
.services-list,
.request,
.faq,
.app-coming {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* KNG shared exact lossless images — 2026-11-01; original PNG rules remain the format fallback. */
.kng-lossless-logo {display:contents}
.kng-lossless-logo > source {display:none}
@supports (background-image: image-set(url('') type('image/webp'))) {
  body:before {background-image:linear-gradient(112deg,rgba(5,5,5,.46),rgba(5,5,5,.30) 48%,rgba(5,5,5,.48)),image-set(url('assets/detailing-hero.webp') type('image/webp'), url('assets/detailing-hero.png') type('image/png'))}
  .brand img,.footer-brand img {content:image-set(url('assets/logo-lockup-transparent.webp') type('image/webp'), url('assets/logo-lockup-transparent.png') type('image/png'))}
}