/* esperienza — dc-build-sections (desktop: casa-pagliaro-desktop, mobile: casa-pagliaro-mobile) */
.pagliaro-esperienza-dt-1 {
  padding: 130px;
  background: rgb(255, 249, 240);
}
.pagliaro-esperienza-dt-2 {
  max-width: 1180px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 90px;
  align-items: center;
}
.pagliaro-esperienza-dt-3 {
  opacity: 0;
  transform: translateY(44px);
  transition: opacity 0.9s cubic-bezier(0.16, 0.8, 0.24, 1), transform 0.9s cubic-bezier(0.16, 0.8, 0.24, 1);
}
.pagliaro-esperienza-dt-4 {
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgb(199, 150, 43);
  font-weight: 700;
}
.pagliaro-esperienza-dt-5 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 50px;
  line-height: 1.1;
  margin: 22px 0px 26px;
  color: rgb(36, 27, 22);
}
.pagliaro-esperienza-dt-6 {
  font-size: 19px;
  line-height: 1.8;
  color: rgb(74, 61, 51);
  margin: 0px 0px 34px;
}
.pagliaro-esperienza-dt-7 {
  display: flex;
  align-items: center;
  gap: 30px;
}
.pagliaro-esperienza-dt-8 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  color: rgb(122, 63, 24);
}
.pagliaro-esperienza-dt-9 {
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgb(138, 124, 107);
}
.pagliaro-esperienza-dt-10 {
  width: 1px;
  height: 44px;
  background: rgb(231, 216, 191);
}
.pagliaro-esperienza-dt-11 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  color: rgb(122, 63, 24);
}
.pagliaro-esperienza-dt-12 {
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgb(138, 124, 107);
}
.pagliaro-esperienza-dt-13 {
  background: rgb(247, 241, 232);
  border: 1px solid rgb(231, 216, 191);
  border-radius: 24px;
  padding: 40px 42px;
  opacity: 0;
  transform: translateY(44px);
  transition: opacity 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) 0.12s, transform 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) 0.12s;
}
.pagliaro-esperienza-dt-14 {
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgb(62, 74, 47);
  font-weight: 700;
}
.pagliaro-esperienza-dt-15 {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
}
.pagliaro-esperienza-dt-16 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgb(231, 216, 191);
}
.pagliaro-esperienza-dt-17 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-dt-18 {
  font-size: 18px;
  color: rgb(58, 47, 39);
}
.pagliaro-esperienza-dt-19 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgb(231, 216, 191);
}
.pagliaro-esperienza-dt-20 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-dt-21 {
  font-size: 18px;
  color: rgb(58, 47, 39);
}
.pagliaro-esperienza-dt-22 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgb(231, 216, 191);
}
.pagliaro-esperienza-dt-23 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-dt-24 {
  font-size: 18px;
  color: rgb(58, 47, 39);
}
.pagliaro-esperienza-dt-25 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgb(231, 216, 191);
}
.pagliaro-esperienza-dt-26 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-dt-27 {
  font-size: 18px;
  color: rgb(58, 47, 39);
}
.pagliaro-esperienza-dt-28 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
}
.pagliaro-esperienza-dt-29 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-dt-30 {
  font-size: 18px;
  color: rgb(58, 47, 39);
}
.pagliaro-esperienza-mb-1 {
  padding: 56px 20px;
  background: rgb(255, 249, 240);
}
.pagliaro-esperienza-mb-2 {
  opacity: 0;
  transform: translateY(44px);
  transition: opacity 0.8s cubic-bezier(0.16, 0.8, 0.24, 1), transform 0.8s cubic-bezier(0.16, 0.8, 0.24, 1);
}
.pagliaro-esperienza-mb-3 {
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgb(199, 150, 43);
  font-weight: 700;
}
.pagliaro-esperienza-mb-4 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 1.12;
  margin: 14px 0px 18px;
}
.pagliaro-esperienza-mb-5 {
  font-size: 16px;
  line-height: 1.7;
  color: rgb(74, 61, 51);
  margin: 0px 0px 24px;
}
.pagliaro-esperienza-mb-6 {
  background: rgb(247, 241, 232);
  border: 1px solid rgb(231, 216, 191);
  border-radius: 20px;
  padding: 24px;
}
.pagliaro-esperienza-mb-7 {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(62, 74, 47);
  font-weight: 700;
}
.pagliaro-esperienza-mb-8 {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
}
.pagliaro-esperienza-mb-9 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0px;
  border-bottom: 1px solid rgb(231, 216, 191);
}
.pagliaro-esperienza-mb-10 {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-mb-11 {
  font-size: 15px;
  color: rgb(58, 47, 39);
}
.pagliaro-esperienza-mb-12 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0px;
  border-bottom: 1px solid rgb(231, 216, 191);
}
.pagliaro-esperienza-mb-13 {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-mb-14 {
  font-size: 15px;
  color: rgb(58, 47, 39);
}
.pagliaro-esperienza-mb-15 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0px;
}
.pagliaro-esperienza-mb-16 {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgb(199, 150, 43);
}
.pagliaro-esperienza-mb-17 {
  font-size: 15px;
  color: rgb(58, 47, 39);
}