.materials-page{padding-block:clamp(7rem, 5rem + 9vw, 12rem) var(--section-y-sm)}.materials-head{max-width:52rem;margin-bottom:clamp(40px,6vw,88px)}.materials-head h1{font-family:var(--font-display);font-weight:500;font-size:var(--fs-display);color:var(--charcoal);letter-spacing:var(--tracking-display);margin:18px 0 0}.materials-intro{font-size:var(--fs-lead);line-height:var(--lh-body);color:var(--stone-700);max-width:var(--container-text);margin-top:clamp(20px,2.5vw,32px)}.mat-modes{border-bottom:1px solid var(--rule);align-items:baseline;gap:28px;margin-bottom:clamp(40px,6vw,80px);padding-bottom:18px;display:flex}.mat-modes button{appearance:none;letter-spacing:.06em;text-transform:uppercase;min-height:44px;color:var(--stone-500);cursor:pointer;transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0;font-family:inherit;font-size:13px;font-weight:500}.mat-modes button.on{color:var(--charcoal);border-color:var(--gold)}.mat-modes button:hover{color:var(--charcoal)}.mat-finishes{flex-direction:column;gap:clamp(64px,9vw,140px);display:flex}.mat-finish{grid-template-columns:1.1fr .9fr;align-items:flex-start;gap:clamp(28px,5vw,80px);display:grid}.mat-finish:nth-child(2n){grid-template-columns:.9fr 1.1fr}.mat-finish:nth-child(2n) .mat-shot{order:2}.mat-shot{aspect-ratio:4/3;background:var(--charcoal);position:relative;overflow:hidden}.mat-finish:nth-child(3n) .mat-shot{aspect-ratio:5/6}.mat-finish:nth-child(3n+1) .mat-shot{aspect-ratio:16/11}.mat-img{object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.mat-preview-img{transition:transform var(--dur-base) var(--ease-out)}.mat-shot:hover .mat-preview-img{transform:scale(1.02)}.mat-name{font-family:var(--font-display);font-weight:500;font-size:var(--fs-title);color:var(--emerald);letter-spacing:var(--tracking-tight);margin:0 0 16px}.mat-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--stone-700);max-width:42ch;margin:0 0 20px}.mat-note{font-size:var(--fs-sm);color:var(--stone-600);max-width:42ch;margin:28px 0 26px}.mat-note-label{letter-spacing:.14em;text-transform:uppercase;color:var(--stone-500);margin-inline-end:6px;font-size:11px;font-weight:600}.mat-sub-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.mat-filter-tag{appearance:none;border:1px solid var(--rule);letter-spacing:.05em;text-transform:uppercase;color:var(--stone-600);cursor:pointer;transition:all var(--dur-base) var(--ease-out);background:0 0;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:500}.mat-filter-tag:hover{color:var(--charcoal);border-color:var(--stone-400)}.mat-filter-tag.active{color:var(--white);background:var(--emerald);border-color:var(--emerald)}.mat-grid-explorer{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.mat-grid-swatch{appearance:none;background:var(--stone-100);border:1px solid var(--rule);aspect-ratio:1;cursor:pointer;transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);padding:0;position:relative;overflow:hidden}.mat-grid-swatch img{object-fit:cover;width:100%;height:100%;display:block}.mat-grid-swatch:hover{border-color:var(--gold);z-index:2;transform:scale(1.02)}.mat-swatch-code{color:var(--white);font-family:var(--font-body);letter-spacing:.05em;text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:.85;transition:opacity var(--dur-base) var(--ease-out);background:#1a1a1ab3;padding:3px 6px;font-size:9px;font-weight:500;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mat-grid-swatch:hover .mat-swatch-code{opacity:1}.mat-swatches-more{aspect-ratio:1;border:1px dashed var(--stone-400);color:var(--stone-500);justify-content:center;align-items:center;font-family:inherit;font-size:12px;font-weight:600;display:flex}.mat-empty-swatches{color:var(--stone-500);margin:16px 0;font-size:13px;font-style:italic}.mat-houses{border-top:1px solid var(--rule);max-width:60rem}.mat-house{border-bottom:1px solid var(--rule);grid-template-columns:14rem 1fr;align-items:flex-start;gap:clamp(20px,4vw,56px);padding:clamp(28px,3.5vw,48px) 0;display:grid}.mat-house-info{max-width:14rem}.mat-house-name{font-family:var(--font-display);color:var(--charcoal);letter-spacing:var(--tracking-tight);margin:0 0 12px;font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);font-weight:500}.mat-house-body{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--stone-700)}.mat-house-swatches .mat-grid-explorer{grid-template-columns:repeat(6,1fr);margin-bottom:0}.materials-lookbook{border-top:1px solid var(--rule);margin-top:clamp(72px,9vw,140px);padding-top:clamp(36px,4vw,56px)}.mat-modal{z-index:1000;justify-content:center;align-items:center;padding:clamp(20px,3vw,40px);display:flex;position:fixed;inset:0}.mat-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1a73;animation:.3s ease-out fadeIn;position:absolute;inset:0}.mat-modal-content{background:var(--cream);border:1px solid var(--rule);z-index:1010;width:100%;max-width:58rem;animation:.35s cubic-bezier(.16,1,.3,1) modalReveal;position:relative;box-shadow:0 20px 48px #00000026}.mat-modal-close{appearance:none;letter-spacing:.05em;text-transform:uppercase;color:var(--stone-600);cursor:pointer;z-index:1020;transition:color var(--dur-base) var(--ease-out);background:0 0;border:0;font-family:inherit;font-size:12px;font-weight:500;position:absolute;top:20px;right:20px}.mat-modal-close:hover{color:var(--charcoal)}[dir=rtl] .mat-modal-close{left:20px;right:auto}.mat-modal-body{grid-template-columns:1fr 1fr;align-items:stretch;min-height:28rem;display:grid}.mat-modal-visuals{background:var(--charcoal);justify-content:center;align-items:center;display:flex;position:relative}.mat-slider{width:100%;height:100%;min-height:28rem;position:relative;overflow:hidden}.mat-slide{opacity:0;justify-content:center;align-items:center;transition:opacity .4s ease-out;display:flex;position:absolute;inset:0}.mat-slide.active{opacity:1}.mat-slide img{object-fit:cover;width:100%;height:100%}.mat-slider-dots{z-index:1030;justify-content:center;gap:8px;display:flex;position:absolute;bottom:20px;left:0;right:0}.mat-slider-dot{appearance:none;cursor:pointer;width:6px;height:6px;transition:background var(--dur-base) var(--ease-out);background:#fff6;border:0;border-radius:50%;padding:0}.mat-slider-dot.active{background:var(--white);transform:scale(1.2)}.mat-modal-details{flex-direction:column;justify-content:center;padding:clamp(32px,5vw,48px);display:flex}.mat-modal-brand-house{letter-spacing:.14em;text-transform:uppercase;color:var(--stone-500);margin-bottom:12px;font-family:inherit;font-size:11px;font-weight:600}.mat-modal-title{font-family:var(--font-display);color:var(--charcoal);letter-spacing:var(--tracking-tight);margin:0 0 24px;font-size:clamp(2rem,1.6rem + 1vw,2.5rem);font-weight:500}.mat-modal-spec{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;gap:12px;margin-bottom:24px;padding:16px 0;display:flex}.spec-row{justify-content:space-between;font-size:12px;display:flex}.spec-label{letter-spacing:.1em;text-transform:uppercase;color:var(--stone-500);font-weight:600}.spec-val{color:var(--charcoal);font-weight:500}.mat-modal-desc{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--stone-700);margin:0 0 24px}.mat-modal-note-box{margin-bottom:28px}.mat-modal-note-box p{color:var(--stone-600);margin-top:6px;font-size:12px;line-height:1.6}.mat-modal-whatsapp{border:1px solid var(--charcoal);letter-spacing:.08em;text-transform:uppercase;min-height:44px;transition:opacity var(--dur-base) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:16px 24px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--charcoal)!important}.mat-modal-whatsapp:hover{opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalReveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mat-ph-stone{background:radial-gradient(120% 120% at 30% 20%,#3a423c8c 0%,#0000 60%),linear-gradient(135deg,#34352f 0%,#1a1a17 100%)}.mat-ph-wood{background:radial-gradient(120% 120% at 70% 25%,#78543052 0%,#0000 58%),linear-gradient(135deg,#3a2c1f 0%,#1c1611 100%)}.mat-ph-metal{background:radial-gradient(140% 120% at 25% 15%,#60666c80 0%,#0000 55%),linear-gradient(135deg,#2c2e30 0%,#151616 100%)}.mat-ph-fabric{background:radial-gradient(120% 120% at 60% 30%,#786c604d 0%,#0000 60%),linear-gradient(135deg,#2f2b28 0%,#171513 100%)}.mat-ph-lacquer{background:radial-gradient(120% 120% at 40% 20%,#14423157 0%,#0000 58%),linear-gradient(135deg,#26241f 0%,#121110 100%)}.mat-ph-spec{background:radial-gradient(120% 120% at 30% 20%,#14423180 0%,#0000 55%),radial-gradient(90% 110% at 80% 80%,#b8962e2e 0%,#0000 55%),linear-gradient(135deg,#23271f 0%,#141512 100%)}@media (max-width:900px){.mat-finish,.mat-finish:nth-child(2n){grid-template-columns:1fr;gap:24px}.mat-finish:nth-child(2n) .mat-shot{order:0}.mat-shot,.mat-finish:nth-child(3n) .mat-shot,.mat-finish:nth-child(3n+1) .mat-shot{aspect-ratio:4/3}.mat-house{grid-template-columns:1fr;gap:16px}.mat-grid-explorer{grid-template-columns:repeat(4,1fr)}.mat-modal-body{grid-template-columns:1fr}.mat-modal-content{max-height:90vh;overflow-y:auto}.mat-slider{min-height:20rem}}@media (max-width:480px){.mat-grid-explorer{grid-template-columns:repeat(3,1fr)}.mat-house-swatches .mat-grid-explorer{grid-template-columns:repeat(4,1fr)}}:root[data-theme=emerald] .materials-page{background-color:var(--charcoal);background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:28px 28px;min-block-size:100vh}:root[data-theme=emerald] .materials-head h1{color:var(--cream)}:root[data-theme=emerald] .materials-head .eyebrow{color:var(--stone-400)}:root[data-theme=emerald] .materials-head .eyebrow:before{background:var(--gold-700)}:root[data-theme=emerald] .materials-intro{color:var(--stone-300)}:root[data-theme=emerald] .mat-modes{border-bottom-color:#f5f2ec24}:root[data-theme=emerald] .mat-modes button{color:var(--stone-500)}:root[data-theme=emerald] .mat-modes button.on,:root[data-theme=emerald] .mat-modes button:hover,:root[data-theme=emerald] .mat-name{color:var(--cream)}:root[data-theme=emerald] .mat-body{color:var(--stone-300)}:root[data-theme=emerald] .mat-note{color:var(--stone-400)}:root[data-theme=emerald] .mat-note-label{color:var(--stone-500)}:root[data-theme=emerald] .mat-copy .link{color:var(--cream)}:root[data-theme=emerald] .mat-filter-tag{color:var(--stone-400);border-color:#f5f2ec33}:root[data-theme=emerald] .mat-filter-tag:hover{color:var(--cream);border-color:#f5f2ec80}:root[data-theme=emerald] .mat-filter-tag.active{color:var(--cream);border-color:var(--gold);background:0 0}:root[data-theme=emerald] .mat-grid-swatch{background:#f5f2ec0f;border-color:#f5f2ec1f}:root[data-theme=emerald] .mat-swatches-more{color:var(--stone-500);border-color:#f5f2ec33}:root[data-theme=emerald] .mat-empty-swatches{color:var(--stone-500)}:root[data-theme=emerald] .mat-houses{border-top-color:#f5f2ec24}:root[data-theme=emerald] .mat-house{border-bottom-color:#f5f2ec24}:root[data-theme=emerald] .mat-house-name{color:var(--cream)}:root[data-theme=emerald] .mat-house-body{color:var(--stone-400)}:root[data-theme=emerald] .materials-lookbook{border-top-color:#f5f2ec24}:root[data-theme=emerald] .mat-modal-backdrop{background:#052c1e8c}