/* Sito creato con ❤ custom da MarTe Graphics | autore e sito web: www.martegraphics.it | All Rights Reserved. */

.k-coming-soon,
.k-landing-fornitori{
  --k-titolo:#B6C3C3;
  --k-btn:#637570;
  --k-btn-dark:#52625D;
  --k-btn-ink:#FFFFFF;
  --k-crema:#F7F3F0;
  --k-ink:#2B2A27;
}

.k-coming-soon h1,
.k-coming-soon h2,
.k-landing-fornitori h1,
.k-landing-fornitori h2,
.k-cs-categorie .k-page-section-head h2,
.k-fornitori-categorie .k-page-section-head h2,
.k-cs-mission h2,
.k-cs-waitlist-card h2,
.k-cs-partner h2,
.k-fornitori-hero h1,
.k-fornitori-contatto-band h2{
  font-family:'Biscuit','Jost',sans-serif;
  font-weight:400;
  letter-spacing:.02em;
  line-height:1.15;
  color:var(--k-titolo);
  text-transform:none;
}
.k-coming-soon h1 b,
.k-coming-soon h1 em,
.k-landing-fornitori h1 em,
.k-landing-fornitori h2 em{
  color:inherit;
  font-style:normal;
  font-weight:400;
}
.k-cs-hero-text h1{font-size:clamp(34px,4.6vw,52px);max-width:none}
.k-cs-hero-text p{max-width:560px}
.k-cs-vision-intro{max-width:none}
.k-fornitori-hero h1{font-size:clamp(34px,4.4vw,54px)}
.k-cs-partner h2{color:#fff}

.k-cs-hero{padding:16px 0 10px}
.k-cs-hero-grid{
  background:none;
  border-radius:0;
  padding:24px 0 10px;
  gap:56px;
}
.k-cs-hero-image-wrap{max-width:none;width:100%}
.k-cs-hero-image,
.k-fornitori-hero-image{
  position:relative;
  width:100%;
  aspect-ratio:1600/1159;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
  background:url("../img/hero-nuvola.png") no-repeat center/100% 100%;
  animation:k-nuvola 7s ease-in-out infinite;
  will-change:transform;
}
.k-cs-hero-image img,
.k-fornitori-hero-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:50% 70%;
  -webkit-mask:url("../img/hero-nuvola-mask.png") no-repeat center/100% 100%;
  mask:url("../img/hero-nuvola-mask.png") no-repeat center/100% 100%;
}
.k-fornitori-hero-grid{gap:56px}
@media (prefers-reduced-motion:reduce){
  .k-cs-hero-image,
  .k-fornitori-hero-image{animation:none}
}

.k-cs-link,
.k-waitlist-submit,
.k-fornitori-contatto-btn{
  background:var(--k-btn);
  color:var(--k-btn-ink);
  box-shadow:none;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:13.5px;
}
.k-cs-link:hover,
.k-waitlist-submit:hover,
.k-fornitori-contatto-btn:hover{
  background:var(--k-btn-dark);
  color:var(--k-btn-ink);
  box-shadow:none;
}
.k-cs-partner > .k-container > div{background:var(--k-btn)}
.k-cs-partner-btn{background:#fff;color:var(--k-btn);letter-spacing:.06em;text-transform:uppercase;font-size:13.5px}
.k-cs-partner-btn:hover{background:var(--k-crema);color:var(--k-btn)}

.k-cs-marquee{background:var(--k-titolo)}
.k-marquee-item{color:var(--k-ink)}
.k-marquee-heart{color:#fff}

.k-cs-vision-card,
.k-cs-waitlist-card,
.k-fornitori-contatto-band{
  background:var(--k-crema);
  border:0;
  box-shadow:none;
}
.k-cs-vision-card::before{display:none}
.k-cs-pillar-num{
  font-family:'Biscuit','Jost',sans-serif;
  font-size:18px;
  font-weight:400;
}
.k-cs-pillar--1 .k-cs-pillar-num{background:var(--k-btn)}
.k-cs-pillar--2 .k-cs-pillar-num{background:#D7AA9B}
.k-cs-pillar--3 .k-cs-pillar-num{background:var(--k-titolo)}

.k-fornitori-intro-card,
.k-fornitori-cosa-card{box-shadow:0 10px 30px rgba(43,42,39,.05)}
.k-fornitori-perche-badge{background:var(--k-btn)}
.k-fornitori-cosa-list li{background:var(--k-crema)}
.k-fornitori-cosa-dot{background:var(--k-btn)}

.k-cs-categorie,
.k-fornitori-categorie{border-top:0;border-bottom:0}
.k-cs-lista{padding:72px 0;margin-top:40px;background:var(--k-crema)}
.k-cs-lista .k-iscr__card{max-width:680px;border:0}
.k-cs-lista .k-eta-chips{gap:8px}
.k-cs-lista .k-eta-chip span{padding:11px 16px;white-space:nowrap}
@media (min-width:700px){.k-cs-lista .k-eta-chips{flex-wrap:nowrap}}
.k-cs-marquee{margin:20px 0 0}
.k-cs-lista + .k-cs-marquee{margin:0}
.k-cs-mission{max-width:none;background:var(--k-crema)}
.k-cs-mission > .k-container{max-width:720px}
.k-cs-categorie{padding:56px 0 72px}
.k-cs-categorie .k-page-section-head{margin-bottom:44px}
.k-cat-circle-img{box-shadow:none;border:3px solid #fff;outline:1px solid var(--k-crema)}

@media (max-width:900px){
  .k-cs-hero-grid{padding:10px 0 0}
  .k-cs-hero-image-wrap{max-width:420px}
}