/* hero — dc-build-sections (desktop: casa-pagliaro-desktop, mobile: casa-pagliaro-mobile) */
.pagliaro-hero-dt-1 {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  min-height: 720px;
}
.pagliaro-hero-dt-2 {
  padding: 110px 80px 110px 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pagliaro-hero-dt-3 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 34px;
  opacity: 1;
  transform: none;
  transition: opacity 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) 0.05s, transform 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) 0.05s;
}
.pagliaro-hero-dt-4 {
  width: 40px;
  height: 1.5px;
  background: rgb(199, 150, 43);
  transition: width 1.2s cubic-bezier(0.16, 0.8, 0.24, 1) 0.6s;
  opacity: 1;
  transform: none;
}
.pagliaro-hero-dt-5 {
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgb(122, 63, 24);
  font-weight: 600;
}
.pagliaro-hero-dt-6 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 76px;
  line-height: 1.04;
  letter-spacing: -0.01em;
  margin: 0px 0px 30px;
  color: rgb(36, 27, 22);
  opacity: 1;
  transform: none;
  transition: opacity 1.1s cubic-bezier(0.16, 0.8, 0.24, 1) 0.18s, transform 1.1s cubic-bezier(0.16, 0.8, 0.24, 1) 0.18s;
}
.pagliaro-hero-dt-7 {
  font-style: italic;
  color: rgb(122, 63, 24);
}
.pagliaro-hero-dt-8 {
  font-size: 19px;
  line-height: 1.7;
  color: rgb(74, 61, 51);
  max-width: 500px;
  margin: 0px 0px 44px;
  opacity: 1;
  transform: none;
  transition: opacity 1s cubic-bezier(0.16, 0.8, 0.24, 1) 0.38s, transform 1s cubic-bezier(0.16, 0.8, 0.24, 1) 0.38s;
}
.pagliaro-hero-dt-9 {
  display: flex;
  align-items: center;
  gap: 18px;
  opacity: 1;
  transform: none;
  transition: opacity 1s cubic-bezier(0.16, 0.8, 0.24, 1) 0.55s, transform 1s cubic-bezier(0.16, 0.8, 0.24, 1) 0.55s;
}
.pagliaro-hero-dt-10 {
  display: inline-flex;
  align-items: center;
  padding: 17px 34px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
  color: rgb(36, 27, 22);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  box-shadow: rgba(199, 150, 43, 0.32) 0px 12px 30px;
  transition: transform 0.35s cubic-bezier(0.16, 0.8, 0.24, 1), box-shadow 0.35s cubic-bezier(0.16, 0.8, 0.24, 1);
}
a.pagliaro-hero-dt-10:hover { color: rgb(36, 27, 22); }
.pagliaro-hero-dt-11 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 17px 30px;
  border-radius: 999px;
  border: 1.5px solid rgb(62, 74, 47);
  color: rgb(62, 74, 47);
  font-weight: 600;
  font-size: 15px;
  transition: transform 0.35s cubic-bezier(0.16, 0.8, 0.24, 1), background 0.35s;
}
a.pagliaro-hero-dt-11:hover { color: rgb(62, 74, 47); }
.pagliaro-hero-dt-12 {
  position: relative;
  overflow: hidden;
}
.pagliaro-hero-dt-13 {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transform: none;
  transition: opacity 1.4s 0.15s, transform 2s cubic-bezier(0.16, 0.8, 0.24, 1) 0.15s;
}
.pagliaro-hero-dt-14 {
  position: absolute;
  inset: 0px;
  background: linear-gradient(90deg, rgba(247, 241, 232, 0.45) 0%, rgba(247, 241, 232, 0) 22%);
}
.pagliaro-hero-mb-1 {
  padding: 44px 20px 0px;
}
.pagliaro-hero-mb-2 {
  opacity: 1;
  transform: none;
  transition: opacity 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) 0.05s, transform 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) 0.05s;
}
.pagliaro-hero-mb-3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}
.pagliaro-hero-mb-4 {
  width: 26px;
  height: 1.5px;
  background: rgb(199, 150, 43);
}
.pagliaro-hero-mb-5 {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgb(122, 63, 24);
  font-weight: 600;
}
.pagliaro-hero-mb-6 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 46px;
  line-height: 1.05;
  margin: 0px 0px 20px;
}
.pagliaro-hero-mb-7 {
  font-style: italic;
  color: rgb(122, 63, 24);
}
.pagliaro-hero-mb-8 {
  font-size: 16px;
  line-height: 1.65;
  color: rgb(74, 61, 51);
  margin: 0px 0px 26px;
}
.pagliaro-hero-mb-9 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
  color: rgb(36, 27, 22);
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 12px;
}
a.pagliaro-hero-mb-9:hover { color: rgb(36, 27, 22); }
.pagliaro-hero-mb-10 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-radius: 999px;
  border: 1.5px solid rgb(62, 74, 47);
  color: rgb(62, 74, 47);
  font-weight: 600;
  font-size: 15px;
}
a.pagliaro-hero-mb-10:hover { color: rgb(62, 74, 47); }