/* Materials & finishes page (Claude) — builds on industries.css */
.mat section[id]{scroll-margin-top:100px}
.mat-sub{color:var(--muted);margin:-6px 0 0;font-size:16px}
.mat-text{font-size:17px;line-height:1.75;color:#4f4a43;margin:0}
.mat-two{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}
.mat-layers{display:grid;gap:10px;perspective:900px}
.mat-layer{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 24px rgba(60,45,20,.08);transform:rotateX(8deg)}
.mat-layer b{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#fff;color:var(--ink);border:1px solid var(--line)}
.mat-layer strong{display:block;font-size:16px}
.mat-layer span{font-size:14px;color:inherit;opacity:.85}
.mat-layer.l1{background:repeating-linear-gradient(45deg,#8d8a84 0 2px,#9a978f 2px 5px);color:#fff}
.mat-layer.l2{background:#1f1e1c;color:#eee;margin:0 14px}
.mat-layer.l3{background:linear-gradient(115deg,#a8823c,#f3d48f 40%,#b58b45 60%,#e9c983);color:#2a1f0c;margin:0 28px}
.mat-layer.l4{background:#f3ece0;color:var(--ink);margin:0 42px}
.mat-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.mat-table{width:100%;border-collapse:collapse;font-size:15px}
.mat-table th,.mat-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #f0ebe1;vertical-align:top}
.mat-table thead th{background:var(--soft);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mat-table tr:last-child td{border-bottom:0}
.mat-table small{display:block;color:#86642a;font-weight:700;font-size:12px;margin-top:2px}
.mat-compare{margin-top:22px}
.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px}
.mat-card{border:1px solid var(--line);border-radius:18px;padding:16px 16px 18px;background:#fff;transition:box-shadow .2s,transform .2s}
.mat-card:hover{box-shadow:0 14px 30px rgba(60,45,20,.09);transform:translateY(-2px)}
.mat-card h3{margin:14px 0 6px}
.mat-card p{margin:0 0 8px;color:var(--muted);line-height:1.55;font-size:15px}
.mat-card small{font-size:13px;font-weight:600;color:#86642a}
.sw,.fx{height:150px;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.sw-black{background:radial-gradient(circle at 30% 20%,#34322e,#151412 70%)}
.sw-white{background:radial-gradient(circle at 30% 20%,#ffffff,#ece7de 75%)}
.sw-kraft{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.12) 0 1px,transparent 2px) 0 0/7px 7px,radial-gradient(circle at 60% 70%,rgba(0,0,0,.08) 0 1px,transparent 2px) 0 0/9px 9px,linear-gradient(135deg,#c29a68,#a87f50)}
.sw-colour{background:linear-gradient(90deg,#0f3b31 0 20%,#1d2a45 20% 40%,#7b2d43 40% 60%,#d8b2a6 60% 80%,#c9a35f 80%)}
.sw-linen{background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px),#2e3d55}
.sw-pearl{background:linear-gradient(120deg,#efe7f2,#fbf7ef 30%,#e2eef0 55%,#f4e7dc 80%,#efe7f2)}
.fx{display:grid;place-items:center;background:#1f1e1c}
.fx span{font:600 54px/1 "Playfair Display",Georgia,serif;letter-spacing:.04em}
.fx-matte{background:#2a2926}.fx-matte span{color:#cfc9bd}
.fx-gloss{background:linear-gradient(160deg,#3b3936,#151412)}.fx-gloss::after{content:"";position:absolute;inset:-40% 0 auto -20%;height:70%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);transform:rotate(-8deg)}.fx-gloss span{color:#f1ece2}
.fx-soft{background:radial-gradient(circle at 40% 30%,#3a3834,#1d1c1a 80%)}.fx-soft span{color:#b9b2a4}
.fx-foil-gold span,.fx-foil-silver span,.fx-foil-rose span{background-clip:text;-webkit-background-clip:text;color:transparent}
.fx-foil-gold span{background-image:linear-gradient(115deg,#9c7a33,#f5dc98 35%,#b58b45 55%,#fbe7b0 75%,#9c7a33)}
.fx-foil-silver{background:#1d2a45}.fx-foil-silver span{background-image:linear-gradient(115deg,#8e959e,#fafbfc 35%,#a8b0ba 55%,#ffffff 75%,#8e959e)}
.fx-foil-rose{background:#f3e9e4}.fx-foil-rose span{background-image:linear-gradient(115deg,#b76e79,#f7c6c0 30%,#a7c7e7 50%,#d4b2f0 70%,#b76e79)}
.fx-spotuv{background:#232220}.fx-spotuv span{background:linear-gradient(160deg,#4a4844,#141311);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(255,255,255,.18))}
.fx-emboss{background:#efe9df}.fx-emboss span{color:#efe9df;text-shadow:-1px -1px 1px #fff,2px 2px 3px rgba(0,0,0,.28)}
.fx-deboss{background:#efe9df}.fx-deboss span{color:#e4ddd1;text-shadow:1px 1px 1px #fff,-1px -1px 2px rgba(0,0,0,.3)}
.mat-tip{margin-top:16px}
.mat-print{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:start}
.mat-print-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mat-print-opts div,.mat-inserts div{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--soft)}
.mat-print-opts b,.mat-inserts b{display:block;font-size:16px;margin-bottom:6px}
.mat-print-opts p,.mat-inserts p{margin:0;color:var(--muted);line-height:1.55;font-size:15px}
.mat-print-how ul{margin:0 0 12px;padding-left:18px;display:grid;gap:8px;line-height:1.55}
.mat-inserts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.mat-combos{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.combo{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}
.combo h3{margin:0 0 4px}.combo p{margin:0;color:var(--muted);font-size:15px}
.combo-sw{width:110px;height:90px;flex:none;border-radius:12px;display:grid;place-items:center}
.combo-sw span{font:600 28px "Playfair Display",Georgia,serif}
.c1 .combo-sw{background:#1f1e1c}.c1 .combo-sw span{background:linear-gradient(115deg,#9c7a33,#f5dc98 40%,#b58b45);-webkit-background-clip:text;background-clip:text;color:transparent}
.c2 .combo-sw{background:#f3efe7;box-shadow:inset 0 0 0 1px #e6dfd2}.c2 .combo-sw span{color:#e4ddd1;text-shadow:1px 1px 1px #fff,-1px -1px 2px rgba(0,0,0,.3)}
.c3 .combo-sw{background:linear-gradient(135deg,#c29a68,#a87f50)}.c3 .combo-sw span{color:#1f1e1c}
.c4 .combo-sw{background:#0f3b31}.c4 .combo-sw span{background:linear-gradient(115deg,#8e959e,#fafbfc 40%,#a8b0ba);-webkit-background-clip:text;background-clip:text;color:transparent}
.mat-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.mat .ind-cta .ind-btn--line{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
@media (max-width:1000px){.mat-two,.mat-print{grid-template-columns:1fr}.mat-grid{grid-template-columns:1fr 1fr}.mat-inserts{grid-template-columns:1fr 1fr}.mat-combos{grid-template-columns:1fr}.mat-layers{max-width:560px}}
@media (max-width:640px){.mat-grid,.mat-inserts,.mat-print-opts{grid-template-columns:1fr}.sw,.fx{height:120px}.mat-layer{margin:0!important;transform:none}.combo-sw{width:84px;height:74px}}
.mat-build{padding-top:8px}
.mat-build .mat-two{align-items:center}
.mat-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.mat-gallery figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.mat-gallery img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .4s}
.mat-gallery figure:hover img{transform:scale(1.04)}
.mat-gallery figcaption{padding:12px 14px 14px;font-size:13.5px;color:var(--muted);line-height:1.45}
.mat-gallery figcaption b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.mat-gallery .wide{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;align-items:center}
.mat-gallery .wide img{aspect-ratio:16/8}
.mat-gallery .wide figcaption{padding:24px 28px;font-size:15px}
.mat-gallery .wide figcaption b{font:600 24px "Playfair Display",Georgia,serif;margin-bottom:6px}
@media (max-width:1000px){.mat-gallery{grid-template-columns:1fr 1fr}.mat-gallery .wide{grid-template-columns:1fr}}
.mat .ind-hero-img img{transform:scale(1.12);transform-origin:100% 50%}