/* Two compact material studies, side by side. */
#materiaux.heritage-materials{padding-block:80px 60px}
#materiaux .heritage-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:5vw;align-items:end;margin-bottom:32px;max-width:none}
#materiaux .heritage-heading>.eyebrow{grid-column:1/-1;margin-bottom:18px}
#materiaux .heritage-heading h2{font-size:clamp(40px,4.5vw,68px)}
#materiaux .heritage-heading h2 br{display:none}
#materiaux .heritage-heading>p:last-child{font-size:13px;max-width:360px;margin:0 0 5px;line-height:1.8}
#materiaux .raw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
#materiaux .raw-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"nugget plate" "copy copy";grid-template-rows:250px auto;align-content:start}
#materiaux .raw-nugget .raw-media-frame{height:250px}
#materiaux .raw-nugget .raw-media-frame img{padding:65px 0 0;object-position:65% 75%}
#materiaux .raw-pair-heading{padding:22px 12px 18px 0}
#materiaux .raw-pair-heading .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:16px}
#materiaux .raw-pair-heading h3{font-size:clamp(30px,3.2vw,48px)}
#materiaux .raw-pair-heading h3 span{font-size:.55em}
#materiaux .raw-plate{min-height:250px}
#materiaux .raw-plate figcaption{font-size:7px;letter-spacing:.08em;padding:35px 12px 58px}
#materiaux .raw-pair-copy{padding:24px 0 0}
#materiaux .raw-pair-copy p{font-size:13px;line-height:1.8;max-width:none;margin:0}
#materiaux .raw-note{margin-top:28px;max-width:none;font-size:9px}
@media(max-width:899px){
 #materiaux.heritage-materials{padding-block:65px 45px}
 #materiaux .heritage-heading{display:block;margin-bottom:28px}
 #materiaux .heritage-heading h2 br{display:block}
 #materiaux .heritage-heading>p:last-child{margin-top:20px;max-width:450px}
 #materiaux .raw-grid{grid-template-columns:1fr;gap:34px}
 #materiaux .raw-pair{grid-template-rows:230px auto}
 #materiaux .raw-nugget .raw-media-frame{height:230px}
 #materiaux .raw-plate{min-height:230px}
 #materiaux .raw-pair-heading h3{font-size:clamp(27px,6vw,45px)}
 #materiaux .raw-pair-copy{padding-top:18px}
 #materiaux .raw-pair-copy p{font-size:12px}
}

/* The raw metal crosses the soft, dark edge of the machined facade. */
#materiaux .raw-pair{overflow:visible;isolation:isolate}
#materiaux .raw-nugget{position:relative;z-index:3;pointer-events:none}
#materiaux .raw-nugget .raw-media-frame{overflow:visible}
#materiaux .raw-nugget .raw-media-frame img{inset:0 auto auto 0;width:calc(100% + 20px);max-width:none;height:250px;padding:82px 0 0;object-position:70% 85%;transform:translateX(var(--raw-shift,18px)) scale(var(--raw-scale,1));transform-origin:65% 70%;opacity:var(--raw-alpha,1);will-change:transform}
#materiaux .raw-nugget .raw-media-frame:after{display:none}
#materiaux .raw-pair-heading{position:relative;z-index:4}
#materiaux .raw-plate{z-index:1}
#materiaux .raw-plate .raw-media-frame{clip-path:inset(0 var(--plate-mask,0%) 0 0);isolation:isolate}
#materiaux .raw-plate video{transform:translateX(var(--plate-shift,0%)) scale(var(--plate-scale,1));will-change:transform}
#materiaux .raw-plate .raw-media-frame:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#08090a 0%,#08090aeb 9%,#08090a99 23%,#08090a33 39%,transparent 56%);pointer-events:none}
#materiaux .raw-plate .raw-media-frame:before{content:'';position:absolute;inset:-20% -60%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#f9e7ba40 50%,transparent 58%);opacity:var(--plate-shine-alpha,0);transform:translateX(var(--plate-shine-x,-100%))}
#materiaux .raw-plate .film-control{z-index:5}
#materiaux .raw-plate figcaption{z-index:4;padding-left:clamp(35px,4vw,65px)}
#materiaux .raw-pair-copy{position:relative;z-index:4;opacity:var(--raw-copy-alpha,1)}
@media(max-width:899px){
 #materiaux .raw-nugget .raw-media-frame img{height:230px;padding-top:90px;width:calc(100% + 12px)}
 #materiaux .raw-plate .raw-media-frame:after{background:linear-gradient(90deg,#08090a,#08090ab3 20%,transparent 57%)}
 #materiaux .raw-plate figcaption{padding-left:30px}
}
.reduced-motion #materiaux .raw-nugget img{transform:translateX(18px)!important;will-change:auto;opacity:1}
.reduced-motion #materiaux .raw-plate video{transform:none!important;will-change:auto}
.reduced-motion #materiaux .raw-plate .raw-media-frame{clip-path:none!important}
.reduced-motion #materiaux .raw-pair-copy{opacity:1!important}
@media(prefers-reduced-motion:reduce){#materiaux .raw-nugget img{transform:translateX(18px)!important;will-change:auto;opacity:1}#materiaux .raw-plate video{transform:none!important;will-change:auto}#materiaux .raw-plate .raw-media-frame{clip-path:none!important}#materiaux .raw-pair-copy{opacity:1!important}}
#materiaux .raw-pair:nth-child(2) .raw-nugget .raw-media-frame img{left:26px}
@media(max-width:899px){#materiaux .raw-pair:nth-child(2) .raw-nugget .raw-media-frame img{left:16px}}

#materiaux.heritage-materials{padding-top:clamp(140px,15vw,240px)}
#materiaux .heritage-heading{display:block;text-align:center;max-width:1100px;margin:0 auto clamp(75px,8vw,130px)}
#materiaux .heritage-heading>.eyebrow{margin-bottom:28px}
#materiaux .heritage-heading h2{font-size:clamp(44px,6.3vw,100px);line-height:1.12}
#materiaux .heritage-heading h2 br{display:none}
#materiaux .heritage-heading>p:last-child{max-width:540px;margin:30px auto 0;font-size:15px;line-height:1.9}
@media(max-width:899px){#materiaux.heritage-materials{padding-top:110px}#materiaux .heritage-heading{margin-bottom:65px}#materiaux .heritage-heading h2 br{display:block}#materiaux .heritage-heading>p:last-child{font-size:13px;margin:24px auto 0}}