/* Loaded only by detail pages. The selected home, services and correction guide stay separate. */
.ct-detail-intro{position:relative;isolation:isolate;overflow:hidden;background:#15151a}
.ct-detail-intro-grid{position:relative;min-height:530px;display:flex;align-items:center;padding-block:55px}
.ct-detail-intro-copy{width:48%;max-width:630px;position:relative;z-index:1}
.ct-detail-eyebrow{font-size:11px;line-height:1.6;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#ff5863;margin-bottom:21px}
.ct-detail-intro h1{font-size:clamp(49px,4.8vw,70px);line-height:1.04;letter-spacing:-.052em;max-width:12ch}
.ct-detail-intro h1 span{display:block}
.ct-detail-intro-lead{font-size:18px;line-height:1.7;max-width:43ch;margin-top:23px;color:#e2dfe5}
.ct-detail-intro-note{font-size:12px;line-height:1.7;color:#d4d0d7;margin-top:17px;max-width:48ch}
.ct-detail-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:27px}
.ct-detail-actions .button{min-height:55px;font-size:15px;padding:13px 22px;gap:24px}
.ct-detail-intro-photo{position:absolute;inset:0 0 0 28%;overflow:hidden}
.ct-detail-intro-photo img{object-position:var(--detail-pos)}
.ct-detail-intro-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15151a 0%,rgba(21,21,26,.88) 16%,rgba(21,21,26,.38) 40%,transparent 71%),linear-gradient(0deg,#15151a 0%,rgba(21,21,26,.08) 24%,transparent 48%)}
.ct-detail-nav{border-block:1px solid #35343b;background:#15151a}
.ct-detail-nav>.wrap{display:flex;gap:34px;align-items:center;padding-block:10px}
.ct-detail-nav-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#c8c3cb;flex-shrink:0}
.ct-detail-nav-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.ct-detail-nav a{display:inline-flex;align-items:center;gap:15px;min-height:45px;font-size:13px;font-weight:600}
.ct-detail-nav a span{color:#aaa3ad}.ct-detail-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.ct-detail-reviews{padding-block:42px;background:#1d1d23;border-top:1px solid #343139}
.ct-detail-reviews-grid{display:grid;grid-template-columns:.72fr 1fr 1fr;gap:48px;align-items:start}
.ct-detail-reviews .ct-detail-eyebrow{color:#c2bac5;margin-bottom:17px;font-size:10px}
.ct-detail-rating{display:inline-flex;gap:19px;align-items:center}
.ct-detail-rating strong{font:800 53px/1 var(--display);letter-spacing:-.07em}
.ct-detail-rating>span{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#d6d0da}
.ct-detail-stars{letter-spacing:3px;color:#f0ddd8;font-size:13px}
.ct-detail-reviews blockquote{margin:0;padding-left:24px;border-left:1px solid #4a414c}
.ct-detail-reviews blockquote p{font-size:14px;line-height:1.8;color:#e2dce6}
.ct-detail-reviews blockquote footer{font-size:12px;font-weight:600;margin-top:14px;color:#fff}
.ct-detail-end{background:#edeae3;color:#232126;padding-block:62px;color-scheme:light}
.ct-detail-end-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ct-detail-end .ct-detail-eyebrow{color:#a41729}
.ct-detail-end h2{font-size:clamp(42px,4.3vw,62px);line-height:1.05;max-width:16ch}
.ct-detail-end-lead{font-size:18px;line-height:1.7;margin-top:24px;color:#4b454e;max-width:42ch}
.ct-detail-end-body{font-size:15px;line-height:1.8;color:#5a535c;margin-top:14px;max-width:48ch}
.ct-detail-end .button{color:#fff}.ct-detail-end a:focus-visible{outline-color:#a41729}
.ct-detail-end-contact{font-size:12px;color:#5a535c;margin-top:20px}
.ct-detail-end-contact a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.ct-detail-end-photo{position:relative;overflow:hidden;height:430px;background:#c6c2bf}
.ct-detail-end-photo img{width:100%;height:100%;object-fit:cover}
.ct-detail-end-photo figcaption{position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;background:#18161bd9;padding:8px 11px;color:#fff;font-size:11px;letter-spacing:.2px}
/* Readable spacing for existing authored explanations. */
.faq{border-top:1px solid #333039}.faq-list details{border-bottom:1px solid #35323a;padding-bottom:8px}.faq-list details+details{padding-top:8px}
.faq h2{font-size:clamp(38px,3.6vw,52px)}.faq-list summary{font-size:17px}.faq-answer{color:#d4ced8}
.proof-pair figure::after{inset:67% 0 0;background:linear-gradient(0deg,#15151add,transparent)}
.proof-pair figcaption{font-weight:500}
.levels .level .lead{max-width:57ch}.levels .level .inc{max-width:65ch}
.levels .warranty-note{max-width:110ch}
.estimate .process{background:transparent}
@media(max-width:1100px){
 .ct-detail-intro-copy{width:53%}.ct-detail-intro h1{font-size:57px}.ct-detail-intro-photo{left:24%}.ct-detail-intro-lead{font-size:17px;max-width:37ch}.ct-detail-nav>.wrap{gap:22px}.ct-detail-nav-links{gap:22px}.ct-detail-end-grid{gap:44px}.ct-detail-end-photo{height:410px}.ct-detail-reviews-grid{grid-template-columns:.7fr 1fr 1fr;gap:28px}.ct-detail-rating{gap:12px}.ct-detail-rating strong{font-size:45px}
}
@media(max-width:800px){
 .ct-detail-intro-grid{min-height:500px}.ct-detail-intro h1{font-size:54px}.ct-detail-intro-copy{width:61%}.ct-detail-intro-photo{left:25%}.ct-detail-nav>.wrap{display:block;padding-block:14px}.ct-detail-nav-label{display:block;margin-bottom:5px}.ct-detail-nav-links{gap:8px 24px}.ct-detail-nav a{font-size:12px;min-height:39px}.ct-detail-end-grid{gap:30px}.ct-detail-end-photo{height:370px}.ct-detail-end h2{font-size:42px}.ct-detail-reviews-grid{grid-template-columns:1fr 1fr}.ct-detail-reviews-grid>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px}.ct-detail-reviews .ct-detail-eyebrow{margin:0}.ct-detail-end .ct-detail-actions{gap:14px}
}
@media(max-width:620px){
 .ct-detail-intro-grid{min-height:0;padding-top:262px;padding-bottom:36px}.ct-detail-intro-copy{width:100%;max-width:none}.ct-detail-intro h1{font-size:clamp(41px,11vw,60px);max-width:15ch}.ct-detail-eyebrow{font-size:10px;margin-bottom:18px}.ct-detail-intro-lead{font-size:16px;max-width:40ch;margin-top:20px}.ct-detail-intro-note{font-size:11px;margin-top:15px}.ct-detail-intro-photo{inset:0 0 auto;height:335px}.ct-detail-intro-photo img{object-position:var(--detail-pos-m)}.ct-detail-intro-photo::after{background:linear-gradient(0deg,#15151a 0%,rgba(21,21,26,.8) 13%,rgba(21,21,26,.16) 42%,transparent 74%)}
 .ct-detail-actions{gap:12px 22px;margin-top:23px}.ct-detail-actions .button{font-size:14px;padding:13px 18px;min-height:53px}.ct-detail-actions .text-link{font-size:13px}
 .ct-detail-nav-links{gap:4px 23px}.ct-detail-nav-label{font-size:9px}
 .ct-detail-reviews{padding-block:32px}.ct-detail-reviews-grid{grid-template-columns:1fr;gap:25px}.ct-detail-reviews-grid>div{grid-column:auto;display:block}.ct-detail-reviews .ct-detail-eyebrow{margin-bottom:13px}.ct-detail-rating strong{font-size:46px}.ct-detail-reviews blockquote{padding-left:18px}.ct-detail-reviews blockquote p{font-size:13px}
 .ct-detail-end{padding-block:40px}.ct-detail-end-grid{grid-template-columns:1fr;gap:32px}.ct-detail-end h2{font-size:43px}.ct-detail-end-lead{font-size:16px;margin-top:20px}.ct-detail-end-body{font-size:14px}.ct-detail-end-photo{height:310px}.ct-detail-end-contact{font-size:11px}.ct-detail-end-photo figcaption{font-size:10px}
 .faq{gap:26px}.faq h2{font-size:39px}.faq-list summary{font-size:16px}.faq-answer{font-size:15px}
}

/* Ceramic page only. Shared page chrome comes from detail_components. */
.ceramic-label{font-size:11px;font-weight:600;line-height:1.6;letter-spacing:1.2px;text-transform:uppercase;color:#ff6670}
.ceramic-benefits,.ceramic-preparation{padding-block:66px}
.ceramic-section-head{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:64px;margin-bottom:38px}
.ceramic-section-head .ceramic-label{margin-bottom:17px}
.ceramic-section-head h2{font-size:clamp(38px,3.7vw,54px);max-width:24ch}
.ceramic-section-head>p{font-size:17px;line-height:1.7;color:#d4d4db;max-width:48ch}
.ceramic-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.ceramic-benefit-grid article{min-width:0;border-top:1px solid #37373e;padding-top:19px}
.ceramic-benefit-mark{display:block;font:800 24px/1 var(--display);letter-spacing:-.04em;color:#ff6670;margin-bottom:22px}
.ceramic-benefit-grid h3{font-size:27px;line-height:1.12;max-width:23ch}
.ceramic-benefit-grid p{font-size:16px;line-height:1.7;margin-top:15px;color:#d4d4db;max-width:43ch}
.ceramic-benefit-grid .text-link{font-size:14px;margin-top:13px}
.ceramic-coatings{padding-block:64px;background:#edeae3;color:#232126;color-scheme:light}
.ceramic-coatings .ceramic-label{color:#a41729}
.ceramic-coatings .ceramic-section-head>p{color:#554f57}
.ceramic-coatings a:focus-visible{outline-color:#a41729}
.ceramic-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;scroll-margin-top:30px}
.ceramic-coating{min-width:0;display:flex;flex-direction:column;border-top:1px solid #c8c4c0;padding-top:26px}
.ceramic-coating-head{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:27px;min-height:150px}
.ceramic-duration strong{display:block;font:800 100px/.87 var(--display);letter-spacing:-.08em}
.ceramic-duration span{display:block;font-size:15px;font-weight:500;margin-top:11px;color:#554f57}
.ceramic-coating-head .ceramic-label{margin-bottom:11px}
.ceramic-coating-head h3{font-size:29px;line-height:1.12;max-width:25ch}
.ceramic-coating-fit{font-size:15px;line-height:1.65;color:#554f57;max-width:38ch;margin-top:14px}
.ceramic-included{list-style:none;padding:0;margin:25px 0 27px;flex:1}
.ceramic-included li{position:relative;padding-left:22px;font-size:15px;line-height:1.7;color:#554f57;max-width:57ch}
.ceramic-included li+li{margin-top:10px}
.ceramic-included li::before{content:'✓';position:absolute;left:0;top:0;color:#a41729;font-size:13px;font-weight:600}
.ceramic-prices{padding-top:20px;border-top:1px solid #c8c4c0}
.ceramic-price-label{font-size:10px;font-weight:600;letter-spacing:1.05px;text-transform:uppercase;color:#554f57;margin-bottom:7px}
.ceramic-prices dl{margin:0;padding:0}
.ceramic-prices dl>div{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-block:14px}
.ceramic-prices dl>div+div{border-top:1px solid #d6d1cc}
.ceramic-prices dt{font-size:13px;font-weight:600;line-height:1.5}
.ceramic-prices dt span{display:block;font-weight:400;font-size:14px;color:#554f57;margin-top:3px}
.ceramic-prices dd{font:800 34px/1.1 var(--display);letter-spacing:-.04em;white-space:nowrap;margin:0}
.ceramic-prices dd small{font:500 13px/1.5 var(--body);letter-spacing:0;color:#554f57}
.ceramic-comparison-note{display:flex;justify-content:space-between;align-items:start;gap:28px;padding-top:25px;border-top:1px solid #c8c4c0;margin-top:26px}
.ceramic-comparison-note p{font-size:14px;line-height:1.7;color:#554f57;max-width:78ch}
.ceramic-comparison-note .text-link{font-size:14px;flex-shrink:0;margin-top:-4px}
.ceramic-warranty{font-size:12px;line-height:1.75;color:#554f57;max-width:110ch;margin-top:18px}
.ceramic-preparation-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:66px;align-items:start}
.ceramic-preparation-copy .ceramic-label{margin-bottom:18px}
.ceramic-preparation-copy h2{font-size:clamp(38px,3.7vw,54px);max-width:18ch}
.ceramic-lead{font-size:19px;line-height:1.6;color:#fff;margin-top:19px;max-width:45ch}
.ceramic-preparation-copy>p:not(.ceramic-label):not(.ceramic-lead){font-size:16px;line-height:1.7;color:#d4d4db;margin-top:18px;max-width:48ch}
.ceramic-preparation-copy .text-link{font-size:14px;margin-top:17px}
.ceramic-preparation-photos{min-width:0}
.ceramic-preparation-photos figure{min-width:0}
.ceramic-preparation-main img{height:auto;aspect-ratio:1.5;object-position:65% 60%}
.ceramic-preparation-photos figcaption{font-size:12px;line-height:1.6;color:#b4b4bf;margin-top:9px}
.ceramic-process{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px;padding-top:31px;border-top:1px solid #37373e;margin-top:45px}
.ceramic-process .ceramic-label{margin-bottom:13px}
.ceramic-process h3{font-size:30px;line-height:1.12}
.ceramic-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ceramic-process li{padding-top:3px;min-width:0}
.ceramic-process strong{display:block;font-size:14px;font-weight:600;line-height:1.6}
.ceramic-process span{display:block;font-size:14px;line-height:1.7;color:#b4b4bf;margin-top:10px}
.ceramic-care{padding-block:60px;background:#222229}
.ceramic-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.ceramic-care .ceramic-label{margin-bottom:18px}
.ceramic-care h2{font-size:clamp(38px,3.7vw,54px);max-width:17ch}
.ceramic-care .ceramic-lead{font-size:18px;max-width:39ch}
.ceramic-care-copy{font-size:16px;line-height:1.7;color:#d4d4db;margin-top:20px;max-width:49ch}
.ceramic-care .text-link{font-size:14px;margin-top:15px}
.ceramic-care-notes{padding:0;margin:0}
.ceramic-care-notes>div{border-top:1px solid #44444d;padding-block:20px}
.ceramic-care-notes dt{font-size:18px;line-height:1.5;font-weight:600;color:#fff}
.ceramic-care-notes dd{font-size:15px;line-height:1.7;color:#d4d4db;max-width:51ch;margin:10px 0 0}
@media(max-width:1100px){
 .ceramic-section-head{gap:40px}.ceramic-benefit-grid{gap:28px}.ceramic-comparison{gap:35px}.ceramic-coating-head{grid-template-columns:80px minmax(0,1fr);gap:22px}.ceramic-duration strong{font-size:88px}.ceramic-coating-head h3{font-size:27px}.ceramic-preparation-grid{gap:40px;grid-template-columns:1fr 1fr}.ceramic-process{gap:35px;grid-template-columns:.6fr 1.4fr}.ceramic-process ol{gap:18px}.ceramic-care-grid{gap:45px}
}
@media(max-width:800px){
 .ceramic-section-head{grid-template-columns:1fr;gap:20px}.ceramic-section-head>p{max-width:65ch}.ceramic-benefit-grid{gap:23px}.ceramic-benefit-grid h3{font-size:23px}.ceramic-benefit-grid p{font-size:15px}.ceramic-comparison{gap:28px}.ceramic-coating-head{display:block;min-height:0}.ceramic-duration{display:flex;align-items:baseline;gap:15px;margin-bottom:22px}.ceramic-duration strong{font-size:78px}.ceramic-duration span{margin:0}.ceramic-coating-head h3{font-size:27px}.ceramic-coating-fit{min-height:50px}.ceramic-prices dd{font-size:29px}.ceramic-comparison-note{flex-direction:column;gap:12px}.ceramic-preparation-grid{grid-template-columns:1fr;gap:28px}.ceramic-preparation-copy{max-width:680px}.ceramic-preparation-copy h2{max-width:23ch}.ceramic-preparation-copy>p:not(.ceramic-label):not(.ceramic-lead){max-width:67ch}.ceramic-process{grid-template-columns:1fr;gap:25px}.ceramic-process h3 br{display:none}.ceramic-care-grid{gap:35px}.ceramic-care h2{font-size:39px}
}
@media(max-width:620px){
 .ceramic-benefits,.ceramic-preparation{padding-block:42px}.ceramic-label{font-size:10px;letter-spacing:1.05px}.ceramic-section-head{gap:18px;margin-bottom:28px}.ceramic-section-head .ceramic-label{margin-bottom:14px}.ceramic-section-head h2{font-size:37px}.ceramic-section-head>p{font-size:16px}.ceramic-benefit-grid{grid-template-columns:1fr;gap:25px}.ceramic-benefit-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 16px;padding-top:19px}.ceramic-benefit-mark{grid-column:1;grid-row:1/4;margin:3px 0 0;font-size:22px}.ceramic-benefit-grid h3{grid-column:2;font-size:27px}.ceramic-benefit-grid p{grid-column:2;margin-top:12px;font-size:15px}.ceramic-benefit-grid .text-link{grid-column:2;font-size:13px;margin-top:9px}.ceramic-coatings{padding-block:42px}.ceramic-comparison{grid-template-columns:1fr;gap:31px}.ceramic-coating{padding-top:23px}.ceramic-coating-head{display:grid;grid-template-columns:63px minmax(0,1fr);gap:22px}.ceramic-duration{display:block;margin:0}.ceramic-duration strong{font-size:76px}.ceramic-duration span{font-size:13px;margin-top:9px}.ceramic-coating-head .ceramic-label{font-size:9px;margin-bottom:10px}.ceramic-coating-head h3{font-size:26px}.ceramic-coating-fit{min-height:0;font-size:14px;margin-top:12px}.ceramic-included{margin-block:22px;font-size:14px}.ceramic-included li{font-size:14px}.ceramic-included li+li{margin-top:8px}.ceramic-prices{padding-top:17px}.ceramic-prices dd{font-size:31px}.ceramic-prices dt span{font-size:13px}.ceramic-comparison-note{margin-top:23px;padding-top:20px}.ceramic-comparison-note p{font-size:13px}.ceramic-comparison-note .text-link{font-size:13px}.ceramic-warranty{font-size:12px;margin-top:15px}.ceramic-preparation-copy h2{font-size:37px}.ceramic-preparation-copy .ceramic-label{margin-bottom:14px}.ceramic-lead{font-size:18px;margin-top:16px}.ceramic-preparation-copy>p:not(.ceramic-label):not(.ceramic-lead){font-size:15px;margin-top:16px}.ceramic-preparation-main img{aspect-ratio:4/3;object-position:65% 60%}.ceramic-preparation-photos figcaption{font-size:11px;margin-top:8px}.ceramic-process{margin-top:30px;padding-top:26px;gap:21px}.ceramic-process h3{font-size:28px}.ceramic-process ol{grid-template-columns:1fr;gap:19px}.ceramic-process li{display:grid;grid-template-columns:95px minmax(0,1fr);gap:18px;padding-top:0}.ceramic-process strong{font-size:13px}.ceramic-process span{font-size:13px;margin-top:0}.ceramic-care{padding-block:42px}.ceramic-care-grid{grid-template-columns:1fr;gap:28px}.ceramic-care h2{font-size:37px}.ceramic-care .ceramic-label{margin-bottom:14px}.ceramic-care .ceramic-lead{font-size:17px}.ceramic-care-copy{font-size:15px;margin-top:17px}.ceramic-care-notes>div{padding-block:18px}.ceramic-care-notes dt{font-size:17px}.ceramic-care-notes dd{font-size:14px;margin-top:8px}
}

/* Related surfaces: a direct route from paint packages to each protection service. */
.ceramic-surfaces{padding-block:62px;background:#211c24;border-bottom:1px solid #41313d}
.ceramic-surfaces-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.ceramic-surfaces-grid article{display:flex;flex-direction:column;min-width:0;border-top:1px solid #604653;padding-top:24px}
.ceramic-surfaces-grid h3{font-size:29px;line-height:1.12;margin-top:16px;max-width:19ch}
.ceramic-surfaces-grid article>p:not(.ceramic-label):not(.ceramic-surface-price){font-size:15px;line-height:1.8;color:#dbd2dc;margin-top:18px;max-width:45ch}
.ceramic-surface-price{font:700 29px/1.25 var(--display);letter-spacing:-1px;margin-top:auto;padding-top:26px}
.ceramic-surface-price span{font:400 12px/1.6 var(--body);color:#c6bbc9;letter-spacing:0}
.ceramic-surfaces-grid .text-link{min-height:44px;font-size:14px;margin-top:14px;align-self:flex-start}
@media(max-width:800px){.ceramic-surfaces-grid{gap:24px}.ceramic-surfaces-grid h3{font-size:26px}}
@media(max-width:620px){.ceramic-surfaces{padding-block:40px}.ceramic-surfaces-grid{grid-template-columns:1fr;gap:25px}.ceramic-surfaces-grid article{padding-top:21px}.ceramic-surfaces-grid h3{font-size:28px}.ceramic-surface-price{padding-top:18px}}

/* A shorter horizontal fade reveals more of the ceramic hero photo. */
@media(min-width:621px){
 .ct-detail-intro--ceramic .ct-detail-intro-photo::after{background:linear-gradient(90deg,#15151a 0%,rgba(21,21,26,.88) 10%,rgba(21,21,26,.30) 32%,transparent 62%),linear-gradient(0deg,#15151a 0%,rgba(21,21,26,.08) 24%,transparent 48%)}
}