/* Purpose: drei Beiträge unserer Arbeit, mit eigenständigen Illustrationen. */
.copy-update .purpose-section .intro-head{
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 align-items:start;
 gap:clamp(36px,5vw,80px);
}
.copy-update .purpose-section .intro-head h2{
 font-size:clamp(40px,4.5vw,68px);
 line-height:1.08;
}
.copy-update .purpose-section .intro-text{max-width:550px;padding-top:4px}
.copy-update .purpose-section .intro-text p{font-size:18px;line-height:1.65}
.copy-update .purpose-section .story-panels{gap:24px;margin-top:44px;align-items:start}
.copy-update .purpose-section .story-image{height:auto;aspect-ratio:3/2}
.copy-update .purpose-section .story-image picture{display:block;width:100%;height:100%}
.copy-update .purpose-section .story-image img{
 position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;
}
.copy-update .purpose-section .story h3{
 font-size:clamp(25px,2.1vw,31px);line-height:1.2;margin:22px 0 12px;
 overflow-wrap:normal;word-break:normal;hyphens:none;
}
.copy-update .purpose-section .story p{font-size:16px;line-height:1.7;max-width:none}
@media(max-width:1100px){
 .copy-update .purpose-section .intro-head{grid-template-columns:1fr;gap:24px}
 .copy-update .purpose-section .intro-head h2{font-size:clamp(35px,6vw,54px)}
 .copy-update .purpose-section .intro-text{max-width:740px;padding-top:0}
}
@media(max-width:900px){
 .copy-update .purpose-section .story-panels{grid-template-columns:1fr;gap:36px;margin-top:34px}
 .copy-update .purpose-section .story h3{font-size:28px;margin-top:18px}
}
@media(max-width:760px){
 .copy-update .purpose-section .intro-head h2{font-size:clamp(35px,8.6vw,48px)}
 .copy-update .purpose-section .intro-text p{font-size:17px;line-height:1.65}
 .copy-update .purpose-section .story p{font-size:16px;line-height:1.7}
}
@media(max-width:380px){
 html[lang=en] .copy-update .purpose-section .intro-head h2{font-size:32px}
}