/* Matter in Time. Approved names, material stories and original photography. */
.mit-root{font:500 11px/1.65 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);margin:0 0 18px;max-width:100%;overflow-wrap:break-word}
.mit-signature,.product-hero-v6 .mit-signature,.page-intro .mit-signature,.lm-intro .mit-signature{font:500 clamp(44px,5.4vw,78px)/1.02 var(--serif);letter-spacing:-.045em;margin:0 0 20px;max-width:100%;overflow-wrap:normal}
.mit-descriptor{font:400 12px/1.7 var(--sans);letter-spacing:.04em;color:var(--accent);margin:0 0 25px;max-width:100%}
.mit-story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:70px;border-top:1px solid var(--line);padding-block:65px 72px}
.mit-story>div{min-width:0}
.mit-story .eyebrow{color:var(--accent);margin-bottom:21px}
.mit-story h2{font:500 clamp(33px,3.4vw,49px)/1.12 var(--serif);letter-spacing:-.035em;max-width:510px;margin:0}
.mit-story-copy{padding-top:2px;max-width:630px}
.mit-story-copy p{font:400 15px/1.9 var(--sans);color:var(--muted);margin:0 0 21px}
.mit-story-copy p:last-child{margin-bottom:0}
.mit-detail-story{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}
.mit-detail-story .eyebrow{font-size:9px;letter-spacing:.13em;margin:0 0 10px;color:var(--accent)}
.mit-detail-story h2{font:500 35px/1.12 var(--serif);letter-spacing:-.035em;margin:0 0 15px}
.mit-detail-story>p:not(.eyebrow){font:400 13px/1.8 var(--sans);color:var(--muted);margin:0 0 17px}
.mit-detail-story .text-link{font:400 11px/1.7 var(--sans);max-width:100%;text-wrap:pretty}
.mit-family-signature{display:block;font:500 clamp(28px,2.6vw,40px)/1.12 var(--serif);letter-spacing:-.03em;color:var(--ink);margin:10px 0 16px}
.mit-family-copy{font:400 13px/1.85 var(--sans);max-width:560px;color:var(--muted);margin:0 0 20px}
.family-card .mit-family-signature,.brand-panel .mit-family-signature{font:500 clamp(28px,2.7vw,39px)/1.12 var(--serif);letter-spacing:-.03em;margin:11px 0 16px;color:var(--ink)}
.family-card .mit-family-copy,.brand-panel .mit-family-copy{font:400 13px/1.8 var(--sans);max-width:540px}
.mit-library-heading{max-width:100%;margin-bottom:30px}
.mit-library-heading .mit-root{margin-bottom:13px}
.mit-library-heading .mit-signature{font-size:clamp(39px,4.7vw,66px)}
.mit-library-heading .mit-descriptor{margin-bottom:18px}

/* The product index keeps the catalogue identity visible above each signature. */
.matter-in-time-v22.ml-page-intro{padding-bottom:54px}
.matter-in-time-v22.ml-page-intro h1{font:500 clamp(52px,7.6vw,108px)/1.02 var(--serif);letter-spacing:-.045em;margin-bottom:25px}
.ml-collection-thought{font:400 clamp(21px,2.1vw,29px)/1.5 var(--serif);letter-spacing:-.015em;max-width:820px;margin:0;color:var(--ink);text-wrap:pretty}
.matter-in-time-v22 .ml-intro-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:33px;gap:55px}
.matter-in-time-v22 .ml-intro-bottom p:first-child{max-width:710px;font-size:14px;line-height:1.85;color:var(--muted)}
.matter-in-time-v22 .ml-intro-bottom p:last-child{flex:none;font-size:11px;line-height:1.85;color:var(--muted)}
.matter-in-time-v22 .ml-heading{align-items:flex-start;gap:16px}
.matter-in-time-v22 .ml-heading h3{margin-bottom:21px;min-width:0}
.ml-canonical{display:block;font:500 10px/1.65 var(--sans);letter-spacing:.11em;margin-bottom:12px;max-width:100%;color:var(--ink)}
.ml-signature{display:block;font:500 clamp(34px,3.5vw,51px)/1.08 var(--serif);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.matter-in-time-v22 .ml-arrow{margin-top:22px;flex:none;align-self:flex-start}
.matter-in-time-v22 .ml-description{font-size:14px;line-height:1.85;margin-bottom:25px}
.matter-in-time-v22 .ml-children>p{font-size:10px;line-height:1.7;margin-bottom:12px;color:var(--accent)}
.matter-in-time-v22 .ml-clay-series{display:flex;flex-direction:column;gap:0}
.matter-in-time-v22 .ml-clay-series .ml-series-link{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:15px;row-gap:5px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:center}
.matter-in-time-v22 .ml-clay-series .ml-series-link:last-child{border-bottom:0;padding-bottom:0}
.ml-series-name{font:500 9px/1.6 var(--sans);letter-spacing:.065em;color:var(--ink)}
.ml-series-signature{font:500 24px/1.15 var(--serif);letter-spacing:-.025em;color:var(--ink)}
.ml-series-copy{grid-column:1/-1;font:400 11px/1.75 var(--sans);color:var(--muted)}
.ml-series-link:hover .ml-series-signature{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.matter-in-time-v22 .ml-rail>a{text-decoration:none;row-gap:0}
.ml-rail-canonical{font:500 9px/1.65 var(--sans);letter-spacing:.055em;min-width:0}
.ml-rail-signature{grid-column:2;font:500 clamp(22px,2.25vw,32px)/1.14 var(--serif);letter-spacing:-.03em;margin-top:8px;min-width:0}
.ml-rail>a:hover .ml-rail-signature{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

@media(max-width:1100px){
 .mit-story{gap:42px}
 .mit-signature,.product-hero-v6 .mit-signature,.page-intro .mit-signature,.lm-intro .mit-signature{font-size:clamp(42px,5.2vw,66px)}
 .matter-in-time-v22 .ml-heading{gap:8px}
 .ml-signature{font-size:36px}
 .ml-canonical{font-size:9px;letter-spacing:.075em}
 .matter-in-time-v22 .ml-arrow{min-width:32px;font-size:25px}
 .ml-rail-canonical{font-size:8px;letter-spacing:.025em}
 .ml-rail-signature{font-size:25px}
 .matter-in-time-v22 .ml-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
 .mit-root{font-size:10px;line-height:1.7;letter-spacing:.11em;margin-bottom:15px}
 .mit-signature,.product-hero-v6 .mit-signature,.page-intro .mit-signature,.lm-intro .mit-signature{font-size:clamp(39px,10.3vw,62px);line-height:1.06;letter-spacing:-.04em;margin-bottom:17px}
 .liquid-v20 .lm-intro .lm-intro-grid .mit-root{font-size:10px}
 .liquid-v20 .lm-intro .lm-intro-grid .mit-descriptor{font-size:11px}
 .mit-descriptor{font-size:11px;line-height:1.7;margin-bottom:21px}
 .mit-story{display:block;padding-block:39px 45px}
 .mit-story h2{font-size:35px;max-width:520px;margin-bottom:25px}
 .mit-story .eyebrow{font-size:9px;margin-bottom:16px}
 .mit-story-copy p{font-size:14px;line-height:1.85;margin-bottom:20px}
 .mit-detail-story{margin-top:25px;padding-top:21px}
 .mit-detail-story h2{font-size:31px}
 .mit-detail-story>p:not(.eyebrow){font-size:12px;line-height:1.85}
 .mit-family-signature,.family-card .mit-family-signature,.brand-panel .mit-family-signature{font-size:30px;margin:9px 0 13px}
 .mit-family-copy,.family-card .mit-family-copy,.brand-panel .mit-family-copy{font-size:12px;line-height:1.8}
 .mit-library-heading .mit-signature{font-size:clamp(38px,10.1vw,54px)}
 .matter-in-time-v22.ml-page-intro{padding-bottom:35px}
 .matter-in-time-v22.ml-page-intro h1{font-size:clamp(46px,10.5vw,72px);line-height:1.08;margin-bottom:21px}
 .ml-collection-thought{font-size:22px;line-height:1.5}
 .matter-in-time-v22 .ml-intro-bottom{gap:25px;padding-top:20px;margin-top:25px}
 .matter-in-time-v22 .ml-intro-bottom p:first-child{font-size:13px;line-height:1.85}
 .matter-in-time-v22 .ml-intro-bottom p:last-child{font-size:10px}
}
@media(max-width:650px){
 .ml-canonical{font-size:10px;letter-spacing:.09em;margin-bottom:9px}
 .ml-signature{font-size:42px;line-height:1.1}
 .matter-in-time-v22 .ml-heading h3{margin-bottom:17px}
 .matter-in-time-v22 .ml-arrow{margin-top:19px;min-width:44px;font-size:29px}
 .matter-in-time-v22 .ml-description{font-size:14px;line-height:1.85;margin-bottom:22px}
 .matter-in-time-v22 .ml-clay-series .ml-series-link{padding-block:13px}
 .ml-series-name{font-size:9px;letter-spacing:.04em}
 .ml-series-signature{font-size:25px}
 .ml-series-copy{font-size:11px}
 .ml-rail-canonical{font-size:8px;letter-spacing:.045em}
 .ml-rail-signature{font-size:26px;margin-top:6px}
 .matter-in-time-v22 .ml-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){
 .mit-signature,.product-hero-v6 .mit-signature,.page-intro .mit-signature,.lm-intro .mit-signature{font-size:38px}
 .ml-signature{font-size:36px}
 .ml-series-name{font-size:8px}
 .ml-series-signature{font-size:23px}
 .ml-rail-signature{font-size:23px}
 .ml-rail-canonical{font-size:7px}
}
.finish-card .mit-card-signature{font:500 19px/1.25 var(--serif);letter-spacing:-.015em;color:var(--ink);margin:8px 0 14px}
@media(max-width:650px){.finish-card .mit-card-signature{font-size:17px;margin:6px 0 11px}}
@media(max-width:1100px){.ml-rail-canonical{font-size:10px;letter-spacing:.035em}}
@media(max-width:650px){.ml-series-name,.ml-canonical{font-size:10px}.ml-rail-canonical{font-size:10px;line-height:1.65}.ml-rail-signature{overflow-wrap:anywhere}}
/* Keep the approved series signature prominent inside the existing effect cards. */
.effect-grid .family-card h3{font:500 11px/1.7 var(--sans);letter-spacing:.07em;margin:21px 0 9px}
.effect-grid .family-card .mit-family-signature{font:500 clamp(30px,2.7vw,39px)/1.12 var(--serif);letter-spacing:-.03em;margin:10px 0 16px;color:var(--ink)}
@media(max-width:650px){.filters .field{grid-column:1/-1}.effect-grid .family-card .mit-family-signature{font-size:31px}}