/* "Ein Werk. Eine eigene Welt." – featured works on the homepage */
.lunaris-fw{
  --fw-ink:#26231f;
  --fw-text:#3d3934;
  --fw-muted:#5f5a52;
  --fw-gold:#b8975a;
  --fw-card:#f3efe7;
  --fw-card-border:#cfc4b0;
  --fw-line:rgba(70,62,52,.2);
  /* fine paper grain for the cards, generated as SVG noise */
  --fw-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .33 0 0 0 0 .29 0 0 0 0 .23 0 0 0 .17 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  position:relative;
  padding:clamp(56px,6.5vw,96px) 0 clamp(64px,7vw,110px);
  background:#ddd6cb url('lunaris-fw-bg.webp') center/cover no-repeat;
  color:var(--fw-text);
  font-family:var(--fw-body-font);
}
.lunaris-fw__shell{max-width:1180px}

/* Header */
.lunaris-fw__header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(30px,3.4vw,46px)}
.lunaris-fw__kicker{display:flex;align-items:center;gap:16px;font-family:var(--fw-body-font);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--fw-muted);margin-bottom:14px}
.lunaris-fw__kicker:after{content:"";width:64px;height:1px;background:currentColor;opacity:.6}
.lunaris-fw__title{font-family:var(--fw-heading-font);font-weight:400;font-size:clamp(36px,3.9vw,52px);line-height:1.05;letter-spacing:-.01em;color:var(--fw-ink);margin:0 0 12px}
.lunaris-fw__text{font-size:clamp(16px,1.35vw,19px);line-height:1.45;margin:0;color:var(--fw-text)}
.lunaris-fw__all{flex:none;display:inline-flex;gap:8px;align-items:center;padding:0 0 12px;margin-bottom:14px;border-bottom:2px solid var(--fw-gold);font-family:var(--fw-body-font);font-weight:600;font-size:16px;color:var(--fw-ink);text-decoration:none;transition:color .25s,border-color .25s}
.lunaris-fw__all:hover{color:#7a5f30}

/* Grid + cards */
.lunaris-fw__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.lunaris-fw__card{display:flex;flex-direction:column;padding:6px;background-color:var(--fw-card);background-image:var(--fw-grain);background-size:240px 240px;border:2px solid var(--fw-card-border);outline:1px solid rgba(120,106,84,.28);box-shadow:0 2px 4px rgba(40,34,26,.16),0 6px 12px rgba(40,34,26,.12)}

.lunaris-fw__media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#cfc8bb;border:1px solid #5a5045;box-shadow:0 2px 5px rgba(30,25,18,.3)}
.lunaris-fw__media img,
.lunaris-fw__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lunaris-fw__media:hover img{transform:scale(1.035)}
.lunaris-fw__badge{position:absolute;top:14px;left:14px;padding:5px 9px 4px;border:1px solid rgba(214,190,140,.85);background:rgba(28,24,18,.55);color:#efe2c4;font-family:var(--fw-body-font);font-size:13px;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.lunaris-fw__bookmark{position:absolute;top:12px;right:12px;color:#f3ecdf;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45))}

.lunaris-fw__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 6px 0}
.lunaris-fw__thumb{display:block;aspect-ratio:1.38/1;overflow:hidden;background:#cfc8bb;border:1px solid rgba(90,80,69,.55);box-shadow:0 1px 3px rgba(30,25,18,.22)}
.lunaris-fw__thumb--detail img{transform:scale(2.4);transform-origin:35% 40%}
.lunaris-fw__thumb--crop img{transform:scale(1.5);transform-origin:60% 55%}

.lunaris-fw__body{display:flex;flex-direction:column;flex:1;padding:22px 10px 8px}
.lunaris-fw__name{font-family:var(--fw-body-font);font-weight:600;font-size:clamp(21px,1.9vw,25px);line-height:1.15;margin:0 0 8px;color:var(--fw-ink)}
.lunaris-fw__name a{color:inherit;text-decoration:none}
.lunaris-fw__spec{font-size:15px;margin:0 0 16px;color:var(--fw-text)}
.lunaris-fw__desc{font-size:15px;line-height:1.45;margin:0 0 22px;color:var(--fw-text);max-width:30ch}

.lunaris-fw__colors{display:flex;align-items:center;gap:18px;margin-top:auto;padding-bottom:16px;border-bottom:1px solid var(--fw-line)}
.lunaris-fw__swatches{display:flex;gap:8px}
.lunaris-fw__swatch{width:19px;height:19px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.lunaris-fw__color-names{font-size:13.5px;color:var(--fw-text)}

.lunaris-fw__price{font-style:italic;font-size:17px;color:var(--fw-text);padding:16px 0 18px}

.lunaris-fw__button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;background:#2f2a25;color:#f2ece1;font-family:var(--fw-body-font);font-size:16px;text-decoration:none;border-radius:2px;transition:background .3s}
.lunaris-fw__button:hover{background:#4a4036}

@media(max-width:990px){
  .lunaris-fw__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lunaris-fw__card:nth-child(3){display:none}
}
@media(max-width:749px){
  .lunaris-fw__header{flex-direction:column;align-items:flex-start;gap:18px}
  .lunaris-fw__all{margin-bottom:0}
  .lunaris-fw__grid{grid-template-columns:1fr}
  .lunaris-fw__card:nth-child(3){display:flex}
}

/* Compact 5-up variant (render ... variant: 'five') */
.lunaris-fw--five .lunaris-fw__shell{max-width:1320px}
.lunaris-fw--five .lunaris-fw__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.3vw,18px)}
.lunaris-fw--five .lunaris-fw__card{padding:5px}
.lunaris-fw--five .lunaris-fw__badge{top:9px;left:9px;padding:4px 7px 3px;font-size:10.5px}
.lunaris-fw--five .lunaris-fw__bookmark{top:8px;right:8px}
.lunaris-fw--five .lunaris-fw__bookmark svg{width:18px;height:18px}
.lunaris-fw--five .lunaris-fw__thumbs{gap:6px;padding:6px 3px 0}
.lunaris-fw--five .lunaris-fw__body{padding:14px 7px 5px}
.lunaris-fw--five .lunaris-fw__name{font-size:clamp(16px,1.35vw,19px);margin-bottom:6px}
.lunaris-fw--five .lunaris-fw__spec{font-size:12.5px;margin-bottom:10px}
.lunaris-fw--five .lunaris-fw__desc{font-size:13px;line-height:1.4;margin-bottom:14px}
.lunaris-fw--five .lunaris-fw__colors{flex-wrap:wrap;gap:6px 12px;padding-bottom:11px}
.lunaris-fw--five .lunaris-fw__swatch{width:14px;height:14px}
.lunaris-fw--five .lunaris-fw__swatches{gap:5px}
.lunaris-fw--five .lunaris-fw__color-names{font-size:11.5px}
.lunaris-fw--five .lunaris-fw__price{font-size:14px;padding:10px 0 12px}
.lunaris-fw--five .lunaris-fw__button{min-height:38px;font-size:14px;padding:0 10px}

@media(max-width:1100px){
  .lunaris-fw--five .lunaris-fw__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lunaris-fw--five .lunaris-fw__card:nth-child(n+4){display:none}
}
@media(max-width:990px){
  .lunaris-fw--five .lunaris-fw__card:nth-child(3){display:flex}
}
@media(max-width:749px){
  .lunaris-fw--five .lunaris-fw__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lunaris-fw--five .lunaris-fw__card:nth-child(n+4){display:flex}
  .lunaris-fw--five .lunaris-fw__card:nth-child(5){grid-column:1 / -1;max-width:50%;justify-self:center}
}
@media(max-width:460px){
  .lunaris-fw--five .lunaris-fw__grid{grid-template-columns:1fr}
  .lunaris-fw--five .lunaris-fw__card:nth-child(5){max-width:none}
}