.hero-copy h1{font-size:clamp(45px,4.7vw,78px)}
.compact-section{padding:95px 8vw;border-top:1px solid #b3ebf421;background:#031724b3;scroll-margin-top:86px}
.compact-heading{max-width:860px}.compact-heading h2,.compact-cta h2{font-size:clamp(36px,4vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:24px 0}.compact-heading p,.compact-cta p{color:#bfd4dc;line-height:1.8;font-size:15px;max-width:760px}
.compact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.compact-grid article{border-top:1px solid #8dd8e04d;padding-top:24px}.compact-grid b,.compact-flow b{font-size:11px;letter-spacing:.1em;color:#65e5ec}.compact-grid h3,.compact-flow h3{font-size:20px;line-height:1.3;margin:20px 0 13px}.compact-grid p,.compact-flow p{color:#bfd4dc;font-size:13px;line-height:1.8}
.compact-technology{background:#041521;position:relative;isolation:isolate}.compact-technology:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00121bc9,#00121be0),url('ceramic-membrane-sem-v1.optimized-d78f51ab4c.webp') center/cover}
.compact-two-column{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.compact-still svg{display:block;width:100%;height:auto}.compact-specs{background:#00131e66;padding:0 18px;margin-top:30px}.compact-specs>div{border-bottom:1px solid #a7dce438;padding:17px 0}.compact-specs dt{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#7ce6ec;margin-bottom:7px}.compact-specs dd{font-size:13px;line-height:1.5;margin:0;color:#edf9fb;font-weight:600}
.compact-flow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:45px 0 0;gap:30px}.compact-flow li{border-top:2px solid #65e5ec66;padding-top:24px}.applications-grid{grid-template-columns:repeat(3,1fr)}.compact-applications{background:#062132cc}.compact-cta{display:flex;align-items:center;justify-content:space-between;gap:50px}.compact-cta .button{white-space:nowrap}.compact-cta p{max-width:520px}
@media(max-width:1000px){.compact-grid,.compact-flow{grid-template-columns:1fr 1fr}.applications-grid{grid-template-columns:repeat(3,1fr)}.compact-two-column{gap:30px}}
@media(max-width:650px){.compact-section{padding:65px 7vw;scroll-margin-top:72px}.compact-heading .eyebrow{font-size:9px}.compact-heading h2,.compact-cta h2{font-size:37px}.compact-heading p,.compact-cta p{font-size:13px}.compact-grid,.compact-flow,.applications-grid{grid-template-columns:1fr;gap:25px}.compact-two-column{grid-template-columns:1fr;gap:20px}.compact-still{max-width:420px;margin:auto}.compact-cta{display:block}.compact-cta .button{margin-top:28px}.compact-grid h3,.compact-flow h3{margin-top:15px}.hero{min-height:900px}.viewer{overflow:hidden}}

/* Centered second-screen assembly, ready for component index leaders. */
.compact-index-section{min-height:calc(100svh - 86px);padding:45px 8vw 55px;display:flex;align-items:center;justify-content:center;border-top:1px solid #b3ebf421;scroll-margin-top:86px;background:linear-gradient(180deg,#03132033,#03132066)}
.compact-index-model{margin:0;width:min(62vw,780px)}
.compact-index-model svg{display:block;width:100%;height:auto;max-height:800px}
.compact-technology .compact-two-column{display:block;max-width:1100px;margin:auto}
.compact-technology .compact-heading{max-width:none}
@media(max-width:650px){.compact-index-section{min-height:calc(100svh - 72px);padding:50px 5vw;scroll-margin-top:72px}.compact-index-model{width:100%;max-width:580px}.compact-index-model svg{max-height:650px}}

/* Component callouts match the other equipment index pages. */
.compact-index-section{padding:25px 2vw 40px}
.compact-index-model{width:100%;max-width:1800px}
.compact-index-model>svg{max-height:none;width:100%;height:auto}
.compact-callout polyline{fill:none;stroke:#ff665e;stroke-width:2.2;stroke-dasharray:7 7;stroke-linecap:round;stroke-linejoin:round}
.compact-callout .anchor{fill:#ff665e}.compact-callout .index-ring{fill:#06202c;stroke:#ff665e;stroke-width:1}
.compact-callout text{font-family:Arial,Helvetica,sans-serif}.compact-callout .index-number{fill:#ff665e;font-size:11px;font-weight:700}.compact-callout .index-title{fill:#f4fbff;font-size:15px;font-weight:700}.compact-callout .index-description{fill:#bfd4dc;font-size:11px}
@media(max-width:650px){.compact-index-section{display:block;overflow-x:auto;min-height:0;padding:30px 3vw}.compact-index-model{min-width:1000px}.compact-index-model>svg{max-height:none}}

/* SCF product details share the CSCF material gallery and specifications layout. */
#product-details .ceramic-comparison-table th:first-child{width:42%}
#product-details .ceramic-product-copy h2{font-size:clamp(36px,3.6vw,62px)}