/* "Die Handschrift hinter dem Werk." – atelier teaser on the homepage */
.lunaris-at{
  --at-cream:#ece5d8;
  --at-muted:#bdb4a5;
  --at-gold:#a98a55;
  position:relative;
  padding:clamp(44px,5vw,72px) 0 clamp(52px,6vw,84px);
  background:#1f1f21 url('lunaris-dark-bg.jpg') repeat;
  color:var(--at-cream);
  font-family:var(--at-body-font);
}
.lunaris-at__shell{max-width:1180px}

/* Header */
.lunaris-at__header{margin-bottom:clamp(22px,2.6vw,34px);padding-left:clamp(0px,1.8vw,22px)}
.lunaris-at__kicker{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--at-muted);margin-bottom:8px}
.lunaris-at__kicker:after{content:"";width:66px;height:1px;background:currentColor;opacity:.7}
.lunaris-at__title{font-family:var(--at-heading-font);font-weight:400;font-size:clamp(32px,3.2vw,42px);line-height:1.1;letter-spacing:-.005em;color:var(--at-cream);margin:0}

/* Layout */
.lunaris-at__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3.4vw,42px);align-items:start}

/* Left visual: large detail image with overlapping small image */
.lunaris-at__visual{position:relative;padding:0 clamp(18px,2.2vw,26px) clamp(18px,2.2vw,26px) 0}
.lunaris-at__main{aspect-ratio:1.24/1;overflow:hidden;border:2px solid var(--at-gold);box-shadow:0 10px 26px rgba(0,0,0,.45);background:#2a2926}
.lunaris-at__small{position:absolute;right:0;bottom:0;width:33%;aspect-ratio:1/1.02;overflow:hidden;border:2px solid var(--at-gold);box-shadow:0 8px 22px rgba(0,0,0,.55);background:#2a2926}
.lunaris-at__main img,.lunaris-at__small img,.lunaris-at__card-media img{width:100%;height:100%;object-fit:cover;display:block}
.lunaris-at__placeholder{width:100%;height:100%;fill:rgba(236,229,216,.25)}

/* Right cards */
.lunaris-at__cards{display:flex;flex-direction:column;gap:clamp(14px,1.4vw,18px)}
.lunaris-at__card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:center;padding:9px;border:1.5px solid var(--at-gold);background:rgba(20,20,20,.28);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.lunaris-at__card-media{display:block;aspect-ratio:1.42/1;overflow:hidden;background:#2a2926}
.lunaris-at__card-media img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lunaris-at__card:hover .lunaris-at__card-media img{transform:scale(1.04)}
.lunaris-at__card-body{padding:6px 14px 6px 0}
.lunaris-at__card-title{font-family:var(--at-body-font);font-weight:400;font-size:clamp(19px,1.75vw,23px);line-height:1.2;color:var(--at-cream);margin:0 0 10px}
.lunaris-at__card-text{font-size:15px;line-height:1.35;color:var(--at-muted);margin:0 0 18px;max-width:28ch}
.lunaris-at__card-link{display:inline-flex;gap:8px;align-items:baseline;color:var(--at-cream);text-decoration:none;font-size:16px}
.lunaris-at__card-link span:first-child{border-bottom:1px solid rgba(236,229,216,.7);padding-bottom:2px;transition:border-color .25s}
.lunaris-at__card-link:hover span:first-child{border-color:var(--at-gold)}

@media(max-width:990px){
  .lunaris-at__grid{grid-template-columns:1fr}
  .lunaris-at__visual{max-width:640px}
}
@media(max-width:560px){
  .lunaris-at__card{grid-template-columns:1fr}
  .lunaris-at__card-body{padding:4px 6px 8px}
}