.case-strip{padding:80px 0;background:#080808;color:#fff;overflow:hidden}.case-strip-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 4vw}.case-strip h2{font-family:var(--display);font-weight:300;font-size:clamp(36px,5.5vw,80px);line-height:1.05;letter-spacing:-.04em;margin:15px 0 0;color:#fff}.case-strip h2 em{color:#efff00}.case-strip-hint{margin:24px 4vw;color:#fff;font-size:14px}.case-strip-controls{display:flex;gap:10px}.case-strip-controls button{width:48px;height:48px;border:1px solid #777;background:transparent;color:#fff;border-radius:50%;font-size:24px;cursor:pointer}.case-strip-controls button:hover{background:#efff00;color:#000}.case-strip-controls button:disabled{opacity:.35;cursor:default}.case-strip-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:4vw;padding:0 4vw 22px;scrollbar-color:#efff00 #333;overscroll-behavior-x:contain}.case-strip-card{flex:0 0 38%;min-width:0;scroll-snap-align:start;color:#fff;text-decoration:none}.case-strip-photo{position:relative;overflow:hidden;aspect-ratio:4/3;background:#222}.case-strip-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.case-strip-photo>span{position:absolute;left:16px;top:16px;background:#080808;color:#fff;padding:7px 10px;font-size:12px}.case-strip-caption{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:20px}.case-strip-caption h3{font-family:var(--display);font-size:clamp(23px,2.5vw,36px);font-weight:300;line-height:1.1;margin:0;color:#fff}.case-strip-caption>span{font-size:26px;color:#efff00}.case-strip-caption p{grid-column:1/-1;margin:0;color:#fff;font-size:15px;line-height:1.4}.case-strip-card:focus-visible,.case-strip button:focus-visible,.case-strip-track:focus-visible{outline:2px solid #efff00;outline-offset:4px}@media(hover:hover){.case-strip-card:hover img{transform:scale(1.035)}}@media(max-width:650px){.case-strip{padding:45px 0}.case-strip-head{padding:0 5vw}.case-strip-card{flex-basis:84%}.case-strip-track{gap:16px;padding-inline:5vw;scroll-padding-left:5vw}.case-strip-hint{margin-inline:5vw}.case-strip-controls{gap:6px}.case-strip-controls button{width:44px;height:44px}.case-strip h2{font-size:36px}.case-strip-caption{margin-top:14px}}@media(prefers-reduced-motion:reduce){.case-strip-photo img{transition:none}}
@media(min-width:1000px){
 .case-strip{padding-block:110px;background:radial-gradient(ellipse at 80% 10%,#20231a 0,transparent 45%),#080808}
 .case-strip-head{padding-bottom:25px}.case-strip-controls button{width:60px;height:60px;transition:transform .3s,background .3s,color .3s}.case-strip-controls button:not(:disabled):hover{transform:rotate(-12deg)}
 .case-strip-track{padding-top:18px;padding-bottom:38px;gap:32px;align-items:flex-start}
 .case-strip-card{flex-basis:36%;position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
 .case-strip-card:nth-child(even){margin-top:48px}
 .case-strip-photo{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}
 .case-strip-photo img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
 .case-strip-photo:after{content:'Scopri il progetto ↗';position:absolute;right:22px;bottom:22px;padding:16px 20px;border-radius:40px;background:#efff00;color:#080808;font-size:12px;letter-spacing:.04em;transform:translateY(18px);opacity:0;transition:transform .4s,opacity .4s;pointer-events:none}
 .case-strip-photo>span{left:20px;top:20px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:#080808c9}
 .case-strip-caption{padding:0 0 24px;border-bottom:1px solid #ffffff35;position:relative}
 .case-strip-caption:after{content:'';height:2px;background:#efff00;position:absolute;bottom:-1px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .6s}
 .case-strip-caption>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff45;border-radius:50%;transition:transform .4s,background .4s,color .4s}
 .case-strip-caption p{max-width:90%;font-size:14px;line-height:1.5}
 .case-strip-card:is(:hover,:focus-visible){transform:translateY(-8px)}
 .case-strip-card:is(:hover,:focus-visible) img{transform:scale(1.075)}
 .case-strip-card:is(:hover,:focus-visible) .case-strip-photo:after{opacity:1;transform:translateY(0)}
 .case-strip-card:is(:hover,:focus-visible) .case-strip-caption:after{transform:scaleX(1)}
 .case-strip-card:is(:hover,:focus-visible) .case-strip-caption>span{background:#efff00;color:#080808;transform:rotate(45deg)}
}
@media(prefers-reduced-motion:reduce){.case-strip *,.case-strip *:after{transition:none!important;transform:none!important}}
body.is-paused .case-strip-photo{transform:none!important}

/* Case titles use the paragraph family at their existing sizes. */
html body#made-site .case-strip-caption h3,
html body#made-site .case-strip-caption h3 *{font-family:'DM Sans',Arial,sans-serif!important;font-weight:300!important;font-style:normal!important}