/* ============================================================
   IMR — REAL ESTATE "vetrina residenze"
   Tutto schermato sotto .imr-re
   ============================================================ */
.imr-re{
  --ink:#16130F; --ink-2:#211B16; --ink-3:#2C2621;
  --paper:#F6F2EA; --paper-2:#EFEADF; --white:#FFFFFF;
  --brick:#CE6161; --brick-deep:#A23B2E; --brick-ink:#7E2A20;
  --concrete:#8C8379; --concrete-2:#B4ABA0;
  --line:rgba(22,19,15,.14); --line-dk:rgba(246,242,234,.16);
  --display:"Archivo Expanded",system-ui,sans-serif;
  --sans:"Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}
.imr-re *{box-sizing:border-box;margin:0;padding:0}
.imr-re img{display:block;max-width:100%}
.imr-re a{color:inherit;text-decoration:none}
.imr-re .wrap{width:min(1280px,92vw);margin-inline:auto}
.imr-re .ey{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500}

/* HERO foto a tutto schermo */
.imr-re .hero{position:relative;min-height:90vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding:clamp(8rem,14vh,10rem) 0 clamp(2.8rem,6vh,4.5rem)}
.imr-re .hero .bg{position:absolute;inset:0;z-index:0}
.imr-re .hero .bg img{width:100%;height:100%;object-fit:cover}
.imr-re .hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,13,10,.66) 0%,rgba(16,13,10,.36) 42%,rgba(16,13,10,.88) 100%)}
.imr-re .hero .wrap{position:relative;z-index:2}
.imr-re .hero .eyrow{display:flex;align-items:center;gap:.8rem;color:#E7E0D6;margin-bottom:1.6rem}
.imr-re .hero .eyrow .dot{width:8px;height:8px;border-radius:50%;background:var(--brick);box-shadow:0 0 0 0 rgba(206,97,97,.6);animation:imrpulse 2.6s infinite}
@keyframes imrpulse{0%{box-shadow:0 0 0 0 rgba(206,97,97,.55)}70%{box-shadow:0 0 0 12px rgba(206,97,97,0)}100%{box-shadow:0 0 0 0 rgba(206,97,97,0)}}
.imr-re .hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.96;letter-spacing:-.015em;text-transform:uppercase}
.imr-re .hero h1 em{font-style:normal;color:var(--brick)}
.imr-re .hero .lead{margin-top:1.8rem;max-width:52ch;color:#EDE7DD;font-size:clamp(1rem,1.3vw,1.15rem)}
.imr-re .stats{margin-top:2.6rem;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid rgba(255,255,255,.22)}
.imr-re .stats .st{padding:1.2rem 2rem 0 0;margin-right:2rem;border-right:1px solid rgba(255,255,255,.22);padding-right:2rem}
.imr-re .stats .st:last-child{border-right:0}
.imr-re .stats .st .n{font-family:var(--display);font-weight:700;font-size:1.9rem;line-height:1;color:#fff}
.imr-re .stats .st .l{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#D7CFC4;margin-top:.5rem}

/* TOOLBAR */
.imr-re .bar{border-bottom:1px solid var(--line);position:sticky;top:72px;z-index:40;background:var(--paper)}
.imr-re .bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;flex-wrap:wrap}
.imr-re .bar .lbl{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--concrete)}
.imr-re .filters{display:flex;gap:.4rem;flex-wrap:wrap}
.imr-re .filters button{font-family:var(--sans);cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--ink-2);font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.55rem .95rem;border-radius:2px;transition:.2s}
.imr-re .filters button:hover{border-color:var(--ink)}
.imr-re .filters button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* GRID RESIDENZE */
.imr-re .devs{padding:clamp(2.8rem,5vw,4.2rem) 0 2rem}
.imr-re .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.4rem,2.4vw,2.2rem)}
.imr-re .dev{position:relative;background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;overflow:hidden}
.imr-re .dev.hide{display:none}
.imr-re .dev:hover{transform:translateY(-4px);box-shadow:0 30px 60px -32px rgba(22,19,15,.45)}
.imr-re .dev .ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink-2);display:block}
.imr-re .dev .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.imr-re .dev:hover .ph img{transform:scale(1.05)}
.imr-re .dev .ph.noimg{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--brick-deep),var(--brick-ink))}
.imr-re .dev .ph.noimg .g{width:70px;height:60px;position:relative;opacity:.9}
.imr-re .dev .ph.noimg .g::before{content:"";position:absolute;inset:0;border:3px solid rgba(255,255,255,.85);clip-path:polygon(0 100%,0 42%,50% 0,100% 42%,100% 100%,76% 100%,76% 58%,24% 58%,24% 100%)}
.imr-re .pill{position:absolute;top:1rem;left:1rem;z-index:3;font-family:var(--mono);font-size:.64rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .7rem;border-radius:2px;color:#fff}
.imr-re .pill.sale{background:var(--brick)}
.imr-re .pill.last{background:var(--brick-ink)}
.imr-re .pill.build{background:rgba(22,19,15,.82)}
.imr-re .pill.done{background:rgba(140,131,121,.95)}
.imr-re .dev .no{position:absolute;top:1rem;right:1rem;z-index:3;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;color:#fff;mix-blend-mode:difference}
.imr-re .dev .body{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;flex:1}
.imr-re .dev .loc{display:flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brick-deep);margin-bottom:.6rem}
.imr-re .dev .loc svg{flex:0 0 auto}
.imr-re .dev h3{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.04;letter-spacing:-.01em}
.imr-re .dev .desc{margin-top:.7rem;font-size:.94rem;color:#5B534B;max-width:46ch}
.imr-re .dev .specs{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.5rem .9rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.imr-re .dev .specs .sp{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-2);display:flex;align-items:center;gap:.4rem}
.imr-re .dev .specs .sp b{color:var(--concrete);font-weight:500}
.imr-re .dev .go{margin-top:1.4rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);align-self:flex-start;border-bottom:1.5px solid var(--brick);padding-bottom:.25rem}
.imr-re .dev .go svg{transition:transform .25s}
.imr-re .dev:hover .go svg{transform:translateX(5px)}

/* STRIP valori */
.imr-re .values{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:clamp(2.5rem,5vw,4rem)}
.imr-re .values .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.imr-re .values .v{background:var(--paper-2);padding:2.2rem 1.4rem}
.imr-re .values .v .k{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brick-deep)}
.imr-re .values .v h4{font-family:var(--display);font-weight:600;font-size:1.05rem;margin-top:.7rem;line-height:1.1}
.imr-re .values .v p{margin-top:.5rem;font-size:.86rem;color:#5B534B}

/* CTA */
.imr-re .cta{background:var(--ink);color:#fff}
.imr-re .cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2.8rem,5vw,4.2rem) 0;flex-wrap:wrap}
.imr-re .cta .eyn{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--concrete-2)}
.imr-re .cta h2{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.02;text-transform:uppercase;margin-top:.6rem}
.imr-re .cta a.go{background:var(--brick);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;padding:1rem 1.9rem;border-radius:2px;display:inline-flex;gap:.6rem;align-items:center;white-space:nowrap}

.imr-re .rv{opacity:1;transform:none}

@media(max-width:860px){
  .imr-re .grid{grid-template-columns:1fr}
  .imr-re .values .wrap{grid-template-columns:repeat(2,1fr)}
  .imr-re .stats .st{padding-right:1.2rem;margin-right:1.2rem}
}
@media(max-width:560px){
  .imr-re .values .wrap{grid-template-columns:1fr}
  .imr-re .stats{gap:1rem}
  .imr-re .stats .st{border-right:0;padding-right:0;margin-right:0}
}
@media(prefers-reduced-motion:reduce){.imr-re *{animation:none!important}.imr-re .rv{opacity:1;transform:none}}