.elementor-136 .elementor-element.elementor-element-d0599e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-d0599e1 *//* ==========================================================
   COME FUNZIONA — /come-funziona/
   Coerente con homepage + pagina Logo Olfattivo
   ========================================================== */

.page-metodo{background:var(--lo-ivory)}
.page-metodo .desktop-nav a[aria-current="page"],
.page-metodo .footer-nav a[aria-current="page"]{opacity:1;position:relative}
.page-metodo .desktop-nav a[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:rgba(255,255,255,.72)
}

/* Hero */
.mf-hero{
  position:relative;
  min-height:790px;
  overflow:hidden;
}
.mf-hero__background{position:absolute;inset:0}
.mf-hero__background img{width:100%;height:100%;object-fit:cover;object-position:center}
.mf-hero__veil{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(13,13,11,.80) 0%,rgba(13,13,11,.59) 30%,rgba(13,13,11,.13) 60%,rgba(13,13,11,.09) 100%),
    linear-gradient(0deg,rgba(10,10,8,.18),transparent 42%);
}
.mf-hero__content{
  position:relative;z-index:2;min-height:790px;padding-top:88px;
  display:flex;align-items:center;
}
.mf-hero__copy{width:min(720px,48vw)}
.mf-hero h1{
  margin:0 0 24px;color:#fff;font-family:var(--lo-display);font-weight:400;
  font-size:clamp(62px,5.35vw,94px);line-height:.94;letter-spacing:-.052em;
}
.mf-hero h1 em{display:inline-block;color:var(--lo-pink)}
.mf-hero__lead{
  max-width:640px;margin:0 0 32px;color:rgba(255,255,255,.88);
  font-family:var(--lo-editorial);font-size:21px;line-height:1.43
}
.mf-hero__aside{
  position:absolute;right:70px;top:205px;
  display:flex;gap:28px;align-items:flex-start
}
.mf-hero__aside span{width:1px;height:190px;background:rgba(255,255,255,.42)}
.mf-hero__aside p{
  margin:20px 0 0;color:rgba(255,255,255,.86);
  font-size:11px;font-weight:600;line-height:2.15;letter-spacing:.31em
}

/* Shared step sections */
.mf-step{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:475px;
  border-bottom:1px solid var(--lo-line-dark);
  overflow:hidden;
}
.mf-step--copy-right{grid-template-columns:.92fr 1.08fr}
.mf-step__copy{
  padding:52px clamp(38px,4.3vw,76px) 48px;
  display:flex;flex-direction:column;justify-content:center
}
.mf-step__visual{
  min-height:475px;margin:0;overflow:hidden;background:#d9cdbf
}
.mf-step__visual img{
  width:100%;height:100%;object-fit:cover;object-position:center
}

.mf-step__heading{
  display:grid;
  grid-template-columns:auto 30px 1fr;
  gap:19px;align-items:start;
  margin-bottom:31px;
}
.mf-step__number{
  font-family:var(--lo-display);font-size:52px;line-height:.9;letter-spacing:-.04em
}
.mf-step__dash{
  width:26px;height:2px;margin-top:21px;background:var(--lo-magenta)
}
.mf-step__heading h2{
  margin:0 0 8px;
  font-size:clamp(38px,3vw,52px);line-height:.98;letter-spacing:-.045em
}
.mf-step__intro{
  max-width:620px;margin:0;
  font-family:var(--lo-editorial);font-size:18px;line-height:1.42;color:#5b544d
}

.mf-detail-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:30px
}
.mf-detail-grid--four{grid-template-columns:repeat(4,1fr);gap:22px}
.mf-detail__icon{
  width:27px;height:27px;margin-bottom:12px;
  fill:none;stroke:#292821;stroke-width:1.45;
  stroke-linecap:round;stroke-linejoin:round;
  overflow:visible
}
.mf-detail h3{
  margin:0 0 8px;font-size:12px;line-height:1.35;font-weight:700
}
.mf-detail p{
  margin:0;color:#665f57;font-size:11.5px;line-height:1.55
}
.mf-step__note{
  margin:26px 0 0;color:#6a6259;font-family:var(--lo-editorial);
  font-size:15px;line-height:1.42
}

/* make the images feel like one editorial series */
.mf-step:nth-of-type(2) .mf-step__visual img{object-position:center}
.mf-step:nth-of-type(3) .mf-step__visual img{object-position:center}
.mf-step:nth-of-type(4) .mf-step__visual img{object-position:center}
.mf-step:nth-of-type(5) .mf-step__visual img{object-position:center}
.mf-step:nth-of-type(6) .mf-step__visual img{object-position:center}
.mf-step:nth-of-type(7) .mf-step__visual img{object-position:center}

/* Final rationale */
.mf-why{
  position:relative;min-height:580px;overflow:hidden
}
.mf-why__background{position:absolute;inset:0}
.mf-why__background img{
  width:100%;height:100%;object-fit:cover;object-position:center
}
.mf-why__veil{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,15,13,.91) 0%,rgba(15,15,13,.74) 35%,rgba(15,15,13,.27) 66%,rgba(15,15,13,.08) 100%)
}
.mf-why__content{
  position:relative;z-index:2;min-height:580px;
  display:flex;align-items:center
}
.mf-why__copy{width:min(730px,54%)}
.mf-why__copy h2{
  color:#fff;margin-bottom:23px;font-size:clamp(56px,4.9vw,84px);line-height:.96
}
.mf-why__copy>p:not(.eyebrow){
  max-width:710px;margin:0;color:rgba(255,255,255,.84);
  font-family:var(--lo-editorial);font-size:20px;line-height:1.48
}
.mf-why__actions{
  display:flex;flex-wrap:wrap;gap:14px;margin-top:32px
}

/* Tablet */
@media (max-width:1200px){
  .mf-hero__aside{display:none}
  .mf-step,.mf-step--copy-right{grid-template-columns:1fr 1fr}
  .mf-step__copy{padding:48px 34px}
  .mf-detail-grid--four{grid-template-columns:repeat(2,1fr);row-gap:28px}
}

/* Mobile / portrait */
@media (max-width:920px){
  .mf-hero{min-height:760px}
  .mf-hero__content{min-height:760px;padding-top:96px}
  .mf-hero__copy{width:min(650px,78%)}
  .mf-hero__background img{object-position:60% center}
  .mf-hero__veil{
    background:linear-gradient(90deg,rgba(13,13,11,.84) 0%,rgba(13,13,11,.61) 60%,rgba(13,13,11,.13) 100%)
  }

  .mf-step,.mf-step--copy-right{grid-template-columns:1fr}
  .mf-step--copy-right .mf-step__visual{order:1}
  .mf-step--copy-right .mf-step__copy{order:0}
  .mf-step__visual{min-height:430px}
  .mf-step__copy{padding:60px 34px}
  .mf-step__heading{margin-bottom:32px}

  .mf-why__copy{width:min(680px,78%)}
}

/* Small mobile */
@media (max-width:600px){
  .mf-hero{min-height:730px}
  .mf-hero__content{min-height:730px;align-items:flex-end;padding:120px 0 58px}
  .mf-hero__copy{width:100%}
  .mf-hero h1{font-size:51px}
  .mf-hero__lead{font-size:18px}
  .mf-hero__background img{object-position:62% center}
  .mf-hero__veil{background:rgba(14,14,12,.65)}

  .mf-step__copy{padding:52px 20px 58px}
  .mf-step__heading{
    grid-template-columns:auto 22px 1fr;gap:12px;margin-bottom:30px
  }
  .mf-step__number{font-size:40px}
  .mf-step__dash{width:18px;margin-top:16px}
  .mf-step__heading h2{font-size:39px}
  .mf-step__intro{font-size:17px}
  .mf-detail-grid,.mf-detail-grid--four{grid-template-columns:1fr;gap:25px}
  .mf-detail{
    padding-bottom:18px;border-bottom:1px solid rgba(28,28,25,.12)
  }
  .mf-detail:last-child{border-bottom:0}
  .mf-detail h3{font-size:13px}
  .mf-detail p{font-size:12.5px}
  .mf-step__visual{min-height:320px}

  .mf-why{min-height:680px}
  .mf-why__content{min-height:680px;align-items:flex-end;padding:72px 0}
  .mf-why__copy{width:100%}
  .mf-why__copy h2{font-size:51px}
  .mf-why__copy>p:not(.eyebrow){font-size:18px}
  .mf-why__background img{object-position:68% center}
  .mf-why__veil{background:rgba(15,15,13,.68)}
  .mf-why__actions{flex-direction:column;align-items:flex-start}
}


/* Icon system */
.icon-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.mf-detail{
  transition:transform .25s var(--ease);
}
.mf-detail:hover{
  transform:translateY(-2px);
}
.mf-detail:hover .mf-detail__icon{
  stroke:var(--lo-magenta);
}/* End custom CSS */