/* LW-Drones Relaunch – Anwendungsbilder und Projektabschluss.
   Eigenständige Styles: funktionieren auch ohne Tailwind-CDN. */
.lw-goals { background:#fff; padding:70px 0 76px; }
.lw-goals .lw-title { margin:0 0 28px; }
.lw-goals .lw-goals-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
    margin-top:0;
}
.lw-goals .lw-goal-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    height:100%;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
    transform:none;
}
.lw-goals .lw-goal-card:hover { border:0; box-shadow:none; transform:none; }
.lw-goals .lw-goal-card__media {
    display:block;
    position:relative;
    flex:none;
    width:100%;
    height:auto;
    aspect-ratio:4 / 5;
    min-height:260px;
    padding:0;
    overflow:hidden;
    border-radius:8px;
    background:#173039;
    color:#fff;
    text-decoration:none;
    isolation:isolate;
}
.lw-goals .lw-goal-card__media img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    margin:0;
    object-fit:cover;
    object-position:center;
    filter:none;
    transform:none;
    transition:transform .3s ease;
}
.lw-goals .lw-goal-card__media:hover img { transform:scale(1.035); }
.lw-goals .lw-goal-card__shade {
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(5,16,22,.06) 0%,rgba(5,16,22,.18) 40%,rgba(5,16,22,.88) 100%);
    pointer-events:none;
}
.lw-goals .lw-goal-card__content {
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:9px;
    padding:24px 20px;
    color:#fff;
}
.lw-goals .lw-goal-card__number {
    display:block;
    margin:0;
    color:#b2df77;
    font-size:.7rem;
    font-weight:800;
    line-height:1;
    letter-spacing:.12em;
}
.lw-goals .lw-goal-card__title {
    display:block;
    min-height:0;
    margin:0;
    color:#fff;
    font-family:var(--font-display,'Arial Narrow',Arial,sans-serif);
    font-size:clamp(1.2rem,1.7vw,1.65rem);
    font-weight:800;
    line-height:1.12;
    letter-spacing:-.015em;
    text-transform:uppercase;
    overflow-wrap:normal;
    hyphens:auto;
}
.lw-goals .lw-goal-card__link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    align-self:flex-start;
    margin-top:auto;
    padding:14px 0 2px;
    color:var(--lw-green-dark,#5d8f22);
    font-size:.78rem;
    font-weight:800;
    line-height:1.4;
    letter-spacing:.02em;
    text-transform:none;
    text-decoration:none;
}
.lw-goals .lw-goal-card__link span { transition:transform .2s ease; }
.lw-goals .lw-goal-card__link:hover span { transform:translateX(4px); }
.lw-goals .lw-goal-card a:focus-visible { outline:3px solid var(--lw-green,#7fbd32); outline-offset:4px; }
.lw-goals .lw-image-credits {
    margin:24px 0 0;
    color:#74818a;
    font-size:.65rem;
    line-height:1.5;
}
.lw-goals .lw-image-credits a { color:inherit; text-decoration:underline; text-underline-offset:2px; }

/* Originaler Projektabschluss: Landschaft, zentrierter Titel und ein CTA. */
.lw-project-cta {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:320px;
    overflow:hidden;
    isolation:isolate;
    background:#102a34;
    color:#fff;
    text-align:center;
}
.lw-project-cta__image {
    position:absolute;
    inset:0;
    z-index:-2;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center 55%;
}
.lw-project-cta__shade {
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(5,19,26,.65),rgba(5,19,26,.48),rgba(5,19,26,.65));
}
.lw-project-cta .lw-project-cta-inner {
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:26px;
    padding:70px 0 76px;
}
.lw-project-cta h2 {
    max-width:850px;
    margin:0;
    color:#fff;
    font-family:var(--font-display,'Arial Narrow',Arial,sans-serif);
    font-size:clamp(2rem,4.1vw,3.6rem);
    font-weight:800;
    line-height:1.08;
    letter-spacing:-.02em;
    text-transform:none;
}
.lw-project-cta .lw-btn {
    min-height:46px;
    padding:0 28px;
    background:var(--lw-green,#7fbd32);
    color:#07131a;
    border:1px solid transparent;
    border-radius:4px;
    font-size:.8rem;
    font-weight:850;
    text-decoration:none;
    text-transform:uppercase;
}
.lw-project-cta .lw-btn:hover { background:#91cd47; }
.lw-project-cta__credit {
    position:absolute;
    right:16px;
    bottom:9px;
    z-index:2;
    color:rgba(255,255,255,.7);
    font-size:.6rem;
    line-height:1.4;
}
.lw-project-cta__credit a { color:inherit; text-decoration:underline; }
@media (max-width:960px) {
    .lw-goals .lw-goals-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .lw-goals .lw-goal-card__title { font-size:1.5rem; }
    .lw-project-cta { min-height:290px; }
}
@media (max-width:560px) {
    .lw-goals { padding:56px 0 60px; }
    .lw-goals .lw-goals-grid { grid-template-columns:1fr; gap:24px; }
    .lw-goals .lw-goal-card__media { aspect-ratio:4 / 3; min-height:240px; }
    .lw-goals .lw-goal-card__content { padding:22px; }
    .lw-goals .lw-goal-card__title { font-size:1.5rem; }
    .lw-project-cta { min-height:270px; }
    .lw-project-cta .lw-project-cta-inner { gap:22px; padding:62px 0 72px; }
    .lw-project-cta h2 { font-size:clamp(2rem,9vw,2.8rem); }
}
@media (prefers-reduced-motion:reduce) {
    .lw-goals .lw-goal-card__media img,.lw-goals .lw-goal-card__link span { transition:none; }
    .lw-goals .lw-goal-card__media:hover img { transform:none; }
}