/* 3.6.1: scoped material showroom. */
.mj.materials-page .inner-hero{height:auto;min-height:58svh;padding:150px 7% 90px}.mj.materials-page .inner-hero h1{font-size:clamp(40px,5vw,76px)}
.mj.materials-page .stone-showroom{padding:80px 6% 70px;background:#f0ede4;color:#004741;position:relative;isolation:isolate}
.mj.materials-page .showroom-heading{max-width:820px;margin-bottom:48px}.mj.materials-page .showroom-heading h2{font-size:clamp(34px,3.5vw,56px);line-height:1.25;margin:12px 0 18px}.mj.materials-page .showroom-heading p{font-size:20px;line-height:1.8}.mj.materials-page .showroom-heading .eyebrow{font-size:14px!important;letter-spacing:.12em}
.mj.materials-page .showroom-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;align-items:start}.mj.materials-page .stone-selector{position:sticky;top:110px;align-self:start;min-width:0}.mj.materials-page .stone-selector-group+div{margin-top:28px}.mj.materials-page .stone-selector-group h3{font-size:14px;line-height:1.6;font-weight:500;opacity:.7;padding-bottom:12px;border-bottom:1px solid #00474126;margin-bottom:8px}
.mj.materials-page .stone-selector button{display:flex;align-items:center;gap:12px;min-height:58px;width:100%;padding:12px 10px;border:0;border-bottom:1px solid #0047411a;background:transparent;color:#004741;text-align:start;transition:background .25s,color .25s}.mj.materials-page .stone-selector button>span{font-size:13px;opacity:.65}.mj.materials-page .stone-selector strong{font-size:17px;font-weight:500;flex:1;line-height:1.55}.mj.materials-page .stone-selector .icon{width:16px;height:16px;opacity:.5}.mj.materials-page .stone-selector button[aria-pressed=true]{background:#004741;color:#f0ede4;border-radius:3px}.mj.materials-page .stone-selector button[aria-pressed=true] .icon{opacity:1}
.mj.materials-page .showroom-display{min-width:0;scroll-margin-top:105px}.mj.materials-page .showroom-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:34px;min-width:0;animation:stone-arrival .55s ease both}
.mj.materials-page .showroom-photo{margin:0;position:relative;min-width:0;background:#faf8f2;border:1px solid #00474116;overflow:hidden}.mj.materials-page .showroom-photo>button{display:block;width:100%;aspect-ratio:1/1.15;padding:24px;border:0;background:#faf8f2;cursor:zoom-in;position:relative;overflow:hidden}.mj.materials-page .showroom-photo img{width:100%;height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.2,.65,.3,1)}.mj.materials-page .showroom-photo:hover img{transform:scale(1.045)}.mj.materials-page .showroom-photo figcaption{padding:12px 18px;border-top:1px solid #00474115;font-size:14px;line-height:1.5;text-align:center;opacity:.8}
.mj.materials-page .showroom-zoom{position:absolute;bottom:16px;inset-inline-end:16px;width:36px;height:36px;border:1px solid #0047413b;border-radius:50%;display:grid;place-items:center;background:#004741;color:#f0ede4}.mj.materials-page .showroom-zoom .icon{width:17px;height:17px}
.mj.materials-page .showroom-copy{min-width:0;padding:20px 0}.mj.materials-page .showroom-copy>.eyebrow{font-size:13px!important;letter-spacing:.07em;margin-bottom:14px;opacity:.7}.mj.materials-page .showroom-copy h2{font-size:clamp(32px,3.1vw,50px);font-weight:400;line-height:1.25;margin:0 0 24px;letter-spacing:-.02em}.mj.materials-page .showroom-copy p{font-size:19px;line-height:1.8}.mj.materials-page .showroom-uses{margin-top:26px;padding-top:22px;border-top:1px solid #00474126}.mj.materials-page .showroom-uses h3{font-size:15px;font-weight:600;margin-bottom:10px;line-height:1.6}.mj.materials-page .showroom-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;line-height:1.6;margin:28px 0;padding-top:20px;border-top:1px solid #00474126}.mj.materials-page .showroom-copy .actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0}.mj.materials-page .showroom-copy .btn{justify-content:space-between;min-height:49px;padding:11px 17px;font-size:16px!important}
.mj.materials-page .showroom-finishes,.mj.materials-page .showroom-generic{margin-top:32px;border-top:1px solid #00474135;border-bottom:1px solid #00474135;scroll-margin-top:105px}.mj.materials-page :is(.showroom-finishes,.showroom-generic)>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:19px;line-height:1.5;cursor:pointer}.mj.materials-page summary::-webkit-details-marker{display:none}.mj.materials-page .showroom-finish-count{display:flex;gap:16px;align-items:center;font-size:15px}.mj.materials-page details[open]>summary .icon{transform:rotate(45deg)}
.mj.materials-page .showroom-finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:12px 0 30px}.mj.materials-page .showroom-finish{margin:0;min-width:0;background:#faf8f2;border:1px solid #00474117;display:flex;flex-direction:column}.mj.materials-page .showroom-finish>button{display:block;width:100%;aspect-ratio:1;position:relative;padding:14px;border:0;background:#faf8f2;cursor:zoom-in;overflow:hidden}.mj.materials-page .showroom-finish img{width:100%;height:100%;object-fit:contain;transition:transform .7s}.mj.materials-page .showroom-finish:hover img{transform:scale(1.05)}.mj.materials-page .showroom-finish button>span{position:absolute;bottom:12px;inset-inline-end:12px;width:28px;height:28px;display:grid;place-items:center;color:#004741;background:#f0ede4;border:1px solid #00474130;border-radius:50%}.mj.materials-page .showroom-finish button .icon{width:15px;height:15px}.mj.materials-page .showroom-finish figcaption{padding:16px;border-top:1px solid #00474117;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.65}.mj.materials-page .showroom-finish strong{font-weight:500}.mj.materials-page .showroom-finish bdi{font-size:14px;opacity:.8}
.mj.materials-page .showroom-generic{margin-top:50px}.mj.materials-page .showroom-generic>p{font-size:18px;margin:6px 0 20px}.mj.materials-page .showroom-generic .showroom-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.mj.materials-page .showroom-natural-note{max-width:850px;font-size:17px;margin-top:30px;line-height:1.8;opacity:.75}
@keyframes stone-arrival{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.mj.materials-page .stone-showroom{padding-inline:max(6%,calc((100vw - 1700px)/2))}.mj.materials-page .showroom-photo>button{max-height:650px;aspect-ratio:auto;height:650px}}
@media(max-width:1200px){.mj.materials-page .showroom-layout{grid-template-columns:195px minmax(0,1fr);gap:28px}.mj.materials-page .showroom-stage{gap:25px;grid-template-columns:1fr 1fr}.mj.materials-page .showroom-copy h2{font-size:36px}.mj.materials-page .showroom-copy p{font-size:18px}.mj.materials-page .showroom-meta{margin:22px 0}.mj.materials-page .showroom-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mj.materials-page .stone-showroom{padding:55px 7%}.mj.materials-page .showroom-layout{grid-template-columns:1fr;gap:30px}.mj.materials-page .stone-selector{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.mj.materials-page .stone-selector-group+div{margin-top:0}.mj.materials-page .showroom-heading{margin-bottom:30px}.mj.materials-page .showroom-stage{grid-template-columns:1fr 1fr;gap:28px}.mj.materials-page .showroom-copy h2{font-size:34px}.mj.materials-page .showroom-copy .btn{font-size:15px!important}.mj.materials-page .inner-hero{min-height:52svh;padding-top:125px}}
@media(max-width:600px){.mj.materials-page .showroom-stage{grid-template-columns:1fr;gap:24px}.mj.materials-page .showroom-photo>button{aspect-ratio:1;max-height:430px;padding:22px}.mj.materials-page .showroom-copy{padding:0}.mj.materials-page .showroom-copy h2{font-size:36px;margin-bottom:18px}.mj.materials-page .showroom-copy .actions{flex-direction:row;flex-wrap:wrap}.mj.materials-page .showroom-copy .btn{flex:1 1 180px}.mj.materials-page .stone-selector{gap:12px}.mj.materials-page .stone-selector strong{font-size:15px}.mj.materials-page .stone-selector button{padding:10px 8px;gap:8px;min-height:58px}.mj.materials-page .stone-selector button>span{display:none}.mj.materials-page .stone-selector .icon{width:13px}.mj.materials-page .showroom-finish-grid{gap:14px}.mj.materials-page .showroom-finish figcaption{padding:12px;font-size:15px}.mj.materials-page .showroom-finish>button{padding:10px}.mj.materials-page .showroom-generic .showroom-finish-grid{grid-template-columns:1fr 1fr}.mj.materials-page .showroom-heading p{font-size:18px}.mj.materials-page .showroom-heading h2{font-size:36px}}
@media(max-width:360px){.mj.materials-page .stone-selector{grid-template-columns:1fr}.mj.materials-page .stone-selector button{min-height:48px}.mj.materials-page .showroom-finish-grid,.mj.materials-page .showroom-generic .showroom-finish-grid{grid-template-columns:1fr}.mj.materials-page .showroom-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.mj.materials-page .showroom-stage{animation:none}.mj.materials-page .showroom-photo img,.mj.materials-page .showroom-finish img{transition:none;transform:none!important}}
@media(min-width:901px){.mj.materials-page .stone-selector{max-height:calc(100svh - 140px);overflow-y:auto;scrollbar-width:thin;padding-inline-end:6px}}
.mj .mjs-modal-copy{padding:24px}.mj .mjs-modal-copy p{font-size:19px;line-height:1.8;margin:20px 0}.mj .mjs-modal-copy .showroom-finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mj .mjs-modal-copy .showroom-finish{margin:0;background:#f0ede4}.mj .mjs-modal-copy .showroom-finish button{display:block;width:100%;height:230px;padding:12px;border:0;background:#faf8f2;position:relative}.mj .mjs-modal-copy .showroom-finish img{height:100%;object-fit:contain}.mj .mjs-modal-copy .showroom-finish figcaption{padding:15px;font-size:17px}.mj .mjs-events-root .event-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);background:#004741;color:#f0ede4;align-items:center}.mj .mjs-events-root .event-cover{aspect-ratio:4/3;overflow:hidden}.mj .mjs-events-root .event-cover img{width:100%;height:100%;object-fit:cover}.mj .mjs-events-root .event-copy{padding:32px}.mj .mjs-events-root .event-copy h3{font-size:clamp(30px,3vw,48px);line-height:1.4}.mj .mjs-events-root .event-copy p{font-size:19px;line-height:1.8;margin-top:16px}.mj .mjs-events-root .event-album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.mj .mjs-events-root .event-photo{aspect-ratio:4/3;border:0;position:relative;overflow:hidden;padding:0}.mj .mjs-events-root .event-photo img{width:100%;height:100%;object-fit:cover}.mj .mjs-events-root .event-photo span,.mj .showroom-photo button>span,.mj .showroom-finish button>span{position:absolute;bottom:12px;inset-inline-end:12px;background:#004741;color:#f0ede4;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.mj .mjs-event+.mjs-event{margin-top:70px}.mj .mjs-event-meta{font-size:16px!important}.mjs-image-dialog{width:min(1000px,94vw);max-height:90svh;overflow:auto;background:#f0ede4;padding:24px;border:0}.mjs-image-dialog img{width:100%;max-height:75svh;object-fit:contain}.mjs-image-dialog button{background:#004741;color:#f0ede4;border:0;padding:12px 20px;margin-bottom:15px}@media(max-width:760px){.mj .mjs-events-root .event-feature{grid-template-columns:1fr}.mj .mjs-events-root .event-album{grid-template-columns:repeat(2,minmax(0,1fr))}.mj .mjs-modal-copy .showroom-finish-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.mj .mjs-events-root .event-album{grid-template-columns:1fr}.mj .mjs-modal-copy .showroom-finish-grid{grid-template-columns:1fr}}

/* One photo tile per source, identical markup for all breakpoints. */
.mj .mjs-event{min-width:0;overflow:hidden}.mj .mjs-events-root .event-album{width:100%;max-width:100%;min-width:0;grid-auto-rows:auto}.mj .mjs-events-root .event-photo{display:block;min-width:0;width:100%;height:auto;min-height:0;max-width:100%;margin:0;line-height:0;background:#e8e6df;isolation:isolate}.mj .mjs-events-root .event-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.mj .mjs-events-root .event-photo::before,.mj .mjs-events-root .event-photo::after{content:none!important}
@media(max-width:760px){.mj .mjs-events-root .event-feature{grid-template-columns:1fr}.mj .mjs-events-root .event-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:480px){.mj .mjs-events-root .event-album{grid-template-columns:1fr}.mj .mjs-events-root .event-copy{padding:24px}}