/* Shared case presentation: title and summary first, metadata in its own panel.
   Only the introduction changes; file cards retain their existing layout. */
.portfolio .rentals-case>.case-intro{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;padding:40px var(--case-inset) 32px}
.portfolio .case-intro>.rental-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:26px;min-width:0;padding:0}
.portfolio .case-intro>.rental-header>*{grid-column:1;min-width:0}
.portfolio .case-intro .rental-header h1{margin:22px 0 0;overflow-wrap:anywhere}
.portfolio .case-intro .rental-summary{padding:0;max-width:62ch}
.portfolio .case-intro .rental-summary>p:last-child{margin-bottom:0}
.portfolio .case-intro>.case-intro-info{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-self:start;min-width:0;margin:0;padding:clamp(20px,2.2vw,32px);border:1px solid var(--line);background:var(--black)}
.portfolio .case-intro>.case-intro-info>dl{grid-column:1;min-width:0;overflow-wrap:anywhere}
.portfolio .case-intro-info dd{font-size:14px;line-height:1.7}
.portfolio .case-intro-info dt{font-size:10px}
.portfolio .case-intro-info .rental-task-list{font-size:13px}
@media(min-width:900px){
 .portfolio .rentals-case>.case-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:var(--rental-gutter);padding-top:48px;padding-bottom:36px}
 .portfolio .case-intro>.rental-header{grid-column:1}
 .portfolio .case-intro>.case-intro-info{grid-column:2}
 .portfolio .case-intro .rental-header h1{font-size:clamp(48px,5.2vw,76px)}
}
@media(max-width:700px){
 .portfolio .rentals-case>.case-intro{padding-top:30px;gap:28px}
 .portfolio .case-intro>.rental-header{gap:22px}
 .portfolio .case-intro>.case-intro-info{padding:20px}
}