/* Racconti di progetto Eeever. Le schermate conservano i colori del lavoro originale. */
.ce-case{color:#fff;background:var(--night);overflow:clip}
.ce-case .ce-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.ce-case a{color:inherit}
.ce-case em{color:var(--green);font-style:normal}
.ce-case .ce-eyebrow{font:500 12px/1.5 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0 0 22px}
.ce-hero{padding:34px 0 0;background:var(--night)}
.ce-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:46px;color:#c6c7e0;font-size:13px}
.ce-breadcrumb a{padding:12px 0;text-decoration:none;transition:color .2s}
.ce-breadcrumb a:hover{color:var(--green)}
.ce-breadcrumb p{margin:0}
.ce-case .ce-hero h1{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:64px;margin:0 0 54px;max-width:none}
.ce-client{font:700 clamp(76px,8.8vw,132px)/.96 var(--display);letter-spacing:-.055em;overflow-wrap:anywhere}
.ce-client.ce-client-long{font-size:clamp(54px,6.4vw,94px);line-height:1.03;letter-spacing:-.045em}
.ce-promise{font:700 clamp(32px,3.4vw,48px)/1.14 var(--display);letter-spacing:-.032em;max-width:620px}
.ce-promise em{display:block;margin-top:6px}
.ce-showcase{margin:0;position:relative}
.ce-image-open{border:0;padding:0;margin:0;background:transparent;color:#fff;display:block;position:relative;width:100%;cursor:zoom-in;border-radius:24px;isolation:isolate}
.ce-image-open:before{content:"";position:absolute;inset:14% -32px -24px;border-radius:40px;background:var(--blue);z-index:-1;transform:rotate(-1.8deg)}
.ce-image-open img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 28px 36px #08074e66);transform-origin:50% 90%}
.ce-zoom{position:absolute;right:26px;bottom:26px;display:flex;align-items:center;gap:30px;background:var(--night);border:1px solid #ffffff4d;color:#fff;padding:14px 20px;border-radius:40px;font:500 13px/1.2 var(--body);box-shadow:0 4px 22px #08074e4d;transition:background .2s,color .2s}
.ce-zoom svg{width:21px;height:21px;stroke:var(--green);stroke-width:1.6;fill:none}
.ce-image-open:hover .ce-zoom{background:var(--green);color:var(--night)}
.ce-image-open:hover .ce-zoom svg{stroke:var(--night)}
.ce-image-open:focus-visible{outline:3px solid var(--green);outline-offset:8px}
.ce-showcase figcaption{display:flex;justify-content:space-between;gap:24px;position:relative;margin:52px 0 34px;font-size:12px;color:#c6c7e0}
.ce-facts{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:40px;margin:0;padding:30px 0 46px;border-top:1px solid #ffffff30}
.ce-facts dt{font:400 12px/1.6 var(--body);color:#c6c7e0;margin-bottom:8px}
.ce-facts dd{margin:0;font:500 17px/1.45 var(--body)}
.ce-challenge{padding:100px 0 105px;background:var(--blue)}
.ce-challenge-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:center}
.ce-case .ce-challenge h2,.ce-case .ce-work h2,.ce-case .ce-testimony h2,.ce-case .ce-more h2{font:700 clamp(36px,4vw,57px)/1.1 var(--display);letter-spacing:-.035em;margin:0 0 30px;max-width:none}
.ce-challenge-copy>p:not(.ce-eyebrow){font:400 16px/1.9 var(--body);max-width:59ch;margin:0 0 20px;color:#fff}
.ce-focus{position:relative;padding:38px 0 18px 42px;border-left:1px solid #ffffff38}
.ce-focus-symbol{display:block;width:150px;height:86px;margin-bottom:24px}
.ce-focus-symbol svg{width:100%;height:100%;stroke:var(--green);stroke-width:2;stroke-linecap:round;overflow:visible}
.ce-case .ce-idea{font:700 clamp(27px,2.8vw,39px)/1.22 var(--display);letter-spacing:-.02em;margin:0 0 28px}
.ce-focus ul{list-style:none;padding:0;margin:0}
.ce-focus li{display:flex;align-items:center;gap:14px;color:#deddee;font-size:13px;line-height:1.5;padding:14px 0;border-top:1px solid #ffffff26}
.ce-focus li>span{width:6px;height:6px;border:1px solid var(--green);border-radius:50%;flex-shrink:0}
.ce-work{padding:110px 0 80px}
.ce-work-grid{display:grid;grid-template-columns:.78fr 1.2fr;gap:10%;align-items:start}
.ce-work-intro{position:sticky;top:132px;padding-bottom:40px}
.ce-text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font:500 13px/1.5 var(--body);text-decoration:none;padding:8px 0;border-bottom:1px solid #ffffff38}
.ce-text-link svg{width:22px;height:22px;stroke:var(--green);stroke-width:1.5;fill:none;transition:transform .25s}
.ce-text-link:hover svg{transform:translate(3px,-3px)}
.ce-text-link:focus-visible,.ce-next:focus-visible{outline:2px solid var(--green);outline-offset:7px}
.ce-decisions{list-style:none;margin:0;padding:0}
.ce-decisions li{display:grid;grid-template-columns:40px 1fr;gap:20px;position:relative;border-top:1px solid #ffffff38;padding:40px 0 46px}
.ce-decisions li:first-child{padding-top:16px;border:0}
.ce-step-index{font:400 12px/1.5 var(--body);color:var(--green);padding-top:9px}
.ce-case .ce-decisions h3{font:700 clamp(26px,2.8vw,37px)/1.15 var(--display);letter-spacing:-.02em;margin:0 0 20px}
.ce-decisions p{font:400 15px/1.85 var(--body);max-width:60ch;color:#deddee;margin:0}
.ce-case .ce-outcome{display:grid;grid-template-columns:.78fr 1.2fr;gap:10%;padding:34px 0 0;margin-top:36px;border-top:1px solid #ffffff38}
.ce-outcome-label{font:500 12px/1.6 var(--body);color:var(--green);padding-top:5px}
.ce-outcome p{font:400 20px/1.65 var(--body);margin:0;max-width:60ch}
.ce-testimony{padding:94px 0;background:var(--blue)}
.ce-quote-grid{display:grid;grid-template-columns:.78fr 1.2fr;gap:10%}
.ce-quote{position:relative;padding-top:38px}
.ce-quote-mark{font:700 150px/1 var(--display);position:absolute;top:-38px;left:-6px;color:var(--green);opacity:.8;pointer-events:none}
.ce-quote blockquote{position:relative;margin:0;border:0;padding:0}
.ce-quote blockquote p{font:500 clamp(23px,2.3vw,32px)/1.45 var(--body);letter-spacing:-.025em;margin:0 0 18px}
.ce-person{display:flex;align-items:center;gap:20px;margin-top:30px}
.ce-person img{width:62px;height:62px;object-fit:cover;border-radius:50%}
.ce-person strong,.ce-person span{display:block;font:500 14px/1.6 var(--body)}
.ce-person span{font-size:12px;font-weight:400;color:#deddee;max-width:330px}
.ce-quote .ce-excerpt{font-size:11px;color:#deddee;margin:0}
.ce-more{padding:90px 0 100px;background:var(--night)}
.ce-more-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}
.ce-case .ce-more-head h2{margin:0}
.ce-next{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;text-decoration:none;padding:30px 0;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}
.ce-next-image{overflow:hidden;border-radius:12px;max-width:560px}
.ce-next-image img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ce-next:hover img{transform:scale(1.035)}
.ce-next p{font-size:12px;color:#c6c7e0;margin:0 0 18px}
.ce-case .ce-next h3{font:700 clamp(30px,3.5vw,49px)/1.13 var(--display);letter-spacing:-.025em;margin:0 0 32px}
.ce-next span{display:flex;gap:30px;align-items:center;font-size:13px}
.ce-next svg{width:25px;height:25px;stroke:var(--green);stroke-width:1.5;fill:none}
.ce-case .ce-contact{background:var(--blue);padding:100px 0}
.ce-case .ce-contact .hp-contact-sign{max-width:250px;opacity:.35}
.ce-lightbox{width:min(1600px,calc(100vw - 56px));max-width:none;max-height:calc(100dvh - 50px);padding:24px;background:var(--night);color:#fff;border:1px solid #ffffff45;border-radius:24px;overflow:auto;box-sizing:border-box}
.ce-lightbox::backdrop{background:#08074ee6;backdrop-filter:blur(12px)}
.ce-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 20px}
.ce-lightbox h2{font:600 18px/1.4 var(--body);color:#fff;margin:0}
.ce-lightbox button{display:flex;align-items:center;gap:22px;border:1px solid #ffffff55;border-radius:40px;padding:10px 18px;min-height:44px;background:transparent;color:#fff;font:500 13px/1.3 var(--body);cursor:pointer}
.ce-lightbox button:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.ce-lightbox button span{font-size:22px}
.ce-lightbox-image img{display:block;margin:auto;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 210px);object-fit:contain}
.ce-lightbox>p{color:#c6c7e0;font-size:11px;line-height:1.7;margin:18px 0 0}
@media(min-width:1700px){.ce-case .ce-hero h1{margin-bottom:65px}.ce-client{font-size:148px}}
@media(max-width:1050px){.ce-case .ce-wrap{width:calc(100% - 64px)}.ce-case .ce-hero h1{gap:40px}.ce-client{font-size:90px}.ce-client.ce-client-long{font-size:60px}.ce-promise{font-size:34px}.ce-challenge-grid,.ce-work-grid,.ce-quote-grid,.ce-case .ce-outcome{gap:7%}.ce-challenge-grid{grid-template-columns:1fr .8fr}.ce-focus{padding-left:25px}.ce-case .ce-idea{font-size:29px}.ce-case .ce-work h2{font-size:41px}.ce-next{gap:40px}}
@media(max-width:700px){.ce-case .ce-wrap{width:calc(100% - 40px)}.ce-hero{padding-top:22px}.ce-breadcrumb{font-size:11px;gap:20px;align-items:center;margin-bottom:34px}.ce-breadcrumb p{max-width:160px;text-align:right}.ce-case .ce-hero h1{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.ce-client{font-size:78px;letter-spacing:-.045em}.ce-client.ce-client-long{font-size:54px;max-width:500px}.ce-promise{font-size:29px;max-width:460px;line-height:1.16}.ce-promise em{margin-top:0}.ce-image-open{border-radius:12px}.ce-image-open:before{inset:10% -8px -10px;border-radius:20px;transform:rotate(-2deg)}.ce-image-open img{border-radius:8px}.ce-zoom{right:9px;bottom:9px;font-size:11px;padding:10px 12px;gap:15px;min-height:40px;box-sizing:border-box}.ce-zoom svg{width:17px;height:17px}.ce-showcase figcaption{font-size:10px;line-height:1.6;margin:28px 0 26px;gap:20px}.ce-facts{grid-template-columns:1fr 1fr;gap:22px;padding:24px 0 32px}.ce-facts>div:last-child{grid-column:1/-1}.ce-facts dt{font-size:10px;margin-bottom:5px}.ce-facts dd{font-size:13px}.ce-challenge{padding:58px 0}.ce-challenge-grid{grid-template-columns:1fr;gap:30px}.ce-case .ce-challenge h2,.ce-case .ce-work h2,.ce-case .ce-testimony h2,.ce-case .ce-more h2{font-size:38px}.ce-challenge-copy>p:not(.ce-eyebrow){font-size:14px;line-height:1.85}.ce-focus{padding:26px 0 0;border-left:0;border-top:1px solid #ffffff40;display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center}.ce-focus-symbol{width:72px;height:50px;margin:0}.ce-case .ce-idea{font-size:25px;line-height:1.2;margin:0}.ce-focus ul{grid-column:1/-1}.ce-focus li{font-size:12px;padding:12px 0}.ce-work{padding:58px 0}.ce-work-grid,.ce-quote-grid,.ce-case .ce-outcome{grid-template-columns:1fr;gap:32px}.ce-work-intro{position:static;padding:0}.ce-case .ce-work-intro h2{margin-bottom:18px}.ce-decisions li{padding:28px 0 32px;gap:10px;grid-template-columns:30px 1fr}.ce-decisions li:first-child{padding-top:24px;border-top:1px solid #ffffff30}.ce-case .ce-decisions h3{font-size:29px;margin-bottom:15px}.ce-decisions p{font-size:14px;line-height:1.85}.ce-case .ce-outcome{margin-top:10px;gap:14px;padding-top:26px}.ce-outcome p{font-size:17px}.ce-testimony{padding:58px 0}.ce-quote{padding-top:26px}.ce-quote-mark{font-size:100px;top:-25px}.ce-quote blockquote p{font-size:24px}.ce-person{gap:14px}.ce-person img{width:52px;height:52px}.ce-person strong{font-size:13px}.ce-person span{font-size:11px}.ce-more{padding:58px 0}.ce-more-head{display:block;margin-bottom:30px}.ce-more-head .ce-text-link{margin-top:20px}.ce-next{grid-template-columns:1fr;gap:26px;padding:25px 0}.ce-case .ce-next h3{font-size:36px;margin-bottom:20px}.ce-next p{margin-bottom:10px}.ce-case .ce-contact{padding:58px 0}.ce-lightbox{width:calc(100vw - 24px);padding:16px;border-radius:16px;max-height:calc(100dvh - 24px)}.ce-lightbox-bar{gap:12px;align-items:flex-start}.ce-lightbox h2{font-size:14px}.ce-lightbox button{padding:8px 12px;font-size:12px;gap:12px}.ce-lightbox-image img{max-height:calc(100dvh - 180px)}}
@media(max-width:355px){.ce-client{font-size:63px}.ce-client.ce-client-long{font-size:46px}.ce-promise{font-size:25px}.ce-case .ce-challenge h2,.ce-case .ce-work h2,.ce-case .ce-testimony h2,.ce-case .ce-more h2{font-size:34px}.ce-case .ce-wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.ce-case *{scroll-behavior:auto}.ce-next img,.ce-zoom,.ce-text-link svg{transition:none}}