.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}
}