/* Oripan original hero. Source: user-supplied archive captured 2026-10-06.
 * Original SVG, responsive layout and animation keyframes; selectors isolated
 * from the MES site. No WordPress, tracking or cookie scripts are imported.
 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500;700&display=swap');
#oripan-original-hero { display:block; width:100%; margin:0; padding:0; position:relative; color:#17252a; background:#17252a; font-family:"IBM Plex Sans",sans-serif; font-size:1rem; line-height:150%; font-weight:400; letter-spacing:normal; text-transform:none; text-align:left; }
#oripan-original-hero *, #oripan-original-hero *::before, #oripan-original-hero *::after { box-sizing:content-box; }
#oripan-original-hero a {color:#17252a;}
#oripan-original-hero h2, #oripan-original-hero h3, #oripan-original-hero p {max-width:none; letter-spacing:normal; text-wrap:wrap;}
#oripan-original-hero .flickity-enabled {
position:relative
}
#oripan-original-hero .flickity-enabled:focus {
outline:0
}
#oripan-original-hero .flickity-viewport {
overflow:hidden;position:relative;height:100%
}
#oripan-original-hero .flickity-slider {
position:absolute;width:100%;height:100%
}
#oripan-original-hero .flickity-enabled.is-draggable {
-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
#oripan-original-hero .flickity-enabled.is-draggable .flickity-viewport {
cursor:move;cursor:-webkit-grab;cursor:grab
}
#oripan-original-hero .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor:-webkit-grabbing;cursor:grabbing
}
#oripan-original-hero .flickity-button {
position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333
}
#oripan-original-hero .flickity-button:hover {
background:#fff;cursor:pointer
}
#oripan-original-hero .flickity-button:focus {
outline:0;box-shadow:0 0 0 5px #19f
}
#oripan-original-hero .flickity-button:active {
opacity:.6
}
#oripan-original-hero .flickity-button:disabled {
opacity:.3;cursor:auto;pointer-events:none
}
#oripan-original-hero .flickity-button-icon {
fill:currentColor
}
#oripan-original-hero .flickity-prev-next-button {
top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)
}
#oripan-original-hero .flickity-prev-next-button.previous {
left:10px
}
#oripan-original-hero .flickity-prev-next-button.next {
right:10px
}
#oripan-original-hero .flickity-rtl .flickity-prev-next-button.previous {
left:auto;right:10px
}
#oripan-original-hero .flickity-rtl .flickity-prev-next-button.next {
right:auto;left:10px
}
#oripan-original-hero .flickity-prev-next-button .flickity-button-icon {
position:absolute;left:20%;top:20%;width:60%;height:60%
}
#oripan-original-hero .flickity-enabled.is-fade .flickity-slider > * {

  pointer-events: none;
  z-index: 0;

}
#oripan-original-hero .flickity-enabled.is-fade .flickity-slider > .is-selected {

  pointer-events: auto;
  z-index: 1;

}
#oripan-original-hero div,
#oripan-original-hero span,
#oripan-original-hero object,
#oripan-original-hero iframe,
#oripan-original-hero h1,
#oripan-original-hero h2,
#oripan-original-hero h3,
#oripan-original-hero h4,
#oripan-original-hero h5,
#oripan-original-hero h6,
#oripan-original-hero p,
#oripan-original-hero blockquote,
#oripan-original-hero pre,
#oripan-original-hero abbr,
#oripan-original-hero address,
#oripan-original-hero cite,
#oripan-original-hero code,
#oripan-original-hero del,
#oripan-original-hero dfn,
#oripan-original-hero em,
#oripan-original-hero img,
#oripan-original-hero ins,
#oripan-original-hero kbd,
#oripan-original-hero q,
#oripan-original-hero samp,
#oripan-original-hero small,
#oripan-original-hero strong,
#oripan-original-hero sub,
#oripan-original-hero sup,
#oripan-original-hero var,
#oripan-original-hero b,
#oripan-original-hero i,
#oripan-original-hero dl,
#oripan-original-hero dt,
#oripan-original-hero dd,
#oripan-original-hero ol,
#oripan-original-hero ul,
#oripan-original-hero li,
#oripan-original-hero fieldset,
#oripan-original-hero form,
#oripan-original-hero label,
#oripan-original-hero legend,
#oripan-original-hero table,
#oripan-original-hero caption,
#oripan-original-hero tbody,
#oripan-original-hero tfoot,
#oripan-original-hero thead,
#oripan-original-hero tr,
#oripan-original-hero th,
#oripan-original-hero td,
#oripan-original-hero article,
#oripan-original-hero aside,
#oripan-original-hero canvas,
#oripan-original-hero details,
#oripan-original-hero figcaption,
#oripan-original-hero figure,
#oripan-original-hero footer,
#oripan-original-hero header,
#oripan-original-hero hgroup,
#oripan-original-hero menu,
#oripan-original-hero nav,
#oripan-original-hero section,
#oripan-original-hero summary,
#oripan-original-hero time,
#oripan-original-hero mark,
#oripan-original-hero audio,
#oripan-original-hero video {

  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
  vertical-align: baseline;
  background: transparent;

}
#oripan-original-hero a {

  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;

}
#oripan-original-hero h1,
#oripan-original-hero h2,
#oripan-original-hero h3,
#oripan-original-hero h4,
#oripan-original-hero h5 {

  font-weight: 300;

}
#oripan-original-hero h2 {

  font-size: 1.5625rem;
  line-height: 1;
  font-weight: 300;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero h2 {

    font-size: 1.71875rem;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero h2 {

    font-size: 1.875rem;
  
}
}
#oripan-original-hero h3 {

  font-size: 1.40625rem;
  line-height: 1;
  font-weight: 300;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero h3 {

    font-size: 1.5625rem;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero h3 {

    font-size: 1.71875rem;
  
}
}
#oripan-original-hero h4 {

  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 300;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero h4 {

    font-size: 1.40625rem;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero h4 {

    font-size: 1.5625rem;
  
}
}
#oripan-original-hero p,
#oripan-original-hero ul,
#oripan-original-hero ol {

  font-size: 1rem;
  line-height: 1.45;
  margin-bottom: 0.5em;

}
#oripan-original-hero p:last-child,
#oripan-original-hero ul:last-child,
#oripan-original-hero ol:last-child {

  margin-bottom: 0;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero p,
#oripan-original-hero ul,
#oripan-original-hero ol {

    font-size: 1.0625rem;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero p,
#oripan-original-hero ul,
#oripan-original-hero ol {

    font-size: 1.125rem;
  
}
}
#oripan-original-hero .link {

  position: relative;
  font-family: "IBM Plex Mono", monospace;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: underline;
  padding-right: 20px;

}
#oripan-original-hero.no-touch .link:hover {

  text-decoration: underline;

}
#oripan-original-hero.no-touch .link:hover:after {

  transform: scale(1.1);
  transform-origin: bottom left;

}
#oripan-original-hero .link:after {

  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: url(arrow-link.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 4px;
  right: 0;
  transition: transform 0.2s ease-in-out;

}
#oripan-original-hero .block {

  position: relative;
  padding: 110px 15px 90px;
  z-index: 1;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block {

    padding: 125px 30px 100px;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .block {

    padding: 140px 40px 110px;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero .block {

    padding: 155px 50px 120px;
  
}
}
@media screen and (min-width: 75.01em) {
#oripan-original-hero .block {

    padding: 170px 85px 130px;
  
}
}
@media screen and (min-width: 87.51em) {
#oripan-original-hero .block {

    padding: 185px 120px 140px;
  
}
}
#oripan-original-hero .block:first-child {

  margin-top: 0;

}
#oripan-original-hero .block > .inner {

  position: relative;
  max-width: 1100px;
  margin: 0 auto;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block > .inner {

    display: table-cell;
    display: -webkit-flexbox;
    display: -moz-flex;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  
}
}
@media screen and (min-width: 93.76em) {
#oripan-original-hero .block > .inner {

    max-width: 1400px;
  
}
}
#oripan-original-hero .block > .inner .column {

  box-sizing: border-box;
  margin-bottom: 25px;

}
#oripan-original-hero .block > .inner .column:last-child {

  margin-bottom: 0;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .block > .inner .column {

    margin-bottom: 0;
  
}
}
#oripan-original-hero .block > .inner .column.w-100 {

  width: 100%;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block > .inner .column.w-50 {

    width: 50%;
  
}
#oripan-original-hero .block > .inner .column.w-50:first-child .title {

    padding-right: 40px;
  
}
#oripan-original-hero .block > .inner .column.w-50 + .w-100 {

    margin-top: 50px;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .block > .inner .column.w-50:first-child .title {

    padding-right: 80px;
  
}
#oripan-original-hero .block > .inner .column.w-50 + .w-100 {

    margin-top: 100px;
  
}
}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block > .inner .column.w-60 {

    width: 49%;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .block > .inner .column.w-60 {

    width: 65%;
  
}
}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block > .inner .column.w-30 {

    width: 51%;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .block > .inner .column.w-30 {

    width: 30%;
  
}
}
#oripan-original-hero .block.block-main-banner-homepage:before,
#oripan-original-hero .block.block-main-banner-homepage:after {

  display: none;

}
#oripan-original-hero .block.block-main-banner-homepage + .background-2 {

  padding-top: 0;

}
#oripan-original-hero .block.background-1 + .block-form-get-in-touch {

  padding-top: 0;

}
#oripan-original-hero .block-main-banner-homepage {

  background: #17252A;
  color: #fff;

}
@media screen and (max-width: 37.5em) {
#oripan-original-hero .block-main-banner-homepage {

    padding-top: 25px !important;
  
}
}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block-main-banner-homepage {

    padding-top: 110px !important;
  
}
}
@media screen and (min-width: 87.51em) {
#oripan-original-hero .block-main-banner-homepage {

    padding-top: 120px !important;
  
}
}
#oripan-original-hero .block-main-banner-homepage .inner {

  max-width: 1100px;

}
@media screen and (min-width: 93.76em) {
#oripan-original-hero .block-main-banner-homepage .inner {

    max-width: 1250px;
  
}
}
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

  font-size: 3rem;
  color: #646F74;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 0.25em;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

    position: absolute;
    top: -75px;
    left: 0;
  
}
}
@media screen and (min-width: 43.76em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

    font-size: 3.4375rem;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

    font-size: 3.75rem;
    margin-bottom: 0;
  
}
}
@media screen and (min-width: 56.26em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

    font-size: 4.375rem;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

    font-size: 4.6875rem;
    top: -65px;
  
}
}
@media screen and (min-width: 75.01em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

    font-size: 5rem;
  
}
}
@media screen and (min-width: 93.76em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-title {

    font-size: 6.25rem;
    top: -30px;
    left: -65px;
  
}
}
#oripan-original-hero .block-main-banner-homepage .main-banner-title span {

  display: block;

}
#oripan-original-hero .block-main-banner-homepage .main-banner-title span:first-letter {

  color: #fff;

}
#oripan-original-hero .block-main-banner-homepage .main-banner-title span:nth-child(2) {

  padding-left: 0.7em;

}
#oripan-original-hero .block-main-banner-homepage .main-banner-title span:nth-child(3) {

  padding-left: 1.25em;

}
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

  text-align: right;
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 300;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

    font-size: 2.3125rem;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

    font-size: 2.75rem;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

    font-size: 2.3125rem;
    position: absolute;
    bottom: 0;
    right: 0;
  
}
}
@media screen and (min-width: 68.76em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

    font-size: 2.5rem;
  
}
}
@media screen and (min-width: 75.01em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

    right: -40px;
    bottom: 7%;
  
}
}
@media screen and (min-width: 81.26em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

    font-size: 2.75rem;
  
}
}
@media screen and (min-width: 87.51em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text {

    right: -70px;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(en-US) {

    bottom: 7%;
  
}
}
@media screen and (min-width: 75.01em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(en-US) {

    bottom: 14%;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(de-DE),
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(it-IT) {

    font-size: 2.1875rem;
  
}
}
@media screen and (min-width: 68.76em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(de-DE),
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(it-IT) {

    bottom: 5%;
  
}
}
@media screen and (min-width: 81.26em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(de-DE),
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(it-IT) {

    font-size: 2.5rem;
  
}
}
@media screen and (min-width: 100.01em) {
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(de-DE),
#oripan-original-hero .block-main-banner-homepage .main-banner-text:lang(it-IT) {

    font-size: 2.75rem;
  
}
}
#oripan-original-hero .block-main-banner-homepage .main-banner-text span {

  display: block;

}
#oripan-original-hero .block-main-banner-homepage .main-banner-text span:nth-child(2) {

  padding-right: 0.5em;

}
#oripan-original-hero .block-main-banner-homepage .main-banner-text span:nth-child(3) {

  padding-right: 2.6em;

}
#oripan-original-hero .block-main-banner-homepage .main-banner-text span:nth-child(3):lang(de-DE),
#oripan-original-hero .block-main-banner-homepage .main-banner-text span:nth-child(3):lang(it-IT) {

  padding-right: 1.6em;

}
#oripan-original-hero .block-main-banner-homepage .scroll {

  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.75rem;
  line-height: 1;
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  cursor: pointer;
  transform: rotate(90deg) translateX(-100%);
  transform-origin: bottom left;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .block-main-banner-homepage .scroll {

    font-size: 0.875rem;
  
}
}
@media screen and (min-width: 62.51em) {
#oripan-original-hero .block-main-banner-homepage .scroll {

    left: -30px;
  
}
}
@media screen and (min-width: 68.76em) {
#oripan-original-hero .block-main-banner-homepage .scroll {

    bottom: 50px;
  
}
}
@media screen and (min-width: 81.26em) {
#oripan-original-hero .block-main-banner-homepage .scroll {

    left: -60px;
  
}
}
#oripan-original-hero .block-main-banner-homepage .scroll:after {

  display: inline-block;
  content: "";
  width: 70px;
  height: 18px;
  background: url(btn-arrow-up.svg) no-repeat center;
  background-size: contain;
  margin-left: 5px;
  transition: all 0.2s ease-in-out;

}
#oripan-original-hero.no-touch .block-main-banner-homepage .scroll:hover:after {

  margin-left: 10px;

}
#oripan-original-hero .infographic-container-big {

  position: relative;

}
@media screen and (min-width: 62.51em) {
#oripan-original-hero .block-main-banner-homepage .infographic-container-big {

    top: -50px;
  
}
}
@media screen and (min-width: 81.26em) {
#oripan-original-hero .block-main-banner-homepage .infographic-container-big {

    top: -80px;
  
}
}
#oripan-original-hero .infographic-container-big svg {

  display: block;
  width: 100%;
  height: auto;

}
#oripan-original-hero .infographic-container-big .flickity-viewport {

  height: 100%;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile {

  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 299;
  background: rgba(23, 37, 42, 0.6);

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--mobile {

    display: none !important;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-viewport {

  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-viewport {

    bottom: 0;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button {

  transform: none;
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #D8B473;
  position: absolute;
  top: auto;
  bottom: 90px;
  left: auto;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button {

    bottom: 50px;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button.previous {

  right: 90px;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button.next {

  right: 40px;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button:focus {

  box-shadow: none;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button:disabled {

  opacity: 0.6;

}
#oripan-original-hero.no-touch .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button:hover svg {

  transform: scale(1.2);

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .flickity-button.flickity-prev-next-button svg {

  width: 15px;
  height: 15px;
  top: calc(50% - 7px);
  left: calc(50% - 7px);

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .infographic-card {

  width: 100%;
  padding-top: 25px;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .card-content {

  box-sizing: border-box;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .card-content .card-border {

  background: rgba(76, 87, 91, 0.8);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  padding: 45px 40px 60px;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .card-title {

  font-size: 1.25rem;
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  color: #D8B473;
  line-height: 1;
  margin-bottom: 1em;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .card-text {

  color: #fff;
  margin-bottom: 30px;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .card-text p {

  font-size: 1rem;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .link {

  font-size: 1rem;
  color: #fff;
  font-weight: 500;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .link:after {

  display: none;

}
#oripan-original-hero.no-touch .infographic-container-big .infographic-cards--mobile .link:hover {

  text-decoration: none;

}
#oripan-original-hero .infographic-container-big .infographic-cards--mobile .close {

  display: block;
  position: relative;
  text-indent: -9999px;
  width: 36px;
  height: 36px;
  line-height: 0;
  font-size: 0;
  margin: 0;
  background: url(icon-close-infog.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 5px;
  right: 18px;
  z-index: 1;
  cursor: pointer;

}
#oripan-original-hero.no-touch .infographic-container-big .infographic-cards--mobile .close:hover {

  transform: scale(1.1);

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card {

  position: absolute;

}
@keyframes oripan-original-pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  75% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.active {

    z-index: 5;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.active .card-content {

  display: block;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.active .open-card:before {

  animation: none !important;

}
#oripan-original-hero.no-touch .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card:not(.active) .open-card:hover {

  background: #39AFCE;

}
#oripan-original-hero.no-touch .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card:not(.active) .open-card:hover:before {

  background: #39AFCE;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .open-card {

  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  line-height: 0;
  font-size: 0;
  margin: 0;
  background: #D8B473;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .open-card {

    width: 26px;
    height: 26px;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .open-card:before {

  display: block;
  content: "";
  width: 28px;
  height: 28px;
  background: #D8B473;
  border-radius: 50%;
  opacity: 0.7;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 14px);
  z-index: 0;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .open-card:before {

    width: 46px;
    height: 46px;
    bottom: -10px;
    left: calc(50% - 23px);
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content {

  display: none;
  box-sizing: border-box;

}
@media screen and (max-width: 50em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content {

    display: none !important;
  
}
}
@media screen and (max-width: 50em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content {

    position: fixed;
    bottom: 40px;
    left: 0;
    right: 0;
    z-index: 900;
  
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content:before {

    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(23, 37, 42, 0.6);
    z-index: 0;
  
}
}
@media screen and (min-width: 37.51em) and (max-width: 50em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content {

    bottom: 0;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content {

    width: 300px;
    z-index: 0;
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translateX(-50%);
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content .card-border {

  background: rgba(76, 87, 91, 0.8);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  padding: 45px 40px 60px;

}
@media screen and (min-width: 37.51em) and (max-width: 50em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-content .card-border {

    width: 300px;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-title {

  font-size: 1.25rem;
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  color: #D8B473;
  line-height: 1;
  margin-bottom: 1em;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-text {

  color: #fff;
  margin-bottom: 30px;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .card-text p {

  font-size: 1rem;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .link {

  font-size: 1rem;
  color: #fff;
  font-weight: 500;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .link:after {

  display: none;

}
#oripan-original-hero.no-touch .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .link:hover {

  text-decoration: none;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .close {

  display: block;
  position: relative;
  text-indent: -9999px;
  width: 36px;
  height: 36px;
  line-height: 0;
  font-size: 0;
  margin: 0;
  background: url(icon-close-infog.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: -18px;
  right: 18px;
  z-index: 1;
  cursor: pointer;

}
@media screen and (min-width: 37.51em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .close {

    left: 318px;
    right: auto;
  
}
}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .close {

    left: -18px;
    right: auto;
  
}
}
#oripan-original-hero.no-touch .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card .close:hover {

  transform: scale(1.1);

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-1 {

  top: 58%;
  left: 73%;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-1 {

    left: 75%;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-1 .open-card:before {

  animation: oripan-original-pulse 1.5s infinite 0s;
  animation-fill-mode: both;

}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-2 {

  top: 14%;
  left: 50%;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-2 {

    top: 12%;
    left: 62%;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-2 .open-card:before {

  animation: oripan-original-pulse 1.5s infinite 0.3s;
  animation-fill-mode: both;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-2 .card-content {

    left: auto;
    bottom: auto;
    top: 50%;
    right: 13px;
    transform: translate(0%, -40%);
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-3 {

  top: 58%;
  left: 4%;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-3 {

    top: 65%;
    left: 7%;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-3 .open-card:before {

  animation: oripan-original-pulse 1.5s infinite 0.6s;
  animation-fill-mode: both;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-3 .card-content {

    transform: translateX(-30%);
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-4 {

  top: 45%;
  left: 19%;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-4 {

    top: 35%;
    left: 43%;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-4 .open-card:before {

  animation: oripan-original-pulse 1.5s infinite 0.9s;
  animation-fill-mode: both;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-4 .card-content {

    left: auto;
    bottom: auto;
    top: 50%;
    right: 13px;
    transform: translate(0%, -50%);
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-5 {

  top: 3%;
  left: 92%;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-5 {

    top: 35%;
    left: 95%;
  
}
}
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-5 .open-card:before {

  animation: oripan-original-pulse 1.5s infinite 1.2s;
  animation-fill-mode: both;

}
@media screen and (min-width: 50.01em) {
#oripan-original-hero .infographic-container-big .infographic-cards--main.infographic-cards .infographic-card.position-5 .card-content {

    left: auto;
    bottom: auto;
    top: 50%;
    right: 13px;
    transform: translate(0%, -50%);
  
}
}
#oripan-original-hero .infographic-container-big {

  

}
@keyframes oripan-original-floating-sacchetto {
  0% {
    transform: translateY(-14px);
  }
  15% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-10px);
  }
  35% {
    transform: translateY(0px);
  }
  45% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
#oripan-original-hero .infographic-container-big #sacchetto1,
#oripan-original-hero .infographic-container-big #sacchetto_1 {

  animation: oripan-original-floating-sacchetto 2s linear infinite;

}
#oripan-original-hero .infographic-container-big #sacchetto_2 {

  animation: oripan-original-floating-sacchetto 2s linear 0.3s infinite;

}
#oripan-original-hero .infographic-container-big #sacchetto_3 {

  animation: oripan-original-floating-sacchetto 2s linear 0.6s infinite;

}
@keyframes oripan-original-jumping {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(1.25%);
  }
  100% {
    transform: translateY(0%);
  }
}
#oripan-original-hero .infographic-container-big #orologio {

  animation: oripan-original-jumping 1.5s linear infinite;

}
#oripan-original-hero .infographic-container-big #fiocco_di_neve {

  animation: oripan-original-jumping 1.5s linear 0.3s infinite;

}
#oripan-original-hero .infographic-container-big #vasca {

  animation: oripan-original-jumping 1.5s linear 0.6s infinite;

}
#oripan-original-hero .infographic-container-big #leva {

  animation: oripan-original-jumping 1.5s linear infinite;

}
@keyframes oripan-original-moving-scatola-rullo {
  0% {
    transform: translateX(4%) translateY(-3.25%);
    opacity: 1;
  }
  50% {
    transform: translateX(-8%) translateY(7%);
    opacity: 1;
  }
  75% {
    transform: translateX(-8%) translateY(7%);
    opacity: 1;
  }
  80% {
    transform: translateX(-8%) translateY(7%);
    opacity: 0;
  }
  100% {
    transform: translateX(4%) translateY(-3.25%);
    opacity: 0;
  }
}
#oripan-original-hero .infographic-container-big #scatola {

  animation: oripan-original-moving-scatola-rullo 3s linear infinite;

}
@keyframes oripan-original-flashing-schermo {
  0% {
    fill: #494e4f;
  }
  50% {
    fill: #4bc8ea;
  }
  100% {
    fill: #494e4f;
  }
}
#oripan-original-hero .infographic-container-big #schermo polygon + polygon {

  animation: oripan-original-flashing-schermo 3s linear infinite;

}
@keyframes oripan-original-moving-scatola-azzurra {
  0% {
    transform: translateX(-2%) translateY(1%);
    opacity: 0;
  }
  15% {
    transform: translateX(-2%) translateY(1%);
    opacity: 1;
  }
  30% {
    transform: translateX(0%) translateY(0%);
    opacity: 1;
  }
  50% {
    transform: translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: translateX(-2.5%) translateY(-1.75%);
    opacity: 1;
  }
  90% {
    transform: translateX(1.25%) translateY(-4.75%);
    opacity: 1;
  }
  100% {
    transform: translateX(1.25%) translateY(-4.75%);
    opacity: 0;
  }
}
#oripan-original-hero .infographic-container-big #scatola_azzurra {

  animation: oripan-original-moving-scatola-azzurra 3s linear infinite;

}
@keyframes oripan-original-rotating-bread {
  0% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(24deg);
  }
  100% {
    transform: rotate(4deg);
  }
}
#oripan-original-hero .infographic-container-big #panino {

  transform-origin: center;
  transform-box: fill-box;
  animation: oripan-original-rotating-bread 1.5s linear infinite;

}
@keyframes oripan-original-rotating-tubo {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(1deg);
  }
  50% {
    transform: rotate(1deg);
  }
  75% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#oripan-original-hero .infographic-container-big #tubo {

  animation: oripan-original-rotating-tubo 2.5s linear infinite;

}
/* Integration only: no redesign or added decorative motion. */
#oripan-original-hero .block-main-banner-homepage::before,
#oripan-original-hero .block-main-banner-homepage::after {display:none;content:none;}
#oripan-original-hero [role="button"]:focus-visible,
#oripan-original-hero a:focus-visible {outline:2px solid #d8b473;outline-offset:5px;}
.oripan-original-intro {background:#fff; scroll-margin-top:90px;}
.oripan-original-intro .clean-cta-wrap {padding-top:30px!important;}
@media(max-width:800px) {
 html.oripan-original-card-open, body.oripan-original-card-open {overflow-y:hidden;}
}
@media(prefers-reduced-motion:reduce) {
 #oripan-original-hero *, #oripan-original-hero *::before, #oripan-original-hero *::after {animation:none!important;transition:none!important;}
}
/* Keep the original mobile dialog above the existing MES content cards. */
@media(max-width:800px) {
 body.oripan-original-card-open #oripan-original-hero {z-index:19;}
}
/* Restore the browser's original button box model inside the isolated reset. */
#oripan-original-hero button {box-sizing:border-box;}