/* Approved full-scene photograph; readable overlay and uncropped comparison images. */
.homepage #schwenkkraftwerk.explain-photo{overflow:hidden;isolation:isolate}
.homepage #schwenkkraftwerk.explain-photo:before{z-index:1;background:linear-gradient(90deg,rgba(5,22,33,.94) 0%,rgba(5,22,33,.86) 34%,rgba(5,22,33,.62) 47%,rgba(5,22,33,.12) 61%,transparent 77%)}
.homepage #schwenkkraftwerk.explain-photo:after{z-index:1;height:100px;background:linear-gradient(transparent,#243a4bd9)}
.homepage #schwenkkraftwerk.explain-photo .explain-scene{inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;transform:none;z-index:0}
.homepage #schwenkkraftwerk.explain-photo .explain-scene>img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;mask-image:none}
/* Same scale and 72% crop anchor as the photograph, including tall desktop windows. */
.homepage #schwenkkraftwerk.explain-photo .explain-scene{container-type:size}
.homepage #schwenkkraftwerk.explain-photo .explain-photo-motion{position:absolute;left:72%;top:50%;width:max(100cqw,177.6833156cqh);height:max(100cqh,56.2799043cqw);transform:translate(-72%,-50%);overflow:visible;pointer-events:none;color:#ffe7a1;filter:drop-shadow(0 1px 1.5px #061d2b) drop-shadow(0 0 3px #fff2bbcc) drop-shadow(0 0 9px #ffba458c)}
.homepage #schwenkkraftwerk.explain-photo .explain-photo-motion>path{stroke:currentColor;stroke-width:3;stroke-linecap:round}
.homepage #schwenkkraftwerk.explain-photo .explain-photo-motion text{fill:currentColor;stroke:#102638a6;stroke-width:2;stroke-linejoin:round;paint-order:stroke fill;font:600 26px 'Plus Jakarta Sans',sans-serif}
.homepage #schwenkkraftwerk.explain-photo>.container{width:92%;max-width:none}
.homepage #schwenkkraftwerk.explain-photo .explain-copy{width:48%;max-width:880px;min-height:calc(100svh - var(--section-top,104px) - var(--section-bottom,78px));display:flex;flex-direction:column}
.homepage #schwenkkraftwerk.explain-photo .explain-heading h2{font-size:clamp(34px,min(3.1vw,5.1svh),60px);line-height:1.12}
.homepage #schwenkkraftwerk.explain-photo .explain-heading .eyebrow{font-size:clamp(11px,1.2svh,15px);margin-bottom:clamp(9px,1.5svh,18px)}
.homepage #schwenkkraftwerk.explain-photo .explain-light-line{margin:clamp(11px,1.8svh,22px) 0}
.homepage #schwenkkraftwerk.explain-photo .explain-definition{margin-bottom:clamp(12px,1.8svh,22px)}
.homepage #schwenkkraftwerk.explain-photo .explain-definition>p:last-child{margin:0}
.homepage #schwenkkraftwerk.explain-photo .explain-word{font-size:clamp(13px,1.7svh,19px);margin-bottom:8px}
.homepage #schwenkkraftwerk.explain-photo .explain-definition strong{font-size:clamp(16px,min(1.27vw,2.1svh),24px);line-height:1.5}
.homepage #schwenkkraftwerk.explain-photo .explain-story{gap:8px;margin-bottom:clamp(14px,2svh,24px)}
.homepage #schwenkkraftwerk.explain-photo .explain-story p{font-size:clamp(14px,min(1.12vw,1.85svh),21px);line-height:1.55;color:#e0e9f1}
.homepage #schwenkkraftwerk.explain-photo .explain-examples{margin-top:auto;width:100%;max-width:none;column-gap:clamp(14px,1.5vw,26px);row-gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.homepage #schwenkkraftwerk.explain-photo #explain-examples-title{grid-column:1/-1;margin:0;color:#ffda80;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(11px,.7vw,13px);font-weight:500;line-height:1.4;letter-spacing:.045em;text-shadow:0 0 9px #ffc34b45}
.homepage #schwenkkraftwerk.explain-photo .explain-examples img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:1px solid #ffce7399;box-shadow:0 0 0 1px #ffd16b12,0 0 12px #ffbd422b,0 8px 24px #06152130}
.homepage #schwenkkraftwerk.explain-photo .explain-examples figcaption{font-size:clamp(12px,min(1.02vw,1.75svh),19px);margin-top:9px;color:#f2f6fa;align-items:flex-start}
.homepage #schwenkkraftwerk.explain-photo .explain-examples figcaption svg{width:18px;height:18px;margin-top:1px}
@media(min-width:901px) and (max-height:760px){
 .homepage #schwenkkraftwerk.explain-photo .explain-copy{width:49%}
 .homepage #schwenkkraftwerk.explain-photo .explain-heading h2{font-size:34px}
 .homepage #schwenkkraftwerk.explain-photo .explain-light-line{margin:10px 0}
 .homepage #schwenkkraftwerk.explain-photo .explain-definition{margin-bottom:10px}
 .homepage #schwenkkraftwerk.explain-photo .explain-story{gap:5px;margin-bottom:12px}
 .homepage #schwenkkraftwerk.explain-photo .explain-examples{max-width:calc(clamp(107px,100svh - 558px,167px)*8/3 + 18px);column-gap:18px;row-gap:8px}
}
@media(min-width:901px) and (max-height:700px){
 .homepage #schwenkkraftwerk.explain-photo .explain-heading h2{font-size:30px}
 .homepage #schwenkkraftwerk.explain-photo .explain-definition strong{font-size:15px;line-height:1.45}
 .homepage #schwenkkraftwerk.explain-photo .explain-story p{font-size:13px;line-height:1.5}
 .homepage #schwenkkraftwerk.explain-photo .explain-examples{max-width:calc(clamp(77px,100svh - 548px,122px)*8/3 + 18px)}
}
@media(max-width:900px){
 .homepage #schwenkkraftwerk.explain-photo{padding:94px 0 28px;display:flex;flex-direction:column}
 .homepage #schwenkkraftwerk.explain-photo:before{background:linear-gradient(#091e2b 0%,#091e2b 50%,#091e2b00 78%)}
 .homepage #schwenkkraftwerk.explain-photo .explain-scene{position:relative;inset:auto;order:2;aspect-ratio:16/9;width:100%;height:auto;margin-top:24px;container-type:normal}
 .homepage #schwenkkraftwerk.explain-photo .explain-photo-motion{inset:0;width:100%;height:100%;transform:none}
 .homepage #schwenkkraftwerk.explain-photo .explain-photo-motion text{font-size:42px}
 .homepage #schwenkkraftwerk.explain-photo .explain-photo-motion>path{stroke-width:4}
 .homepage #schwenkkraftwerk.explain-photo .explain-scene>img{height:auto;object-fit:contain}
 .homepage #schwenkkraftwerk.explain-photo>.container{display:block;width:100%;order:1}
 .homepage #schwenkkraftwerk.explain-photo .explain-copy{width:100%;max-width:none;min-height:0;padding-inline:20px}
 .homepage #schwenkkraftwerk.explain-photo .explain-heading h2{font-size:clamp(29px,5.4vw,46px)}
 .homepage #schwenkkraftwerk.explain-photo .explain-definition strong{font-size:16px}
 .homepage #schwenkkraftwerk.explain-photo .explain-story p{font-size:15px}
 .homepage #schwenkkraftwerk.explain-photo .explain-examples{margin-top:5px;max-width:none}
 .homepage #schwenkkraftwerk.explain-photo .explain-examples figcaption{font-size:12px}
 .homepage #schwenkkraftwerk.explain-photo>a.explain-next{position:relative;order:3;margin:22px auto 0;z-index:2}
}

/* Short introduction: gold subheading and a larger, calmly spaced explanation. */
.homepage #schwenkkraftwerk.explain-photo .explain-intro{margin-bottom:clamp(22px,3svh,38px)}
.homepage #schwenkkraftwerk.explain-photo .explain-tagline{margin:0 0 clamp(14px,2svh,24px);font-size:clamp(18px,min(1.55vw,2.6svh),28px);font-weight:500;line-height:1.4;color:#ffdc8c;text-shadow:0 0 14px #ffc34b26}
.homepage #schwenkkraftwerk.explain-photo .explain-intro-text{max-width:42ch;font-size:clamp(17px,min(1.35vw,2.3svh),25px);line-height:1.65;font-weight:400;color:#e4edf5;text-wrap:pretty}
.homepage #schwenkkraftwerk.explain-photo .explain-intro-text strong{font:inherit;font-weight:600;color:#fff}
@media(max-width:900px){
 .homepage #schwenkkraftwerk.explain-photo .explain-tagline{font-size:18px}
 .homepage #schwenkkraftwerk.explain-photo .explain-intro-text{font-size:16px;max-width:52ch}
}

/* Keep the original wide garden framing. The quality layer is positioned in
   the same 1672x941 coordinate system as the original photograph. */
.homepage #schwenkkraftwerk.explain-photo .explain-quality-layer{
 position:absolute;left:72%;top:50%;width:max(100cqw,177.6833156cqh);
 height:max(100cqh,56.2799043cqw);transform:translate(-72%,-50%);
 overflow:visible;pointer-events:none
}
.homepage #schwenkkraftwerk.explain-photo .explain-quality-layer>img{
 position:absolute;left:47.1291866%;top:17.8533475%;width:52.2488038%;height:auto;
 max-width:none;display:block;object-fit:contain;
 mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 95%,transparent);
 mask-composite:intersect
}
@media(max-width:900px){
 .homepage #schwenkkraftwerk.explain-photo .explain-quality-layer{
  inset:0;width:100%;height:100%;transform:none
 }
}