/* Approved composition: Schwenkkraftwerk in focus, two compact comparison photographs. */
.homepage #schwenkkraftwerk{min-height:100svh;padding:104px 0 34px;display:flex;align-items:center;background:#091e2b;isolation:isolate;overflow:hidden;scroll-margin-top:-110px}
.homepage #schwenkkraftwerk:before{inset:0;bottom:0;z-index:0;mask-image:none;background:radial-gradient(ellipse at 55% 5%,#7093af29,transparent 65%);pointer-events:none}
.homepage #schwenkkraftwerk:after{content:'';position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#465a70);z-index:1;pointer-events:none}
.homepage #schwenkkraftwerk>.container{width:90%;max-width:1680px;margin:auto;position:relative;z-index:2}
.explain-scene{position:absolute;width:66%;aspect-ratio:4/3;right:0;top:50%;transform:translateY(-46%);margin:0;z-index:1}
/* Keep the complete original model and rotation arrow inside the desktop view. */
@media(min-width:901px){.explain-scene{top:calc(50% - 12px);transform:translateY(-50%) scale(.9);transform-origin:center}}
.explain-scene>img{width:100%;height:100%;object-fit:cover;display:block;mask-image:linear-gradient(90deg,transparent,#000 23%),linear-gradient(180deg,transparent,#000 16%,#000 77%,transparent 99%);mask-composite:intersect}
.explain-scene:after{display:none}
.explain-scene>figcaption{position:absolute;z-index:2;top:12%;left:30%;color:#fff;font-size:clamp(13px,1.22vw,22px);font-weight:500;text-shadow:0 2px 15px #000;white-space:nowrap}
.explain-scene>figcaption:after{content:'';display:block;width:100%;height:1px;margin-top:10px;background:linear-gradient(90deg,#ffe29b,transparent)}
.explain-motion{position:absolute;inset:0;width:100%;height:100%;z-index:2;color:#ffdc83;filter:drop-shadow(0 0 6px #ffc34b66)}
.explain-motion>path{stroke:currentColor;stroke-width:3;stroke-linecap:round}
.explain-motion text{fill:currentColor;font:500 27px 'Plus Jakarta Sans',sans-serif}
.explain-copy{width:45%;max-width:690px}
.homepage .explain-heading .eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.22em;margin:0 0 15px;color:#ffda80}
.homepage .explain-heading h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(30px,3.1vw,54px);font-weight:500;line-height:1.13;letter-spacing:-.045em;color:#e4edf5;margin:0;text-shadow:0 2px 14px #08152170}
.homepage .explain-heading h2 span{background:linear-gradient(165deg,#ffe6a2 12%,#ffcc6f 54%,#ecc989 77%,#ffe8ac);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.explain-light-line{height:2px;width:85px;margin:19px 0 20px;background:linear-gradient(90deg,#ffe4a0,#ffd06a,transparent);box-shadow:0 0 14px #ffc24745}
.explain-definition{margin:0 0 20px}
.explain-word{font-size:clamp(13px,1.18vw,19px);color:#b0c2cf;margin:0 0 9px}
.explain-definition strong{font-size:clamp(14px,1.27vw,21px);line-height:1.55;font-weight:500;color:#f7f9fc}
.explain-story{display:grid;gap:8px;margin-bottom:22px}
.explain-story p{font-size:clamp(12px,1.05vw,17px);line-height:1.65;color:#c0ced9;margin:0}
/* Preserve each complete 4:3 image; limit tile width instead of cropping its height. */
.explain-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:calc(clamp(120px,18svh,170px) * 8 / 3 + 20px)}
.explain-examples figure{margin:0;min-width:0}
.explain-examples img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:9px;border:1px solid #d2e5f524}
.explain-examples figcaption{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.93vw,15px);color:#cedae4;margin-top:10px;line-height:1.4}
.explain-examples figcaption svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:#aabcc9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.explain-next{display:flex;justify-content:center;align-items:center;gap:18px;width:fit-content;margin:30px auto 0;padding:4px 0;color:#ffdc8c;font-size:clamp(12px,1vw,16px);text-decoration:none}
.explain-next:before,.explain-next:after{content:'';height:1px;width:clamp(40px,9vw,155px);background:linear-gradient(90deg,transparent,#b6cfdf45)}
.explain-next:after{transform:rotate(180deg)}
.explain-next span{font-size:24px;transition:transform .2s}.explain-next:hover span{transform:translateY(4px)}
.silver.hero-layout.homepage #main-nav{gap:clamp(12px,1.4vw,26px)}
.silver.hero-layout.homepage #main-nav a{font-size:clamp(13px,1.05vw,18px)}
@media(min-width:901px) and (max-height:900px){.homepage #schwenkkraftwerk{padding-top:94px;padding-bottom:22px}.homepage .explain-heading h2{font-size:clamp(30px,2.9vw,43px)}.homepage .explain-heading .eyebrow{margin-bottom:10px;font-size:10px}.explain-light-line{margin:13px 0 14px}.explain-definition{margin-bottom:13px}.explain-definition strong{font-size:16px}.explain-word{font-size:13px;margin-bottom:7px}.explain-story{margin-bottom:17px;gap:7px}.explain-story p{font-size:13px;line-height:1.6}.explain-next{margin-top:20px}.explain-scene{width:64%;max-width:calc((100svh - 45px)*1.333)}}
@media(max-width:1200px){.silver.hero-layout.homepage #main-nav{gap:0}.silver.hero-layout.homepage #main-nav a{font-size:16px}}
@media(max-width:900px){.homepage #schwenkkraftwerk{display:block;min-height:0;padding:92px 0 35px}.homepage #schwenkkraftwerk>.container{display:contents}.explain-copy{position:relative;z-index:2;width:100%;max-width:none;padding:0 20px}.homepage .explain-heading h2{font-size:clamp(29px,5.5vw,44px)}.explain-definition strong{font-size:16px}.explain-story p{font-size:14px}.explain-word{font-size:14px}.explain-definition,.explain-story{max-width:620px}.explain-scene{width:100%;max-width:none;top:auto;bottom:72px;right:0;transform:none;margin:0}.explain-examples{gap:14px;max-width:520px}.explain-examples figcaption{font-size:11px;align-items:flex-start}.explain-next{position:relative;z-index:3;margin-top:calc(75vw + 25px);font-size:12px;gap:10px;padding-inline:20px}.explain-next:before,.explain-next:after{display:none}.explain-scene>figcaption{font-size:clamp(12px,2.4vw,18px);top:10%;left:22%}.explain-motion text{font-size:34px}}
@media(prefers-reduced-motion:reduce){.explain-next span{transition:none}}

/* Continue the existing hero fade into the approved dark-blue introduction. */
.homepage .hero-background:after{background:linear-gradient(0deg,#091e2b 0%,#091e2b00 23%),linear-gradient(90deg,#04101bba 0%,#07131d40 52%,#07131d09 90%)}