/* Isolated materials concepts. No selectors affect neighbouring site sections. */
.mc, .mc-intro, .mc-bar, .mc-preview-nav, .mc-gallery-footer { box-sizing: border-box; }
.mc *, .mc-intro *, .mc-bar * { box-sizing: border-box; }
.mc-gallery, .mc-preview { margin: 0; color: #242522; background: #faf8f4; font-family: 'Inter', Arial, sans-serif; font-weight: 300; }
.mc { --mc-ink:#252623; --mc-muted:#625e57; --mc-line:#d4cec5; --mc-accent:#786d60; color:var(--mc-ink); background:#f2eee7; padding:88px max(28px, calc((100% - 1320px)/2)); font-family:'Inter',Arial,sans-serif; font-weight:300; line-height:1.6; scroll-margin-top:90px; }
.mc :where(h2,p,figure,dl,dd) { margin:0; }
.mc .mc-shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); gap:clamp(40px,6vw,96px); align-items:center; }
.mc .mc-copy { min-inline-size:0; }
.mc .mc-eyebrow, .mc-eyebrow { font-size:10px; letter-spacing:.17em; text-transform:uppercase; line-height:1.5; }
.mc .mc-eyebrow { color:var(--mc-muted); margin-bottom:26px; }
.mc h2 { font-family:'Cormorant',Georgia,serif; font-size:clamp(46px,4.9vw,74px); font-weight:300; line-height:1.02; letter-spacing:-.045em; text-wrap:balance; }
.mc h2 em { font-weight:inherit; color:var(--mc-accent); }
.mc .mc-lead { margin-top:25px; max-inline-size:44ch; font-size:16px; line-height:1.7; color:var(--mc-muted); text-wrap:pretty; }
.mc .mc-materials { margin-top:40px; }
.mc .mc-row { position:relative; padding-block:20px; border-top:1px solid var(--mc-line); }
.mc dt { display:flex; align-items:baseline; gap:18px; font-size:18px; font-weight:300; line-height:1.3; }
.mc .mc-number { flex-shrink:0; font-size:10px; color:var(--mc-accent); font-variant-numeric:tabular-nums; letter-spacing:.06em; }
.mc dd { padding-inline-start:34px; margin-top:10px; font-size:15px; line-height:1.7; color:var(--mc-muted); text-wrap:pretty; }
.mc .mc-lifestyle { min-inline-size:0; }
.mc .mc-lifestyle > img { display:block; inline-size:100%; block-size:auto; aspect-ratio:2/3; object-fit:contain; }
.mc .mc-lifestyle figcaption { display:flex; justify-content:space-between; gap:16px; margin-top:14px; font-size:9px; letter-spacing:.03em; color:var(--mc-muted); line-height:1.5; }
.mc .mc-lifestyle figcaption span:last-child { letter-spacing:.16em; }
.mc .mc-object { display:grid; grid-template-columns:115px 1fr; gap:20px; align-items:center; margin-top:14px; }
.mc .mc-object img { inline-size:115px; block-size:115px; object-fit:contain; display:block; }
.mc .mc-object figcaption { font-family:'Cormorant',Georgia,serif; font-size:25px; line-height:1.15; color:var(--mc-muted); max-inline-size:22ch; margin:0; }

/* 01: spacious editorial, no cards or ornamental UI. */
.mc-v1 .mc-materials { border-left:1px solid var(--mc-line); padding-left:28px; }
.mc-v1 .mc-row { border:0; padding-block:0 24px; }
.mc-v1 .mc-row:last-child { padding-bottom:0; }
.mc-v1 .mc-number { color:#766951; }
.mc-v1 .mc-lifestyle { padding:10px; border:1px solid var(--mc-line); }
.mc-v1 .mc-lifestyle figcaption { padding-inline:4px; }

/* 02: precision, larger indices and the actual product. */
.mc-v2 { background:#f8f8f4; --mc-accent:#4d6561; --mc-line:#cfd6d1; }
.mc-v2 .mc-shell { gap:64px; grid-template-columns:minmax(0,1fr) minmax(0,.94fr); }
.mc-v2 .mc-head { border-top:1px solid var(--mc-ink); padding-top:19px; }
.mc-v2 h2 { font-size:clamp(44px,4.5vw,67px); }
.mc-v2 .mc-materials { margin-top:30px; }
.mc-v2 .mc-row { display:grid; grid-template-columns:48px 1fr; column-gap:18px; padding-block:16px; }
.mc-v2 dt { display:contents; }
.mc-v2 dt > span:last-child { font-size:17px; line-height:1.4; }
.mc-v2 .mc-number { grid-row:span 2; font-family:'Cormorant',Georgia,serif; font-size:38px; line-height:1; }
.mc-v2 dd { grid-column:2; padding:0; margin-top:7px; }
.mc-v2 .mc-object { border-top:1px solid var(--mc-line); padding-top:14px; }

/* 03: product detail crops accompany the materials, with a rose paper tone. */
.mc-v3 { background:#f1e7e5; --mc-accent:#956663; --mc-muted:#625451; --mc-line:#d4bebb; }
.mc-v3 h2 { font-size:clamp(46px,4.7vw,71px); }
.mc-v3 .mc-row { display:grid; grid-template-columns:86px minmax(0,1fr); gap:0 22px; padding-block:18px; }
.mc-v3 .mc-detail { grid-row:span 2; inline-size:86px; block-size:96px; overflow:clip; background:white; }
.mc-v3 .mc-detail img { display:block; inline-size:100%; block-size:100%; object-fit:cover; transform:scale(2.8); }
.mc-v3 .mc-detail-1 img { transform-origin:48% 56%; }
.mc-v3 .mc-detail-2 img { transform-origin:57% 75%; }
.mc-v3 .mc-detail-3 img { transform-origin:45% 32%; }
.mc-v3 dt { gap:11px; font-size:17px; }
.mc-v3 dd { padding:0; grid-column:2; margin-top:7px; }
.mc-v3 .mc-lifestyle { background:#e5d7d5; padding:16px 16px 14px; }
.mc-v3 .mc-lifestyle figcaption { margin-top:12px; }

/* 04: a dark chapter with pale rose and an inset portrait. */
.mc-v4 { background:#242d2c; --mc-ink:#f5f0e9; --mc-muted:#c7cbc5; --mc-line:#4e5a56; --mc-accent:#e2b9b5; }
.mc-v4 .mc-shell { grid-template-columns:minmax(0,1fr) minmax(0,.93fr); gap:80px; }
.mc-v4 h2 { font-size:clamp(46px,4.8vw,72px); }
.mc-v4 .mc-eyebrow { color:var(--mc-accent); }
.mc-v4 .mc-object { grid-template-columns:90px 1fr; gap:20px; margin-top:18px; }
.mc-v4 .mc-object img { inline-size:90px; block-size:90px; }
.mc-v4 .mc-object figcaption { color:var(--mc-accent); font-size:23px; max-inline-size:none; }
.mc-v4 .mc-lifestyle { padding:14px; border:1px solid var(--mc-line); }
.mc-v4 .mc-lifestyle figcaption { color:var(--mc-muted); }

/* 05: bold-scale sans serif composition with compact material notes. */
.mc-v5 { background:#fff; --mc-ink:#252727; --mc-muted:#626363; --mc-accent:#8f625f; --mc-line:#dededb; }
.mc-v5 h2 { font-family:'Inter',Arial,sans-serif; font-size:clamp(44px,4.8vw,70px); font-weight:300; line-height:1.06; letter-spacing:-.06em; }
.mc-v5 h2 em { font-style:normal; font-size:.76em; display:block; margin-top:8px; }
.mc-v5 .mc-lead { max-inline-size:46ch; }
.mc-v5 .mc-materials { margin-top:32px; }
.mc-v5 .mc-row { padding-block:16px; }
.mc-v5 dt { font-size:16px; }
.mc-v5 dd { font-size:14px; margin-top:7px; }
.mc-v5 .mc-signature { border-top:1px solid var(--mc-line); display:flex; flex-wrap:wrap; gap:22px; padding-top:16px; font-size:9px; letter-spacing:.06em; color:var(--mc-accent); }
.mc-v5 .mc-lifestyle figcaption { border-bottom:1px solid var(--mc-line); padding-bottom:16px; }

/* Selection gallery and isolated preview chrome. */
.mc-intro { padding:72px max(28px,calc((100% - 1320px)/2)) 56px; background:#faf8f4; }
.mc-intro h1 { font-family:'Cormorant',Georgia,serif; font-size:clamp(48px,5vw,76px); font-weight:300; line-height:1; letter-spacing:-.04em; margin:26px 0; }
.mc-intro h1 em { color:#887267; }
.mc-intro > p:last-of-type { max-inline-size:63ch; font-size:14px; line-height:1.8; }
.mc-intro nav { display:flex; flex-wrap:wrap; gap:14px 28px; margin-top:36px; }
.mc-intro a { color:inherit; font-size:12px; text-decoration:none; min-block-size:44px; display:flex; align-items:center; gap:10px; border-bottom:1px solid #cfc6bc; }
.mc-intro a span { font-size:10px; color:#887267; }
.mc-bar { scroll-margin-top:0; padding:28px max(28px,calc((100% - 1320px)/2)); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:22px; background:#faf8f4; border-top:1px solid #d4cec5; }
.mc-bar h2 { margin:0 0 8px; font-size:16px; font-weight:300; }
.mc-bar p { margin:0; max-inline-size:70ch; font-size:12px; line-height:1.7; color:#655f59; }
.mc-bar-links { display:flex; flex-wrap:wrap; gap:24px; }
.mc-bar a, .mc-preview-nav a, .mc-gallery-footer a { color:inherit; font-size:11px; text-underline-offset:5px; display:inline-flex; align-items:center; min-block-size:44px; }
.mc-preview-nav { display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:space-between; padding:10px 28px; font-size:11px; background:#faf8f4; }
.mc-gallery-footer { padding:32px 28px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.mc-gallery :focus-visible, .mc-preview :focus-visible { outline:2px solid #8f625f; outline-offset:6px; }

@media (min-width:1800px) { .mc { padding-block:104px; } }
@media (max-width:1100px) and (min-width:801px) {
  .mc { padding:64px 32px; }
  .mc .mc-shell { gap:32px; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }
  .mc h2 { font-size:48px; }
  .mc .mc-lead { font-size:14px; }
  .mc .mc-materials { margin-top:26px; }
  .mc dd { font-size:14px; }
  .mc-v3 .mc-row { grid-template-columns:66px minmax(0,1fr); gap:0 14px; }
  .mc-v3 .mc-detail { inline-size:66px; block-size:84px; }
}
@media (max-width:800px) {
  .mc { padding:48px 24px; scroll-margin-top:90px; }
  .mc .mc-shell { grid-template-columns:minmax(0,1fr); gap:38px; }
  .mc h2 { font-size:clamp(42px,8.7vw,64px); }
  .mc .mc-eyebrow { margin-bottom:22px; font-size:9px; }
  .mc .mc-lead { font-size:14px; margin-top:22px; max-inline-size:55ch; }
  .mc .mc-materials { margin-top:32px; }
  .mc dd { font-size:14px; }
  .mc dt { font-size:18px; }
  .mc .mc-lifestyle { max-inline-size:560px; inline-size:100%; justify-self:center; }
  .mc-v5 h2 { font-size:clamp(48px,11vw,72px); }
  .mc-v5 h2 em { font-size:.72em; }
  .mc-v3 .mc-row { grid-template-columns:70px minmax(0,1fr); gap:0 16px; }
  .mc-v3 .mc-detail { inline-size:70px; block-size:92px; }
  .mc-v3 dt { font-size:16px; gap:8px; }
  .mc-v3 dd { font-size:13px; }
  .mc-intro { padding:48px 24px 36px; }
  .mc-intro nav { gap:12px 24px; }
  .mc-bar { padding:24px; }
  .mc-preview-nav { padding:10px 24px; }
  .mc-preview-nav > span { display:none; }
}