/* Common style to include inside themes */
/* Style for console */
.fpls.fpls--admin .text-block {
  background-color: rgba(255, 255, 255, 0.8);
}
.fpls.fpls--admin .text-block h1,
.fpls.fpls--admin .text-block h2,
.fpls.fpls--admin .text-block h3,
.fpls.fpls--admin .text-block h4,
.fpls.fpls--admin .text-block h5,
.fpls.fpls--admin .text-block h6,
.fpls.fpls--admin .text-block p,
.fpls.fpls--admin .text-block ul,
.fpls.fpls--admin .text-block li,
.fpls.fpls--admin .text-block span {
  color: #000 !important;
  opacity: 1 !important;
}
div[class*="fpls-wall-customgrid-illy-world"] {
  background-color: var(--background-color, rgba(0, 0, 0, 0));
  /* 
        Override site style at "low level"
        to ensure thaht the more specific styles
        are applied and wins
     */
  /* Override site style */
}
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world {
  /* All themes start with this class */
}
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block h1,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block h1,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block h2,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block h2,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block h3,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block h3,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block h4,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block h4,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block h5,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block h5,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block h6,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block h6,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block p,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block p,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block .fpls-putton,
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block .fpls-putton {
  margin: 0;
  color: #ffffff;
}
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-block p:has(.fpls-button),
div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .text-block p:has(.fpls-button) {
  /* add custom buttons insides */
}
[data-lang="de_AT"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="de_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="en_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="en"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="en_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="en_GB"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="en_US"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="es_ES"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="fr_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="fr_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="fr_FR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="it"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="nl_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="nl_NL"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="pt_BR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h1,
[data-lang="de_AT"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="de_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="en_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="en"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="en_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="en_GB"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="en_US"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="es_ES"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="fr_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="fr_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="fr_FR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="it"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="nl_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="nl_NL"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="pt_BR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h2,
[data-lang="de_AT"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="de_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="en_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="en"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="en_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="en_GB"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="en_US"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="es_ES"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="fr_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="fr_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="fr_FR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="it"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="nl_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="nl_NL"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="pt_BR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h3,
[data-lang="de_AT"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="de_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="en_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="en"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="en_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="en_GB"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="en_US"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="es_ES"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="fr_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="fr_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="fr_FR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="it"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="nl_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="nl_NL"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="pt_BR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h4,
[data-lang="de_AT"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="de_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="en_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="en"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="en_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="en_GB"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="en_US"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="es_ES"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="fr_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="fr_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="fr_FR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="it"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="nl_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="nl_NL"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="pt_BR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h5,
[data-lang="de_AT"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="de_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="en_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="en"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="en_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="en_GB"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="en_US"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="es_ES"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="fr_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="fr_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="fr_FR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="it"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="nl_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="nl_NL"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="pt_BR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text h6,
[data-lang="de_AT"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="de_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="en_DE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="en"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="en_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="en_GB"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="en_US"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="es_ES"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="fr_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="fr_CA"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="fr_FR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="it"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="nl_BE"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="nl_NL"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p,
[data-lang="pt_BR"] div[class*="fpls-wall-customgrid-illy-world"] .fpls-wall-illy-world .fpls-box-text p {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
div[class*="fpls-wall-customgrid-illy-world"] a {
  text-decoration: none !important;
}
div[class*="fpls-wall-customgrid-illy-world"] h1 {
  text-align: inherit;
}
/* Add global variables here */
:root {
  --ls-svh: 100vh;
  --illy-primary-red-color: #D12420;
  --illy-secondary-coffee-color: #401109;
}
@media screen and (max-width: 768px) {
  :root {
    --ls-svh: 95vh;
  }
}
@supports (height: 100svh) {
  :root {
    --ls-svh: 100svh;
  }
}
/* Brand font families */
/* Common themes breakpoint */
/* Site breakpoints */
.fpls .fpls-box-text {
  /* --- USE ANCHOR POSITIONING IF SUPPORT --- */
}
.fpls .fpls-box-text .fpls-popover__trigger {
  width: 22px;
  height: auto;
  aspect-ratio: 1/1;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  text-decoration: underline;
  padding: 0;
  vertical-align: middle;
}
.fpls .fpls-box-text .fpls-popover__trigger .fpls-popover__trigger__icon {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('../images/illy/world/info-dark.svg');
  background-color: transparent;
  background-repeat: no-repeat;
}
.fpls .fpls-box-text .fpls-popover__trigger .fpls-popover__trigger__icon--light {
  background-image: url('../images/illy/world/info-light.svg');
}
.fpls .fpls-box-text .fpls-popover__target {
  --padding: 10px;
  width: 100%;
  max-width: 352px;
  position: relative;
  background: #560500;
  color: #ffffff;
  border-radius: 4px;
  padding: var(--padding);
  text-align: left;
}
.fpls .fpls-box-text .fpls-popover__target .fpls-popover__target__close {
  width: 15px;
  height: auto;
  aspect-ratio: 1/1;
  position: absolute;
  top: var(--padding);
  right: var(--padding);
  background-image: url('../images/illy/world/close-popover-light.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
}
.fpls .fpls-box-text .fpls-popover__target h1,
.fpls .fpls-box-text .fpls-popover__target h2,
.fpls .fpls-box-text .fpls-popover__target h3,
.fpls .fpls-box-text .fpls-popover__target h4,
.fpls .fpls-box-text .fpls-popover__target h5,
.fpls .fpls-box-text .fpls-popover__target h6,
.fpls .fpls-box-text .fpls-popover__target p {
  color: currentColor !important;
  font-family: "Manrope", sans-serif !important;
  letter-spacing: -0.04em !important;
  text-transform: none !important;
}
.fpls .fpls-box-text .fpls-popover__target h1,
.fpls .fpls-box-text .fpls-popover__target h2,
.fpls .fpls-box-text .fpls-popover__target h3,
.fpls .fpls-box-text .fpls-popover__target h4,
.fpls .fpls-box-text .fpls-popover__target h5,
.fpls .fpls-box-text .fpls-popover__target h6 {
  font-weight: 800 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
.fpls .fpls-box-text .fpls-popover__target h1 + span,
.fpls .fpls-box-text .fpls-popover__target h2 + span,
.fpls .fpls-box-text .fpls-popover__target h3 + span,
.fpls .fpls-box-text .fpls-popover__target h4 + span,
.fpls .fpls-box-text .fpls-popover__target h5 + span,
.fpls .fpls-box-text .fpls-popover__target h6 + span {
  display: block;
}
.fpls .fpls-box-text .fpls-popover__target p,
.fpls .fpls-box-text .fpls-popover__target span {
  max-width: 100% !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  margin-top: 8px !important;
}
@media screen and (max-width: 768px) {
  .fpls .fpls-box-text .fpls-popover__target p,
  .fpls .fpls-box-text .fpls-popover__target span {
    margin-top: 10px !important;
  }
}
.fpls .fpls-box-text .fpls-popover__target.fpls-popover__target--light {
  background: #ffffff;
  color: #560500;
}
.fpls .fpls-box-text .fpls-popover__target.fpls-popover__target--light .fpls-popover__target__close {
  background-image: url('../images/illy/world/close-popover-dark.svg');
}
@media screen and (max-width: 1024px) {
  .fpls .fpls-wall-freegrid2-default .fpls-box-text .fpls-popover__target {
    transform: initial !important;
  }
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro {
  -webkit-tap-highlight-color: transparent;
  --padding-y-axis--desktop: 58px;
}
.fpls--admin .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro {
  min-height: 100vh;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__wrapper {
  padding: 0 32px var(--padding-y-axis--desktop);
}
@media screen and (max-width: 768px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__wrapper {
    padding: 26px 24px 26px;
  }
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__inner {
  position: relative;
}
.fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__inner {
  display: grid;
  view-timeline-name: --micro-macro-timeline;
}
@media screen and (min-width: 769px) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__inner {
    grid-template-columns: 100%;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__inner {
    gap: 30px;
  }
}
.fpls--admin .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__inner {
  display: flex;
}
@media screen and (min-width: 769px) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text,
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media {
    padding-top: var(--padding-y-axis--desktop);
  }
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text {
  height: auto;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text {
    grid-column: 1;
    grid-row: 1;
    width: 60%;
    justify-self: start;
  }
}
@media screen and (max-width: 768px) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text {
    grid-row: 2;
    width: 100%;
  }
}
.fpls--admin .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text {
  width: 50%;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block strong,
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block span {
  font-family: inherit;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h1,
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h2,
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h3,
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h4,
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h5,
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h6 {
  color: var(--illy-primary-red-color, #D12420);
  font-family: "Josefin Sans", sans-serif;
  font-weight: 700;
  font-size: 90px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h1,
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h2,
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h3,
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h4,
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h5,
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block h6 {
    font-size: 36px;
  }
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block p {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
  margin-top: 60px;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block p strong {
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block p {
    max-width: 65.73604061%;
  }
}
@media screen and (max-width: 768px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__text .fpls-box-block p {
    font-weight: 500;
    font-size: 16px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media {
    grid-column: 1;
    grid-row: 1;
    width: 50%;
    justify-self: end;
  }
}
@media screen and (max-width: 768px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media {
    grid-row: 1;
  }
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__inner {
    position: relative;
  }
}
.fpls--admin .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__inner {
  display: flex;
  flex-direction: column;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="0"] {
  --card0-width-ratio: 0.72;
  --card1-width-ratio: 0.28;
  --card1-scale-end: 2.72;
  --card0-scale-end: calc((1 - var(--card1-width-ratio) * var(--card1-scale-end)) / var(--card0-width-ratio));
}
.fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="0"] .fpls-wall-illy-world-micro-macro__media__card__inner {
  width: 72%;
  margin-left: auto;
  transform: scale(1);
}
@supports (animation-timeline: view()) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="0"] .fpls-wall-illy-world-micro-macro__media__card__inner {
    animation: scale-in-media--right linear both;
    animation-timeline: --micro-macro-timeline;
    animation-range: entry 0 cover 100%;
  }
}
@supports not (animation-timeline: view()) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="0"] .fpls-wall-illy-world-micro-macro__media__card__inner {
    clip-path: polygon(calc((1 - var(--scroll-progress--clip-t, 0)) * 100%) calc((1 - var(--scroll-progress--clip-t, 0)) * 100%), 100% calc((1 - var(--scroll-progress--clip-t, 0)) * 100%), 100% 100%, calc((1 - var(--scroll-progress--clip-t, 0)) * 100%) 100%);
    opacity: var(--scroll-progress--opacity, 0);
    transform: scale(var(--scroll-progress--scale, 0));
    transform-origin: var(--scroll-progress--transform-origin, bottom right);
  }
}
@keyframes scale-in-media--right {
  0% {
    opacity: 0;
    clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%);
    transform-origin: bottom right;
  }
  50% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: scale(1);
    transform-origin: bottom right;
  }
  51% {
    opacity: 1;
    transform: scale(1);
    transform-origin: top right;
  }
  100% {
    opacity: 1;
    transform: scale(var(--card0-scale-end));
    transform-origin: top right;
  }
}
.fpls--admin .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="0"] {
  margin-left: auto;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] {
  --card0-width-ratio: 0.72;
  --card1-width-ratio: 0.28;
  --card1-scale-end: 2.72;
  --card-scale-end: var(--card1-scale-end);
  --card-layout-width: 0px;
  --card-layout-height: 0px;
  --square-translate-x-end: calc(var(--card-layout-width) * (var(--card-scale-end) - 1));
  --square-translate-y-end: calc(var(--card-layout-height) * (1 - var(--card-scale-end)));
}
@supports (width: 1cqw) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] {
    --card-layout-width: 28cqw;
  }
}
.fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] {
  align-items: flex-start;
  container-type: inline-size;
  display: flex;
  flex-direction: row;
}
.fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__card__inner {
  width: 28%;
  transform: scale(0);
}
@supports (animation-timeline: view()) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__card__inner {
    animation: scale-in-media--left linear both;
    animation-timeline: --micro-macro-timeline;
    animation-range: entry 0 cover 100%;
  }
}
@supports not (animation-timeline: view()) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__card__inner {
    clip-path: polygon(calc((1 - var(--scroll-progress--clip-t, 0)) * 100%) calc((1 - var(--scroll-progress--clip-t, 0)) * 100%), 100% calc((1 - var(--scroll-progress--clip-t, 0)) * 100%), 100% 100%, calc((1 - var(--scroll-progress--clip-t, 0)) * 100%) 100%);
    opacity: var(--scroll-progress--opacity, 0);
    transform: scale(var(--scroll-progress--scale, 0));
    transform-origin: var(--scroll-progress--transform-origin, bottom right);
  }
}
@keyframes scale-in-media--left {
  0% {
    opacity: 0;
    clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%);
    transform: scale(0);
    transform-origin: bottom right;
  }
  50% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: scale(1);
    transform-origin: bottom right;
  }
  51% {
    opacity: 1;
    transform: scale(1);
    transform-origin: bottom left;
  }
  100% {
    opacity: 1;
    transform: scale(var(--card1-scale-end));
    transform-origin: bottom left;
  }
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__square {
  --square-width: 115px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__square {
    --square-width: 46px;
  }
}
.fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__square {
  width: var(--square-width);
  height: auto;
  aspect-ratio: 1 / 1;
  background-color: var(--illy-primary-red-color, #D12420);
  clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
  transform: scale(1);
}
@supports (animation-timeline: view()) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__square {
    animation: scale-in-media--square linear both;
    animation-timeline: --micro-macro-timeline;
    animation-range: entry 0 cover 100%;
  }
}
@supports not (animation-timeline: view()) {
  .fpls--embed .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__square {
    clip-path: polygon(0% calc((1 - var(--scroll-progress--clip-t, 0)) * 100%), calc(var(--scroll-progress--clip-t, 0) * 100%) calc((1 - var(--scroll-progress--clip-t, 0)) * 100%), calc(var(--scroll-progress--clip-t, 0) * 100%) 100%, 0% 100%);
    opacity: var(--scroll-progress--opacity, 0);
    transform: scale(1) translate(calc(var(--card-layout-width, 0px) * max(0, var(--scroll-progress--scale, 1) - 1)), calc(var(--card-layout-height, 0px) * (1 - max(1, var(--scroll-progress--scale, 1)))));
    transform-origin: var(--scroll-progress--square-transform-origin, bottom left);
  }
}
@keyframes scale-in-media--square {
  0% {
    opacity: 0;
    clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
    transform: scale(0) translate(0, 0);
    transform-origin: bottom left;
  }
  50% {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: scale(1) translate(0, 0);
    transform-origin: bottom left;
  }
  51% {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: scale(1) translate(0, 0);
    transform-origin: top left;
  }
  100% {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: scale(1) translate(var(--square-translate-x-end, 0px), var(--square-translate-y-end, 0px));
    transform-origin: top left;
  }
}
.fpls--admin .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper[data-media-index="1"] .fpls-wall-illy-world-micro-macro__media__square {
  display: none;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper .fpls-box-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}
.fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper .fpls-box-image .fpls-img {
  height: 100%;
}
.fpls--admin .fpls-wall-customgrid-default.fpls-wall-customgrid-illy-world_split_micro_macro .fpls-wall-illy-world-micro-macro__media .fpls-wall-illy-world-micro-macro__media__card__wrapper {
  width: 50%;
}