/* ── HERO ── */
#hero{height:min(100vh,650px);min-height:min(100vh,650px);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;padding:0;}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:2.5rem 4rem 2.5rem 5rem;position:relative;z-index:2;}
.hero-title{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,4.5vw,4.6rem);font-weight:300;line-height:1.08;color:var(--cream);margin-bottom:1.5rem;}
.hero-title em{font-style:italic;color:var(--cream);}
.hero-desc{font-size:0.97rem;line-height:1.75;color:var(--text-light);max-width:540px;margin-bottom:2rem;}
.hero-actions{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;}
.hero-right{position:relative;overflow:hidden;background:var(--green);}
.hero-right img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:0.85;padding:2.5rem;box-sizing:border-box;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--green) 0%,transparent 45%);}
/* ── SERVICES ── */
#services{background:var(--green-soft);}
.services-header{margin-bottom:3.5rem;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(252,240,198,0.12);}
.service-card{background:var(--green-soft);padding:2.5rem;transition:background 0.3s;cursor:pointer;position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;}
.service-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--cream);transition:height 0.4s ease;}
.service-card:hover::before,.service-card:focus-visible::before{height:100%;}
.service-card:hover{background:rgba(252,240,198,0.04);}
.service-icon{width:40px;height:40px;margin-bottom:1.3rem;color:var(--cream);opacity:0.8;}
.service-name{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:1.45rem;font-weight:400;line-height:1.25;color:var(--cream);margin:0 0 0.7rem;}
.service-desc{font-size:0.87rem;line-height:1.75;color:var(--text-light);}
.service-link{display:inline-flex;align-items:center;gap:0.4rem;margin-top:1.1rem;color:var(--cream);font-size:0.77rem;letter-spacing:0.1em;text-transform:uppercase;transition:gap 0.2s;}
.service-card:hover .service-link{gap:0.7rem;}
/* ── SO ARBEITEN WIR ── */
#why{background:var(--green);}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;}
.why-image{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:3/2;}
.why-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(0.65);}
.why-text p{font-size:0.97rem;line-height:1.75;color:var(--text-light);margin-bottom:1.1rem;max-width:620px;}
.text-link{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.6rem;color:var(--cream);font-size:0.77rem;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;transition:gap 0.2s;}
.text-link:hover{gap:0.7rem;}
/* ── EINBLICKE ── */
#cases{background:var(--green-soft);}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.case-card{background:var(--green);border:1px solid rgba(252,240,198,0.1);padding:2.5rem 2rem;}
.case-title{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-size:1.25rem;font-weight:400;line-height:1.3;color:var(--cream);margin:0 0 1rem;}
.case-lead{font-size:0.87rem;line-height:1.7;color:var(--cream);margin-bottom:0.9rem;}
.case-text{font-size:0.85rem;line-height:1.75;color:var(--text-light);}
/* ── RESPONSIVE: 1200px ── */
@media(max-width:1200px){
  .hero-left{padding:5rem 3rem;}
  .cases-grid{grid-template-columns:1fr 1fr;}
}
/* ── RESPONSIVE: 960px ── */
@media(max-width:960px){
  #hero{grid-template-columns:1fr;height:auto;min-height:auto;}
  .hero-left{padding:4.5rem 2rem 3rem;}
  .hero-right{height:300px;}
  .hero-overlay{background:linear-gradient(to bottom,var(--green) 0%,transparent 60%);}
  .services-header{margin-bottom:2.5rem;}
  .services-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;gap:2.5rem;}
  .why-image{aspect-ratio:16/7;max-height:280px;}
}
/* ── RESPONSIVE: 768px ── */
@media(max-width:768px){
  .hero-left{padding:4rem 1.5rem 2.5rem;}
  .hero-right{height:250px;}
  .hero-actions{flex-direction:column;align-items:flex-start;}
  .services-grid{grid-template-columns:1fr;}
  .cases-grid{grid-template-columns:1fr;}
}
/* ── RESPONSIVE: 480px ── */
@media(max-width:480px){
  .hero-left{padding:3rem 1rem 2rem;}
  .hero-right{height:210px;}
  .btn-primary{padding:0.9rem 1.6rem;font-size:0.82rem;width:100%;text-align:center;}
  .btn-ghost{padding:0.72rem 1.2rem;font-size:0.75rem;width:100%;text-align:center;}
  .hero-actions{width:100%;}
  .service-card{padding:1.8rem 1.2rem;}
  .case-card{padding:1.8rem 1.2rem;}
}