body.obj{background:var(--crema);color:var(--ink)}

.obj-testa{
  padding:40px var(--bordo-dx) 0 var(--bordo-sx);
  display:flex;justify-content:space-between;align-items:baseline;gap:40px;
flex-wrap:wrap;}
.obj-testa__casa{align-self:center}
.obj-testa .tag{opacity:var(--o-riposo)}
.obj-marchione{font-size:52px;align-self:center;margin:0}

.schermo{
  position:relative;
  display:grid;grid-template-columns:1fr 1fr;column-gap:88px;align-items:center;
  padding:110px var(--bordo-dx) 110px var(--bordo-sx);
}
.schermo--bianco{background:var(--bianco)}
.schermo--crema{background:var(--crema)}
.schermo__figura{margin:0}
.schermo__figura img{width:100%;height:auto}
.schermo__figura--media img{max-width:420px;margin:0 auto}
.schermo__figura--tavola img{max-width:460px;margin:0 auto}

.obj .num{opacity:var(--o-riposo);display:block;margin-bottom:26px}
.oggetto{font-weight:800;font-size:112px;line-height:.9;letter-spacing:-.045em;text-transform:uppercase}
.titolo{margin-top:30px;font-weight:800;font-size:40px;line-height:1.1;letter-spacing:-.03em}
.titolo em{font-weight:400;letter-spacing:-.01em;font-size:1.06em}
.titolo--solo{margin-top:0}
.riga{margin-top:20px;font-weight:100;font-size:17px;line-height:1.5;max-width:400px}
.nota{font-size:12px;letter-spacing:.06em;opacity:var(--o-riposo);margin-top:34px;font-weight:400}
.schermo__testo .gesto{margin-top:42px}
.schermo__testo .scheda{margin-top:34px}
.obj-ai{position:absolute;left:var(--bordo-sx);bottom:34px;opacity:var(--o-ai);font-size:var(--t-micro);line-height:1.55}

.schermo--fascia{
  grid-template-columns:1fr;row-gap:40px;background:var(--bianco);
  padding-top:100px;padding-bottom:110px;
}
.schermo__figura--fascia{overflow:hidden;height:360px}
.schermo__figura--fascia img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.riga--fascia{max-width:520px;margin-top:0}

.schermo--mondo{grid-template-columns:1fr;padding:0;min-height:0;aspect-ratio:16/9;overflow:hidden}
.schermo__figura--mondo{position:absolute;inset:0}
.schermo__figura--mondo img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.schermo__figura--mondo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,10,9,0) 34%,rgba(11,10,9,.34) 62%,rgba(11,10,9,.76) 100%);
}
.schermo__testo--sopra{position:relative;align-self:end;padding:0 var(--bordo-dx) 78px var(--bordo-sx)}
.schermo__testo--sopra .num{margin-bottom:18px;opacity:.8}
.schermo__testo--sopra .gesto{margin-top:30px}

.obj-piede{
  padding:44px var(--bordo-dx) calc(84px + env(safe-area-inset-bottom)) var(--bordo-sx);
  display:flex;justify-content:space-between;align-items:baseline;gap:32px;flex-wrap:wrap;
}

@media (max-width:768px){
  .obj-testa{padding:28px var(--bordo-dx) 10px var(--bordo-sx);gap:14px 20px}
  .obj-testa .tag{order:3}
  .obj-marchione{order:2;font-size:30px}

  .schermo,
  .schermo--rovescio{
    grid-template-columns:1fr;row-gap:36px;
    padding:56px var(--bordo-dx) 62px var(--bordo-sx);
  }
  .schermo--rovescio .schermo__figura{order:2}
  .schermo--rovescio .schermo__testo{order:1}
  .schermo__figura--media img,
  .schermo__figura--tavola img{max-width:100%}

  .obj .num{margin-bottom:16px}
  .oggetto{font-size:52px;letter-spacing:-.035em}
  .titolo{margin-top:20px;font-size:27px}
  .riga{margin-top:14px;font-size:16px;max-width:none}
  .schermo__testo .gesto{margin-top:28px}
  .schermo__testo .scheda{margin-top:24px}
  .obj-ai{position:static;margin-top:34px;font-size:var(--t-micro);letter-spacing:.01em}

  .schermo--fascia{padding:52px var(--bordo-dx) 58px var(--bordo-sx);row-gap:26px}
  .schermo__figura--fascia{height:220px}

  .schermo--mondo{aspect-ratio:4/5;padding:0}
  .schermo__testo--sopra{padding:0 var(--bordo-dx) 46px var(--bordo-sx)}

  .obj-piede{
    padding:34px var(--bordo-dx) calc(48px + env(safe-area-inset-bottom)) var(--bordo-sx);
    flex-direction:column;gap:18px;
  }
}