.materials-page{background:var(--c-bg);--material-border:var(--c-line)}.materials-page :is(a,button):focus-visible{outline:2px solid var(--c-accent);outline-offset:5px}.catalogue-hero{isolation:isolate;min-height:450px;padding:116px 0 72px;position:relative;overflow:hidden}.catalogue-hero__image{z-index:-2;position:absolute;inset:0 0 0 30%}.catalogue-hero__image :is(picture,img){object-fit:cover;object-position:center 45%;width:100%;height:100%}.catalogue-hero__veil{z-index:-1;background:linear-gradient(90deg, var(--c-bg) 12%, transparent 90%), linear-gradient(0deg, var(--c-bg), transparent 55%), linear-gradient(180deg, var(--c-bg), transparent 45%);position:absolute;inset:0}.catalogue-hero__content{position:relative}.material-breadcrumb{color:var(--c-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.72rem;display:flex}.material-breadcrumb a{padding-block:7px}.material-breadcrumb a:hover{color:var(--c-accent)}.material-breadcrumb [aria-current]{color:var(--c-text)}.material-eyebrow{color:var(--c-accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:13px;margin:28px 0 15px;font-size:.62rem;font-weight:700;display:flex}.material-eyebrow>span{background:currentColor;flex-shrink:0;width:29px;height:1px;display:block}.materials-page h1{font-family:var(--font-display);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(4rem,6.7vw,7rem);font-weight:700;line-height:.94}.heading-dot{color:var(--c-accent)}.catalogue-hero__description{max-width:405px;color:var(--c-muted);margin:22px 0 0;font-size:.84rem;line-height:1.9}.catalogue-hero__caption{color:var(--c-muted);letter-spacing:.22em;text-transform:uppercase;font-size:.59rem;position:absolute;bottom:0;right:0}.catalogue{padding-bottom:72px}.catalogue-toolbar{border-bottom:1px solid var(--material-border);justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;padding-bottom:24px;display:flex}.catalogue-filters{flex-wrap:wrap;gap:9px;display:flex}.catalogue-filters[data-filters-pending]{visibility:hidden}.catalogue-card[hidden]{display:none}.catalogue-filters button{border:1px solid var(--material-border);min-height:44px;color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;padding:0 22px;font-size:.62rem;font-weight:700;transition:color .18s,border-color .18s}.catalogue-filters button:is(:hover,[aria-pressed=true]){color:var(--c-accent);border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 6%, transparent)}.catalogue-count{white-space:nowrap;color:var(--c-muted);margin:0;font-size:.68rem}.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.catalogue-card{border:1px solid var(--material-border);background:var(--c-bg);border-radius:3px;min-width:0;transition:border-color .22s}.catalogue-card:is(:hover,:focus-within){border-color:var(--c-accent)}.catalogue-card__link{border-radius:inherit;height:100%;display:block}.catalogue-card__image{border-radius:2px 2px 0 0;height:clamp(150px,15vw,225px);position:relative;overflow:hidden}.catalogue-card__image:after{content:"";background:linear-gradient(180deg, transparent 45%, var(--c-bg) 100%);position:absolute;inset:0}.catalogue-card__image :is(picture,img){width:100%;height:100%}.catalogue-card__image img{object-fit:cover;transition:transform .6s}.catalogue-card__link:is(:hover,:focus-visible) img{transform:scale(1.04)}.catalogue-card__number{color:var(--c-text);text-shadow:0 1px 5px var(--c-bg);font-size:.65rem;font-weight:700;position:absolute;top:14px;right:16px}.catalogue-card__family{z-index:1;letter-spacing:.19em;text-transform:uppercase;color:var(--c-muted);font-size:.55rem;position:absolute;bottom:6px;left:24px}.catalogue-card__body{padding:10px 24px 21px}.catalogue-card :is(h2,h3){font-family:var(--font-display);text-transform:uppercase;margin:0 0 8px;font-size:2.15rem;font-weight:700;line-height:1}.catalogue-card__alias{color:var(--c-accent);margin-bottom:10px;font-size:.64rem;display:block}.material-detail__alias{color:var(--c-accent);font:700 1.3rem/1.2 var(--font-display);text-transform:uppercase;margin:12px 0 0}.material-detail h1{font-size:clamp(3.1rem,5vw,5.5rem)}.material-variants{flex-wrap:wrap;gap:9px;margin-bottom:25px;display:flex}.material-variants a{border:1px solid var(--c-line);align-items:center;min-height:44px;padding:8px 14px;font-size:.73rem;display:inline-flex}.material-variants a:is(:hover,[aria-current=page]){border-color:var(--c-accent);color:var(--c-accent)}.material-usage{border-top:1px solid var(--c-line);grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,75px);padding:38px 0;display:grid}.material-usage .material-eyebrow{margin-top:0}.material-usage h2{font:700 2.4rem/1.05 var(--font-display);text-transform:uppercase;margin:0 0 22px}.material-usage h3{margin:0 0 10px;font-size:.9rem}.material-usage ul{padding-left:20px}.material-usage li{color:var(--c-muted);margin-bottom:14px;font-size:.83rem;line-height:1.8}.material-usage li::marker{color:var(--c-accent)}.material-usage__guidance p{color:var(--c-muted);margin:0 0 20px;font-size:.79rem;line-height:1.9}.material-usage__guidance .material-usage__note{font-size:.7rem}.material-sources{border-top:1px solid var(--c-line);padding-top:12px}.material-sources summary{color:var(--c-accent);cursor:pointer;padding-block:10px;font-size:.73rem}.material-sources a{text-underline-offset:3px;text-decoration:underline}.material-sources summary:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.catalogue-card p{max-width:300px;min-height:44px;color:var(--c-muted);margin:0 0 16px;font-size:.75rem;line-height:1.8}.catalogue-card__more{color:var(--c-accent);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:16px;font-size:.61rem;font-weight:700;display:flex}.catalogue-card__more>span{font-size:1.2rem}.catalogue-note{color:var(--c-muted);gap:12px;margin:22px 0 35px;font-size:.7rem;display:flex}.catalogue-note>span{color:var(--c-accent)}.material-advice{isolation:isolate;border:1px solid color-mix(in srgb, var(--c-accent) 55%, transparent);border-radius:3px;align-items:center;gap:26px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.material-advice__image{z-index:-2;position:absolute;inset:0}.material-advice__image :is(picture,img){object-fit:cover;object-position:center 62%;width:100%;height:100%}.material-advice:after{content:"";z-index:-1;background:linear-gradient(90deg, var(--c-bg), color-mix(in srgb, var(--c-bg) 80%, transparent));position:absolute;inset:0}.material-advice__icon{border:1px solid color-mix(in srgb, var(--c-accent) 35%, transparent);width:64px;height:64px;color:var(--c-accent);flex-shrink:0;place-items:center;display:grid}.material-advice h2{font:700 1.75rem/1 var(--font-display);text-transform:uppercase;margin:0 0 6px}.material-advice p{max-width:540px;color:var(--c-muted);margin:0;font-size:.75rem;line-height:1.8}.material-advice .button{flex-shrink:0;margin-left:auto}.material-detail{padding-top:114px;padding-bottom:70px}.material-detail__hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,5vw,85px);margin:30px 0 70px;display:grid}.material-detail__visual{border:1px solid var(--material-border);margin:0;position:relative}.material-detail__visual picture{height:560px;display:block}.material-detail__visual img{object-fit:cover;width:100%;height:100%}.material-detail__image-label{font:700 1.6rem/1 var(--font-display);text-shadow:0 1px 8px var(--c-bg);align-items:center;gap:16px;display:flex;position:absolute;top:23px;left:25px}.material-detail__image-label span{max-width:80px;font:500 .55rem/1.6 var(--font-body);letter-spacing:.15em;text-transform:uppercase}.material-detail__visual figcaption{color:var(--c-muted);padding:11px 18px;font-size:.61rem}.material-detail__summary .material-eyebrow{margin-top:0}.material-detail__lead{max-width:430px;margin:23px 0 16px;font-size:1.05rem}.material-detail__intro{color:var(--c-muted);font-size:.82rem;line-height:1.9}.material-detail__facts{margin:28px 0}.material-detail__facts>div{border-bottom:1px solid var(--material-border);justify-content:space-between;gap:22px;padding:13px 0;font-size:.73rem;display:flex}.material-detail__facts dt{color:var(--c-muted)}.material-detail__facts dd{text-align:right;margin:0}.material-detail__actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.material-text-link{min-height:44px;color:var(--c-accent);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:15px;font-size:.65rem;font-weight:700;display:inline-flex}.material-text-link:hover{text-underline-offset:5px;text-decoration:underline}.material-detail__availability{color:var(--c-muted);margin-top:18px;font-size:.67rem;line-height:1.8}.material-planning{border-top:1px solid var(--material-border);border-bottom:1px solid var(--material-border);grid-template-columns:1.1fr 1fr 1fr;gap:40px;padding:38px 0;display:grid}.material-planning .material-eyebrow{margin-top:0}.material-planning h2,.material-related h2{font:700 clamp(1.8rem, 2.4vw, 2.8rem)/1.05 var(--font-display);text-transform:uppercase;margin:0}.material-planning h2>span,.material-related h2>span{color:var(--c-muted)}.material-planning h3{margin:0 0 16px;font-size:.88rem}.material-planning ul{margin:0;padding:0;list-style:none}.material-planning li{color:var(--c-muted);gap:12px;margin:10px 0;font-size:.76rem;display:flex}.material-planning li>span{color:var(--c-accent)}.material-planning__delivery p{color:var(--c-muted);font-size:.76rem;line-height:1.9}.material-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:40px 0 55px;display:grid}.material-steps__number{color:var(--c-accent);font:700 2.7rem/1 var(--font-display);margin-bottom:16px;display:block}.material-steps h3{font:700 1.5rem/1.1 var(--font-display);text-transform:uppercase;margin:0 0 10px}.material-steps p{color:var(--c-muted);max-width:330px;margin:0;font-size:.77rem;line-height:1.8}.material-related{border-top:1px solid var(--material-border);padding:35px 0 45px}.material-related__heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.material-related .material-eyebrow{margin-top:0}@media (width<=1100px){.catalogue-toolbar{align-items:flex-start}.catalogue-count{padding-top:12px}.catalogue-filters button{padding-inline:17px}.material-advice{flex-wrap:wrap}.material-advice .button{margin-left:90px}.material-planning{gap:25px}}@media (width<=960px){.catalogue-hero{min-height:410px;padding-bottom:45px}.catalogue-hero__caption{display:none}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalogue-card__image{height:190px}.material-detail__hero{grid-template-columns:1fr}.material-detail__visual picture{height:450px}.material-detail__summary{max-width:660px}.material-planning{grid-template-columns:1fr 1fr}.material-planning>div:first-child{grid-column:1/-1}.material-related__heading{flex-direction:column;align-items:start;gap:10px}}@media (width<=600px){.material-usage{grid-template-columns:1fr}.catalogue-hero{min-height:400px;padding-top:104px}.catalogue-hero__image{opacity:.5;left:0}.catalogue-hero__veil{background:linear-gradient(90deg, var(--c-bg), transparent), linear-gradient(0deg, var(--c-bg), transparent 85%)}.material-eyebrow{letter-spacing:.1em;font-size:.56rem}.catalogue-hero__description{max-width:300px;font-size:.78rem}.catalogue-toolbar{flex-direction:column;gap:12px;margin-bottom:22px;padding-bottom:17px}.catalogue-filters{gap:8px}.catalogue-filters button{padding-inline:13px;font-size:.58rem}.catalogue-count{padding-top:0}.catalogue-grid{grid-template-columns:1fr}.catalogue-card__image{height:195px}.catalogue-card p{min-height:0}.catalogue-note{font-size:.65rem}.material-advice{gap:18px;padding:24px}.material-advice__icon{width:50px;height:50px}.material-advice h2{font-size:1.65rem}.material-advice .button{gap:18px;width:100%;margin-left:0;padding-inline:16px;font-size:.63rem}.material-detail{padding-top:104px}.material-detail__hero{gap:30px;margin-top:22px;margin-bottom:42px}.material-detail__visual picture{height:340px}.material-detail__facts>div{font-size:.67rem}.material-detail__actions{gap:12px}.material-planning{grid-template-columns:1fr}.material-steps{grid-template-columns:1fr;gap:28px}.material-steps>div{grid-template-columns:45px 1fr;column-gap:16px;display:grid}.material-steps__number{grid-row:span 2}.material-detail__lead{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.materials-page *,.materials-page :before,.materials-page :after{transition:none!important}}