@charset "UTF-8";
/* The Mineral Salon: original concept imagery, separate from finish references. */
.mineral-salon-v13{padding-top:55px;padding-bottom:0}
.mineral-salon-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:70px;align-items:end;margin-bottom:43px}
.mineral-salon-intro .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.15em;margin-bottom:23px;font-weight:400}
.mineral-salon-intro h1{font:500 clamp(62px,6.4vw,92px)/.99 var(--serif);letter-spacing:-.045em;margin:0;max-width:760px}
.mineral-salon-intro-copy{max-width:410px;justify-self:end;padding-bottom:6px}
.mineral-salon-intro-copy .lead{font-size:16px;line-height:1.8;max-width:365px;margin:0}
.mineral-salon-intro-copy .actions{gap:17px 25px;margin-top:25px}
.mineral-salon-intro-copy .button,.mineral-salon-intro-copy .text-link{font-size:11px}
.mineral-salon-intro-copy .text-link{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.mineral-salon-scenes{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);column-gap:44px;row-gap:0}
.mineral-salon-scene{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:1 / span 2;row-gap:0}
.mineral-salon-scene--wall{grid-column:1}
.mineral-salon-scene--furniture{grid-column:2}
.mineral-salon-image-link{display:block;align-self:end;min-width:0;background:#e9e5da}
.mineral-salon-image-link .hero-concept-image{display:block;width:100%;height:auto;object-fit:contain}
.mineral-salon-caption{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;padding-top:18px;border-bottom:1px solid var(--line);padding-bottom:22px}
.mineral-salon-number{grid-column:1/-1;font-size:9px;letter-spacing:.12em;text-transform:uppercase;line-height:1.7;margin-bottom:10px;color:var(--muted)}
.mineral-salon-caption h2{font:500 39px/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 9px}
.mineral-salon-caption p{font-size:12px;line-height:1.75;margin:0;color:var(--muted);max-width:395px}
.mineral-salon-explore{align-self:start;font-size:10px;line-height:1.7;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--ink);white-space:nowrap}
.mineral-salon-note{display:flex;justify-content:space-between;gap:22px;padding-top:19px;color:var(--muted)}
.mineral-salon-note p{font-size:10px;line-height:1.8;margin:0;max-width:455px}
.mineral-salon-note p:first-child{flex-shrink:0;letter-spacing:.025em}
.mineral-salon-note p:last-child{text-align:right}
.mineral-salon-professional{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mineral-salon-professional>figure{justify-self:end;width:min(100%,480px)}
.mineral-salon-professional>figure>.hero-concept-image{height:auto;aspect-ratio:auto;object-fit:contain}
.mineral-salon-professional figcaption{padding-top:15px;max-width:440px}
.form-panel .mineral-salon-support-image>.hero-concept-image{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.mineral-salon-support-image figcaption{padding:15px 0 4px;font-size:10px;line-height:1.8}
@supports not (grid-template-rows:subgrid){
 .mineral-salon-scenes{align-items:end}
 .mineral-salon-scene{display:block}
 .mineral-salon-caption{min-height:155px}
}
@media(min-width:1450px){.mineral-salon-scenes{column-gap:50px}}
@media(max-width:1100px){
 .mineral-salon-v13{padding-top:43px}
 .mineral-salon-intro{gap:42px;margin-bottom:35px}
 .mineral-salon-intro h1{font-size:72px}
 .mineral-salon-intro-copy .lead{font-size:15px}
 .mineral-salon-intro-copy .actions{gap:13px 20px}
 .mineral-salon-scenes{column-gap:30px}
 .mineral-salon-caption{column-gap:10px}
 .mineral-salon-caption h2{font-size:34px}
 .mineral-salon-caption p{font-size:11px}
 .mineral-salon-explore{font-size:9px}
}
@media(min-width:768px) and (max-width:950px){
 .mineral-salon-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}
 .mineral-salon-intro h1{font-size:62px}
 .mineral-salon-intro-copy .lead{font-size:14px}
 .mineral-salon-intro-copy .actions{gap:12px;margin-top:19px}
 .mineral-salon-scenes{column-gap:25px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
 .mineral-salon-caption{grid-template-columns:minmax(0,1fr)}
 .mineral-salon-explore{justify-self:start;margin-top:9px}
 .mineral-salon-note p{font-size:9px}
}
@media(max-width:767px){
 .mineral-salon-v13{padding-top:33px}
 .mineral-salon-intro{grid-template-columns:minmax(0,1fr);gap:23px;margin-bottom:30px}
 .mineral-salon-intro .eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:.12em}
 .mineral-salon-intro h1{font-size:clamp(51px,12.8vw,70px);line-height:1.01;letter-spacing:-.043em}
 .mineral-salon-intro-copy{max-width:470px;justify-self:start;padding:0}
 .mineral-salon-intro-copy .lead{font-size:14px;line-height:1.8;max-width:420px}
 .mineral-salon-intro-copy .actions{margin-top:19px;gap:12px 21px}
 .mineral-salon-intro-copy .button,.mineral-salon-intro-copy .text-link{font-size:10px}
 .mineral-salon-scenes{display:block}
 .mineral-salon-scene{display:block}
 .mineral-salon-scene--furniture{width:78%;max-width:390px;margin-top:32px;margin-left:auto}
 .mineral-salon-caption{grid-template-columns:minmax(0,1fr) auto;padding-top:14px;padding-bottom:17px;min-height:0}
 .mineral-salon-number{font-size:8px;margin-bottom:8px}
 .mineral-salon-caption h2{font-size:33px;margin-bottom:7px}
 .mineral-salon-caption p{font-size:11px;line-height:1.65}
 .mineral-salon-explore{font-size:9px;min-height:44px}
 .mineral-salon-scene--furniture .mineral-salon-caption{grid-template-columns:minmax(0,1fr)}
 .mineral-salon-scene--furniture .mineral-salon-explore{justify-self:start;margin-top:7px}
 .mineral-salon-note{display:block;padding-top:21px;border-top:1px solid var(--line);margin-top:26px}
 .mineral-salon-note p{font-size:9px;line-height:1.85;max-width:360px}
 .mineral-salon-note p:last-child{text-align:left;margin-top:5px}
 .mineral-salon-professional{grid-template-columns:minmax(0,1fr)}
 .mineral-salon-professional>figure{width:min(100%,390px);justify-self:center}
 .mineral-salon-professional>figure>.hero-concept-image{height:auto;max-height:none}
}
@media(max-width:360px){
 .mineral-salon-intro h1{font-size:48px}
 .mineral-salon-intro-copy .actions{gap:10px 16px}
 .mineral-salon-intro-copy .button{padding-inline:13px}
 .mineral-salon-caption h2{font-size:30px}
 .mineral-salon-scene--furniture{width:83%}
}
@media print{
 .mineral-salon-v13{padding-top:20px}
 .mineral-salon-intro{margin-bottom:25px;gap:30px}
 .mineral-salon-intro h1{font-size:50px}
 .mineral-salon-scenes{break-inside:avoid}
 .mineral-salon-note{margin-bottom:20px}
}