.materials-page{max-width:1480px;padding:56px 5% 80px;margin:auto}.materials-breadcrumb{display:flex;gap:24px;font-size:14px;color:var(--muted)}.materials-page h1{font-size:clamp(40px,6vw,72px);line-height:1.1;font-weight:500;margin:32px 0 40px}.catalog-modes{display:flex;gap:32px;border-bottom:1px solid var(--line)}.catalog-modes button{padding:16px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:18px}.catalog-modes button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.catalog-filters{display:flex;flex-wrap:wrap;gap:10px 24px;margin:28px 0}.catalog-filters button{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--muted);font-size:15px}.catalog-filters button[aria-pressed=true]{color:var(--ink);font-weight:700}.materials-page h2{font-size:28px;font-weight:500;margin:36px 0 24px}.catalog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.catalog-card{min-width:0;display:block}.catalog-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.catalog-card h3{font-size:24px;font-weight:500;line-height:1.25;margin:18px 0 10px}.catalog-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.catalog-card.text-only{border-top:1px solid var(--line);padding-top:12px}.catalog-card[href]:hover img{filter:brightness(.92)}.catalog-products{margin-top:64px}.catalog-products details{border-top:1px solid var(--line);padding:20px 0}.catalog-products summary{cursor:pointer;font-size:18px}.catalog-products ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px 28px;font-size:16px;line-height:1.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(max-width:800px){.catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.materials-page{padding:32px 5% 56px}.catalog-cards{grid-template-columns:1fr;gap:32px}.catalog-modes{gap:24px}.catalog-modes button{font-size:16px}.catalog-filters{gap:8px 20px}.catalog-card h3{font-size:24px}.catalog-products summary{font-size:16px}}

.catalog-sort{display:flex;align-items:center;gap:16px;margin:24px 0;font-size:14px}.catalog-sort[hidden]{display:none}.catalog-sort select{min-width:0;max-width:100%;padding:10px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit}@media(max-width:600px){.catalog-sort{flex-wrap:wrap;gap:8px}}

.catalog-search{margin:28px 0 0;max-width:620px}.catalog-search label{display:block;font-size:14px;margin-bottom:10px}.catalog-search>div{display:flex;border-bottom:1px solid var(--ink)}.catalog-search input{min-width:0;flex:1;border:0;background:transparent;padding:14px 0;font:inherit;color:var(--ink)}.catalog-search button,.catalog-empty button{background:transparent;border:0;padding:12px;font:inherit;color:var(--ink);cursor:pointer}.catalog-count{font-size:14px;color:var(--muted);margin:0 0 24px}.catalog-empty{grid-column:1/-1;font-size:18px;line-height:1.6}.catalog-empty button{padding-left:0;text-decoration:underline}@media(max-width:600px){.catalog-search input{font-size:16px}}

.catalog-cards.effect-groups{display:block}.catalog-effect-group{margin-bottom:56px}.catalog-effect-group>h3{font-size:24px;font-weight:500;border-top:1px solid var(--line);padding-top:20px;margin-bottom:24px}.catalog-effect-group>h3 a:hover{text-decoration:underline}@media(max-width:600px){.catalog-effect-group{margin-bottom:40px}}

.catalog-related{margin-top:48px;border-top:1px solid var(--line);padding-top:24px}.catalog-related[hidden]{display:none}.catalog-related h3{font-size:24px;font-weight:500}.catalog-related-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.catalog-related-links a{border:1px solid var(--line);padding:12px 16px;font-size:15px}.catalog-related-links a:hover{border-color:var(--ink)}

.catalog-products>section{margin-top:48px}.catalog-products>section>h3{font-size:28px;font-weight:500;margin:0 0 24px}.materials-page>.document-block,.catalog-order-link{padding:0;margin:32px 0;text-align:left}.catalog-products .catalog-card img{aspect-ratio:4/3;object-fit:contain;background:#f5f4f1}

/* Existing category headings disclose their existing image grids on click. */
.catalog-products>.catalog-fold{margin-top:48px;padding:0;border:0}
.catalog-products>.catalog-fold>summary{font-size:28px;font-weight:500;line-height:1.3}
.catalog-products>.catalog-fold>summary>h3{display:inline;font:inherit;margin:0}
.catalog-products>.catalog-fold[open]>.catalog-cards{margin-top:24px}
.catalog-products>.designer-materials .catalog-card img{object-fit:contain;object-position:center;box-sizing:border-box;padding:14%;background:#f5f4f1}

.catalog-products .catalog-card img,.catalog-products>.designer-materials .catalog-card img{box-sizing:border-box;padding:22%;object-fit:contain;object-position:center;background:#fff;mix-blend-mode:multiply}

.catalog-image{display:block;aspect-ratio:4/3;overflow:hidden}.catalog-card .catalog-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:scale(1.025)}

/* Approved Marcopolo Luxury title size; material names use its italic serif. */
.materials-page h1{font-size:clamp(48px,7.3vw,104px)}
.materials-page .catalog-card h3{font-family:"Cormorant Garamond Local",Georgia,serif;font-style:italic;font-weight:500;font-synthesis:none}
@media(max-width:600px){.materials-page h1{font-size:clamp(43px,11.6vw,66px)}}

/* Large circular material samples; two desktop columns, one phone column. */
.materials-page .catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 48px}
.materials-page .catalog-cards.effect-groups{display:block}
.materials-page .catalog-card>img,.materials-page .catalog-card .catalog-image{display:block;width:100%;max-width:560px;aspect-ratio:1;height:auto;border-radius:50%;overflow:hidden}
.materials-page .catalog-card>img{object-fit:cover}
.materials-page .catalog-card .catalog-image img{width:100%;height:100%;aspect-ratio:1;border-radius:50%}
.materials-page .catalog-card h3{font-size:36px;line-height:1.15;text-transform:none;margin-top:22px}
@media(max-width:600px){.materials-page .catalog-cards{grid-template-columns:minmax(0,1fr);gap:40px}.materials-page .catalog-card h3{font-size:32px}}

/* Four material samples per desktop row; existing smaller-screen layout retained. */
@media(min-width:1024px){.materials-page .catalog-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Packaging keeps the original cutout presentation; circles are for textures. */
.materials-page .catalog-products .catalog-card>img{border-radius:0;aspect-ratio:4/3;max-width:none;object-fit:contain}

/* Marcopolo Luxury: interior rises over its matching catalogue texture. */
.materials-page .catalog-image-reveal{position:relative;isolation:isolate}
.materials-page .catalog-card .catalog-image-reveal img{filter:none}
.materials-page .catalog-card .catalog-image-reveal .catalog-interior-reveal{position:absolute;inset:0;object-fit:cover;opacity:0;transform:translateY(12%) scale(1.04);transition:opacity 380ms ease,transform 500ms cubic-bezier(.16,1,.3,1);pointer-events:none}
@media(hover:hover) and (pointer:fine){.materials-page .catalog-card:hover .catalog-interior-reveal{opacity:1;transform:translateY(0) scale(1)}}
.materials-page .catalog-card:focus-visible .catalog-interior-reveal{opacity:1;transform:translateY(0) scale(1)}
@media(prefers-reduced-motion:reduce){.materials-page .catalog-card .catalog-image-reveal .catalog-interior-reveal{transition:none;transform:none}}

.catalog-texture-sample{display:block;width:100%;height:100%;aspect-ratio:1;background-repeat:no-repeat}.materials-page .catalog-image-reveal{display:block;aspect-ratio:1}.materials-page .catalog-image-reveal:focus-within .catalog-interior-reveal{opacity:1;transform:none}

/* Only these portrait scenes: retain more furniture below the wall. */
.materials-page .catalog-card[href="/materials/velature"] .catalog-interior-reveal{object-position:50% 100%}
.materials-page .catalog-card[href="/materials/venere"] .catalog-interior-reveal{object-position:50% 100%}

/* Approved section hierarchy, scoped to the catalogue. */
main.materials-page #catalog-heading,main.materials-page .catalog-products>h2{font-family:"Manrope",Arial,sans-serif;font-size:48px;font-style:normal;font-weight:500;line-height:1.2;margin:80px 0 32px;text-wrap:balance}
main.materials-page .catalog-products{margin-top:80px}
main.materials-page .catalog-products>h2{margin-top:0}
main.materials-page .catalog-products>.designer-materials{margin-top:0}
.all-materials-link{display:block;width:fit-content;font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;margin:0 0 32px}
.all-materials-link[hidden],.category-focused [hidden]{display:none!important}
main.materials-page.category-focused h1{margin-bottom:12px}
.materials-page .catalog-packaging-card .catalog-image{border-radius:0;aspect-ratio:4/3}
.materials-page .catalog-packaging-card .catalog-image img{box-sizing:border-box;border-radius:0;aspect-ratio:4/3;object-fit:contain;padding:22%;background:#fff;mix-blend-mode:multiply;transform:none}
@media(max-width:600px){main.materials-page #catalog-heading,main.materials-page .catalog-products>h2{font-size:32px}}

/* Match the visible can height, independent of whitespace in source files. */
.materials-page .packaging-preview{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden}
.materials-page .catalog-card .packaging-preview>img{position:absolute!important;display:block!important;box-sizing:border-box!important;width:var(--package-width)!important;height:var(--package-height)!important;left:var(--package-left)!important;top:var(--package-top)!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:fill!important;background:transparent!important;transform:none!important}