/* ============================================================
   IMR — Chi siamo — scopato sotto .imr-cs
   Header/footer = Elementor/child; menu "fuso" via body.imr-fusedmenu
   ============================================================ */
.imr-cs{
  --ink:#16130F;--ink-2:#211B16;--paper:#F6F2EA;--paper-2:#EFEADF;--white:#fff;
  --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.55}
.imr-cs *{box-sizing:border-box;margin:0;padding:0}
.imr-cs img{display:block;max-width:100%}
.imr-cs a{color:inherit;text-decoration:none}
.imr-cs .wrap{width:min(1200px,92vw);margin-inline:auto}
.imr-cs .kick{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brick-deep);display:inline-block}
.imr-cs h2.sec{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.02;letter-spacing:-.015em;text-transform:uppercase}

/* HERO */
.imr-cs .hero{position:relative;min-height:84vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding:clamp(8rem,14vh,10rem) 0 clamp(2.6rem,5vh,4rem)}
.imr-cs .hero .bg{position:absolute;inset:0;z-index:0}
.imr-cs .hero .bg img{width:100%;height:100%;object-fit:cover}
.imr-cs .hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(14,11,8,.8) 0%,rgba(14,11,8,.45) 45%,rgba(14,11,8,.72) 100%)}
.imr-cs .hero .wrap{position:relative;z-index:2}
.imr-cs .hero .eyrow{display:flex;align-items:center;gap:.8rem;color:#E7E0D6;margin-bottom:1.6rem}
.imr-cs .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,.5)}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-cs .hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.8rem,6.5vw,5.4rem);line-height:.96;letter-spacing:-.02em;text-transform:uppercase}
.imr-cs .hero h1 em{font-style:normal;color:var(--brick)}
.imr-cs .hero .lead{margin-top:1.4rem;max-width:52ch;color:#EDE7DD;font-size:clamp(1.02rem,1.3vw,1.18rem)}

/* STORY */
.imr-cs .story{padding:clamp(3.5rem,7vw,6rem) 0}
.imr-cs .story .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.imr-cs .story p{color:#433D36;font-size:1.05rem;margin-top:1rem}
.imr-cs .story .big{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.15;letter-spacing:-.01em;color:var(--ink)}
.imr-cs .story .ph img{width:100%;border:1px solid var(--line)}
.imr-cs .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem}
.imr-cs .nums .n{background:var(--paper);padding:1.8rem 1.4rem}
.imr-cs .nums .n .v{font-family:var(--display);font-weight:800;font-size:2.2rem;color:var(--brick-deep);line-height:1}
.imr-cs .nums .n .l{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--concrete);margin-top:.6rem}

/* SKILLS */
.imr-cs .skills{background:var(--ink);color:#fff;padding:clamp(3.5rem,6vw,6rem) 0}
.imr-cs .skills .head{margin-bottom:2.6rem}
.imr-cs .skills .head p{color:#C9C0B5;max-width:46ch;margin-top:.8rem}
.imr-cs .sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dk);border:1px solid var(--line-dk)}
.imr-cs .sgrid .s{background:var(--ink);padding:2.2rem 1.8rem;transition:background .25s}
.imr-cs .sgrid .s:hover{background:var(--ink-2)}
.imr-cs .sgrid .s .ic{width:34px;height:34px;color:var(--brick);margin-bottom:1rem}
.imr-cs .sgrid .s h3{font-family:var(--display);font-weight:700;font-size:1.2rem;text-transform:uppercase}
.imr-cs .sgrid .s p{color:#C9C0B5;margin-top:.7rem;font-size:.92rem}

/* CERT */
.imr-cs .cert{padding:clamp(3.5rem,6vw,6rem) 0}
.imr-cs .cert .head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.4rem}
.imr-cs .cert .head p{max-width:40ch;color:#5B534B;margin-top:.7rem}
.imr-cs .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.imr-cs .cc{border:1px solid var(--line);background:var(--white);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.7rem}
.imr-cs .cc .seal{width:46px;height:46px;border-radius:50%;border:2px solid var(--brick);display:flex;align-items:center;justify-content:center;color:var(--brick-deep)}
.imr-cs .cc h3{font-family:var(--display);font-weight:700;font-size:1.25rem}
.imr-cs .cc p{color:#5B534B;font-size:.92rem}

/* BAND */
.imr-cs .band{position:relative;min-height:46vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.imr-cs .band .bg{position:absolute;inset:0}
.imr-cs .band .bg img{width:100%;height:100%;object-fit:cover}
.imr-cs .band .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,11,8,.85) 0%,rgba(14,11,8,.5) 60%,rgba(14,11,8,.3) 100%)}
.imr-cs .band .wrap{position:relative;z-index:2;padding:4rem 0}
.imr-cs .band h2{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.05;text-transform:uppercase;max-width:20ch}
.imr-cs .band p{margin-top:1.1rem;max-width:48ch;color:#E7E0D6}

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

/* FONDATORE */
.imr-cs .founder{background:var(--paper-2);padding:clamp(3.5rem,6vw,6rem) 0}
.imr-cs .founder .grid{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
.imr-cs .founder .ph{position:relative;margin:0}
.imr-cs .founder .ph .vid{position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(22,19,15,.5)}
.imr-cs .founder .ph video{display:block;width:100%;aspect-ratio:360/640;object-fit:cover;background:#16130F}
.imr-cs .founder .ph .play{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;gap:.6rem;background:none;border:0;cursor:pointer;color:var(--brick);transition:transform .2s,color .2s}
.imr-cs .founder .ph .play svg{width:64px;height:64px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45));transition:transform .2s}
.imr-cs .founder .ph .play:hover{color:var(--brick-deep)}
.imr-cs .founder .ph .play:hover svg{transform:scale(1.08)}
.imr-cs .founder .ph .play span{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.imr-cs .founder .ph .vid.playing .play{display:none}
.imr-cs .founder .ph::before{content:"";position:absolute;left:-14px;top:-14px;width:60px;height:60px;border-left:3px solid var(--brick);border-top:3px solid var(--brick);z-index:2;pointer-events:none}
.imr-cs .founder .ph figcaption{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--concrete);margin-top:.8rem}
.imr-cs .founder .name{font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1;letter-spacing:-.015em;text-transform:uppercase;margin:.7rem 0 .3rem}
.imr-cs .founder .role{font-family:var(--mono);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brick-deep)}
.imr-cs .founder blockquote{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink);border-left:3px solid var(--brick);padding-left:1.3rem;margin:1.8rem 0}
.imr-cs .founder .txt p{color:var(--ink-2);margin-bottom:1rem;max-width:58ch}
.imr-cs .founder .txt p strong{color:var(--brick-deep)}
.imr-cs .founder .sign{margin:1.4rem 0 1.3rem}
.imr-cs .founder .sign img{display:block;width:clamp(200px,24vw,300px);height:auto;mix-blend-mode:multiply;transform:rotate(-1.5deg);transform-origin:left center}
/* effetto "si sta firmando ora": l'inchiostro compare da sinistra a destra */
.imr-cs .founder .sign.pending img{clip-path:inset(0 100% 0 0)}
.imr-cs .founder .sign.draw img{animation:imrsign 2s cubic-bezier(.65,0,.35,1) forwards}
@keyframes imrsign{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.imr-cs .founder .sign img{clip-path:none!important;animation:none!important}}
.imr-cs .founder .ig{display:inline-flex;align-items:center;gap:.55rem;margin-top:.6rem;font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;color:var(--ink);border:1px solid var(--line);padding:.6rem 1rem;border-radius:2px;transition:background .2s,color .2s,border-color .2s}
.imr-cs .founder .ig:hover{background:var(--brick);color:#fff;border-color:var(--brick)}

@media(max-width:900px){
  .imr-cs .story .grid{grid-template-columns:1fr}
  .imr-cs .founder .grid{grid-template-columns:1fr;gap:2rem}
  .imr-cs .founder .ph{max-width:360px}
  .imr-cs .sgrid,.imr-cs .cgrid{grid-template-columns:1fr}
  .imr-cs .nums{grid-template-columns:repeat(2,1fr)}
}