.pj3 .rv,.pj3 .mk>span{opacity:1!important;transform:none!important}
.pj3 .hl .tt h1{font-size:clamp(2.4rem,3.6vw,3.6rem)!important;line-height:1.02!important;letter-spacing:-.02em}
.pj3 .pj-lead{font-size:1.02rem;line-height:1.6;color:#3a332c;margin:22px 0 6px;max-width:34em}
.pj3 .pj-rows{margin:18px 0 8px;border-top:1px solid #2a2520}
.pj3 .pj-rows>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid rgba(42,37,32,.14);align-items:baseline}
.pj3 .pj-rows dt{font:700 .62rem/1 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2a2520}
.pj3 .pj-rows dd{margin:0;font-size:.92rem;color:#2a2520}
.pj3 .pj-rows dd a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pj3 .pj-rows dd small{color:#8a7f73;margin-left:6px}
.pj3 .pj-mod{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;margin-top:26px;padding:12px 16px 12px 12px;border:1px solid rgba(42,37,32,.16);border-radius:6px;color:#2a2520;text-decoration:none;background:rgba(255,255,255,.35)}
.pj3 .pj-mod-im{width:64px;height:64px;border-radius:4px;overflow:hidden;background:#e8e0d4}
.pj3 .pj-mod-im img{width:100%;height:100%;object-fit:cover}
.pj3 .pj-mod small{display:block;font:700 .58rem/1 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a33a2b;margin-bottom:6px}
.pj3 .pj-mod b{display:block;font:800 1.05rem/1.1 Archivo,sans-serif}
.pj3 .pj-mod em{display:block;font-style:normal;font-size:.78rem;color:#7b7066;margin-top:3px}
.pj3 .pj-mod-go{font:700 .6rem/1 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:8px;align-items:center;white-space:nowrap}
.pj3 .pj-mod-go svg,.pj3 .pjx-all svg{width:26px}
.pj3 .pj-ph img#pjMain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;cursor:zoom-in}
.pj3 .pj-zoom{position:absolute;right:16px;bottom:16px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(244,239,231,.85);color:#2a2520;display:grid;place-items:center;cursor:pointer}
.pj3 .pj-zoom svg{width:16px}
.pj3 .pj-th{display:flex;gap:10px;margin-top:12px;padding:0 0 0 0}
.pj3 .pjt{width:72px;height:72px;padding:0;border:1px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.55;background:none}
.pj3 .pjt.on{opacity:1;border-color:#2a2520}
.pj3 .pjt img{width:100%;height:100%;object-fit:cover;display:block}
.pj3 .pj-txt{max-width:38em;margin-top:18px}
.pj3 .pjx-s{padding-top:110px;padding-bottom:110px}
.pj3 .pjx-hd{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.pj3 .pjx-all{font:700 .62rem/1 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#2a2520;display:flex;gap:10px;align-items:center;text-decoration:none}
.pj3 .pjx-tr{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;scrollbar-width:none}
.pj3 .pjx{color:#2a2520;text-decoration:none}
.pj3 .pjx-im{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#e8e0d4}
.pj3 .pjx-im img{width:100%;height:100%;object-fit:cover}
.pj3 .pjx small{display:block;margin-top:12px;font:700 .58rem/1 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a7f73}
.pj3 .pjx b{display:block;margin-top:6px;font:700 1rem/1.25 Archivo,sans-serif}
.pj3 .pj-ph{aspect-ratio:auto!important;height:calc(100vh - 190px)!important;min-height:520px;max-height:860px}
@media (max-width:860px){.pj3 .pj-ph{height:auto!important;aspect-ratio:4/5!important;min-height:0}}
.pj3 .pj-mos{padding-top:90px;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:min(78vh,820px);padding-bottom:20px}
.pj3 .pjm{padding:0;border:0;overflow:hidden;border-radius:4px;cursor:zoom-in;background:#e8e0d4;min-height:0}
.pj3 .pjm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}
.pj3 .pjm:hover img{transform:scale(1.03)}
.pj3 .pjm1{grid-row:1/3}
.pj3 .pjm-cap{grid-column:1/-1;font-size:.78rem;color:#8a7f73;margin:0}
.pj3 .pj-sw{display:grid;grid-template-columns:1.2fr auto;gap:clamp(32px,5vw,90px);align-items:center;padding-top:72px;padding-bottom:72px;border-top:1px solid rgba(42,37,32,.14);margin-top:40px}
.pj3 .pj-sw .txt{max-width:30em;margin-top:18px}
.pj3 .pj-lk{display:inline-flex;gap:12px;align-items:center;margin-top:24px;color:#2a2520;text-decoration:none;border-bottom:1px solid #2a2520;padding-bottom:6px;font-size:.92rem}
.pj3 .pj-lk svg{width:28px}
.pj3 .pj-sw-g{display:grid;grid-template-columns:repeat(2,150px);gap:28px}
.pj3 .pj-sw-i span{display:block;aspect-ratio:1/1;border-radius:6px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(42,37,32,.45)}
.pj3 .pj-sw-i:nth-child(1) span{transform:rotate(-3deg)}
.pj3 .pj-sw-i:nth-child(2) span{transform:rotate(2.5deg);margin-top:16px}
.pj3 .pj-sw-i img{width:100%;height:100%;object-fit:cover}
.pj3 .pj-sw-i small{display:block;margin-top:16px;font:700 .58rem/1 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a7f73}
.pj3 .pj-sw-i b{display:block;margin-top:6px;font:800 1.15rem/1.1 Archivo,sans-serif;color:#2a2520}
.pj3 .pj-sw-i em{display:block;font-style:normal;font-size:.8rem;color:#7b7066;margin-top:4px}
@media (max-width:860px){
 .pj3 .pj-mos{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}
 .pj3 .pjm1{grid-row:auto;grid-column:1/-1;aspect-ratio:4/5}.pj3 .pjm2,.pj3 .pjm3{aspect-ratio:4/5}
 .pj3 .pj-sw{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}}
.pj3 .pj-sw-h{font:800 clamp(1.6rem,2.2vw,2.2rem)/1.08 Archivo,sans-serif;letter-spacing:-.02em;margin:14px 0 0;color:#2a2520}
.pj3 .pj-sw-h i{font-style:normal;color:#8e2f2c}
@media (max-width:860px){.pj3 .pj-sw{grid-template-columns:1fr;padding-top:52px;padding-bottom:52px}.pj3 .pj-sw-g{grid-template-columns:repeat(2,130px)}}
.pj-lb.on{display:flex}
@media (max-width:860px){
 .pj3 .pj-th{padding:0 16px}
 .pj3 .pjt{width:56px;height:56px}
 .pj3 .pjx-tr{grid-auto-columns:72%}
 .pj3 .pjx-hd{display:block}.pj3 .pjx-all{margin-top:14px}
 .pj3 .pj-mod{grid-template-columns:56px 1fr}.pj3 .pj-mod-go{grid-column:1/-1}}
.pj-lb{position:fixed;inset:0;background:rgba(20,17,14,.94);z-index:9999;display:none;align-items:center;justify-content:center}
.pj-lb.on{display:flex}.pj-lb img{max-width:92vw;max-height:88vh;object-fit:contain}
.pj-lb button{position:absolute;background:none;border:0;color:#f4efe7;font-size:28px;cursor:pointer;padding:16px}
.pj-lb .x{top:10px;right:14px}.pj-lb .p{left:10px}.pj-lb .n{right:10px}
.pjB{--bg:#f0e8dd;--bg2:#e9dfd1;--ink:#2a2520;--mut:#6b6057;--acc:#8e2f2c;--red:#a33a2b;--paper:#fbf7f1;--cream:#f4eae0;--line:rgba(42,37,32,.16);
--fd:'Archivo',system-ui,sans-serif;--fb:'Manrope',system-ui,sans-serif;--fh:'Caveat','Segoe Print',cursive;;font-family:var(--fb);color:var(--ink)}
.pjB .k{display:flex;gap:12px;align-items:center;font:700 .62rem/1 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.pjB .k:before{content:"";width:26px;height:1px;background:currentColor}
.pjB .nm{font:900 clamp(3rem,6vw,5.6rem)/.9 var(--fd);letter-spacing:-.045em;margin:14px 0 14px}
.pjB .tags{display:flex;gap:8px;flex-wrap:wrap}
.pjB .tags span{border:1px solid var(--line);border-radius:99px;padding:7px 12px;font:700 .58rem/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.pjB .tx{color:#4a4038;max-width:32em;margin:20px 0 0}
.pjB .go{display:inline-flex;gap:14px;align-items:center;background:var(--acc);color:var(--paper);text-decoration:none;border-radius:99px;padding:15px 24px;font:600 .95rem/1 var(--fb)}
.pjB .go svg{width:26px}
.pjB .ln{color:var(--ink);font-size:.92rem;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}
.pjB .act{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}
.pjB a:focus-visible,.pjB button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.pjB .vcs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:26px}
.pjB .vc{position:relative;background:none;border:1px solid var(--line);border-radius:10px;padding:12px 10px;text-align:left;cursor:pointer;color:var(--ink)}
.pjB .vc b{position:relative;display:inline-block;font:700 .95rem/1 var(--fd)}
.pjB .vc small{display:block;margin-top:6px;color:var(--mut);font-size:.76rem;font-variant-numeric:tabular-nums}
.pjB .vc svg{position:absolute;left:-10px;top:-9px;width:calc(100% + 20px);height:calc(100% + 18px);fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset .6s}
.pjB .vc.on{border-color:var(--ink)}
.pjB .vc.on svg{stroke-dashoffset:0}
.pjB .blk{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,6vw,100px);align-items:center;background:var(--cream);border-radius:24px;padding:clamp(28px,5vw,70px)}
.pjB to{opacity:1;transform:none}
.pjB .stk{position:relative;aspect-ratio:4/5;max-width:440px;width:100%;margin:0 auto;cursor:pointer}
.pjB .st{position:absolute;inset:0;margin:0;background:var(--paper);padding:12px 12px 56px;border-radius:6px;box-shadow:0 20px 40px -24px rgba(42,37,32,.6);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}
.pjB .st img{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block}
.pjB .st figcaption{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;align-items:baseline}
.pjB .st figcaption b{font:700 .95rem/1.2 var(--fd);letter-spacing:-.01em;color:var(--ink)}
.pjB .st figcaption small{font:700 .56rem/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.pjB .stk .hint{position:absolute;left:0;right:0;bottom:-40px;text-align:center;font:600 .62rem/1 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.pjB .nm{font:900 clamp(3rem,6vw,5.6rem)/.9 var(--fd)!important;letter-spacing:-.045em!important;color:var(--ink)!important}
.pjB{margin-top:110px}
@media (max-width:900px){.pjB .blk{grid-template-columns:1fr}.pjB .vcs{grid-template-columns:repeat(2,1fr)}}
.pjA{--bg:#f0e8dd;--bg2:#e9dfd1;--ink:#2a2520;--mut:#6b6057;--acc:#8e2f2c;--red:#a33a2b;--paper:#fbf7f1;--line:rgba(42,37,32,.16);--rule:rgba(90,120,160,.2);
--fd:'Archivo',system-ui,sans-serif;--fb:'Manrope',system-ui,sans-serif;--fh:'Caveat','Segoe Print',cursive;;font-family:var(--fb);color:var(--ink);margin-top:110px}
.pjA .k{display:flex;gap:12px;align-items:center;font:700 .62rem/1 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.pjA .k:before{content:"";width:26px;height:1px;background:currentColor}
.pjA .h{font:800 clamp(2.1rem,3.6vw,3.4rem)/1.02 var(--fd);letter-spacing:-.03em;margin:16px 0 14px;text-wrap:balance}
.pjA .h i{font:700 1.12em/1 var(--fh);font-style:normal;color:var(--acc)}
.pjA .lead{color:#4a4038;margin:0;max-width:30em;font-size:1.02rem}
.pjA .get{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.pjA .get li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:.93rem}
.pjA .get li svg{width:22px;height:22px;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.pjA .get li b{font-weight:600}
.pjA .get li span{color:var(--mut)}
.pjA .ref{display:flex;gap:14px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.pjA .ref .av{width:46px;height:46px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font:800 1rem/1 var(--fd);color:var(--acc)}
.pjA .ref b{display:block;font:700 .95rem/1.2 var(--fd)}
.pjA .ref small{color:var(--mut);font-size:.82rem}
.pjA .ref .sig{margin-left:auto;font:700 1.9rem/1 var(--fh);color:var(--ink);transform:rotate(-5deg)}
.pjA form{display:flex;flex-direction:column;gap:14px;margin:0}
.pjA form label{display:block;min-width:0}
.pjA form label small{display:block;font:700 .58rem/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:7px}
.pjA form input[type=text],.pjA form input[type=email],.pjA form textarea{width:100%;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit;font-size:.93rem;color:var(--ink);resize:vertical}
.pjA form input:focus,.pjA form textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(142,47,44,.12)}
.pjA .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pjA .who{display:flex;gap:8px;flex-wrap:wrap}
.pjA .who input{position:absolute;opacity:0}
.pjA .who span{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:99px;font-size:.84rem;cursor:pointer;background:var(--paper)}
.pjA .who input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pjA .who input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.pjA .send{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:4px}
.pjA .go{display:inline-flex;gap:14px;align-items:center;background:var(--acc);color:var(--paper);border:0;border-radius:99px;padding:15px 24px;font:600 .95rem/1 var(--fb);cursor:pointer;transition:transform .2s,box-shadow .2s}
.pjA .go:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(142,47,44,.8)}
.pjA .go svg{width:26px}
.pjA .soft{display:inline-flex;gap:7px;align-items:center;color:var(--ink);text-decoration:none;border-bottom:1px dashed rgba(42,37,32,.35);padding-bottom:2px;font-size:.9rem}
.pjA .soft svg{width:16px}
.pjA .pr{margin:0;font-size:.75rem;color:var(--mut)}
.pjA .pr a{color:inherit}
.pjA .ok{font:700 1.25rem/1.3 var(--fd);color:var(--acc)}
.pjA a:focus-visible,.pjA button:focus-visible,.pjA input:focus-visible,.pjA textarea:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.pjA .fan{position:relative;height:320px}
.pjA .fs{position:absolute;left:50%;bottom:0;width:78px;height:290px;margin-left:-39px;padding:5px;border:0;background:linear-gradient(180deg,#fdfaf5,#f3ece2);border-radius:10px 10px 6px 6px;transform-origin:50% 93%;transform:rotate(calc(var(--a) * .2));transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 0 0 1px rgba(42,37,32,.08),0 12px 22px -14px rgba(42,37,32,.55);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.pjA .fs .fi{display:block;flex:none;width:100%;height:84px;background:#d9d2c8;overflow:hidden;border-radius:7px 7px 3px 3px;position:relative}
.pjA .fs .fi:after{display:none;content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 70%,rgba(255,255,255,.18) 100%)}
.pjA .fs img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.25)}
.pjA .fs .fn{writing-mode:vertical-rl;transform:rotate(180deg);font:700 .56rem/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:12px;white-space:nowrap}
.pjA .fs .fc{margin-top:auto;margin-bottom:26px;font:600 .55rem/1 var(--fb);color:var(--mut);letter-spacing:.06em}
.pjA .fan.open .fs{transform:rotate(var(--a))}
.pjA .fan.open .fs:hover{transform:rotate(var(--a)) translateY(-8px)}
.pjA .fs.on{box-shadow:0 0 0 2px var(--acc),0 20px 28px -14px rgba(42,37,32,.55)}
.pjA .fan.open .fs.on{transform:rotate(var(--a)) translateY(-18px)}
.pjA .fan .pin{position:absolute;left:50%;bottom:9px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d8c3a0,#8a7351 60%,#5b4a33);box-shadow:0 1px 2px rgba(0,0,0,.4);z-index:30}
.pjA .h1{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);background:var(--bg2);border-radius:24px;padding:clamp(28px,5vw,64px);align-items:center;overflow:hidden}
.pjA .h1 .fan{height:300px;margin:0 0 40px}
.pjA .h1 .right{background:var(--paper);border-radius:18px;padding:clamp(22px,3vw,36px);box-shadow:0 24px 50px -34px rgba(42,37,32,.5)}
.pjA .h1 .right form input,.pjA .h1 .right form textarea{background:var(--bg)}
.pjA .h1 .pick{font:600 .92rem/1.35 var(--fd);color:var(--acc);margin:0 0 14px}
.pjA h2.h{font:800 clamp(2.1rem,3.6vw,3.4rem)/1.02 var(--fd)!important;letter-spacing:-.03em;color:var(--ink)}
@media (max-width:900px){.pjA .h1{grid-template-columns:1fr}.pjA .two{grid-template-columns:1fr}.pjA .h1 .fan{transform:scale(.82);transform-origin:center bottom}}
/* 05/11/2026 Franco: nuova pagina progetto nello stile della scheda prodotto (approvata sul mockup Café Rive Droite) */
.pj3 .pjA,.pj3 .pjB{color:var(--ink)}
.pjA .fb{min-height:1.2em;margin:0;font-size:.84rem;color:#8e2f2c}
.pjA .ok{font:700 1.25rem/1.3 'Archivo',sans-serif;color:#8e2f2c}
.pjB .stk{touch-action:manipulation}
.pj3 .pj-crumb{margin-bottom:8px}
.pj3 .pj-ph{position:relative!important;top:auto!important}
.pjA .pr a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pj3 .pj-k{margin-bottom:14px}
@media (max-width:900px){.pjB .stk{margin-bottom:64px}.pjB .blk{padding-top:36px}}
.pj3 .pjx{display:block!important;min-height:0!important}
.pj3 .pj-back{order:9;margin-top:8px;text-decoration:none!important;font:700 .62rem/1 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase}
/* 05/11/2026 (Franco): navbar dello stesso colore della pagina progetto */
html:has(.pj3),body:has(.pj3){background:#f0e8dc}
body:has(.pj3) .site-header.is-stuck{background:rgba(240,232,220,.9)}
/* 05/11/2026 (Franco): tolto il mosaico di foto sotto il progetto */
.pj3 .pj-mos{display:none!important}
/* 05/11/2026 (Franco): foto principale intera, senza tagli */
.pj3 .pj-ph img#pjMain{object-fit:contain!important;background:#f0e8dc}
/* 05/11/2026 (Franco): colori del progetto centrati, vetrini in fila */
.pj3 .pj-sw{max-width:1120px;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) auto}
.pj3 .pj-sw-g{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px}
@media (max-width:860px){.pj3 .pj-sw{max-width:none}.pj3 .pj-sw-g{grid-auto-flow:row;grid-template-columns:repeat(2,130px);grid-auto-columns:auto}}
/* 05/11/2026 (Franco): modelli del progetto in un unico elenco compatto, link sotto su due righe, meno vuoto prima del Progetto */
.pj3 .pj-mod{border-radius:0!important;border-bottom-width:0!important;padding:10px 16px 10px 10px}
.pj3 .pj-mod+.pj-mod{margin-top:-26px!important}
.pj3 :not(.pj-mod)+.pj-mod{border-radius:8px 8px 0 0!important}
.pj3 .pj-mod:not(:has(+.pj-mod)){border-bottom-width:1px!important;border-radius:0 0 8px 8px!important}
.pj3 :not(.pj-mod)+.pj-mod:not(:has(+.pj-mod)){border-radius:8px!important}
.pj3 .pj-mod+.pj-mod small{display:none}
.pj3 .pj-mod-im{width:52px;height:52px}
.pj3 .pj-links{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:.82rem}
.pj3 .pj-links a{display:inline!important;min-height:0!important}
.pj3 .pj-back{order:-1;flex-basis:100%;margin:0 0 2px!important}
.pj3 .hero .hl{padding-bottom:20px!important}
.pj3 #progetto{padding-top:24px!important}
/* animazioni allo scorrimento (classi messe dal JS) */
.pj3 .pj-rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.pj3 .pj-rv.in{opacity:1;transform:none}
.pj3 .pj-sw-i.pj-rv.in:nth-child(1) span{transform:rotate(-3deg)}
/* 06/11/2026 (Franco): ottimizzazione telefono */
@media (max-width:860px){
.pj3 .pj-sw{display:block!important;max-width:none}
.pj3 .pj-sw-tx{max-width:none!important;width:auto!important;margin:0 0 28px!important;text-align:left}
.pj3 .pj-sw-tx .txt,.pj3 .pj-sw-h{max-width:none!important;width:auto!important}
.pj3 .pj-sw-g{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;justify-content:stretch}
.pj3 .pj-sw-i span{width:100%!important;height:auto!important;aspect-ratio:1/1}
.pj3 .hero .tags{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:4px 0!important;padding:0!important}
.pj3 .hero .tags span{margin:0!important;padding:0!important}
.pj3 .hero .tags span+span::before{content:"·";margin:0 8px}
.pj3 #progetto .facts3{display:none!important}
.pj3 .hero .hl{row-gap:14px!important}
.pj3 .hero .tt{margin-top:20px!important;margin-bottom:6px!important}
.pj3 .hero .tags{margin-top:0!important;margin-bottom:0!important}
.pj3 .hero .pj-lead{margin-top:2px!important}
.pj3 .flow>.pjB,.pj3 .flow>.pjA{margin-top:56px!important}
.pj3 .flow>.pjx-s{padding-top:56px!important;padding-bottom:56px!important}
.pj3 .pjB .stk{width:76%!important;max-width:280px}
}
