/* Material detail: real photography, plain facts and direct buyer enquiries. */
.material-page{--paper:#f4f3ee;--rule:#d7dfdc;--body:#344b50;background:var(--paper);color:var(--body)}
.material-page .crumbs{color:#536568;margin:0 0 36px}
.material-page .crumbs a{color:var(--navy)}
.material-intro{padding:40px 0 70px}
.material-top{display:grid;grid-template-areas:"heading" "photo" "copy";gap:28px}.material-heading{grid-area:heading}.material-copy{grid-area:copy}.material-intro .material-photo{grid-area:photo}
.material-heading h1{font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.04;letter-spacing:-.045em;max-width:11ch;margin-bottom:20px}
.material-alias{font-size:1rem;font-weight:600;color:var(--teal-d);margin-bottom:0}
.material-description{font-size:1.075rem;line-height:1.8;max-width:49ch;margin-bottom:28px}
.material-copy .actions{display:flex;flex-wrap:wrap;gap:12px}
.material-copy .btn-outline{border-color:var(--rule)}
.material-facts{margin:32px 0 20px;border-top:1px solid var(--rule)}
.material-facts div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule);font-size:.9rem}
.material-facts dt{color:#5a6b6c}
.material-facts dd{margin:0;color:var(--navy);font-weight:600}
.material-copy .small-note{font-size:.8rem;line-height:1.7;max-width:53ch;color:#586869}
.material-photo{margin:0;min-width:0}
.material-photo picture{display:block}
.material-photo img{width:100%;height:auto;border-radius:2px;background:#e7e6df}
.material-photo figcaption{font-size:.77rem;line-height:1.6;padding-top:12px;color:#526467}
.material-photo figcaption a{text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-left:6px;color:var(--navy)}
.material-intro .material-photo{max-width:510px;margin-inline:auto}
.material-intro .material-photo img{max-height:650px;object-fit:contain}
.material-section{padding:64px 0;border-top:1px solid var(--rule)}
.material-section .heading{margin-bottom:32px}
.material-section h2{font-size:clamp(2rem,3.7vw,3rem);line-height:1.15;letter-spacing:-.035em}
.material-section .heading p{margin:16px 0 0;max-width:53ch;color:var(--body)}
.material-gallery{display:grid;gap:36px;align-items:start}
.material-gallery .material-photo{max-width:560px}
.material-gallery img{max-height:660px;object-fit:contain}
.material-film{display:grid;gap:30px;align-items:center;background:#fff;padding:24px;border:1px solid var(--rule);margin-top:40px}
.material-film video{display:block;width:100%;height:auto;max-height:580px;background:#182a2c;aspect-ratio:3/4;object-fit:contain;border-radius:2px}
.material-film h3{font-size:1.5rem;margin-bottom:16px}
.material-film p{font-size:.94rem}
.material-film .text-link{display:inline-block;color:var(--teal-d);text-decoration:underline;text-underline-offset:4px;font-weight:600;font-size:.9rem}
.material-buying{display:grid;gap:32px}
.material-buying p{max-width:55ch}
.material-checks{list-style:none;counter-reset:checks;margin:0}
.material-checks li{position:relative;border-top:1px solid var(--rule);padding:20px 0 20px 44px;font-size:.92rem}
.material-checks li::before{counter-increment:checks;content:"0" counter(checks);position:absolute;left:0;color:var(--teal-d);font-size:.75rem;top:23px;font-weight:600}
.material-checks b{display:block;color:var(--navy);font-weight:600;margin-bottom:4px}
.material-cta{padding:52px 0;background:var(--navy);color:#d3e4e4}
.material-cta .container{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.material-cta h2{color:#fff;font-size:clamp(1.75rem,3vw,2.6rem);margin-bottom:14px}
.material-cta p{max-width:56ch;margin:0}
.material-card .ph img{object-fit:contain;background:#eae9e4}
.material-card .local-alias{font-size:.82rem;font-weight:600;color:var(--teal-d);margin:0 0 10px}
.material-list-details .material-facts{margin-top:20px}
.material-list-details .photo-context{font-size:.8rem;color:#526467}
#white-tpm-datti .media img{object-fit:contain;background:#eae9e4}
.material-facts dd a{text-decoration:underline;text-underline-offset:3px}
.material-qualities{display:grid;gap:20px}
.material-quality{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:#fff;border:1px solid var(--rule)}
.material-quality .quality-number{color:var(--teal-d);font-size:.72rem;letter-spacing:.12em;font-weight:600;margin-bottom:24px}
.material-quality h3{font-size:1.6rem;line-height:1.3;margin-bottom:18px}
.material-quality h3 span{font-size:1.1rem;display:block;font-weight:600;margin-top:4px}
.material-quality>p:not(.quality-number){max-width:44ch;margin-bottom:28px}
.material-quality .btn{margin-top:auto}
.material-quality .quality-whatsapp{margin-top:16px;text-decoration:underline;text-underline-offset:4px;font-size:.88rem;font-weight:600;color:var(--teal-d)}
.quality-note{font-size:.88rem;margin:22px 0 0;max-width:78ch}
@media(min-width:700px){.material-qualities{grid-template-columns:1fr 1fr}.material-quality{padding:36px}}

/* Waterjet material: a full-width photograph and two independent source views. */
.waterjet-intro .material-heading h1{max-width:16ch;font-size:clamp(2.4rem,5vw,4.2rem)}
.waterjet-intro .material-photo{max-width:none;width:100%;margin:0}
.waterjet-intro .material-photo img{max-height:none;width:100%;height:auto}
.waterjet-films{display:grid;gap:24px;align-items:stretch}
.waterjet-films .waterjet-film{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:24px;background:#fff;border:1px solid var(--rule)}
.waterjet-films .waterjet-film video{display:block;width:100%;height:440px;object-fit:contain;background:#182a2c}
.waterjet-film h3{font-size:1.4rem;margin:0 0 12px}
.waterjet-film p{font-size:.94rem}
.waterjet-film .text-link{display:inline-block;font-size:.88rem;font-weight:600;color:var(--teal-d);text-decoration:underline;text-underline-offset:4px}
.waterjet-facts{margin-bottom:0}
#waterjet .media img{object-fit:contain;background:#eae9e4}
#poy .media img{object-fit:contain;background:#eae9e4}
.authentic-mosaic img{object-fit:contain!important}
.authentic-mosaic figure:first-child{grid-row:auto}
.authentic-mosaic figure img{width:100%;height:auto;aspect-ratio:4/3}.authentic-mosaic picture{height:auto}.authentic-mosaic figcaption{position:static;padding:10px 12px;background:none}
#coloured-polyester-scrap .media img{object-fit:contain;background:#eae9e4}
.legacy-material-anchor{display:block;width:0;height:0;scroll-margin-top:calc(var(--chrome-h) + 16px)}
.colour-page .bukka-photo{max-width:512px}
#black-polyester-yarn-scrap .media img{object-fit:contain;background:#eae9e4}
.black-page .material-film video{aspect-ratio:auto;object-fit:contain}
@media(min-width:1000px){.verified-materials{grid-template-columns:repeat(3,1fr)}}
.planned-status{display:inline-block;background:#eee7d8;border:1px solid #d7c9ae;color:#644a1d;padding:6px 12px;font-size:.78rem;font-weight:600;letter-spacing:.04em;margin-bottom:18px}
.planned-availability{font-size:.9rem;color:#644a1d;font-weight:600;margin:14px 0 0}
.planned-notice{background:#f5f0e5;border-left:3px solid #99773e;padding:18px;margin-bottom:22px;color:#514a3b;font-size:.95rem}
.planned-notice p{margin:0}
.planned-range{background:#f4f3ee;border-block:1px solid #d7dfdc;padding:42px 0}
.planned-range .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.planned-range h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 12px}
.planned-range p{max-width:65ch;margin:0;color:#526467}
.planned-range .eyebrow{margin-bottom:12px;color:#644a1d}
.material-feature{padding:52px 0;background:#f4f3ee;border-block:1px solid #d7dfdc}
.material-feature .container{display:grid;gap:32px;align-items:center}
.material-feature h2{font-size:clamp(2rem,3.8vw,3rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.035em}
.material-feature .eyebrow{color:var(--teal-d);margin-bottom:16px}
.material-feature .material-availability{margin:0 0 16px}
.material-feature .material-feature-copy>p:not(.material-availability){max-width:51ch;color:#526467;margin-bottom:24px}
.material-shades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.material-shades figure{margin:0;min-width:0}
.material-shades picture{display:block}
.material-shades img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#e7e6df}
.material-shades figcaption{font-size:.8rem;color:#344b50;padding-top:10px;font-weight:600}
#current-materials{scroll-margin-top:calc(var(--chrome-h) + 16px)}
@media(min-width:900px){.material-feature .container{grid-template-columns:.85fr 1.15fr;gap:48px}.material-shades{gap:16px}}
.company-snapshot{padding:32px;border:1px solid rgba(255,255,255,.25)}
.company-snapshot dl{margin:12px 0 30px}
.company-snapshot dl>div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.company-snapshot dt{font-size:.82rem;color:#bed2d4}
.company-snapshot dd{margin:6px 0 0;color:#fff;font:700 clamp(2rem,4vw,3rem)/1.15 var(--display);letter-spacing:-.03em}
.company-snapshot p{margin:0;color:#bed2d4;font-size:.9rem}
.company-snapshot strong{color:#fff;font-weight:600;font-size:1.2rem}
@media(min-width:800px){
 .waterjet-intro .material-top{grid-template-areas:"heading copy" "photo photo";row-gap:40px;align-items:start}
 .waterjet-intro .material-copy{padding-top:16px}
 .waterjet-films{grid-template-columns:1fr 1fr}
 .waterjet-films .waterjet-film{padding:30px}
 .waterjet-films .waterjet-film video{height:480px}
}
@media(min-width:800px){
 .material-top{grid-template-columns:1.02fr .98fr;grid-template-areas:"heading photo" "copy photo";column-gap:64px;row-gap:26px;align-items:start}
 .material-heading{padding-top:16px}
 .material-intro{padding:44px 0 84px}
 .material-gallery{grid-template-columns:1.1fr .9fr;gap:48px}
 .material-gallery .material-photo:last-child{padding-top:80px}
 .material-film{grid-template-columns:.8fr 1.2fr;gap:48px;padding:36px}
 .material-film>div{max-width:43ch}
 .material-buying{grid-template-columns:1fr 1fr;gap:80px}
 .material-cta .container{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}
}

.material-availability{font-size:.9rem;color:var(--teal-d);font-weight:600;margin:14px 0 0}