/* MM Surface identity and material categories, layered over the existing liquid-glass system. */
:root { --mm-bronze: #c8a77a; --mm-cream: #f6f3ec; }
.site-header .mm-brand-mark { color: #24382e !important; display: block !important; padding: 0 !important; }
.site-header .mm-brand-text { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 3px !important; }
.site-header .mm-brand-text strong { font-size: 16px !important; white-space: nowrap !important; letter-spacing: -.055em !important; }
.site-header .mm-brand-text span { font: 700 7px 'DM Mono', monospace !important; letter-spacing: .25em !important; color: #e6d7bd !important; }
.site-header .brand { min-width: 185px !important; }
.mm-language-control { position: relative; z-index: 2; flex: 0 0 auto; display: flex; align-items: center; }
.mm-language-control > .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.mm-language-control select { appearance: none; width: 70px; height: 38px; padding: 0 16px 0 10px; border-radius: 999px; border: 1px solid #d7c7aa72; color: #f8efdc; background: #ffffff1a; font: 800 10px 'Manrope',sans-serif; cursor: pointer; text-overflow: clip; }
.mm-language-control::after { content: '⌄'; position: absolute; right: 10px; top: 8px; color: #f5deb6; pointer-events: none; font-size: 13px; }
.mm-language-control select:is(:hover,:focus-visible) { border-color: #e8c68c; outline: 2px solid #e8c68c55; outline-offset: 2px; }
.mm-language-control option { color: #1d2922; background: #fff9ef; }
.desktop-nav { justify-content: center !important; }
.desktop-nav a { font-size: 11px !important; padding-inline: 11px !important; }
.studio-hero h1 { font-size: clamp(50px, 5.9vw, 84px) !important; }
.studio-hero .hero-lede { max-width: 480px !important; }
.studio-hero h1 em { color: #e8c89b !important; }
.mm-material-section { overflow: hidden; }
.mm-material-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: clamp(30px,6vw,90px); align-items: center; }
.mm-material-copy h2 { font-size: clamp(45px,5vw,76px); line-height: 1.06; letter-spacing: -.065em; margin: 24px 0; }
.mm-material-copy h2 em { color: #bc996b; }
.mm-material-copy > p:not(.eyebrow):not(.mm-asset-note) { max-width: 510px; line-height: 1.8; font-size: 16px; }
.mm-material-copy ul { padding-left: 21px; margin: 26px 0 30px; line-height: 2; }
.mm-material-image { min-height: 460px; border-radius: 26px; overflow: hidden; box-shadow: 0 32px 60px rgba(12,21,16,.24); }
.mm-material-image img { width: 100%; height: 100%; min-height: 460px; object-fit: cover; object-position: 62% center; display: block; }
.mm-asset-note { font-size: 11px; opacity: .7; margin-top: 18px; }
.mm-cappadocia-section { background: linear-gradient(145deg,#e9e5da,#d7d8ce 55%,#e9e6dc); color: #26312c; overflow: hidden; scroll-margin-top: 100px; }
.mm-cappadocia-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: clamp(35px,6vw,95px); align-items: center; }
.mm-cappadocia-visual { position: relative; min-height: 340px; display: flex; align-items: center; }
.mm-cappadocia-visual img { display: block; object-fit: cover; border-radius: 26px; box-shadow: 0 27px 44px #1e302b42; }
.mm-cappadocia-feature { position: relative; display: block; padding: 0; overflow: hidden; border: 0; border-radius: 26px; background: #d7d4ca; box-shadow: 0 27px 44px #1e302b42; cursor: zoom-in; text-align: left; }
.mm-cappadocia-feature img { width: 100%; height: 100%; border-radius: inherit; box-shadow: none; transition: transform .3s ease; }
.mm-cappadocia-feature:hover img { transform: scale(1.035); }
.mm-cappadocia-feature:focus-visible { outline: 3px solid #bd8244; outline-offset: 4px; }
.mm-cappadocia-feature span { position: absolute; left: 12px; bottom: 12px; padding: 8px 11px; border: 1px solid #ffffffa8; border-radius: 999px; background: #17271edb; color: #fffaf0; font: 700 11px/1 Manrope,sans-serif; backdrop-filter: blur(9px); }
.mm-cappadocia-orbit { pointer-events: none; }
.mm-cappadocia-main { width: 70%; height: 315px; }
.mm-cappadocia-detail { position: absolute; right: 0; bottom: 0; width: 42%; height: 185px; border: 5px solid #e9e5da; }
.mm-cappadocia-orbit { position: absolute; top: 20px; left: 20px; padding: 9px 13px; color: #f9efdb; background: #203b35df; border-radius: 999px; font: 700 10px 'DM Mono',monospace; letter-spacing: .09em; }
.mm-cappadocia-copy h2 { font-size: clamp(44px,4.1vw,62px); line-height: 1.04; letter-spacing: -.06em; margin: 16px 0; }
.mm-cappadocia-copy h2 em,.mm-wall-panel h3 em { color: #876b4e; }
.mm-cappadocia-copy > p:not(.eyebrow):not(.mm-asset-note) { font-size: 15px; line-height: 1.65; max-width: 520px; }
.mm-cappadocia-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 27px; }
.mm-cappadocia-catalog { padding-top: 54px; scroll-margin-top: 110px; }
.mm-cappadocia-head { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 24px; }
.mm-cappadocia-head h3 { font-size: clamp(32px,3.1vw,46px); letter-spacing: -.055em; line-height: 1.08; margin: 8px 0 0; }
.mm-cappadocia-head > p { max-width: 410px; color: #4f5a52; line-height: 1.6; margin: 0; }
.mm-cappadocia-tabs { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 24px; }
.mm-cappadocia-tab { color: #293b31; background: #fff9efb8; border: 1px solid #b6bbaf; border-radius: 999px; min-height: 44px; padding: 10px 18px; font: 700 12px 'Manrope',sans-serif; cursor: pointer; }
.mm-cappadocia-tab span { opacity: .6; margin-left: 5px; }
.mm-cappadocia-tab.is-active { background: #243a31; color: #fff8e9; border-color: #243a31; }
.mm-cappadocia-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.mm-cappadocia-card { background: #f9f8f2; border: 1px solid #bfc6ba; border-radius: 22px; overflow: hidden; box-shadow: 0 12px 24px #23362c12; }
.mm-cappadocia-card .mm-catalog-image-button img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center 62%; background: #d7d4ca; }
.mm-cappadocia-card-copy { padding: 11px 13px 12px; }
.mm-cappadocia-card-copy > span { color: #756243; font: 700 9px/1.3 'DM Mono',monospace; letter-spacing: .06em; }
.mm-cappadocia-card h4 { margin: 5px 0 8px; line-height: 1.17; font-size: 16px; letter-spacing: -.035em; min-height: 0; color: #213229; }
.mm-cappadocia-card-copy button { min-height: 34px; padding: 6px 11px; color: #253a2f; background: #ebe4d6; border: 1px solid #aea88f; border-radius: 999px; font: 700 11px/1.2 'Manrope',sans-serif; cursor: pointer; }
.mm-cappadocia-card-copy button:is(:hover,:focus-visible) { background: #d7b583; }
.mm-cappadocia-more { margin-top: 26px; }
.mm-cappadocia-more[hidden] { display: none; }
.mm-wall-panel { margin-top: 62px; padding: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(30px,7vw,100px); scroll-margin-top: 110px; background: #27352f; color: #f7f3e8; border-radius: 27px; overflow: hidden; }
.mm-wall-panel img { display: block; width: 100%; height: 350px; object-fit: cover; }
.mm-wall-panel > div { padding: 35px 38px 35px 0; }
.mm-wall-panel h3 { font-size: clamp(41px,4.4vw,65px); line-height: 1.06; letter-spacing: -.06em; margin: 18px 0; }
.mm-wall-panel p:not(.eyebrow) { color: #d0d9cf; line-height: 1.7; max-width: 440px; }
.mm-wall-panel .button { margin-top: 17px; }
.mm-stone-section { background: #eae7df; color: #25302a; }
.mm-stone-catalog { padding-top: 74px; scroll-margin-top: 105px; }
.mm-stone-head { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 28px; }
.mm-stone-head h3 { font-size: clamp(34px,4vw,58px); letter-spacing: -.06em; margin: 8px 0 0; line-height: 1.05; }
.mm-stone-head > p { max-width: 400px; line-height: 1.6; margin: 0; color: #58625b; }
.mm-stone-controls { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px; }
.mm-stone-tab { cursor: pointer; border-radius: 999px; padding: 12px 20px; color: #22312a; border: 1px solid #b7bcb2; background: rgba(255,255,255,.54); backdrop-filter: blur(12px); font: 700 13px 'Manrope',sans-serif; transition: transform .2s, box-shadow .2s; }
.mm-stone-tab span { opacity: .65; margin-left: 6px; }
.mm-stone-tab:is(:hover,:focus-visible) { transform: translateY(-2px); box-shadow: 0 7px 20px #19251d1a; }
.mm-stone-tab.is-active { background: #24342c; color: #fff9ed; border-color: #24342c; }
.mm-stone-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.mm-stone-card { overflow: hidden; border-radius: 21px; border: 1px solid #c7c9c0; background: #f8f6ef; box-shadow: 0 12px 30px #20251d12; }
.mm-stone-card-image { display: block; width: 100%; height: 260px; object-fit: cover; background: #c9c7bf; }
.mm-stone-card.kind-mosaic .mm-stone-card-image { object-fit: contain; background: linear-gradient(140deg,#c9c6bc,#e5e2d8); }
.mm-stone-card-info { padding: 19px 22px 21px; }
.mm-stone-code { color: #947148; font: 700 10px 'DM Mono',monospace; letter-spacing: .1em; }
.mm-stone-card h4 { font-size: 20px; line-height: 1.25; margin: 8px 0 5px; letter-spacing: -.035em; }
.mm-stone-card p { color: #657066; font-size: 12px; line-height: 1.45; min-height: 18px; margin: 0 0 17px; }
.mm-stone-request { border: 1px solid #aaa995; border-radius: 999px; background: #ffffffa3; color: #263b2d; font: 700 12px 'Manrope',sans-serif; padding: 10px 15px; cursor: pointer; transition: background .2s, transform .2s; }
.mm-stone-request:is(:hover,:focus-visible) { background: #e8d0a6; transform: translateY(-2px); }
.mm-stone-more { margin-top: 26px; }
.mm-stone-more[hidden] { display: none; }
.mm-aluminum-section { background: #202b28; color: #f8f6f1; }
.mm-aluminum-section .mm-material-copy h2 em { color: #d6bb95; }
.mm-aluminum-catalog { padding-top: 80px; scroll-margin-top: 110px; }
.mm-aluminum-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.mm-aluminum-heading h3 { font-size: clamp(35px,4vw,58px); line-height: 1.05; letter-spacing: -.06em; margin: 8px 0 0; }
.mm-aluminum-heading > p { max-width: 410px; line-height: 1.65; color: #c3cdc5; margin: 0; }
.mm-aluminum-controls { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 25px; }
.mm-aluminum-tab { border: 1px solid #7c9189; border-radius: 999px; background: #eff4ed13; color: #f2f4ed; padding: 12px 18px; min-height: 44px; font: 700 12px 'Manrope',sans-serif; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.mm-aluminum-tab span { opacity: .7; margin-left: 6px; }
.mm-aluminum-tab.is-active { color: #1d2923; background: #eacb9e; border-color: #eacb9e; }
.mm-aluminum-tab:is(:hover,:focus-visible) { transform: translateY(-2px); box-shadow: 0 10px 20px #0003; }
.mm-aluminum-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.mm-aluminum-card { border: 1px solid #b9ccc128; border-radius: 22px; overflow: hidden; background: linear-gradient(155deg,#3c4a45cc,#26332fb8); box-shadow: inset 0 1px #ffffff2e, 0 16px 30px #101b173b; }
.mm-aluminum-card-art { height: 185px; display: flex; align-items: center; justify-content: center; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 63% 14%,#f5e5ca30,transparent 45%),linear-gradient(135deg,#4b5d59,#1d2c29); }
.mm-aluminum-product-image { display: block; width: 100%; height: 100%; object-fit: contain; padding: 10px; background: #f6f7f4; }
.mm-catalog-image-button { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; overflow: hidden; }
.mm-catalog-image-button img { transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.mm-catalog-image-button:hover img { transform: scale(1.035); }
.mm-catalog-image-button:focus-visible { outline: 3px solid #c49457; outline-offset: -3px; }
.mm-catalog-hover-zoom { position: fixed; z-index: 9000; width: 300px; height: 300px; pointer-events: none; opacity: 0; border: 5px solid #f9f5e9; border-radius: 20px; background-color: #e9e8e1; background-repeat: no-repeat; background-size: 205%; box-shadow: 0 20px 60px #06120c73; transition: opacity .13s ease; }
.mm-catalog-hover-zoom.is-visible { opacity: 1; }
.mm-catalog-lightbox { width: min(96vw,1040px); max-width: 1040px; max-height: 93dvh; padding: 20px; color: #f6f0e4; background: #111c18; border: 1px solid #c5ae8b66; border-radius: 26px; box-shadow: 0 30px 90px #0009; }
.mm-catalog-lightbox::backdrop { background: #07110dc9; backdrop-filter: blur(9px); }
.mm-catalog-lightbox-top { display: flex; justify-content: space-between; align-items: start; gap: 18px; padding: 1px 3px 15px; }
.mm-catalog-lightbox-top span { display: block; color: #d2b286; font: 700 10px 'DM Mono',monospace; letter-spacing: .12em; }
.mm-catalog-lightbox-top h2 { margin: 7px 0 0; font-size: clamp(23px,3vw,38px); line-height: 1.1; letter-spacing: -.04em; }
.mm-catalog-lightbox-close { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; border: 1px solid #ffffff55; background: #ffffff14; color: #fff; font-size: 26px; cursor: pointer; }
.mm-catalog-lightbox-image { display: grid; place-items: center; min-height: 180px; max-height: 65dvh; overflow: hidden; border-radius: 16px; background: #f5f4ef; }
.mm-catalog-lightbox-image img { display: block; width: 100%; height: auto; max-height: 65dvh; object-fit: contain; }
.mm-catalog-lightbox-actions { display: flex; justify-content: space-between; gap: 10px; padding-top: 16px; }
.mm-catalog-lightbox-actions button { min-height: 44px; padding: 10px 17px; border: 1px solid #d9b98791; border-radius: 999px; color: #f8e9cf; background: #ffffff14; font: 700 12px 'Manrope',sans-serif; cursor: pointer; }
.mm-catalog-lightbox-actions #mm-catalog-request { background: #dfbd8c; color: #1b2921; border-color: #dfbd8c; }
.mm-catalog-lightbox-actions button:is(:hover,:focus-visible),.mm-catalog-lightbox-close:is(:hover,:focus-visible) { outline: 2px solid #e5c38e; outline-offset: 2px; }
.mm-catalog-lightbox-actions button[hidden] { display: none; }
.mm-aluminum-hero { min-height: 420px; overflow: hidden; position: relative; display: grid; place-items: center; border-radius: 26px; background: linear-gradient(135deg,#e8e8df,#b9c5bc); box-shadow: 0 30px 55px #0b151344; }
.mm-aluminum-hero img { display: block; width: 100%; height: 100%; max-height: 470px; object-fit: contain; padding: 20px; }
.mm-aluminum-hero span { position: absolute; bottom: 18px; left: 20px; padding: 8px 12px; border-radius: 999px; color: #f8edda; background: #18312ccf; font: 700 10px 'DM Mono',monospace; letter-spacing: .08em; }
.mm-aluminum-card-art::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg,transparent 0 48px,#fff1 49px,#fff0 50px); opacity: .25; }
.mm-profile-shape { display: block; width: 95px; height: 95px; border: 15px ridge #c2ccc4; border-radius: 4px; transform: rotate(-15deg) skewY(5deg); box-shadow: 18px 18px 0 #111f1c, 30px 30px 26px #0b16149c, inset 7px 8px 12px #16221f9c; background: #23332f; }
.mm-profile-line { position: absolute; left: 12%; right: 12%; bottom: 22px; height: 1px; background: linear-gradient(90deg,transparent,#d3cfba88,transparent); }
.mm-aluminum-sliding .mm-profile-shape { width: 132px; height: 78px; border-width: 11px 17px; border-radius: 2px; transform: rotate(-9deg) skewX(-8deg); }
.mm-aluminum-sliding .mm-profile-shape::after { content: ''; display: block; width: 12px; height: 100%; margin: auto; background: #c8d1ca; box-shadow: 5px 0 2px #12211d; }
.mm-aluminum-facade .mm-profile-shape { width: 112px; height: 114px; border-width: 10px; transform: rotate(-8deg) skewY(3deg); background: linear-gradient(90deg,#2f4645 47%,#a9bab3 48% 53%,#2e4745 54%); }
.mm-aluminum-facade .mm-profile-shape::after { content: ''; display: block; margin-top: 41px; height: 7px; background: #b9c7be; }
.mm-aluminum-cladding .mm-profile-shape { width: 134px; height: 88px; border: 0; border-top: 12px ridge #bbc6be; border-bottom: 12px ridge #a4b4a8; background: repeating-linear-gradient(0deg,#53655d 0 13px,#b9c4ba 14px 18px,#283b33 19px 30px); transform: rotate(-10deg) skewX(-12deg); }
.mm-aluminum-card-copy { padding: 19px 18px 20px; }
.mm-aluminum-id { font: 700 10px 'DM Mono',monospace; letter-spacing: .11em; color: #e1bd88; }
.mm-aluminum-card h4 { font-size: 17px; line-height: 1.28; min-height: 43px; letter-spacing: -.035em; margin: 8px 0 4px; }
.mm-aluminum-card p { color: #c2d0c5; font-size: 11px; min-height: 20px; margin: 0 0 14px; }
.mm-aluminum-request { border: 1px solid #d2d7c987; border-radius: 999px; background: #e4ede221; color: #fff6e8; min-height: 44px; padding: 9px 13px; font: 700 11px 'Manrope',sans-serif; cursor: pointer; }
.mm-aluminum-request:is(:hover,:focus-visible) { background: #e8c998; color: #17251c; }
.mm-aluminum-more { margin-top: 24px; }
.mm-aluminum-more[hidden] { display: none; }
.mm-pdf-library { margin-top: 94px; }
.mm-pdf-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.mm-pdf-card { display: grid; grid-template-columns: 132px minmax(0,1fr) auto; gap: 18px; align-items: center; border: 1px solid #91a19757; background: linear-gradient(110deg,#fff2,#fff1); border-radius: 19px; padding: 14px; }
.mm-pdf-preview { position: relative; display: grid; place-items: center; overflow: hidden; width: 132px; height: 96px; border: 1px solid #c9c3b4; border-radius: 12px; background: #f7f5ef; cursor: zoom-in; }
.mm-pdf-preview-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.mm-pdf-icon { display: grid; place-items: center; border: 1px solid #e4c89a81; background: #e6c48b17; border-radius: 13px; height: 62px; font: 700 12px 'DM Mono',monospace; color: #f0ce9a; }
.mm-pdf-group { display: block; color: #eac895; text-transform: uppercase; letter-spacing: .12em; font: 700 10px 'DM Mono',monospace; }
.mm-pdf-copy h4 { font-size: 17px; line-height: 1.25; margin: 6px 0; }
.mm-pdf-copy p { font-size: 11px; line-height: 1.4; color: #bac8bb; margin: 0; }
.mm-pdf-link { color: #f4daaf; text-decoration: none; font-size: 12px; font-weight: 800; border: 0; border-bottom: 1px solid #e6c795; padding: 0 0 5px; white-space: nowrap; background: none; cursor: pointer; }
.mm-pdf-link:is(:hover,:focus-visible) { color: #fff; }
.additional-categories { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 18px; min-width: 0; margin: 12px 0; padding: 14px 0 18px; border: 0; border-bottom: 1px solid var(--line-dark); }
.additional-categories legend { padding: 0 0 10px; color: #c8c2b5; font: 700 10px 'DM Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
.additional-categories label { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 8px !important; padding: 8px 10px !important; border: 1px solid #ffffff24 !important; border-radius: 999px; color: #f6f3ec !important; font: 600 12px 'Manrope',sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; }
.additional-categories input[type="checkbox"] { appearance: auto !important; width: 16px; height: 16px; padding: 0; accent-color: #d5aa6b; }
.mm-aluminum-art { min-height: 450px; display: flex; gap: 16px; align-items: center; justify-content: center; transform: skewY(-9deg); padding: 40px 0; }
.mm-aluminum-art span { display: block; height: 70%; flex: 1; max-width: 110px; border-radius: 7px; background: linear-gradient(90deg,#3a4542 0%,#aeb6b1 8%,#65716c 15%,#c1c9c3 19%,#3c4743 29%,#27332f 70%,#9aa39b 92%,#29332f 100%); border: 1px solid #a7afa546; box-shadow: 12px 26px 35px #0007; }
.mm-aluminum-art span:nth-child(2) { height: 92%; }
.mm-aluminum-art span:nth-child(3) { height: 54%; }
.story-visual-wrap img { object-fit: cover; }
.site-footer .brand { color: #f5e2bf !important; width: auto !important; display: inline-flex !important; align-items: center; font-weight: 800; font-size: 23px; letter-spacing: -.055em; }
.site-footer .brand small { display: block; font: 700 9px 'DM Mono', monospace; letter-spacing: .23em; color: #eee0c5; margin-top: 6px; }
.po-logo-text { font-weight: 800; font-size: 24px; letter-spacing: -.07em; color: #29332c; }
.po-logo-text small { display: block; font-size: 9px; letter-spacing: .18em; }
@media(max-width: 1100px) { .desktop-nav a { font-size: 10px !important; padding-inline: 7px !important; }.site-header .brand { min-width: 175px !important; } }
@media(max-width: 1100px) { .mm-aluminum-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.mm-pdf-card { grid-template-columns: 112px minmax(0,1fr); }.mm-pdf-preview { width: 112px; height: 84px; }.mm-pdf-link { grid-column: 2; justify-self: start; } }
@media(max-width: 900px) { .site-header .brand { min-width: 0 !important; }.mm-material-layout { grid-template-columns: 1fr; }.mm-aluminum-art { order: 2; min-height: 300px; }.mm-material-image { min-height: 340px; }.mm-material-image img { min-height: 340px; }.mm-material-copy h2 { font-size: clamp(42px,9vw,64px); }.mm-stone-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.mm-aluminum-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.mm-pdf-grid { grid-template-columns: 1fr; } }
@media(max-width: 900px) { .mm-cappadocia-layout { grid-template-columns: 1fr; }.mm-cappadocia-visual { max-width: 680px; }.mm-cappadocia-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.mm-cappadocia-head { display: block; }.mm-cappadocia-head > p { margin-top: 14px; } }
@media(max-width: 640px) { .site-header .mm-brand-text strong { font-size: 14px !important; }.site-header .mm-brand-text span { font-size: 6px !important; }.mm-material-image { min-height: 230px; }.mm-material-image img { min-height: 230px; }.mm-aluminum-art { min-height: 250px; }.mm-aluminum-art span { max-width: 70px; }.mm-material-copy > p:not(.eyebrow):not(.mm-asset-note) { font-size: 14px; }.mm-stone-head,.mm-aluminum-heading { display: block; }.mm-stone-head > p,.mm-aluminum-heading > p { margin-top: 16px; }.mm-stone-grid,.mm-aluminum-grid { grid-template-columns: 1fr; }.mm-stone-card-image { height: 240px; }.mm-stone-catalog,.mm-aluminum-catalog { padding-top: 56px; }.mm-pdf-card { grid-template-columns: 96px minmax(0,1fr); padding: 13px; gap: 11px; }.mm-pdf-preview { width: 96px; height: 82px; }.mm-pdf-copy h4 { font-size: 15px; }.mm-pdf-link { grid-column: 2; justify-self: start; } }
@media(max-width: 640px) { .mm-aluminum-hero { min-height: 270px; }.mm-aluminum-hero img { max-height: 290px; } }
@media(max-width: 640px) { .mm-cappadocia-visual { min-height: 205px; }.mm-cappadocia-main { height: 190px; }.mm-cappadocia-detail { height: 120px; border-width: 4px; }.mm-cappadocia-copy h2 { font-size: 40px; }.mm-cappadocia-catalog { padding-top: 42px; }.mm-cappadocia-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.mm-cappadocia-card { border-radius: 17px; }.mm-cappadocia-card .mm-catalog-image-button img { height: auto; aspect-ratio: 1 / 1; }.mm-cappadocia-card-copy { padding: 8px 9px 10px; }.mm-cappadocia-card-copy > span { font-size: 8px; }.mm-cappadocia-card h4 { font-size: 13px; margin: 4px 0 7px; }.mm-cappadocia-card-copy button { min-height: 32px; padding: 6px 9px; font-size: 9px; }.mm-wall-panel { grid-template-columns: 1fr; margin-top: 48px; }.mm-wall-panel img { height: 240px; }.mm-wall-panel > div { padding: 5px 25px 30px; }.mm-catalog-lightbox { padding: 13px; width: calc(100vw - 16px); max-height: 95dvh; }.mm-catalog-lightbox-image,.mm-catalog-lightbox-image img { max-height: 69dvh; }.mm-catalog-lightbox-actions button { font-size: 10px; padding-inline: 11px; } }
@media (hover: none), (pointer: coarse) { .mm-catalog-hover-zoom { display: none; } }
@media (prefers-reduced-motion: reduce) { .mm-catalog-image-button img,.mm-catalog-hover-zoom { transition: none; } }
@media (prefers-reduced-motion: reduce) { .mm-stone-tab,.mm-stone-request { transition: none; } }

/* Architectural Credentials & Trade Announcement */
.announcement {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 24px;
  background: #1c241f;
  color: #e5dec9;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 13px;
}
.announcement .announcement-tag {
  font: 700 9px 'DM Mono', monospace;
  letter-spacing: 0.14em;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(200,167,122,0.18);
  color: #dfbf8d;
  border: 1px solid rgba(200,167,122,0.3);
}
.announcement p { margin: 0; font-weight: 500; }
.announcement a {
  color: #dfbf8d;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 600;
  transition: color 0.2s;
}
.announcement a:hover { color: #fff; }

.signal-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px;
  padding: 38px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.signal-strip > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding-left: 18px;
  border-left: 2px solid rgba(200,167,122,0.4);
}
.signal-strip .signal-number {
  font: 700 10px 'DM Mono', monospace !important;
  letter-spacing: 0.12em;
  color: #9c7b4e !important;
}
.signal-strip strong {
  font-size: 15px !important;
  letter-spacing: -0.02em;
  color: #171d19;
}
.signal-strip p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.5;
  color: #555e57 !important;
}

/* Static Architectural Credential Ribbon */
.architectural-credential-bar {
  background: #121814;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 16px 0;
}
.cred-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.cred-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cred-item strong {
  font: 700 13px 'Manrope', sans-serif;
  letter-spacing: 0.02em;
  color: #dfbf8d;
}
.cred-item span {
  font: 500 11px 'DM Mono', monospace;
  letter-spacing: 0.08em;
  color: #8c978f;
  text-transform: uppercase;
}
.cred-divider {
  width: 1px;
  height: 28px;
  background: rgba(255,255,255,0.12);
}

/* Container Cargo Specification Panel */
.cargo-spec-panel {
  background: #151d18;
  border: 1px solid rgba(200,167,122,0.25);
  border-radius: 20px;
  padding: 26px 28px;
  box-shadow: 0 16px 36px rgba(0,0,0,0.3);
}
.cargo-spec-header {
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.cargo-badge {
  font: 700 9px 'DM Mono', monospace;
  letter-spacing: 0.16em;
  color: #dfbf8d;
  display: inline-block;
  margin-bottom: 6px;
}
.cargo-spec-header h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #f7f3e8;
  letter-spacing: -0.02em;
}
.cargo-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 22px;
}
.cargo-spec-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.cargo-spec-label {
  font: 600 10px 'DM Mono', monospace;
  letter-spacing: 0.08em;
  color: #8f9b92;
  text-transform: uppercase;
}
.cargo-spec-val {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
}
.cargo-spec-sub {
  font-size: 11px;
  color: #a4b2a8;
  line-height: 1.35;
}

.process-step-title {
  display: block;
  font: 700 9px 'DM Mono', monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #dfbf8d;
  margin-bottom: 8px;
}

@media (max-width: 900px) {
  .signal-strip { grid-template-columns: repeat(2, 1fr) !important; }
  .cred-bar-inner { justify-content: flex-start; gap: 20px; }
  .cred-divider { display: none; }
  .cargo-spec-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .signal-strip { grid-template-columns: 1fr !important; }
}

/* ==========================================================================
   ARCHITECTURAL DUAL-THEME ENGINE: CREAM (DEFAULT) & DARK MODE
   ========================================================================== */

/* Theme Toggle Control (Pill next to language selector) */
.mm-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid rgba(215, 199, 170, 0.45);
  background: rgba(255, 255, 255, 0.1);
  color: #f8efdc;
  font: 700 11px 'DM Mono', monospace;
  letter-spacing: 0.06em;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}
.mm-theme-toggle:hover {
  transform: translateY(-1px);
  border-color: #dfbf8d;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.mm-theme-toggle .theme-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mm-theme-toggle .moon-icon { display: none; }
.mm-theme-toggle .sun-icon { display: inline-flex; }

/* When Dark Theme is active */
[data-theme="dark"] .mm-theme-toggle .moon-icon { display: inline-flex; }
[data-theme="dark"] .mm-theme-toggle .sun-icon { display: none; }

/* In Cream mode (default): */
:root:not([data-theme="dark"]) .mm-theme-toggle,
[data-theme="cream"] .mm-theme-toggle {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.24);
  color: #f7f4ed;
}
:root:not([data-theme="dark"]) .mm-theme-toggle:hover,
[data-theme="cream"] .mm-theme-toggle:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: #dfbf8d;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

/* Mobile Theme Button */
.mobile-theme-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 20px;
  margin-top: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #f7f3e8;
  font: 600 13px 'Manrope', sans-serif;
  cursor: pointer;
}
.mobile-theme-toggle span {
  font: 700 11px 'DM Mono', monospace;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(223, 191, 141, 0.2);
  color: #dfbf8d;
}
.mobile-language-control {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}
.mobile-language-control select {
  width: 100%;
  padding: 13px 18px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #f7f3e8;
  font: 600 13px 'Manrope', sans-serif;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23dfbf8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.mobile-language-control select:hover,
.mobile-language-control select:focus-visible {
  outline: none;
  border-color: #dfbf8d;
  background-color: rgba(255, 255, 255, 0.12);
}
.mobile-language-control select option {
  background: #17201a;
  color: #f7f3e8;
}

/* ==========================================================================
   1. ARCHITECTURAL CREAM THEME (LIGHT / DEFAULT)
   ========================================================================== */
:root:not([data-theme="dark"]),
[data-theme="cream"] {
  --canvas-bg: #f7f4ed;
  --surface-white: #ffffff;
  --surface-cream: #f2ece0;
  --surface-warm-stone: #eae4d6;
  --text-basalt: #17201a;
  --text-slate: #546058;
  --text-muted: #78857c;
  --border-stone: rgba(28, 34, 30, 0.11);
  --border-stone-strong: #ded6c5;
  --accent-bronze: #9c7b4e;
  --accent-bronze-light: #dfbf8d;
}

:root:not([data-theme="dark"]) body,
[data-theme="cream"] body {
  background: #f7f4ed !important;
  color: #17201a !important;
}

/* Floating Navigation Header in Cream Mode */
:root:not([data-theme="dark"]) .site-header,
[data-theme="cream"] .site-header {
  background: rgba(21, 32, 26, 0.94) !important;
  border: 1px solid rgba(230, 211, 174, 0.28) !important;
  box-shadow: 0 18px 44px -10px rgba(24, 33, 26, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  color: #f7f4ed !important;
}
:root:not([data-theme="dark"]) .site-header .mm-brand-mark,
[data-theme="cream"] .site-header .mm-brand-mark {
  background: #304236 !important;
  color: #f5e7cb !important;
  border: 1px solid rgba(223, 191, 141, 0.55) !important;
}
:root:not([data-theme="dark"]) .site-header .mm-brand-text strong,
[data-theme="cream"] .site-header .mm-brand-text strong {
  color: #f9f4e9 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #f9f4e9 !important;
  filter: none !important;
  letter-spacing: -.03em !important;
}
:root:not([data-theme="dark"]) .site-header .mm-brand-text span,
[data-theme="cream"] .site-header .mm-brand-text span {
  color: #dfbf8d !important;
}
:root:not([data-theme="dark"]) .desktop-nav,
[data-theme="cream"] .desktop-nav {
  background: rgba(4, 12, 8, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
:root:not([data-theme="dark"]) .desktop-nav a,
[data-theme="cream"] .desktop-nav a {
  color: #e9ece4 !important;
  font-weight: 600 !important;
}
:root:not([data-theme="dark"]) .studio-hero .text-link-light,
[data-theme="cream"] .studio-hero .text-link-light {
  color: #25322b !important;
}
:root:not([data-theme="dark"]) .desktop-nav a:hover,
[data-theme="cream"] .desktop-nav a:hover {
  color: #f5d49d !important;
  opacity: 1 !important;
}
:root:not([data-theme="dark"]) .desktop-nav a.active-pill,
[data-theme="cream"] .desktop-nav a.active-pill {
  color: #f5d49d !important;
}
:root:not([data-theme="dark"]) .site-header .button-dark,
[data-theme="cream"] .site-header .button-dark {
  background: linear-gradient(135deg, #efd19a, #d6a459) !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .mm-language-control select,
[data-theme="cream"] .mm-language-control select {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #f7f4ed !important;
}
:root:not([data-theme="dark"]) .mm-language-control::after,
[data-theme="cream"] .mm-language-control::after {
  color: #dfbf8d !important;
}
:root:not([data-theme="dark"]) .menu-button,
[data-theme="cream"] .menu-button {
  color: #f7f4ed !important;
}

/* Hero Section in Cream Mode */
:root:not([data-theme="dark"]) .studio-hero,
[data-theme="cream"] .studio-hero {
  background: linear-gradient(170deg, #ede7dc 0%, #f7f4ee 100%) !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .studio-hero h1,
[data-theme="cream"] .studio-hero h1 {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .studio-hero h1 em,
[data-theme="cream"] .studio-hero h1 em {
  color: #8c6b44 !important;
}
:root:not([data-theme="dark"]) .studio-hero .hero-lede,
[data-theme="cream"] .studio-hero .hero-lede {
  color: #526057 !important;
}
:root:not([data-theme="dark"]) .studio-hero .eyebrow,
[data-theme="cream"] .studio-hero .eyebrow {
  color: #856a47 !important;
}
:root:not([data-theme="dark"]) .studio-hero .hero-note,
[data-theme="cream"] .studio-hero .hero-note {
  color: #69766e !important;
}
:root:not([data-theme="dark"]) .studio-coordinate,
[data-theme="cream"] .studio-coordinate {
  color: #856a47 !important;
}
:root:not([data-theme="dark"]) .studio-pause,
[data-theme="cream"] .studio-pause {
  background: #ffffffa6 !important;
  border-color: #cfc6b3 !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .material-board,
[data-theme="cream"] .material-board {
  background: #ffffff !important;
  border: 1px solid #dfd8c8 !important;
  box-shadow: 0 24px 50px rgba(35, 30, 20, 0.08) !important;
}
:root:not([data-theme="dark"]) .studio-room figcaption,
[data-theme="cream"] .studio-room figcaption {
  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.95) 45%, #ffffff 100%) !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .studio-room figcaption span,
[data-theme="cream"] .studio-room figcaption span {
  color: #8c6e48 !important;
}
:root:not([data-theme="dark"]) .studio-selection,
[data-theme="cream"] .studio-selection {
  background: #ffffff !important;
  border: 1px solid #dfd8c8 !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .studio-selection p,
[data-theme="cream"] .studio-selection p {
  color: #8c6e48 !important;
}
:root:not([data-theme="dark"]) .studio-selection strong,
[data-theme="cream"] .studio-selection strong {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .studio-foot,
[data-theme="cream"] .studio-foot {
  border-top: 1px solid rgba(28, 34, 30, 0.1) !important;
  color: #69766e !important;
}
:root:not([data-theme="dark"]) .studio-foot b,
[data-theme="cream"] .studio-foot b {
  color: #9c7b4e !important;
}

/* Announcement and Credential Strip in Cream Mode */
:root:not([data-theme="dark"]) .announcement,
[data-theme="cream"] .announcement {
  background: #e8dfcf !important;
  color: #17201a !important;
  border-bottom: 1px solid #dbcfbd !important;
}
:root:not([data-theme="dark"]) .announcement .announcement-tag,
[data-theme="cream"] .announcement .announcement-tag {
  background: rgba(255, 255, 255, 0.75) !important;
  color: #83643b !important;
  border-color: #cfbe9f !important;
}
:root:not([data-theme="dark"]) .announcement a,
[data-theme="cream"] .announcement a {
  color: #83643b !important;
}
:root:not([data-theme="dark"]) .architectural-credential-bar,
[data-theme="cream"] .architectural-credential-bar {
  background: #e5ded0 !important;
  border-bottom: 1px solid #d5cebf !important;
}
:root:not([data-theme="dark"]) .cred-item strong,
[data-theme="cream"] .cred-item strong {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .cred-item span,
[data-theme="cream"] .cred-item span {
  color: #7b6241 !important;
}
:root:not([data-theme="dark"]) .cred-divider,
[data-theme="cream"] .cred-divider {
  background: #cac1b0 !important;
}

/* Interactive 3D Plank & Anatomy Section in Cream Mode */
:root:not([data-theme="dark"]) .specs-section,
[data-theme="cream"] .specs-section {
  background: #f4efe5 !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .specs-section h2,
[data-theme="cream"] .specs-section h2 {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .specs-section h2 em,
[data-theme="cream"] .specs-section h2 em {
  color: #8c6e48 !important;
}
:root:not([data-theme="dark"]) .specs-section .eyebrow,
[data-theme="cream"] .specs-section .eyebrow {
  color: #83643b !important;
}
:root:not([data-theme="dark"]) .specs-section .section-lede,
[data-theme="cream"] .specs-section .section-lede {
  color: #55625a !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-accordion-box,
[data-theme="cream"] .specs-section .spec-accordion-box {
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid #ded6c5 !important;
  box-shadow: 0 8px 22px rgba(35, 30, 20, .045), inset 0 1px 0 #fff !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-accordion-box:hover,
[data-theme="cream"] .specs-section .spec-accordion-box:hover {
  border-color: #b89564 !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-accordion-header,
[data-theme="cream"] .specs-section .spec-accordion-header {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-header-copy h3,
[data-theme="cream"] .specs-section .spec-header-copy h3 {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-header-copy span,
[data-theme="cream"] .specs-section .spec-header-copy span {
  color: #83643b !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-accordion-body,
[data-theme="cream"] .specs-section .spec-accordion-body,
:root:not([data-theme="dark"]) .specs-section .spec-detail-list li,
[data-theme="cream"] .specs-section .spec-detail-list li {
  color: #4f5d54 !important;
  border-color: #e5ddce !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-detail-list strong,
[data-theme="cream"] .specs-section .spec-detail-list strong {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .specs-section .spec-accordion-icon,
[data-theme="cream"] .specs-section .spec-accordion-icon {
  border-color: #cfc2aa !important;
  color: #8c6e48 !important;
}
:root:not([data-theme="dark"]) .spc-3d-stage-panel,
[data-theme="cream"] .spc-3d-stage-panel {
  background: #ece7db !important;
  border: 1px solid #dcd3c1 !important;
  box-shadow: 0 16px 36px rgba(40, 30, 20, 0.06), inset 0 1px 3px rgba(255, 255, 255, 0.7) !important;
}
:root:not([data-theme="dark"]) .spc-3d-stage-header,
[data-theme="cream"] .spc-3d-stage-header {
  border-bottom-color: #d8cfbc !important;
}
:root:not([data-theme="dark"]) .spc-3d-status strong,
[data-theme="cream"] .spc-3d-status strong {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .spc-3d-viewport,
[data-theme="cream"] .spc-3d-viewport {
  background: radial-gradient(circle at 50% 50%, #ffffff88 0%, transparent 70%) !important;
}
:root:not([data-theme="dark"]) .spc-3d-swatches-bar,
[data-theme="cream"] .spc-3d-swatches-bar {
  background: rgba(255, 255, 255, 0.6) !important;
  border-top-color: #d8cfbc !important;
}
:root:not([data-theme="dark"]) .spc-finish-btn,
[data-theme="cream"] .spc-finish-btn {
  background: #ffffff !important;
  border-color: #cfc6b2 !important;
  color: #17201a !important;
  box-shadow: 0 2px 6px rgba(30, 25, 20, 0.05) !important;
}
:root:not([data-theme="dark"]) .spc-finish-btn.active,
[data-theme="cream"] .spc-finish-btn.active {
  background: #17201a !important;
  border-color: #17201a !important;
  color: #f7f4ed !important;
  box-shadow: 0 4px 12px rgba(23, 32, 26, 0.2) !important;
}
:root:not([data-theme="dark"]) .spc-finish-btn.active span,
[data-theme="cream"] .spc-finish-btn.active span {
  color: #dfbf8d !important;
}
:root:not([data-theme="dark"]) .plank-layer-card,
[data-theme="cream"] .plank-layer-card {
  background: #ffffff !important;
  border: 1px solid #ded6c5 !important;
  box-shadow: 0 4px 12px rgba(35, 30, 20, 0.04) !important;
}
:root:not([data-theme="dark"]) .plank-layer-card:hover,
:root:not([data-theme="dark"]) .plank-layer-card.highlight,
[data-theme="cream"] .plank-layer-card:hover,
[data-theme="cream"] .plank-layer-card.highlight {
  background: #ffffff !important;
  border-color: #9c7b4e !important;
  box-shadow: 0 10px 24px rgba(156, 123, 78, 0.16) !important;
  transform: translateX(6px) !important;
}
:root:not([data-theme="dark"]) .layer-idx,
[data-theme="cream"] .layer-idx {
  color: #8c6e48 !important;
}
:root:not([data-theme="dark"]) .layer-thickness,
[data-theme="cream"] .layer-thickness {
  background: #eee8da !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .plank-layer-card strong,
[data-theme="cream"] .plank-layer-card strong {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .plank-layer-card p,
[data-theme="cream"] .plank-layer-card p {
  color: #55625a !important;
}
:root:not([data-theme="dark"]) .plank-badge,
[data-theme="cream"] .plank-badge {
  background: #f2ecd9 !important;
  color: #7b6241 !important;
  border: 1px solid #d5caa0 !important;
}
:root:not([data-theme="dark"]) .spc-3d-controls .button-outline,
[data-theme="cream"] .spc-3d-controls .button-outline {
  border-color: #cfc6b2 !important;
  color: #17201a !important;
  background: #ffffff !important;
}
:root:not([data-theme="dark"]) .spc-3d-controls .button-outline:hover,
[data-theme="cream"] .spc-3d-controls .button-outline:hover {
  border-color: #8c6e48 !important;
  color: #8c6e48 !important;
}

/* 40' HQ Container Spec Panel in Cream Mode */
:root:not([data-theme="dark"]) .cargo-spec-panel,
[data-theme="cream"] .cargo-spec-panel {
  background: #ffffff !important;
  border: 1px solid rgba(200, 167, 122, 0.45) !important;
  box-shadow: 0 16px 36px rgba(40, 30, 20, 0.06) !important;
}
:root:not([data-theme="dark"]) .cargo-spec-header,
[data-theme="cream"] .cargo-spec-header {
  border-bottom-color: #ece5d6 !important;
}
:root:not([data-theme="dark"]) .cargo-badge,
[data-theme="cream"] .cargo-badge {
  color: #8c6e48 !important;
}
:root:not([data-theme="dark"]) .cargo-spec-header h4,
[data-theme="cream"] .cargo-spec-header h4 {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .cargo-spec-label,
[data-theme="cream"] .cargo-spec-label {
  color: #748078 !important;
}
:root:not([data-theme="dark"]) .cargo-spec-val,
[data-theme="cream"] .cargo-spec-val {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) .cargo-spec-sub,
[data-theme="cream"] .cargo-spec-sub {
  color: #55625a !important;
}

/* Why MM, Terms, Process, and Private Label in Cream Mode */
:root:not([data-theme="dark"]) :is(.why-section, .terms-section, .process-section, .private-label-section),
[data-theme="cream"] :is(.why-section, .terms-section, .process-section, .private-label-section) {
  background: #f7f4ed !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) :is(.why-section, .terms-section, .process-section, .private-label-section) h2,
[data-theme="cream"] :is(.why-section, .terms-section, .process-section, .private-label-section) h2 {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) :is(.why-section, .terms-section, .process-section, .private-label-section) h2 em,
[data-theme="cream"] :is(.why-section, .terms-section, .process-section, .private-label-section) h2 em {
  color: #8c6e48 !important;
}
:root:not([data-theme="dark"]) :is(.why-section, .terms-section, .process-section, .private-label-section) .eyebrow,
[data-theme="cream"] :is(.why-section, .terms-section, .process-section, .private-label-section) .eyebrow {
  color: #83643b !important;
}
:root:not([data-theme="dark"]) :is(.why-section, .terms-section, .process-section, .private-label-section) p:not(.eyebrow),
[data-theme="cream"] :is(.why-section, .terms-section, .process-section, .private-label-section) p:not(.eyebrow) {
  color: #55625a !important;
}
:root:not([data-theme="dark"]) :is(.why-card, .term-card, .process-card, .spec-card, .proof-card, .faq-item),
[data-theme="cream"] :is(.why-card, .term-card, .process-card, .spec-card, .proof-card, .faq-item) {
  background: #ffffff !important;
  border: 1px solid #ded6c5 !important;
  box-shadow: 0 4px 14px rgba(35, 30, 20, 0.04) !important;
  color: #17201a !important;
}
:root:not([data-theme="dark"]) :is(.why-card, .term-card, .process-card, .spec-card, .proof-card) strong,
[data-theme="cream"] :is(.why-card, .term-card, .process-card, .spec-card, .proof-card) strong {
  color: #17201a !important;
}
:root:not([data-theme="dark"]) :is(.why-card, .term-card, .process-card, .spec-card, .proof-card) p,
[data-theme="cream"] :is(.why-card, .term-card, .process-card, .spec-card, .proof-card) p {
  color: #55625a !important;
}

/* Contact / Trade Quote Section in Cream Mode: Sophisticated Deep Basalt Anchor Frame */
:root:not([data-theme="dark"]) .cta-section,
[data-theme="cream"] .cta-section {
  background: #17211c !important;
  color: #f7f4ed !important;
}
:root:not([data-theme="dark"]) .cta-section h2,
[data-theme="cream"] .cta-section h2 {
  color: #ffffff !important;
}
:root:not([data-theme="dark"]) .cta-section h2 em,
[data-theme="cream"] .cta-section h2 em {
  color: #dfbf8d !important;
}
:root:not([data-theme="dark"]) .cta-section .sales-card,
[data-theme="cream"] .cta-section .sales-card {
  background: #202b25 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f7f4ed !important;
}

/* Site Footer */
:root:not([data-theme="dark"]) .site-footer,
[data-theme="cream"] .site-footer {
  background: #121814 !important;
  color: #e5dec9 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   2. ARCHITECTURAL DARK MODE (OBSIDIAN & BASALT NOCTURNE)
   ========================================================================== */
[data-theme="dark"] body {
  background: #0d120f !important;
  color: #ecede8 !important;
}

[data-theme="dark"] .site-header {
  background: linear-gradient(135deg, rgba(22, 28, 24, 0.92) 0%, rgba(14, 18, 16, 0.92) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.65) !important;
  color: #f0ece1 !important;
}
[data-theme="dark"] .site-header .mm-brand-mark {
  background: #25332a !important;
  color: #f4ead6 !important;
  border-color: rgba(223, 191, 141, 0.3) !important;
}
[data-theme="dark"] .site-header .mm-brand-text strong {
  color: #ffffff !important;
}
[data-theme="dark"] .site-header .mm-brand-text span {
  color: #dfbf8d !important;
}
[data-theme="dark"] .desktop-nav a {
  color: #d1ded5 !important;
}
[data-theme="dark"] .desktop-nav a:hover {
  color: #dfbf8d !important;
}
[data-theme="dark"] .site-header .button-dark {
  background: #dfbf8d !important;
  color: #17201a !important;
}
[data-theme="dark"] .mm-language-control select {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .menu-button {
  color: #ffffff !important;
}

[data-theme="dark"] .studio-hero {
  background: #0f1512 !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .studio-hero h1 {
  color: #ffffff !important;
}
[data-theme="dark"] .studio-hero h1 em {
  color: #dfbf8d !important;
}
[data-theme="dark"] .studio-hero .hero-lede {
  color: #a4b5aa !important;
}
[data-theme="dark"] .studio-hero .hero-note {
  color: #8c9e93 !important;
}
[data-theme="dark"] .material-board {
  background: #17211c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .studio-room figcaption {
  background: linear-gradient(180deg, transparent 0%, rgba(20, 27, 23, 0.95) 45%, #141c17 100%) !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .studio-selection {
  background: #17211c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .studio-selection strong {
  color: #ffffff !important;
}

[data-theme="dark"] .section-tint,
[data-theme="dark"] #product-showcase,
[data-theme="dark"] #collections,
[data-theme="dark"] #spaces-gallery {
  background: #121915 !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .product-card,
[data-theme="dark"] .collection-card,
[data-theme="dark"] .gallery-item {
  background: #18221d !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .product-card h3,
[data-theme="dark"] .collection-card h3 {
  color: #ffffff !important;
}
[data-theme="dark"] .product-meta,
[data-theme="dark"] .product-footer {
  color: #9cb0a3 !important;
}

[data-theme="dark"] .specs-section {
  background: #0f1512 !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .spc-3d-stage-panel {
  background: #0d120f !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .plank-layer-card {
  background: #151e19 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] .plank-layer-card:hover,
[data-theme="dark"] .plank-layer-card.highlight {
  background: #1c2822 !important;
  border-color: #dfbf8d !important;
}
[data-theme="dark"] .layer-thickness {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #dfbf8d !important;
}
[data-theme="dark"] .plank-layer-card strong {
  color: #ffffff !important;
}
[data-theme="dark"] .plank-layer-card p {
  color: #9cb0a3 !important;
}

[data-theme="dark"] .signal-strip {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .signal-strip strong {
  color: #ffffff !important;
}
[data-theme="dark"] .signal-strip p {
  color: #9cb0a3 !important;
}

[data-theme="dark"] .why-section,
[data-theme="dark"] .proof-section,
[data-theme="dark"] .terms-section,
[data-theme="dark"] .process-section,
[data-theme="dark"] .route-section,
[data-theme="dark"] .private-label-section,
[data-theme="dark"] .about-layout,
[data-theme="dark"] .catalogs-section {
  background: #101613 !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] :is(.why-card, .term-card, .process-card, .spec-card, .proof-card, .faq-item) {
  background: #16201b !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f7f3e8 !important;
}
[data-theme="dark"] :is(.why-card, .term-card, .process-card, .spec-card, .proof-card) strong {
  color: #ffffff !important;
}
[data-theme="dark"] :is(.why-card, .term-card, .process-card, .spec-card, .proof-card) p {
  color: #9cb0a3 !important;
}

/* MM Surface monogram: a compact, layered mark that stays crisp in both themes. */
html { scroll-padding-top: 112px; }
section[id] { scroll-margin-top: 112px; }
.site-footer .mm-footer-brand { gap: 11px !important; }
.site-footer .mm-footer-mark { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
.site-footer .mm-footer-wordmark { display: flex; flex-direction: column; gap: 4px; }
.site-footer .mm-footer-wordmark strong { font: 800 19px/1 Manrope, sans-serif; letter-spacing: -.045em; color: #f5e2bf; }
.site-footer .mm-footer-wordmark small { margin: 0; font-size: 8px; line-height: 1.2; }
.site-header .mm-brand-mark {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 5px 14px rgba(35, 39, 32, .09) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}
.site-header .brand:hover .mm-brand-mark,
.site-header .brand:focus-visible .mm-brand-mark {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 8px 18px rgba(35, 39, 32, .16) !important;
}
.site-header .mm-mark-frame { stroke-width: 1.15; }
.site-header .mm-mark-glyph { stroke-width: 2.85; }
.site-header .mm-mark-layers { stroke-width: 1.55; }
@media (max-width: 640px) {
  .site-header .mm-brand-mark { width: 36px !important; height: 36px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .mm-brand-mark { transition: none !important; }
  .site-header .brand:hover .mm-brand-mark,
  .site-header .brand:focus-visible .mm-brand-mark { transform: none; }
}

/* Compact language switcher: a visible flag and code, with a native select underneath. */
.mm-language-control {
  width: 74px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  box-shadow: inset 0 1px rgba(255,255,255,.15);
  color: #f7f4ed;
}
.mm-language-control:hover,
.mm-language-control:focus-within { border-color: #e8c68c; background: rgba(255,255,255,.16); }
.mm-language-control:focus-within { outline: 2px solid #e8c68c; outline-offset: 2px; }
.mm-language-control .mm-language-display {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-left: 9px;
  padding-right: 16px;
  white-space: nowrap;
  pointer-events: none;
  font: 800 10px/1 Manrope, sans-serif;
}
.mm-language-control .mm-language-flag { font: 16px/1 "Apple Color Emoji", "Segoe UI Emoji", sans-serif; }
.mm-language-control::after { top: 9px; right: 8px; }
.mm-language-control #site-language {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0;
  cursor: pointer;
  outline: none !important;
}
.mm-language-control #site-language option { color: #1d2922 !important; font-size: 14px; }
@media (max-width: 640px) {
  .site-header .mm-theme-toggle { display: none !important; }
  .mm-language-control { width: 70px; height: 44px; }
}

/* Contact cards sit on a dark basalt surface in both themes. */
.cta-section .contact-details .sales-card h3 { color: #fff !important; }
.cta-section .contact-details .sales-card p { color: #d0dbd3 !important; }
.cta-section .contact-details .sales-card .sales-role { color: #e9bd7e !important; }
[data-theme="dark"] .cta-section .contact-details .sales-card h3 { color: #1d2922 !important; }
[data-theme="dark"] .cta-section .contact-details .sales-card p { color: #47584d !important; }
[data-theme="dark"] .cta-section .contact-details .sales-card .sales-role { color: #94602f !important; }
html { scroll-behavior: auto; }
/* Scroll padding and element margins add together; keep a single header offset. */
html { scroll-padding-top: 88px; }
section[id],
.mm-cappadocia-catalog,
.mm-wall-panel,
.mm-stone-catalog,
.mm-aluminum-catalog,
.quality-strip { scroll-margin-top: 0; }
@media (max-width: 900px) {
  html { scroll-padding-top: 78px; }
}
/* Contact cards already contain the WhatsApp actions; the floating shortcut must not cover them. */
body.mm-interaction-visible .whatsapp-float { opacity: 0; pointer-events: none; }
/* Narrow phones need readable product names and a usable image, not tiny columns. */
@media (max-width: 360px) {
  .product-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .product-card .product-media { height: 245px !important; }
  .product-card .product-info { padding: 15px 17px 18px !important; }
  .product-card h3 { font-size: 17px !important; line-height: 1.25 !important; }
}

/* Buyer information must remain legible where dark legacy cards meet the cream theme. */
.proof-stats-grid .proof-stat-card h3 { color: #fff !important; }
.sample-program-banner .sample-banner-content p { color: #dce5e1 !important; }
:root:not([data-theme="dark"]) .terms-section .sample-program-banner .sample-banner-content p,
[data-theme="cream"] .terms-section .sample-program-banner .sample-banner-content p { color: #dce5e1 !important; }
:root:not([data-theme="dark"]) .terms-section .term-card h3,
[data-theme="cream"] .terms-section .term-card h3 { color: #17201a !important; }
:root:not([data-theme="dark"]) .terms-section .term-kicker,
[data-theme="cream"] .terms-section .term-kicker { color: #765024 !important; }
:root:not([data-theme="dark"]) .terms-section .term-icon,
[data-theme="cream"] .terms-section .term-icon { color: #765024 !important; }
:root:not([data-theme="dark"]) .private-label-section .capacity-intro span,
:root:not([data-theme="dark"]) .private-label-section .capacity-grid article span,
:root:not([data-theme="dark"]) .private-label-section .capacity-note span,
[data-theme="cream"] .private-label-section .capacity-intro span,
[data-theme="cream"] .private-label-section .capacity-grid article span,
[data-theme="cream"] .private-label-section .capacity-note span { color: #445349 !important; }
:root:not([data-theme="dark"]) .private-label-section .capacity-grid strong,
[data-theme="cream"] .private-label-section .capacity-grid strong { color: #925e20 !important; }
.private-label-section .capacity-intro,
.private-label-section .capacity-grid article span,
.private-label-section .capacity-note { font-size: 11px; }
.private-label-section .capacity-grid article p { font-size: 12px; line-height: 1.5; }
[data-theme="dark"] :is(.proof-section, .route-section) :is(.section-lede, .eyebrow) {
  color: #b9c3ba !important;
}
@media (max-width: 900px) {
  .studio-layout { grid-template-columns: minmax(0, 1fr); }
  .studio-layout .hero-copy { min-width: 0; }
}
@media (max-width: 520px) {
  .studio-hero h1 { font-size: clamp(36px, 9.75vw, 42px) !important; overflow-wrap: anywhere; }
  .studio-hero .hero-lede,
  .studio-hero .eyebrow,
  .studio-hero .hero-note { max-width: 100% !important; overflow-wrap: anywhere; }
  .studio-stage .studio-coordinate { max-width: 52%; white-space: normal; line-height: 1.35; }
  .studio-stage .studio-pause { max-width: 44%; white-space: normal; text-align: center; }
}

/* ==========================================================================
   UNIFIED RESPONSIVE NAVIGATION: Tabs & Inline Actions Perfectly Aligned
   ========================================================================== */
.site-header {
  position: fixed !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1560px, calc(100vw - 28px)) !important;
  height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 8px 12px 8px 18px !important;
  border-radius: 9999px !important;
  z-index: 90 !important;
  box-sizing: border-box !important;
}

/* Tabs capsule enclosing both navigation links and inline actions */
.desktop-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 4px 6px 4px 8px !important;
  border-radius: 9999px !important;
  background: rgba(4, 12, 8, 0.32) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  white-space: nowrap !important;
}
.desktop-nav::-webkit-scrollbar {
  display: none !important;
}

[data-theme="dark"] .desktop-nav {
  background: rgba(0, 0, 0, 0.45) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Navigation Links inside Tabs */
.desktop-nav > a:not(.button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  padding: 0 10.5px !important;
  border-radius: 999px !important;
  font-family: 'Manrope', -apple-system, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #e9ece4 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.22s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
.desktop-nav > a:not(.button):hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #f5d49d !important;
  transform: translateY(-1px) !important;
}
.desktop-nav > a:not(.button).active-pill {
  background: linear-gradient(135deg, rgba(231, 173, 82, 0.28) 0%, rgba(231, 173, 82, 0.14) 100%) !important;
  color: #f7ca79 !important;
  box-shadow: inset 0 0 0 1px rgba(231, 173, 82, 0.55), 0 2px 8px rgba(231, 173, 82, 0.18) !important;
  font-weight: 700 !important;
}

/* Subtle separator between navigation tabs and action buttons */
.nav-divider {
  display: inline-block !important;
  width: 1px !important;
  height: 22px !important;
  margin: 0 4px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  flex-shrink: 0 !important;
}
:root:not([data-theme="dark"]) .nav-divider,
[data-theme="cream"] .nav-divider {
  background: rgba(23, 32, 26, 0.18) !important;
}
[data-theme="dark"] .nav-divider {
  background: rgba(255, 255, 255, 0.15) !important;
}

/* Actions Group Inside the Tabs Bar */
.nav-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

.nav-actions .button-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #efd19a, #d6a459) !important;
  color: #17201a !important;
  font-family: 'Manrope', -apple-system, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: 0 3px 12px rgba(214, 164, 89, 0.3) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
  box-sizing: border-box !important;
}
.nav-actions .button-small:hover {
  background: linear-gradient(135deg, #f7dfaf, #e2b36a) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(214, 164, 89, 0.45) !important;
}

.nav-actions .mm-theme-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f7f3e8 !important;
  font: 700 11px 'DM Mono', monospace !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}
.nav-actions .mm-theme-toggle:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: #dfbf8d !important;
  transform: translateY(-1px) !important;
}

.nav-actions .mm-language-control {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  height: 38px !important;
  box-sizing: border-box !important;
}
.nav-actions .mm-language-control select {
  height: 38px !important;
  padding: 0 24px 0 32px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f7f3e8 !important;
  font: 700 11px 'DM Mono', monospace !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}
.nav-actions .mm-language-control select:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: #dfbf8d !important;
}

/* Responsive screen adaptation */
@media (min-width: 901px) {
  .menu-button { display: none !important; }
}

/* Category Filter Tabs Responsiveness across all screens */
.filter-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.filter-tab {
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-family: 'Manrope', -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}
@media (max-width: 1100px) {
  .filter-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 6px !important;
  }
  .filter-tabs::-webkit-scrollbar { display: none !important; }
}

@media (max-width: 1079px) {
  .site-header {
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 8px 16px !important;
  }
  .site-header .brand { margin-right: auto !important; }
  .desktop-nav { display: none !important; }
  .menu-button { display: flex !important; }
  .menu-button span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: currentColor !important;
    flex: none !important;
  }
  body.menu-open .menu-button span:first-child { transform: translateY(3.5px) rotate(45deg) !important; }
  body.menu-open .menu-button span:last-child { transform: translateY(-3.5px) rotate(-45deg) !important; }
  .mobile-nav {
    position: fixed !important;
    inset: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    padding: 94px max(20px, calc((100vw - 660px) / 2)) 30px !important;
    overflow-y: auto !important;
    background: rgba(17, 24, 20, .97) !important;
    color: #f6f3ec !important;
    -webkit-backdrop-filter: blur(28px) !important;
    backdrop-filter: blur(28px) !important;
  }
  .mobile-nav a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #f6f3ec !important;
    font-size: 16px !important;
    text-decoration: none !important;
  }
  .mobile-nav a.active-pill {
    background: rgba(225, 183, 119, .2) !important;
    border-color: rgba(225, 183, 119, .72) !important;
    color: #ffe0ad !important;
  }
  body.menu-open { overflow: hidden; }
  body.menu-open .site-header { z-index: 100 !important; }
}

/* Dark mode applies to every product range and contact surface. */
[data-theme="dark"] .mm-cappadocia-section,
[data-theme="dark"] .mm-stone-section {
  background: #111a16 !important;
  color: #f3efe4 !important;
}
[data-theme="dark"] .mm-cappadocia-copy h2,
[data-theme="dark"] .mm-cappadocia-head h3,
[data-theme="dark"] .mm-stone-head h3 { color: #f3efe4 !important; }
[data-theme="dark"] .mm-cappadocia-copy h2 em { color: #e2bd88 !important; }
[data-theme="dark"] .mm-cappadocia-head > p,
[data-theme="dark"] .mm-stone-head > p { color: #c0cec3 !important; }
[data-theme="dark"] .mm-cappadocia-card,
[data-theme="dark"] .mm-stone-card {
  background: #202d26 !important;
  border-color: #5a6c5f !important;
  color: #f7f2e7 !important;
}
[data-theme="dark"] .mm-cappadocia-card h4,
[data-theme="dark"] .mm-stone-card h4 { color: #f7f2e7 !important; }
[data-theme="dark"] .mm-cappadocia-card-copy > span,
[data-theme="dark"] .mm-stone-code { color: #e8c58f !important; }
[data-theme="dark"] .mm-stone-card p { color: #c2cec4 !important; }
[data-theme="dark"] .mm-cappadocia-tab,
[data-theme="dark"] .mm-stone-tab,
[data-theme="dark"] .mm-cappadocia-card-copy button,
[data-theme="dark"] .mm-stone-request {
  background: #2a3b30 !important;
  border-color: #748572 !important;
  color: #f7f2e7 !important;
}
[data-theme="dark"] .mm-cappadocia-tab.is-active,
[data-theme="dark"] .mm-stone-tab.is-active {
  background: #e4bf87 !important;
  border-color: #e4bf87 !important;
  color: #17251c !important;
}
[data-theme="dark"] .cta-section .contact-details .sales-card {
  background: #202d26 !important;
  border-color: #637365 !important;
  color: #f7f2e7 !important;
}
[data-theme="dark"] .cta-section .contact-details .sales-card h3 { color: #fffaf0 !important; }
[data-theme="dark"] .cta-section .contact-details .sales-card p { color: #d1ded2 !important; }
[data-theme="dark"] .cta-section .contact-details .sales-card .sales-role { color: #e6bd80 !important; }
[data-theme="dark"] .catalog-controls .search-field {
  background: #24342b !important;
  border-color: #77897b !important;
  color: #e6efdf !important;
  box-shadow: inset 0 1px rgba(255,255,255,.1) !important;
}
[data-theme="dark"] .catalog-controls .search-field input { color: #fff9ed !important; }
[data-theme="dark"] .catalog-controls .search-field input::placeholder { color: #c9d5c8 !important; opacity: 1; }
[data-theme="dark"] .catalog-controls .search-field kbd { color: #d8e1d4 !important; opacity: .8; }
[data-theme="dark"] .filter-tab:not(.active) {
  background: #283a30 !important;
  border-color: #728778 !important;
  color: #f6f1e6 !important;
}
[data-theme="dark"] .filter-tab:not(.active):hover,
[data-theme="dark"] .filter-tab:not(.active):focus-visible {
  background: #38513f !important;
  border-color: #ddb47d !important;
}
[data-theme="dark"] .mm-cappadocia-more.button-outline {
  background: #2a3d31 !important;
  border-color: #879783 !important;
  color: #fff8ec !important;
}
[data-theme="dark"] .mm-cappadocia-more.button-outline:is(:hover,:focus-visible) { background: #3a5542 !important; }

/* Keep every category visible on ALL desktop, laptop, and full-screen widths. */
@media (min-width: 901px) {
  .site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 42px minmax(37px, auto) !important;
    column-gap: 12px !important;
    row-gap: 6px !important;
    align-items: center !important;
    height: auto !important;
    min-height: 108px !important;
    padding: 10px 16px 9px 20px !important;
    border-radius: 27px !important;
  }
  .site-header .brand { grid-column: 1 !important; grid-row: 1 !important; margin-right: 0 !important; }
  .site-header .nav-actions { grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; }
  .site-header .menu-button { display: none !important; }
  .site-header .desktop-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
    padding: 4px !important;
  }
  .site-header .desktop-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 5px 6px !important;
    font-size: clamp(11px, .88vw, 13.5px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html { scroll-padding-top: 136px; }
}
@media (max-width: 900px) {
  .site-header .nav-actions { display: none !important; }
}
[data-theme="dark"] .site-header .nav-actions .button-small {
  background: linear-gradient(135deg, #efd19a, #d6a459) !important;
  color: #17201a !important;
  border-color: #efd19a !important;
}
[data-theme="dark"] .site-header .nav-actions .button-small:is(:hover,:focus-visible) {
  background: linear-gradient(135deg, #f9e4bd, #e9b975) !important;
}

/* Trade inquiry: a compact brief with immediately visible multi-category selection. */
.cta-section .cta-layout { gap: clamp(32px, 5vw, 76px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.cta-section .quote-form { padding: clamp(22px, 2.7vw, 38px) !important; }
.cta-section .form-heading { display: block; padding-bottom: 22px; }
.cta-section .form-heading h3 { margin: 0 0 8px; font: 700 clamp(22px, 2vw, 28px)/1.2 Manrope,sans-serif; letter-spacing: -.035em; text-transform: none; }
.cta-section .form-heading > span { display: block; font: 600 10px/1.5 'DM Mono',monospace; letter-spacing: .08em; }
.cta-section .quote-core-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16px; }
.cta-section .quote-form label:not(.additional-categories label) { min-width: 0; padding: 14px 0 !important; font-size: 11px !important; line-height: 1.4; letter-spacing: .07em; }
.cta-section .quote-form :is(input:not([type="checkbox"]),select,textarea) { box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px !important; font-size: 14px !important; line-height: 1.35; }
.cta-section .quote-form textarea { min-height: 88px; }
.cta-section .quote-form :is(input,select,textarea)::placeholder { opacity: 1; }
.cta-section .quote-primary-interest { border-bottom: 0 !important; padding-bottom: 5px !important; }
.cta-section .quote-extra-interests { display: flex; gap: 8px; padding: 0 0 20px; margin: 0 0 14px; border: 0; border-bottom: 1px solid currentColor; }
.cta-section .quote-extra-interests legend { padding-bottom: 10px; font-size: 11px; }
.cta-section .quote-extra-interests label { min-height: 38px; padding: 7px 11px !important; border-radius: 999px; line-height: 1.25 !important; }
.cta-section .quote-extra-interests label[hidden] { display: none !important; }
.cta-section .quote-extra-interests label:has(input:checked) { border-color: #9b7547 !important; background: #d8b982 !important; color: #1d2921 !important; }
.cta-section .quote-extra-interests input { flex: 0 0 auto; margin: 0; }
.cta-section .form-more { margin: 2px 0 4px; }
.cta-section .form-note { font-size: 11px !important; line-height: 1.6; max-width: 57ch; }
.cta-section .form-success { border-radius: 16px; padding: 17px; font-size: 13px; }
.cta-section .form-success-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.cta-section .form-success-actions .button { min-width: 0; margin-top: 12px; white-space: normal; text-align: center; }
.cta-section .form-success-actions #inquiry-po-receipt-btn { grid-column: 1 / -1; margin-top: 0; }
[data-theme="dark"] .cta-section .form-heading h3 { color: #f7f4ed !important; }
[data-theme="dark"] .cta-section .quote-form :is(input,textarea)::placeholder { color: #b8c7bd !important; }

/* In cream mode the contact area is a light material surface, not a dark island. */
:root:not([data-theme="dark"]) .cta-section.section-dark,
[data-theme="cream"] .cta-section.section-dark { background: #eee8dd !important; color: #1f2e26 !important; border-top: 1px solid #d5cbbd !important; }
:root:not([data-theme="dark"]) .cta-section :is(h2,h3),
[data-theme="cream"] .cta-section :is(h2,h3) { color: #1f2e26 !important; }
:root:not([data-theme="dark"]) .cta-section h2 em,
[data-theme="cream"] .cta-section h2 em { color: #947047 !important; }
:root:not([data-theme="dark"]) .cta-section .cta-copy > p:not(.eyebrow),
[data-theme="cream"] .cta-section .cta-copy > p:not(.eyebrow) { color: #4a5a50 !important; }
:root:not([data-theme="dark"]) .cta-section .contact-details,
[data-theme="cream"] .cta-section .contact-details { color: #546258 !important; }
:root:not([data-theme="dark"]) .cta-section .contact-details .sales-card,
[data-theme="cream"] .cta-section .contact-details .sales-card { background: #f8f5ed !important; border-color: #cfc6b7 !important; box-shadow: 0 10px 28px #23332912, inset 0 1px #fff !important; color: #1f2e26 !important; }
:root:not([data-theme="dark"]) .cta-section .contact-details .sales-card h3,
[data-theme="cream"] .cta-section .contact-details .sales-card h3 { color: #1f2e26 !important; }
:root:not([data-theme="dark"]) .cta-section .contact-details .sales-card p,
[data-theme="cream"] .cta-section .contact-details .sales-card p { color: #526056 !important; }
:root:not([data-theme="dark"]) .cta-section .contact-details .sales-role,
[data-theme="cream"] .cta-section .contact-details .sales-role { color: #805d37 !important; }
:root:not([data-theme="dark"]) .cta-section .quote-form,
[data-theme="cream"] .cta-section .quote-form { background: #fffdf8 !important; color: #1f2e26 !important; border-color: #cfc5b4 !important; box-shadow: 0 24px 55px #1d302419, inset 0 1px #fff !important; }
:root:not([data-theme="dark"]) .cta-section .form-heading,
[data-theme="cream"] .cta-section .form-heading { border-color: #d5cdc0; color: #7c5c37; }
:root:not([data-theme="dark"]) .cta-section .form-heading > span,
[data-theme="cream"] .cta-section .form-heading > span { color: #685e4e; }
:root:not([data-theme="dark"]) .cta-section .quote-form label,
[data-theme="cream"] .cta-section .quote-form label { color: #35483b !important; border-color: #e0d9cb; }
:root:not([data-theme="dark"]) .cta-section .quote-form :is(input:not([type="checkbox"]),select,textarea),
[data-theme="cream"] .cta-section .quote-form :is(input:not([type="checkbox"]),select,textarea) { background: #f8f5ee !important; border-color: #bdb4a5 !important; color: #1d3025 !important; }
:root:not([data-theme="dark"]) .cta-section .quote-form :is(input,textarea)::placeholder,
[data-theme="cream"] .cta-section .quote-form :is(input,textarea)::placeholder { color: #657267 !important; }
:root:not([data-theme="dark"]) .cta-section .quote-extra-interests,
[data-theme="cream"] .cta-section .quote-extra-interests { border-color: #ded5c6 !important; }
:root:not([data-theme="dark"]) .cta-section .quote-extra-interests legend,
[data-theme="cream"] .cta-section .quote-extra-interests legend { color: #66533b !important; }
:root:not([data-theme="dark"]) .cta-section .quote-extra-interests label,
[data-theme="cream"] .cta-section .quote-extra-interests label { color: #2b4134 !important; background: #f2eee5 !important; border-color: #bdb5a8 !important; }
:root:not([data-theme="dark"]) .cta-section .quote-extra-interests label:has(input:checked),
[data-theme="cream"] .cta-section .quote-extra-interests label:has(input:checked) { color: #1d2921 !important; background: #dfbd86 !important; border-color: #9b7547 !important; }
:root:not([data-theme="dark"]) .cta-section .form-more,
[data-theme="cream"] .cta-section .form-more { background: #f4f0e7 !important; border-color: #c7bdac !important; color: #22372a !important; }
:root:not([data-theme="dark"]) .cta-section .form-note,
[data-theme="cream"] .cta-section .form-note { color: #4d5d51 !important; }
:root:not([data-theme="dark"]) .cta-section .form-success,
[data-theme="cream"] .cta-section .form-success { background: #e8f1e4 !important; color: #1e4933 !important; border: 1px solid #9ab99d; }
:root:not([data-theme="dark"]) .cta-section #inquiry-po-receipt-btn,
[data-theme="cream"] .cta-section #inquiry-po-receipt-btn { color: #f9f3e7 !important; background: #283b30 !important; }

@media (max-width: 900px) { .cta-section .cta-layout { grid-template-columns: 1fr; } }
@media (max-width: 620px) {
  .cta-section .quote-core-grid, .cta-section .form-success-actions { grid-template-columns: 1fr; }
  .cta-section .form-success-actions #inquiry-po-receipt-btn { grid-column: auto; }
  .cta-section .quote-extra-interests { gap: 7px; }
  .cta-section .quote-extra-interests label { font-size: 11px !important; }
}

/* Let the real slab image carry the stone entry point and make image enlargement discoverable. */
@media (min-width: 1101px) { .catalogs-section .catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
.catalogs-section .mm-stone-resource-card { color: #fff9ec; background: #26362b; isolation: isolate; }
.catalogs-section .mm-stone-resource-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .5s ease; }
.catalogs-section .mm-stone-resource-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,#122019a8,#12201940 44%,#122019da); }
.catalogs-section .mm-stone-resource-card:hover > img { transform: scale(1.045); }
.catalogs-section .mm-stone-resource-card h3 { font-size: clamp(30px,3vw,40px); }
.catalogs-section .mm-stone-resource-card .catalog-arrow { z-index: 1; }
.mm-stone-card .mm-catalog-image-button { position: relative; }
.mm-stone-view-cue { position: absolute; right: 13px; bottom: 13px; z-index: 1; padding: 8px 11px; border-radius: 999px; color: #fffaf0; background: #1a3025d9; border: 1px solid #ffffff8c; font: 700 11px/1 Manrope,sans-serif; box-shadow: 0 5px 16px #0004; }
@media (min-width: 641px) { .mm-stone-card.kind-slab .mm-stone-card-image { height: 290px; } }
@media (max-width: 640px) { .catalogs-section .mm-stone-resource-card { min-height: 245px; } }

/* The sample action must not sit over the scrollable thumbnails on smaller screens. */
@media (max-width: 900px) {
  .studio-stage { display: block; height: auto !important; min-height: 0; padding-bottom: 0; }
  .studio-stage .studio-selection { position: relative; left: auto; right: auto; bottom: auto; width: 100%; margin-top: 18px; }
}

/* Show the catalog's full plank layout without hiding it behind a caption fade. */
.studio-room > img { object-fit: cover !important; object-position: center 42% !important; }
:root:not([data-theme="dark"]) .studio-room figcaption,
[data-theme="cream"] .studio-room figcaption,
[data-theme="dark"] .studio-room figcaption {
  inset: auto auto 14px 14px;
  max-width: calc(100% - 28px);
  padding: 10px 14px 11px;
  border: 1px solid rgba(49, 57, 44, .2);
  border-radius: 13px;
  background: rgba(252, 249, 239, .91) !important;
  box-shadow: 0 7px 24px rgba(19, 28, 19, .12);
  backdrop-filter: blur(10px);
  color: #1d2b22 !important;
}
.studio-room figcaption span { color: #84623b !important; }
.studio-room figcaption strong { margin-top: 3px; font-size: clamp(14px, 1.4vw, 18px); line-height: 1.2; }
.studio-finishes .material-tile img { object-fit: cover; object-position: center; }
.studio-finishes .tile-caption { padding: 7px 4px; font-size: 10px; font-family: 'Manrope', sans-serif; font-weight: 700; letter-spacing: 0; line-height: 1.15; }
.mm-cappadocia-card .mm-catalog-image-button img { object-position: center; }

/* Compact collection shortcuts: keep real material imagery and buyer actions without repeating full descriptions. */
.compact-families { padding-block: clamp(42px, 5vw, 72px); }
.compact-families-intro { margin-bottom: 24px !important; align-items: end; }
.compact-families-intro h2 { font-size: clamp(30px, 3.3vw, 46px); margin: 12px 0 0; }
.compact-families-intro .section-lede { max-width: 340px; font-size: 14px; line-height: 1.55; }
.compact-family-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 0; }
.compact-family-grid .collection-signature-card { min-width: 0; border-radius: 16px; background: #fff; border: 1px solid #ded6c5; color: #17201a; box-shadow: 0 5px 18px rgba(35,30,20,.07); }
.compact-family-grid .collection-signature-card:hover { transform: translateY(-3px); border-color: #b99a6d; box-shadow: 0 10px 24px rgba(35,30,20,.12); }
.compact-family-grid .col-card-media { aspect-ratio: 1.45 / 1; background: #ebe6dc; }
.compact-family-grid .col-card-media img { display: block; }
.compact-family-grid .col-card-info { min-height: 78px; padding: 12px 13px 13px; }
.compact-family-grid .col-card-badge { margin: 0 0 5px; color: #80613b; font-size: 8px; letter-spacing: .08em; }
.compact-family-grid .col-card-info h3 { margin: 0; color: #202a23; font-size: 14px; line-height: 1.25; }
.compact-family-grid .col-quick-view-btn { width: 32px; height: 32px; right: 9px; bottom: 9px; justify-content: center; padding: 0; }
.compact-family-grid .col-quick-view-btn svg { width: 15px; height: 15px; }
.compact-family-grid .col-quick-view-btn span { display: none; }
@media (max-width: 900px) { .compact-family-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .compact-families { padding-block: 38px; }
  .compact-families-intro { margin-bottom: 18px !important; }
  .compact-families-intro .section-lede { margin-top: 10px; font-size: 13px; }
  .compact-family-grid { gap: 9px; }
  .compact-family-grid .collection-signature-card { border-radius: 12px; }
  .compact-family-grid .col-card-media { aspect-ratio: 1.2 / 1; }
  .compact-family-grid .col-card-info { min-height: 66px; padding: 9px; }
  .compact-family-grid .col-card-info h3 { font-size: 12px; }
  .compact-family-grid .col-card-badge { font-size: 7px; }
}

/* Compact buyer controls replace two long stacks with simple, accessible choices. */
.spaces-show-more { display: flex; width: fit-content; margin: 22px auto 0; }
.spaces-show-more[hidden], .space-card[hidden], .shipping-view-panel[hidden] { display: none !important; }
.shipping-view-tabs { display: flex; width: fit-content; gap: 5px; padding: 5px; margin: 8px 0 16px; border: 1px solid rgba(48,62,53,.18); border-radius: 999px; background: rgba(255,255,255,.56); }
.shipping-view-tab { min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: #3d4940; font: 700 13px 'Manrope',sans-serif; cursor: pointer; transition: background .2s,color .2s,box-shadow .2s; }
.shipping-view-tab:is(:hover,:focus-visible) { outline: 2px solid #9a7a4f; outline-offset: 2px; }
.shipping-view-tab.is-active { color: #fffaf0; background: #263b30; box-shadow: 0 2px 5px rgba(23,32,26,.14); }
.freight-hud-card details.lane-region > summary.lane-region-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; list-style: none; }
.freight-hud-card details.lane-region > summary::-webkit-details-marker { display: none; }
.freight-hud-card .lane-region-count { display: inline-grid; place-items: center; min-width: 26px; height: 24px; padding-inline: 7px; border: 1px solid #dcb16c66; border-radius: 999px; color: #e8c98f; font: 700 10px 'DM Mono',monospace; }
.freight-hud-card details.lane-region:not([open]) { padding-bottom: 12px; }
.freight-hud-card details.lane-region > summary:focus-visible { outline: 2px solid #e0b46c; outline-offset: 4px; border-radius: 3px; }
[data-theme="dark"] .shipping-view-tabs { background: #1d2923; border-color: #ffffff24; }
[data-theme="dark"] .shipping-view-tab { color: #dce2dc; }
[data-theme="dark"] .shipping-view-tab.is-active { color: #18231c; background: #e1c18f; }
@media(max-width:640px) {
  .spaces-show-more { width: 100%; justify-content: center; }
  .shipping-view-tabs { width: 100%; }
  .shipping-view-tab { flex: 1; padding-inline: 10px; }
  .spaces-gallery-section .spaces-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; flex-wrap: initial !important; overflow: visible !important; overflow-x: visible !important; margin-inline: 0 !important; padding: 0 !important; gap: 10px !important; }
  .spaces-gallery-section .spaces-grid > .space-card { flex: initial !important; width: auto !important; max-width: none !important; min-width: 0 !important; scroll-snap-align: none !important; }
}

/* Keep navigation emphasis quiet; one understated active state is easier to scan. */
.desktop-nav > a:not(.button).active-pill,
.mobile-nav a.active-pill {
  background: rgba(255,255,255,.1) !important;
  color: #f3d6a5 !important;
  box-shadow: inset 0 -2px 0 rgba(231,173,82,.82) !important;
}

/* Catalogs start directly with a name, filters, and one row of products. */
:is(#product-showcase, #cappadocia, #natural-stone, #aluminum).compact-catalog-section { padding-block: 40px !important; }
.compact-catalog-section :is(.mm-cappadocia-catalog, .mm-stone-catalog, .mm-aluminum-catalog) { padding-top: 0 !important; }
.compact-catalog-header { margin: 0 0 20px; }
.compact-catalog-section .compact-catalog-header h2 { margin: 0 !important; font: 700 clamp(26px, 2.6vw, 36px)/1.15 'Manrope',sans-serif !important; letter-spacing: -.045em !important; color: inherit !important; }
.compact-catalog-section :is(.catalog-controls, .mm-cappadocia-tabs, .mm-stone-controls, .mm-aluminum-controls) { margin-block: 0 20px !important; }
.compact-catalog-section :is(.product-footer, .mm-cappadocia-more, .mm-stone-more, .mm-aluminum-more) { margin-top: 20px !important; }
.compact-addon { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; border-top: 1px solid #8f9a8e55; margin-top: 24px; padding-top: 16px; }
.compact-addon h3 { font: 700 18px/1.3 'Manrope',sans-serif; margin: 0; }
.compact-carpet { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; padding-block: 24px !important; border-block: 1px solid #8f9a8e55; }
.compact-carpet h2 { font: 700 clamp(26px,2.6vw,36px)/1.15 'Manrope',sans-serif; letter-spacing: -.045em; margin: 0; }
.compact-catalog-section .mm-aluminum-card-copy { padding: 12px 14px 14px; }
.compact-catalog-section .mm-aluminum-card h4 { min-height: 0; font-size: 16px; margin: 5px 0 12px; }
.compact-catalog-section .mm-aluminum-card-art { height: 170px; }
.compact-profile-library { margin-top: 24px !important; border-top: 1px solid #8f9a8e55; padding-top: 12px; }
.compact-profile-library > summary { display: flex; align-items: center; gap: 12px; min-height: 44px; cursor: pointer; font: 700 15px/1.4 'Manrope',sans-serif; list-style: none; }
.compact-profile-library > summary::-webkit-details-marker { display: none; }
.compact-profile-library > summary::after { content: '+'; margin-left: auto; font-size: 22px; font-weight: 400; }
.compact-profile-library[open] > summary::after { content: '−'; }
.compact-profile-count { font-size: 12px; opacity: .75; }
.compact-profile-library .mm-pdf-grid { margin-top: 12px; }
.compact-profile-library .mm-pdf-card { grid-template-columns: minmax(0,1fr) auto; padding: 10px 14px; gap: 16px; border-radius: 12px; }
.compact-profile-library .mm-pdf-copy h4 { margin: 0; font-size: 14px; }
.compact-profile-library .mm-pdf-link { grid-column: auto; min-height: 44px; display: inline-flex; align-items: center; padding-bottom: 0; border-bottom: 0; }
/* Fill a complete preview row and keep the finish names easy to read. */
:is(#cappadocia, #natural-stone).compact-catalog-section .compact-catalog-header h2 { font-size: clamp(32px,3.5vw,48px) !important; }
.compact-catalog-section :is(.mm-cappadocia-grid, .mm-stone-grid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px; }
.compact-catalog-section .mm-cappadocia-card h4 { font-size: 20px; line-height: 1.25; margin-block: 6px 10px; }
.compact-catalog-section .mm-cappadocia-card-copy { padding: 13px 14px 14px; }
.compact-catalog-section .mm-cappadocia-card-copy > span { font-size: 10px; }
.compact-catalog-section .mm-cappadocia-card-copy button { font-size: 13px; min-height: 44px; padding: 8px 12px; }
.compact-catalog-section .mm-stone-card h4 { font-size: 22px; line-height: 1.25; }
.compact-catalog-section .mm-stone-card-info { padding: 14px; }
.compact-catalog-section .mm-stone-card p { font-size: 13px; line-height: 1.4; }
.compact-catalog-section .mm-stone-request { font-size: 13px; min-height: 44px; }
.compact-catalog-section .mm-stone-card.kind-slab .mm-stone-card-image { height: auto !important; aspect-ratio: 1.65; object-fit: contain; }
.compact-catalog-section .mm-stone-view-cue { font-size: 11px; right: 8px; bottom: 8px; }
@media(min-width:768px) { .compact-catalog-section :is(.mm-cappadocia-grid, .mm-stone-grid) { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } }
@media(min-width:1024px) { .compact-catalog-section :is(.mm-cappadocia-grid, .mm-stone-grid) { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } }
@media(min-width:1440px) { .compact-catalog-section :is(.mm-cappadocia-grid, .mm-stone-grid) { grid-template-columns: repeat(5,minmax(0,1fr)) !important; } }
.compact-resources { padding-block: 32px !important; }
.compact-resources h2 { font: 700 28px/1.2 'Manrope',sans-serif; letter-spacing: -.04em; margin: 0; }
.compact-resource-links { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.compact-resource-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 12px 16px; border: 1px solid #8f9a8e66; border-radius: 12px; color: inherit; font: 700 13px/1.3 'Manrope',sans-serif; }
.compact-resource-links a:is(:hover,:focus-visible) { border-color: #9b754b; background: #ba966a18; }
:root:not([data-theme="dark"]) #aluminum { background: #f7f4ed !important; color: #223229 !important; }
:root:not([data-theme="dark"]) #aluminum :is(.mm-aluminum-card, .mm-pdf-card) { background: #fffdf8 !important; border-color: #cbd0c4 !important; box-shadow: none !important; }
:root:not([data-theme="dark"]) #aluminum .mm-aluminum-card h4 { color: #223229 !important; }
:root:not([data-theme="dark"]) #aluminum .mm-aluminum-id { color: #80613b !important; }
:root:not([data-theme="dark"]) #aluminum :is(.mm-aluminum-request, .mm-aluminum-tab) { color: #283c2f !important; background: #faf8f1 !important; border-color: #aeb8a9 !important; }
:root:not([data-theme="dark"]) #aluminum .mm-aluminum-tab.is-active { color: #fffaf0 !important; background: #263b30 !important; border-color: #263b30 !important; }
:root:not([data-theme="dark"]) #aluminum .mm-pdf-link { color: #293f31 !important; }
@media(max-width:640px) {
  :is(#product-showcase, #cappadocia, #natural-stone, #aluminum).compact-catalog-section { padding-block: 28px !important; }
  .compact-catalog-header { margin-bottom: 16px; }
  .compact-catalog-section .mm-aluminum-card-art { height: 135px; }
  .compact-catalog-section .mm-aluminum-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px; }
  .compact-catalog-section .mm-aluminum-card-copy { padding: 10px; }
  .compact-catalog-section .mm-aluminum-request { width: 100%; font-size: 10px; padding-inline: 5px; }
  .compact-profile-library .mm-pdf-grid { grid-template-columns: 1fr; }
  .compact-profile-library .mm-pdf-card { padding: 8px 10px; gap: 10px; }
  .compact-resource-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .compact-catalog-section :is(.mm-cappadocia-card h4, .mm-stone-card h4) { font-size: 17px; }
  .compact-catalog-section :is(.mm-cappadocia-card-copy, .mm-stone-card-info) { padding: 10px; }
  .compact-catalog-section :is(.mm-cappadocia-card-copy button, .mm-stone-request) { font-size: 12px; padding: 7px 9px; }
  .compact-catalog-section .mm-stone-view-cue { font-size: 10px; padding: 6px 8px; }
}

/* A restrained trade presentation: readable hierarchy and compact supporting sections. */
:is(#story, #spaces-gallery, #tech-specs, #terms, #shipping, #private-label, #contact) { padding-block: 64px !important; }
:is(#story, #spaces-gallery, #tech-specs, #terms, #shipping, #private-label, #contact) h2 { font-size: clamp(32px,3.7vw,48px) !important; line-height: 1.12 !important; letter-spacing: -.045em; }
.section-intro { margin-bottom: 28px !important; }
.section-lede { font-size: 15px !important; line-height: 1.65 !important; }
.button { min-height: 44px; }
:is(.button, .gallery-tab-btn, .filter-tab, .plank-layer):focus-visible { outline: 3px solid #bd8c4b !important; outline-offset: 4px; }
.story-section .story-grid { display: block; }
.story-section .story-content > p:not(.eyebrow) { max-width: 620px; font-size: 15px; line-height: 1.65; }
.story-section .story-pillars { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px !important; margin: 24px 0 0 !important; padding: 0 !important; overflow: visible !important; }
.story-section .story-pillar-item { min-width: 0; max-width: none !important; padding: 18px !important; border: 1px solid #9ba59555; border-radius: 16px; background: #ffffff52; }
.story-section .story-pillar-item strong { font-size: 16px; line-height: 1.3; }
.story-section .story-pillar-item p { margin: 8px 0 0; font-size: 14px; line-height: 1.55; }
[data-theme="dark"] .story-section .story-pillar-item { background: #ffffff08; border-color: #ffffff22; }
.architectural-credential-bar .cred-bar-inner { padding-block: 22px; }
.cta-section .sales-card { padding: 20px !important; border-radius: 18px !important; }
.cta-section .sales-card h3 { margin-block: 10px; font-size: 26px !important; line-height: 1.2; }
.cta-section .sales-card p { margin-block: 8px 16px; font-size: 14px !important; line-height: 1.5; }
.cta-section .contact-details > span { font-size: 12px; line-height: 1.5; }
.cta-section .corporate-contacts-bar { display: none; }
.cta-section .form-note { font: 500 12px/1.6 'Manrope',sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; }
.plank-layers-stack > button.plank-layer { width: 100%; text-align: left; font-family: 'Manrope',sans-serif; color: inherit; }
.plank-layer .layer-info p { font-size: 14px; line-height: 1.5; }
.plank-layer.highlight { border-color: #b98a4c !important; box-shadow: inset 3px 0 0 #b98a4c; }
[data-theme="dark"] .button.button-outline { background: #26372d !important; color: #f3f5ed !important; border-color: #829487 !important; box-shadow: inset 0 1px #ffffff22 !important; }
[data-theme="dark"] .button.button-outline:is(:hover,:focus-visible) { background: #3b5544 !important; color: #fff !important; }
[data-theme="dark"] .story-section .story-pillar-item strong { color: #f3f5ed !important; }
[data-theme="dark"] .story-section .story-pillar-item p { color: #c5d1c8 !important; }
[data-theme="dark"] :is(.eyebrow, .eyebrow-muted, .section-lede, .section-intro > p, .story-content > p) { color: #b9c9be !important; }
[data-theme="dark"] .gallery-tab-btn { color: #e9f0e9; background: #23332a; border-color: #748979; }
[data-theme="dark"] .gallery-tab-btn.active { color: #1d2b21; background: #e3c28f; border-color: #e3c28f; }
:root:not([data-theme="dark"]) #spc-anatomy-studio { background: #f0ece3 !important; color: #25372a !important; border-color: #c8c6b7 !important; box-shadow: none !important; }
:root:not([data-theme="dark"]) #spc-anatomy-studio :is(.anatomy-note, .spc-3d-drag-hint) { color: #506251 !important; }
:root:not([data-theme="dark"]) #spc-anatomy-studio .plank-layer { color: #24382b !important; background: #fffdf8 !important; border-color: #c4ccbf !important; }
:root:not([data-theme="dark"]) #spc-anatomy-studio .plank-layer.highlight { background: #eae0ca !important; border-color: #a67c44 !important; }
:root:not([data-theme="dark"]) #spc-anatomy-studio .layer-info strong { color: #24382b !important; }
:root:not([data-theme="dark"]) #spc-anatomy-studio .layer-info p { color: #536254 !important; }
.anatomy-note { margin: 0 0 20px; font: 500 14px/1.55 'Manrope',sans-serif; color: #c5d0c8; }
.technical-faq { margin-top: 24px; border-top: 1px solid #97a28f55; padding-top: 12px; }
.technical-faq > summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; font: 700 18px/1.4 'Manrope',sans-serif; cursor: pointer; list-style: none; }
.technical-faq > summary::-webkit-details-marker { display: none; }
.technical-faq > summary::after { content: '+'; font-size: 24px; }
.technical-faq[open] > summary::after { content: '−'; }
.technical-faq .specs-grid { margin-top: 16px; }
.cta-section .sales-representatives { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.cta-section .sales-card h3 { font-size: clamp(20px,2.2vw,26px) !important; }
.cta-section .sales-card .sales-role { font: 600 12px/1.5 'Manrope',sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; }
.cta-section .sales-card .sales-actions { margin-top: 16px; }
.cta-section .contact-details > span { display: none; }
@media(max-width:900px) {
  .story-section .story-pillars { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:640px) {
  :is(#story, #spaces-gallery, #tech-specs, #terms, #shipping, #private-label, #contact) { padding-block: 40px !important; }
  .section-intro { margin-bottom: 22px !important; }
  .story-section .story-pillars { gap: 10px !important; }
  .story-section .story-pillar-item { padding: 14px !important; }
  .story-section .story-pillar-item strong { font-size: 15px; }
  .story-section .story-pillar-item p { font-size: 13px; }
  #plank-layers-stack { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; overflow: visible !important; margin: 0 !important; padding: 0 !important; }
  #plank-layers-stack > .plank-layer { flex: initial !important; max-width: none !important; min-width: 0; min-height: 76px; padding: 14px !important; gap: 8px; }
  #plank-layers-stack .layer-info strong { font-size: 15px; line-height: 1.3; }
  #plank-layers-stack .layer-info p { font-size: 13px; margin-bottom: 0; }
  #plank-layers-stack .plank-layer:not(.highlight) .layer-info p { display: none; }
  #plank-layers-stack .plank-layer.highlight { grid-column: 1 / -1; }
  .cta-section .sales-card { padding: 18px !important; }
  #spc-anatomy-studio { padding: 18px !important; margin-top: 0; border-radius: 22px; }
  #spc-anatomy-studio .swatch-btn-group { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  #spc-anatomy-studio .spc-finish-btn { min-width: 0; font-size: 10px; padding: 8px; min-height: 44px; white-space: normal; }
  .cta-section .sales-card { padding: 14px !important; }
  .cta-section .sales-card .button { width: 100%; padding: 10px 8px !important; justify-content: center; font-size: 11px !important; }
  .private-label-section .capacity-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px; }
  .private-label-section .capacity-grid strong { font-size: 32px; }
}