.brand-panorama{position:relative;min-height:620px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 85% 35%,#45633e,#103e11 65%);color:white;margin-block:30px;overflow:hidden}
.brand-panorama--photo{background-image:linear-gradient(90deg,#052506ed 0%,#052506a8 48%,#05250635 100%),url('../assets/hero-team-photo.webp');background-size:cover;background-position:center 40%}
.panorama-note{position:absolute;top:24px;left:28px;right:28px;font-size:10px;font-weight:600;letter-spacing:1.2px;color:#d4dfcf;border-bottom:1px solid #ffffff30;padding-bottom:16px;line-height:1.7}
.panorama-content{padding-block:110px 75px;position:relative;z-index:1;width:100%}.panorama-content h2{color:white;font-size:clamp(30px,4.5vw,60px);line-height:1.08;max-width:20ch}.panorama-content>p:not(.section-kicker){color:#e3e9df;max-width:48ch;font-size:17px;line-height:1.8;margin:26px 0}.panorama-content .btn{margin-top:8px}
.brand-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
.career-preview{min-height:220px;border-radius:16px;background:linear-gradient(145deg,#e4ecdd,#f5f7f0);padding:22px;margin-bottom:24px;border:1px dashed #92a489;display:flex;flex-direction:column;justify-content:space-between}.career-preview p{font-size:12px!important}.preview-window{width:75%;align-self:center;border:1px solid #b9c8af;border-radius:9px;padding:18px;background:#ffffff80}.preview-window i{display:block;height:5px;background:#b6c9aa;margin:7px 0;border-radius:5px}.preview-window i:nth-child(2){width:70%}.preview-window i:nth-child(3){width:40%;background:#42c81a}
@media(max-width:800px){.brand-steps{grid-template-columns:1fr}.brand-panorama{min-height:550px}.panorama-content{padding-top:140px}.panorama-note{left:24px;right:24px}.brand-panorama--photo{background-image:linear-gradient(90deg,#052506e8,#05250690),url('../assets/hero-team-photo.webp')}}
@media(prefers-reduced-motion:no-preference){.brand-moving .station-num{animation:brand-pulse 3s ease-in-out 2}.brand-moving .preview-window i{animation:brand-pulse 4s ease-in-out infinite}}
@keyframes brand-pulse{50%{box-shadow:0 0 14px #42c81a55}}

/* A single continuous photo closing, directly after the dark statement. */
.brand-panorama.brand-final{margin-block:0;scroll-margin-top:90px}
.brand-final:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#052506 0%,#052506a6 12%,transparent 42%);z-index:0}
.brand-final .panorama-note{z-index:1;border-bottom:0;color:#c4d0be}
.brand-final .panorama-content{padding-top:150px;padding-bottom:90px}
.brand-editorial .guarantee:has(+ .brand-final){margin-bottom:0}

/* Employer Branding: echte Arbeit als Hintergrund, dunkelgrün überlagert. */
.brand-editorial .guarantee--work-photo{background:#103e11 url("../assets/employer-branding-work.jpg") 60% 52% / cover no-repeat;isolation:isolate;overflow:hidden}
.brand-editorial .guarantee--work-photo::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,37,6,.92),rgba(3,37,6,.78) 55%,rgba(3,37,6,.66))}
.brand-editorial .guarantee--work-photo .wrap{position:relative;z-index:1}

/* Arbeitgeber-Branding: drei gleich große, eigenständige Arbeitsmotive. */
.brand-editorial .labor-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-editorial .labor-photo-grid .real-photo{height:350px}
@media(max-width:650px){.brand-editorial .labor-photo-grid{grid-template-columns:1fr}.brand-editorial .labor-photo-grid .real-photo{height:290px}}

/* Employer Branding: Abschluss mit dem Teamfoto im Hintergrund. */
.brand-editorial .brand-panorama--photo.brand-final{background-image:linear-gradient(90deg,rgba(5,37,6,.93) 0%,rgba(5,37,6,.78) 49%,rgba(5,37,6,.54) 100%),url("../assets/employer-closing-team.jpg");background-position:center 48%}

.brand-editorial .career-preview--image{position:relative;display:block;height:230px;min-height:0;padding:0;overflow:hidden;border-style:solid;background:#dfe8d8}
.brand-editorial .career-preview--image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .35s ease}
.brand-editorial .career-preview--image .career-preview__team{object-position:center 42%}
.brand-editorial .career-preview--image:hover img{transform:scale(1.025)}
.brand-editorial .career-preview--image .photo-label{position:absolute;z-index:1;top:14px;left:14px;margin:0;padding:7px 9px;border-radius:5px;background:rgba(248,249,244,.91);color:#52704d;font-size:10px;letter-spacing:.12em;line-height:1.1}
@media(max-width:650px){.brand-editorial .career-preview--image{height:220px}}

@media(max-width:700px){.brand-editorial .brand-panorama--photo.brand-final{background-color:#052506;background-size:100% 100%,100% auto;background-position:center,center top;background-repeat:no-repeat;background-image:linear-gradient(180deg,rgba(5,37,6,.25),rgba(5,37,6,.55) 40%,#052506 66%),url("../assets/employer-closing-team.jpg")}.brand-final .panorama-content{padding-top:65vw;padding-bottom:64px}}