/* Businessportraits: reguläre Seite und Entwurfsansicht, mobile first. */
.portrait-draft{--portrait-space:clamp(2rem,1.2rem + 2.5vw,3.5rem);--portrait-gap:var(--e10-gap);--portrait-image-width:clamp(24rem,32vw,32rem);--portrait-body:clamp(1rem,.975rem + .12vw,1.125rem);--portrait-rule:color-mix(in srgb,var(--d-sage) 35%,white);background:var(--color-paper);font-size:var(--portrait-body);line-height:1.5}
.portrait-draft .portrait-draft__space{padding-block:var(--portrait-space)}
.portrait-draft__divider{border-top:1px solid var(--portrait-rule)}
.portrait-draft__hero,.portrait-draft__light-grid,.portrait-draft__location{display:grid;gap:var(--portrait-gap);align-items:center}
.portrait-draft__copy{min-width:0}
.portrait-draft p{font-size:var(--portrait-body);line-height:1.5;margin:0 0 var(--d-s);max-inline-size:none;text-wrap:wrap}
.portrait-draft .portrait-draft__copy>:last-child{margin-bottom:0}
.e10 .portrait-draft :is(h1,h2,h3){white-space:normal;hyphens:none;text-wrap:wrap;max-inline-size:none}
.e10 .portrait-draft h1{font:400 clamp(2.75rem,1.8rem + 2.7vw,4.5rem)/1.08 var(--font-serif);letter-spacing:-.025em;margin:0 0 var(--d-s)}
.e10 .portrait-draft h2{font:600 clamp(1.75rem,1.3rem + 1.2vw,2.75rem)/1.13 var(--font-sans);margin:0 0 var(--d-s)}
.e10 .portrait-draft h3{font:600 clamp(1.25rem,1.05rem + .6vw,1.625rem)/1.25 var(--font-sans);margin:0}
.portrait-draft .eyebrow{font-size:var(--portrait-body);letter-spacing:0;font-weight:500}
.portrait-draft .d-button{font-size:var(--portrait-body);max-width:100%;white-space:normal}
.portrait-draft :is(figure,picture){display:block;min-width:0}
.portrait-draft picture{overflow:hidden;border-radius:var(--radius-m)}
.portrait-draft img{width:100%;height:auto}
.portrait-draft__hero .d-button{margin-top:var(--d-xs)}
.portrait-draft .portrait-draft__message{max-inline-size:none}
.e10 .portrait-draft__message h2{margin-bottom:var(--d-xs)}
.portrait-draft .portrait-draft__subheading{font-weight:500}
.portrait-draft__light{background:var(--d-sage)}
.e10 .portrait-draft .portrait-draft__emphasis{font:400 clamp(1.75rem,1.3rem + 1.2vw,2.75rem)/1.15 var(--font-serif);margin-top:var(--d-m)}
.portrait-draft .portrait-draft__advice{margin-top:var(--d-s)}
.portrait-draft__advice a{display:block;width:fit-content}
.portrait-draft__footnote{margin-top:var(--d-s)}
.portrait-draft .portrait-draft__footnote p{margin:0}
.portrait-draft__project-grid{display:grid;gap:var(--portrait-gap)}
.portrait-draft__project{display:grid;grid-template-rows:1fr auto auto;gap:var(--d-s);min-width:0}
.portrait-draft__project picture{aspect-ratio:3/2;align-self:start}
.portrait-draft__project img{height:100%;object-fit:contain}
.portrait-draft__project .d-button{justify-self:start;align-self:end}
.portrait-draft__cta{background:var(--d-sage);text-align:center}
.portrait-draft__cta .shell{display:grid;justify-items:center;gap:var(--d-s)}
.e10 .portrait-draft__cta h2{font:650 clamp(2rem,1.1rem + 3vw,4rem)/1.12 var(--font-sans);letter-spacing:-.05em;margin:0}
.portrait-draft :is(a,summary):focus-visible{outline:2px solid var(--d-ink);outline-offset:4px}
@media(min-width:48rem){.portrait-draft__project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){
 .portrait-draft__hero{grid-template-columns:minmax(0,var(--portrait-image-width)) minmax(0,1fr);align-items:center}
 .portrait-draft__hero>.portrait-draft__copy{grid-column:2;grid-row:1;align-self:center}
 .portrait-draft__hero>figure{grid-column:1;grid-row:1}
 .portrait-draft__hero>figure,.portrait-draft__location>figure{align-self:center}
 .portrait-draft__hero img,.portrait-draft__location img{height:auto;object-fit:contain}
 .portrait-draft__light-grid{grid-template-columns:minmax(0,1fr) minmax(0,var(--portrait-image-width))}
 .portrait-draft__location{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
 .portrait-draft__location>.portrait-draft__copy{align-self:center}
}

/* Aktuelles Feedback betrifft ausschließlich Mobil. */
@media(max-width:47.999rem){
 .portrait-draft__hero>figure{grid-row:1}
}