/* season HOME – Kollektionsseite */

.season-home-line{background:#f4efe4}

.home-preview-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  padding:10px 24px;
  background:#22382c;
  color:#f2ecdf;
  font-size:.82rem;
}
.home-preview-bar strong{
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.68rem;
  color:#e9c882;
}
.home-preview-bar a{
  margin-left:auto;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.35);
  font-weight:600;
}
.home-preview-bar a:hover{border-color:#e9c882;color:#e9c882}

.home-hero{
  position:relative;
  min-height:min(78vh,740px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:0;
  color:#fff;
}
.home-hero-media,
.home-hero-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.home-hero-media img{object-fit:cover;object-position:center 42%}
.home-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(18,28,22,.78) 0%,rgba(18,28,22,.42) 48%,rgba(18,28,22,.12) 100%);
}
.home-hero-inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:88px 24px 72px;
}
.home-kicker{
  font:700 .72rem 'Inter',sans-serif;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#e9c882;
  margin:0 0 16px;
}
.home-hero h1{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(3.4rem,7vw,6rem);
  font-weight:500;
  line-height:.95;
  letter-spacing:-.02em;
  margin:0 0 22px;
  color:#fff;
}
.home-hero h1 em{font-style:italic;color:#e9c882}
.home-intro{
  font-size:1.08rem;
  line-height:1.65;
  color:#f3eee4;
  max-width:58ch;
  margin:0 0 28px;
}
.home-hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.home-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.home-hero .btn-ghost:hover{background:#fff;color:var(--green-deep)}

.home-motifs{padding:36px 0 8px}
.home-motif-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}
.home-motif-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:26px 24px 24px;
  min-height:168px;
}
.home-motif-card h2{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:2rem;
  font-weight:500;
  margin:0 0 10px;
}
.home-motif-card p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.55}
.home-motif-card--limoni{background:linear-gradient(180deg,#fff,#f8f0d6)}
.home-motif-card--aragosta{background:linear-gradient(180deg,#fff,#f7e6df)}
.home-motif-card--maiolica{background:linear-gradient(180deg,#fff,#eef3ef)}

.home-products{padding:28px 0 88px}
.home-products-head{max-width:680px;margin:0 0 32px}
.home-products-head h2{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.2rem,4vw,3.2rem);
  font-weight:500;
  line-height:1;
  margin:0 0 12px;
}
.home-products-head p{margin:0;color:var(--ink-soft);max-width:52ch}
.home-line ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-line .card{background:#fff}
.home-empty-hint{margin:28px 0 0;color:var(--ink-soft);font-size:.92rem}

.home-motif-ph .home-motif-svg{width:58%;height:58%}
.home-motif-ph--limoni,
.home-motif-ph--limone,
.home-motif-ph--amalfi,
.home-motif-ph--citrus{background:linear-gradient(160deg,#f7ecd8,#e9d5b0);color:#a5813c}
.home-motif-ph--aragosta{background:linear-gradient(160deg,#f6e6da,#e5c7b0);color:#a4552f}
.home-motif-ph--capri,
.home-motif-ph--maiolica{background:linear-gradient(160deg,#e6ece6,#c7d5c8);color:#3f5a47}
.home-motif-ph--positano{background:linear-gradient(160deg,#f4efe4,#e2d7bf);color:#8a7a4e}

.home-placeholder-note{
  background:#fff8e7;
  border:1px solid #f0d878;
  border-radius:10px;
  padding:12px 16px;
  margin:0 0 18px;
  font-size:.88rem;
}

@media(max-width:960px){
  .home-hero{min-height:min(72vh,620px)}
  .home-hero-inner{padding:56px 24px 40px}
  .home-hero-media::after{
    background:linear-gradient(180deg,rgba(18,28,22,.18) 0%,rgba(18,28,22,.72) 72%);
  }
  .home-motif-grid{grid-template-columns:1fr}
  .home-line ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .home-preview-bar{padding:10px 16px}
  .home-preview-bar a{margin-left:0}
  .home-hero{min-height:78vh}
  .home-hero-inner{padding:36px 16px 32px}
  .home-hero h1{font-size:2.7rem}
  .home-intro{font-size:1rem}
  .home-products{padding:12px 0 64px}
}