/* The combined material catalogue extends the established site design. */
.materials-page #membranes,.materials-page #membrane-specifications,.materials-page #fabrics,.materials-page #fabric-specifications{scroll-margin-top:105px}
.materials-page .range-grid{gap:20px}
.materials-page .range-grid>.range-item{padding:0;overflow:hidden;border:0;align-items:stretch;background:var(--mist)}
.membrane-card-photo{aspect-ratio:4/3;overflow:hidden;flex-shrink:0}
.membrane-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.membrane-card-copy{display:flex;flex-direction:column;flex:1;padding:26px 22px 28px}
.materials-page .membrane-card-copy .eyebrow{font-size:.875rem;letter-spacing:.02em;line-height:1.6}
.materials-page .membrane-card-copy h2{font-size:clamp(1.375rem,2vw,1.75rem);min-height:2.4em;margin:18px 0 20px;overflow-wrap:anywhere}
.materials-page .membrane-card-copy>p{font-size:1rem;margin:0 0 10px;line-height:1.6}
.materials-page .membrane-card-copy strong{font-size:2.5rem;line-height:1.2}
.materials-page .membrane-card-copy strong small{font-size:1rem}
.materials-page .membrane-card-copy .text-link{font-size:.9375rem;padding-top:24px;align-self:flex-start}
.materials-page .fabric-collection{border-top:1px solid var(--line);padding-top:80px}
.materials-page .fabric-collection .section-head{margin-bottom:38px}
.materials-page .fabric-collection .lead{font-size:1.125rem;line-height:1.75;max-width:940px;margin:25px 0 0}
.materials-page .fabric-grid{column-gap:40px;row-gap:64px}
.materials-page .fabric-card{background:transparent;border:0;box-shadow:none;translate:none}
.materials-page .fabric-card-photo{aspect-ratio:4/3}
.materials-page .fabric-card-copy{padding:25px 0 0}
.materials-page .material-card-grade{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;margin:0;font-size:1rem;line-height:1.5;color:var(--ink)}
.materials-page .material-card-grade strong{font-size:1.375rem;line-height:1.4;letter-spacing:-.02em}
.materials-page .material-card-grade span{font-size:1rem;color:#40564a}
.materials-page .fabric-card-copy h3{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25;margin:15px 0 18px;overflow-wrap:anywhere}
.materials-page .fabric-card-copy>p:not(.material-card-grade){font-size:1rem;line-height:1.75;margin:0 0 22px;max-width:610px}
.materials-page .fabric-card-copy>.text-link{margin-top:auto;padding-top:0;font-size:1rem}
.materials-page .fabric-test-section .wrap{padding-block:70px}
.materials-page .fabric-comparison{min-width:800px;table-layout:fixed}
.materials-page .fabric-comparison caption{font-size:1rem;line-height:1.6;color:#40564a;text-align:left;margin-bottom:18px}
.materials-page .fabric-comparison th:first-child{width:28%}
.materials-page .fabric-comparison th,.materials-page .fabric-comparison td{padding:24px 18px;vertical-align:middle}
.materials-page .fabric-comparison thead th{font-weight:600;line-height:1.5;background:transparent}
.materials-page .fabric-comparison thead th>span{font-size:1.125rem;white-space:nowrap}
.materials-page .fabric-comparison small{display:block;font-size:.875rem;font-weight:400;line-height:1.6;margin-top:6px;color:#52605a}
.materials-page .fabric-comparison thead small{color:#d0dad4}
.materials-page .fabric-comparison td{font-size:1.375rem;white-space:nowrap;font-weight:600}
.materials-page .fabric-target-note{margin-bottom:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.materials-page .range-grid>.range-item:hover .membrane-card-photo img{transform:scale(1.035)}}
@media(max-width:1200px){.materials-page .range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.materials-page .membrane-card-copy h2{min-height:0}.membrane-card-copy{padding:26px}.materials-page .fabric-grid{column-gap:32px;row-gap:56px}}
@media(max-width:800px){.materials-page .fabric-collection{padding-top:55px}.materials-page .fabric-grid{grid-template-columns:1fr;row-gap:56px}.materials-page .fabric-test-section .wrap{padding-block:55px}.materials-page .fabric-comparison{min-width:760px}.materials-page .fabric-comparison th,.materials-page .fabric-comparison td{padding:20px 14px}}
@media(max-width:520px){.materials-page .range-grid{grid-template-columns:1fr;gap:28px}.materials-page .membrane-card-copy h2{font-size:1.625rem;margin:14px 0}.materials-page .membrane-card-copy .text-link{padding-top:20px}.materials-page .fabric-card-copy h3{font-size:1.625rem}.materials-page .fabric-collection .lead{font-size:1rem}.materials-page .intro h1{font-size:clamp(2.25rem,9vw,3rem)}}
@media(prefers-reduced-motion:reduce){.membrane-card-photo img{transition:none}}