/* R032: align the introduction and CTA baseline with the carousel image. */
#mirock-proto .hero:has(.atelier-carousel){align-items:start}
#mirock-proto .hero:has(.atelier-carousel)>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr auto auto;gap:16px 12px;align-content:stretch;min-height:var(--hero-image-height,0px);box-sizing:border-box;padding-bottom:0!important;}
#mirock-proto .hero:has(.atelier-carousel)>div:first-child>:is(.eyebrow,h1,p){grid-column:1/-1;margin:0}
#mirock-proto .hero:has(.atelier-carousel)>div:first-child>h1{align-self:center}
#mirock-proto .hero:has(.atelier-carousel)>div:first-child>button{width:100%;margin:0;align-self:end;height:100%;box-sizing:border-box}