/* Ceramic guide: one material comparison, generous photography, existing brand controls. */
.ceramic-page{--ceramic-green:#275634;--ceramic-muted:#62695f;--ceramic-tint:#edf1e8}
.ceramic-page [hidden]{display:none!important}
.ceramic-page .breadcrumbs{flex-wrap:wrap}
.ceramic-page main h1,.ceramic-page main h2,.ceramic-page main h3{font-weight:500;letter-spacing:-.05em;line-height:1.1;text-wrap:balance}
.ceramic-page main h2{font-size:clamp(2.5rem,4.4vw,4rem)}
.ceramic-page main p{line-height:1.8}
.ceramic-page main a:focus-visible,.ceramic-page main button:focus-visible,.ceramic-page main summary:focus-visible,.ceramic-page main [tabindex]:focus-visible{outline:3px solid var(--ceramic-green);outline-offset:5px}
.ceramic-page main .pill{background:#f3f3ef;max-width:100%;white-space:normal;--pill-circle:34px;font-size:.9375rem;min-height:54px;line-height:1.5;justify-content:space-between}
.ceramic-page main .pill--white{background:#fff}
.ceramic-page main .pill-label{white-space:normal}
.ceramic-breadcrumb{padding-top:2px}
.ceramic-kicker{font-size:.875rem;font-weight:600;color:var(--ceramic-muted);margin:0 0 22px}
.ceramic-intro{text-align:center;padding-block:44px 38px}
.ceramic-intro h1{font-size:clamp(3.3rem,6.8vw,5.9rem);letter-spacing:-.07em;line-height:1.02;margin:0 auto 26px}
.ceramic-intro-copy{font-size:1.0625rem;color:var(--ceramic-muted);max-width:610px;margin-inline:auto}
.ceramic-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.ceramic-intro .ceramic-actions{justify-content:center}
.ceramic-text-link{font-size:.875rem;font-weight:550;color:var(--ceramic-green);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;line-height:1.8}
.ceramic-hero{position:relative;aspect-ratio:2.45;border-radius:24px;overflow:hidden;background:#edf0e9;margin-block:0}
.ceramic-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 54%}
.ceramic-hero figcaption{position:absolute;bottom:25px;left:25px;right:25px;max-width:660px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 22px;border-radius:12px;background:#fff;font-size:.8125rem;line-height:1.6}
.ceramic-hero figcaption a{display:flex;align-items:center;gap:18px;color:var(--ceramic-green);font-weight:600}
.ceramic-section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}
.ceramic-section-head>p{max-width:420px;font-size:1rem;color:var(--ceramic-muted)}
.ceramic-compare{padding-block:105px 95px;scroll-margin-top:105px}
.ceramic-explorer{border:1px solid #e8ebe1;border-radius:24px;overflow:hidden;background:#fafbf8}
.ceramic-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px;gap:7px;border-bottom:1px solid #e7eadf;background:#f4f5f0}
.ceramic-tabs button{border:0;font:inherit;text-align:left;cursor:pointer;padding:20px 22px;border-radius:13px;background:transparent;color:var(--ceramic-muted);line-height:1.55;transition:background .18s,color .18s}
.ceramic-tabs button>span{font-size:.9375rem;font-weight:600;display:block}
.ceramic-tabs button>small{display:block;font-size:.75rem;margin-top:4px;font-weight:400}
.ceramic-tabs button:hover{background:#e8eee0;color:var(--ceramic-green)}
.ceramic-tabs button[aria-selected=true]{background:var(--ceramic-green);color:#fff}
.ceramic-page .ceramic-tabs button:focus-visible{outline-offset:-4px;outline-color:#adc84d}
.ceramic-panel{display:grid;grid-template-columns:1fr 1fr;scroll-margin-top:115px}
.ceramic-panel+.ceramic-panel{border-top:1px solid #e5e8dd}
.ceramic-explorer.is-enhanced .ceramic-panel{border-top:0}
.ceramic-diagram{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:36px 24px;background:#edf1e6;min-height:530px}
.ceramic-diagram-title{text-align:center;color:var(--ceramic-green);font-weight:500;font-size:1rem;margin:0 0 10px}
.ceramic-slab{stroke:none;display:block;width:100%;max-width:560px;height:auto}
.ceramic-layer-key{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:.75rem;line-height:1.6;margin-top:5px}
.ceramic-layer-key>span{display:flex;align-items:center;gap:8px}
.ceramic-layer-key i{width:12px;height:12px;background:#dbd9cf;border:1px solid #b8baac;border-radius:3px}
.ceramic-layer-key .ceramic-key-concrete i{background:#85877e;border-color:#74786c}
.ceramic-diagram-note{font-size:.6875rem;color:var(--ceramic-muted);text-align:center;margin-top:16px}
.ceramic-panel-copy{padding:45px 46px;min-width:0;align-self:center}
.ceramic-panel-copy .ceramic-kicker{font-size:.75rem;margin-bottom:14px}
.ceramic-panel-copy h3{font-size:clamp(1.9rem,2.8vw,2.6rem);max-width:440px;margin-bottom:18px}
.ceramic-panel-copy>p:not(.ceramic-kicker){font-size:.9375rem;color:var(--ceramic-muted)}
.ceramic-panel-copy dl{margin-top:24px}
.ceramic-panel-copy dl>div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:14px;border-top:1px solid #e4e7dd;padding-block:16px}
.ceramic-panel-copy dt{font-weight:600;font-size:.75rem;line-height:1.8;color:var(--ceramic-green)}
.ceramic-panel-copy dd{margin:0;font-size:.8125rem;line-height:1.8;color:var(--ceramic-muted)}
.ceramic-panel-copy>p.ceramic-panel-note{font-size:.75rem;line-height:1.8;margin-top:8px}
.ceramic-compare-note{font-size:.75rem;color:var(--ceramic-muted);max-width:850px;margin-top:18px}
.ceramic-hybrid{display:grid;grid-template-columns:1.05fr .95fr;gap:5%;align-items:center;padding:56px;border-radius:24px;background:#f5f5f1}
.ceramic-hybrid-copy>p:not(.ceramic-kicker){font-size:.9375rem;color:var(--ceramic-muted);max-width:480px;margin-top:22px}
.ceramic-brand-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px}
.ceramic-brand-links a{font-size:.875rem;font-weight:600;color:var(--ceramic-green);text-decoration:underline;text-underline-offset:5px}
.ceramic-hybrid-photo{margin:0;min-width:0}
.ceramic-hybrid-photo img{width:100%;height:auto;display:block;border-radius:14px}
.ceramic-hybrid-photo figcaption,.ceramic-foundation figcaption{font-size:.6875rem;color:var(--ceramic-muted);line-height:1.7;margin-top:12px}
.ceramic-foundation{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;padding-block:110px 45px;scroll-margin-top:90px}
.ceramic-foundation>figure{margin:0;position:sticky;top:115px}
.ceramic-foundation>figure img{width:100%;aspect-ratio:1.03;object-fit:cover;object-position:50% 45%;border-radius:20px}
.ceramic-foundation-copy>p{font-size:.9375rem;color:var(--ceramic-muted);margin-top:24px}
.ceramic-foundation-points{margin-top:27px}
.ceramic-foundation-points>div{border-top:1px solid #e1e5da;padding-block:20px}
.ceramic-foundation-points h3{font-size:1.2rem;margin-bottom:9px}
.ceramic-foundation-points p{font-size:.875rem;color:var(--ceramic-muted)}
.ceramic-page p.ceramic-small{font-size:.75rem;line-height:1.8;color:var(--ceramic-muted)}
.ceramic-details{padding-block:65px 100px}
.ceramic-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}
.ceramic-detail-grid article{border-top:1px solid #d7dfcb;padding-top:25px}
.ceramic-detail-grid h3{font-size:1.5rem;margin-bottom:15px}
.ceramic-detail-grid p{font-size:.9375rem;color:var(--ceramic-muted)}
.ceramic-custom{background:var(--ceramic-tint);border-radius:25px;overflow:hidden;scroll-margin-top:100px}
.ceramic-custom-heading{text-align:center;max-width:770px;margin-inline:auto;padding:65px 35px 45px}
.ceramic-custom-heading>p:last-child{max-width:550px;margin:25px auto 0;color:var(--ceramic-muted);font-size:1rem}
.ceramic-pool-photo{margin:0 35px;position:relative;aspect-ratio:2.4;border-radius:15px;overflow:hidden}
.ceramic-pool-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 66%}
.ceramic-pool-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;max-width:max-content;background:#fff;padding:13px 19px;border-radius:10px;font-size:.75rem;line-height:1.7}
.ceramic-custom-content{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:50px 56px 60px}
.ceramic-edge-options{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-content:start}
.ceramic-edge-options svg{stroke:none;width:100%;height:90px;display:block}
.ceramic-edge-options h3{font-size:1.1875rem;margin:10px 0}
.ceramic-edge-options article p{font-size:.8125rem;color:var(--ceramic-muted)}
.ceramic-profile-note{grid-column:1/-1;font-size:.6875rem;color:var(--ceramic-muted);margin-top:20px}
.ceramic-edge-example{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin:23px 0 0;padding:12px 20px;background:#fff;border-radius:13px}
.ceramic-edge-example img{width:42%;max-width:180px;height:auto;object-fit:contain}
.ceramic-edge-example figcaption{font-size:.75rem;line-height:1.7;color:var(--ceramic-muted);max-width:200px}
.ceramic-custom-copy h3{font-size:2rem;margin-bottom:22px}
.ceramic-custom-copy ul{padding:0;list-style:none;margin:0 0 20px}
.ceramic-custom-copy li{font-size:.875rem;line-height:1.7;padding:9px 0;border-bottom:1px solid #dce2d2}
.ceramic-custom-copy>p{font-size:.875rem;color:var(--ceramic-muted)}
.ceramic-custom-copy .pill{margin-top:26px}
.ceramic-custom-copy .ceramic-small{margin-top:18px}
.ceramic-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:11%;padding-block:100px}
.ceramic-faq details{border-bottom:1px solid #dfe3d7}
.ceramic-faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;padding:22px 0;font-size:.9375rem;font-weight:550;line-height:1.7;cursor:pointer}
.ceramic-faq summary::-webkit-details-marker{display:none}
.ceramic-faq summary>span{position:relative;background:#f0f3eb;border-radius:50%;width:28px;height:28px;flex:none}
.ceramic-faq summary>span:before,.ceramic-faq summary>span:after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1.5px;background:var(--ceramic-green)}
.ceramic-faq summary>span:after{transform:rotate(90deg);transition:transform .2s}
.ceramic-faq details[open] summary>span:after{transform:rotate(0)}
.ceramic-faq details p{font-size:.875rem;color:var(--ceramic-muted);padding:0 38px 25px 0}
.ceramic-visit{display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:center;background:#f5f5f1;border-radius:25px;padding:55px;margin-bottom:40px}
.ceramic-visit>div>p:not(.ceramic-kicker){max-width:490px;margin-top:20px;font-size:.9375rem;color:var(--ceramic-muted)}
.ceramic-visit>div>p.ceramic-small{font-size:.75rem;margin-top:13px}
.ceramic-visit .ceramic-actions{gap:20px}
.ceramic-visit figure{margin:0}
.ceramic-visit figure img{width:100%;height:auto;border-radius:15px;aspect-ratio:1.1;object-fit:cover;object-position:45% 50%}
.ceramic-sources{font-size:.75rem;color:var(--ceramic-muted);padding-block:0 65px}
.ceramic-sources summary{cursor:pointer;padding-block:15px;width:max-content;max-width:100%;font-weight:550}
.ceramic-sources p{max-width:850px;margin:6px 0 20px}
.ceramic-sources ul{padding-left:18px;columns:2;column-gap:50px;max-width:950px}
.ceramic-sources li{padding-bottom:9px;line-height:1.65;break-inside:avoid;overflow-wrap:anywhere}
.ceramic-sources a{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:no-preference){.ceramic-explorer.is-enhanced .ceramic-panel:not([hidden]) .ceramic-slab{animation:ceramic-settle .28s ease-out both}@keyframes ceramic-settle{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1050px){.ceramic-panel-copy{padding:32px 28px}.ceramic-tabs button{padding:17px 15px}.ceramic-hybrid{padding:40px}.ceramic-custom-content{padding:40px;gap:6%}.ceramic-detail-grid{gap:30px}.ceramic-visit{padding:38px}.ceramic-foundation{gap:6%}}
@media(max-width:800px){.ceramic-intro{padding-top:44px}.ceramic-hero{aspect-ratio:1.9}.ceramic-section-head{display:block}.ceramic-section-head>p{max-width:620px;margin-top:24px}.ceramic-tabs button{padding:17px 12px}.ceramic-tabs button>span{font-size:.8125rem}.ceramic-tabs button>small{font-size:.6875rem}.ceramic-panel{grid-template-columns:1fr}.ceramic-diagram{min-height:320px;padding:25px 25px 22px}.ceramic-slab{max-width:400px;margin:-10px 0 -20px}.ceramic-panel-copy{padding:30px 35px;min-height:390px}.ceramic-panel-copy h3{font-size:2.2rem;max-width:none}.ceramic-hybrid{grid-template-columns:1fr 1fr;gap:5%;padding:35px}.ceramic-hybrid-copy h2{font-size:2.5rem}.ceramic-hybrid-copy>p:not(.ceramic-kicker){font-size:.875rem}.ceramic-foundation{padding-block:80px 30px;gap:6%;grid-template-columns:.9fr 1.1fr}.ceramic-foundation-copy h2{font-size:2.5rem}.ceramic-detail-grid{gap:25px}.ceramic-detail-grid h3{font-size:1.3rem}.ceramic-detail-grid p{font-size:.875rem}.ceramic-custom-content{padding:35px;gap:7%}.ceramic-edge-options{grid-template-columns:1fr}.ceramic-edge-options article{display:grid;grid-template-columns:120px 1fr;gap:0 15px;margin-bottom:20px}.ceramic-edge-options svg{grid-row:1/3;margin-top:5px}.ceramic-edge-options h3{margin:0 0 8px;font-size:1.125rem}.ceramic-edge-example{display:block;text-align:center;padding:10px 20px 20px}.ceramic-edge-example img{width:60%;margin:auto}.ceramic-profile-note{margin-top:0}.ceramic-faq{gap:8%;grid-template-columns:.75fr 1.25fr}.ceramic-visit{grid-template-columns:1fr}.ceramic-visit figure{margin-top:5px}.ceramic-visit figure img{aspect-ratio:2}.ceramic-visit>div>p:not(.ceramic-kicker){max-width:620px}}
@media(max-width:580px){.ceramic-intro{padding-block:32px 35px}.ceramic-kicker{font-size:.8125rem;margin-bottom:17px}.ceramic-intro h1{font-size:clamp(3.15rem,13.4vw,4rem)}.ceramic-intro-copy{font-size:.9375rem}.ceramic-intro-copy br{display:none}.ceramic-intro .ceramic-actions{flex-direction:column;gap:17px;margin-top:24px}.ceramic-hero{aspect-ratio:1.1;border-radius:19px}.ceramic-hero>img{object-position:58% 54%}.ceramic-hero figcaption{left:16px;right:16px;bottom:16px;padding:14px 17px;display:block;font-size:.75rem}.ceramic-hero figcaption a{margin-top:5px;justify-content:space-between}.ceramic-compare{padding-block:65px 60px}.ceramic-section-head{margin-bottom:28px}.ceramic-section-head>p{font-size:.9375rem}.ceramic-tabs{grid-template-columns:1fr 1fr;padding:7px;gap:5px}.ceramic-tabs button{padding:13px 12px;min-height:70px;border-radius:10px}.ceramic-tabs button>span{font-size:.8125rem}.ceramic-tabs button>small{font-size:.6875rem}.ceramic-explorer{border-radius:18px}.ceramic-diagram{min-height:270px;padding:25px 14px 20px}.ceramic-diagram-title{font-size:.8125rem;max-width:230px}.ceramic-slab{max-width:380px;margin:-1px 0 -9px}.ceramic-diagram-note{font-size:.625rem;margin-top:12px}.ceramic-panel-copy{padding:27px 23px;min-height:0}.ceramic-panel-copy h3{font-size:1.9rem}.ceramic-panel-copy>p:not(.ceramic-kicker){font-size:.875rem}.ceramic-panel-copy dl>div{grid-template-columns:1fr;gap:5px}.ceramic-panel-copy dd{font-size:.8125rem}.ceramic-panel-copy>p.ceramic-panel-note{font-size:.75rem}.ceramic-hybrid{grid-template-columns:1fr;padding:33px 25px;gap:32px;border-radius:19px}.ceramic-hybrid-copy h2{font-size:2.6rem}.ceramic-hybrid-photo{max-width:500px}.ceramic-foundation{grid-template-columns:1fr;gap:30px;padding-block:65px 20px}.ceramic-foundation>figure{position:static}.ceramic-foundation>figure img{aspect-ratio:1.25}.ceramic-foundation-copy h2{font-size:2.6rem}.ceramic-details{padding-block:45px 65px}.ceramic-detail-grid{grid-template-columns:1fr;gap:25px}.ceramic-detail-grid article{padding-top:22px}.ceramic-detail-grid h3{font-size:1.4rem}.ceramic-custom{border-radius:19px}.ceramic-custom-heading{padding:40px 25px 28px;text-align:left}.ceramic-custom-heading h2{font-size:2.4rem}.ceramic-custom-heading>p:last-child{font-size:.9375rem}.ceramic-pool-photo{margin:0 17px;aspect-ratio:1.05;border-radius:12px}.ceramic-pool-photo img{object-position:48% 64%}.ceramic-pool-photo figcaption{left:12px;right:12px;bottom:12px;padding:11px 13px;font-size:.6875rem}.ceramic-custom-content{grid-template-columns:1fr;gap:38px;padding:30px 25px 40px}.ceramic-edge-options{grid-template-columns:1fr 1fr;gap:0 17px}.ceramic-edge-options article{display:block;margin-bottom:0}.ceramic-edge-options svg{height:75px;margin:0}.ceramic-edge-options h3{font-size:1.1rem;margin:10px 0}.ceramic-edge-options article p{font-size:.75rem}.ceramic-profile-note{margin-top:18px}.ceramic-edge-example{display:flex;text-align:left;padding:10px 16px}.ceramic-edge-example img{width:44%}.ceramic-edge-example figcaption{font-size:.6875rem}.ceramic-custom-copy h3{font-size:1.9rem}.ceramic-faq{grid-template-columns:1fr;gap:25px;padding-block:65px}.ceramic-faq summary{font-size:.875rem;gap:15px}.ceramic-faq details p{padding-right:0;font-size:.8125rem}.ceramic-visit{padding:33px 25px;border-radius:19px;gap:27px}.ceramic-visit h2{font-size:2.4rem}.ceramic-visit figure img{aspect-ratio:1.4}.ceramic-visit .ceramic-actions{align-items:start;flex-direction:column}.ceramic-sources{padding-bottom:40px}.ceramic-sources ul{columns:1}}
@media(prefers-reduced-motion:reduce){.ceramic-page main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.ceramic-tabs{display:none!important}.ceramic-page .ceramic-panel[hidden]{display:grid!important}.ceramic-panel{break-inside:avoid}.ceramic-foundation>figure{position:static}}

/* Owner-confirmed collections per ceramic thickness. */
.ceramic-collections{margin-top:24px;padding-top:20px;border-top:1px solid #e4e7dd}
.ceramic-collections h4{margin:0;font-size:.8125rem;font-weight:600;line-height:1.6;color:var(--ceramic-green);letter-spacing:0}
.ceramic-collections ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px}
.ceramic-collections li{font-size:.8125rem;line-height:1.7;color:var(--ceramic-muted)}
.ceramic-request p{font-size:.8125rem;color:var(--ceramic-muted);margin:12px 0 18px}
@media(max-width:580px){.ceramic-collections ul{grid-template-columns:1fr;gap:7px}.ceramic-request .pill{font-size:.8125rem;--pill-circle:30px}}