/* Match the Retearn case-study intro layout on the main project page. */
.retearn-main-page .retearn-hero{background:#fbf8f5;padding:82px 0 46px}
.retearn-main-page .retearn-hero .page-shell{max-width:1120px}
.retearn-main-page .retearn-hero h1{max-width:950px;color:#3b2c12;font-size:clamp(54px,8vw,92px);line-height:.98;letter-spacing:-.055em;margin:18px 0}
.retearn-main-page .rt-role-overview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,2.5fr);gap:12px 22px;padding:16px 20px!important;margin-bottom:28px!important;border-radius:16px;background:#fbf8f5}
.retearn-main-page .rt-role-column{display:contents}
.retearn-main-page .rt-role-column+.rt-role-column{border:0}
.retearn-main-page .rt-overview-row{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.4}
.retearn-main-page .rt-overview-row>span{font-size:16px;line-height:1.5}
.retearn-main-page .rt-overview-row>strong{font-size:16px;line-height:1.5;letter-spacing:0;text-transform:none;color:#686879}
.retearn-main-page .rt-role-column:first-child .rt-overview-row:nth-child(1){grid-column:2;grid-row:1}
.retearn-main-page .rt-role-column:first-child .rt-overview-row:nth-child(2){grid-column:3;grid-row:1}
.retearn-main-page .rt-role-column:last-child .rt-overview-row:nth-child(1){grid-column:1;grid-row:1}
.retearn-main-page .rt-role-column:last-child .rt-overview-row:nth-child(2){grid-column:1/-1;grid-row:2}
.retearn-main-page .rt-overview-hero{margin:28px 0 40px}
.retearn-main-page .rt-overview-hero img{display:block;width:100%;height:auto;border-radius:24px}
.retearn-main-page .rt-case-brief{padding:38px 0 42px;background:transparent}
.retearn-main-page .rt-case-brief h2{max-width:880px;margin:0 0 24px;font-size:clamp(30px,4vw,46px)}
.retearn-main-page .rt-case-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.retearn-main-page .rt-case-brief-grid article{padding:12px 0;border:0;border-radius:0;background:transparent}
.retearn-main-page .rt-case-brief-grid h3{font-size:18px;margin:0 0 10px}
.retearn-main-page .rt-case-brief-grid p,.retearn-main-page .rt-case-brief-grid li{font-size:16px;line-height:1.55;color:#5c5963}
.retearn-main-page .rt-case-brief-grid p{margin:0}
.retearn-main-page .rt-case-brief + .my-role-section{margin-top:0}
.retearn-main-page .my-role-section{padding:28px 0}
.retearn-main-page #audience{padding-top:24px!important;padding-bottom:28px}
.retearn-main-page #audience + .alt-surface{padding-top:28px;padding-bottom:28px}
.retearn-main-page .retearn-design-approach{padding-top:28px}
.retearn-main-page #markets{padding-top:24px}
@media(max-width:700px){
  .retearn-main-page .retearn-hero{padding:48px 0 30px}
  .retearn-main-page .rt-role-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:14px 16px!important}
  .retearn-main-page .rt-role-column:first-child .rt-overview-row:nth-child(1){grid-column:2;grid-row:1}
  .retearn-main-page .rt-role-column:first-child .rt-overview-row:nth-child(2){grid-column:1/-1;grid-row:2}
  .retearn-main-page .rt-role-column:last-child .rt-overview-row:nth-child(1){grid-column:1;grid-row:1}
  .retearn-main-page .rt-role-column:last-child .rt-overview-row:nth-child(2){grid-column:1/-1;grid-row:3}
  .retearn-main-page .rt-case-brief{padding:32px 0 36px}
  .retearn-main-page .rt-case-brief-grid{grid-template-columns:1fr;gap:10px}
  .retearn-main-page .rt-case-brief-grid article{padding:10px 0}
}