/* GRAFOGO inspiration carousel: a fixed-height horizontal project gallery. */
.portfolio-section{min-height:0;padding:72px 0 70px}
.portfolio-heading{margin-bottom:27px}
.inspiration-shell{min-width:0;scroll-margin-top:100px}
.inspiration-viewport{overflow:hidden;touch-action:pan-y;cursor:grab;outline:none;border-radius:13px}
.inspiration-viewport.is-dragging{cursor:grabbing;user-select:none}
.inspiration-track{position:relative;display:flex;align-items:stretch;gap:16px;transform:translate3d(0,0,0);will-change:transform}
.inspiration-slide{flex:0 0 29.5%;aspect-ratio:16/11;min-width:0;min-height:0;display:block;overflow:hidden;border-radius:13px;padding:0;touch-action:pan-y}
.inspiration-slide>img{pointer-events:none;user-select:none;transform:scale(1)!important;filter:none!important;transition:transform 1.6s cubic-bezier(.22,.7,.2,1)!important;will-change:transform}
.inspiration-slide:hover>img,.inspiration-slide:focus-visible>img{transform:scale(1.12)!important;filter:none!important}
.inspiration-slide:hover .small-project-info,.inspiration-slide:focus-visible .small-project-info{transform:none!important}
.inspiration-slide .card-vignette{background:linear-gradient(180deg,transparent 42%,rgba(8,11,17,.12) 54%,rgba(6,9,15,.91) 100%)}
.inspiration-slide .small-project-info{bottom:24px;left:26px;right:24px;gap:7px}
.inspiration-slide .small-project-info strong{font-size:clamp(20px,2.4vw,28px);line-height:1.08}
.inspiration-slide .small-project-info small{font-size:clamp(13px,1.1vw,16px);line-height:1.3}
.inspiration-slide:focus-visible,.inspiration-arrow:focus-visible,.inspiration-viewport:focus-visible{outline:3px solid #174ffc;outline-offset:4px}
@media(hover:none),(pointer:coarse){.inspiration-slide:hover>img{transform:scale(1)!important}}
.inspiration-shell.is-single .inspiration-slide{flex-basis:min(100%,560px)}
.inspiration-shell.is-two .inspiration-slide{flex-basis:48%}
.inspiration-shell.is-three .inspiration-slide{flex-basis:31%}
.inspiration-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}
.inspiration-meta{display:flex;align-items:center;gap:18px;color:#343b49;font-size:15px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.inspiration-count{font-weight:700;white-space:nowrap;min-width:66px}
.inspiration-progress{position:relative;width:150px;height:2px;background:#d9dde4;overflow:hidden}
.inspiration-progress-fill{display:block;height:100%;width:0;background:#174ffc;transition:width .48s ease}
.inspiration-hint{color:#7b8493;font-size:13px;white-space:nowrap}
.inspiration-arrows{display:flex;gap:10px}
.inspiration-arrow{display:grid;place-items:center;width:47px;height:47px;border:1px solid #cdd2db;border-radius:50%;background:#fff;color:#182536;font-size:22px;transition:background .2s,border-color .2s,color .2s}
.inspiration-arrow:hover:not(:disabled){background:#1e1d28;color:#fff;border-color:#1e1d28}
.inspiration-arrow:disabled{opacity:.4;cursor:default}
.inspiration-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1099px){.portfolio-section{padding:56px 0 58px}.inspiration-slide{flex-basis:44%;aspect-ratio:16/11}}
@media(max-width:700px){.portfolio-section{padding:48px 0 49px}.portfolio-heading{margin-bottom:22px}.inspiration-track{gap:11px}.inspiration-slide{flex-basis:82%;aspect-ratio:16/11;border-radius:10px}.inspiration-slide .small-project-info{left:18px;right:17px;bottom:18px}.inspiration-slide .small-project-info strong{font-size:21px}.inspiration-slide .small-project-info small{font-size:13px}.inspiration-controls{margin-top:17px}.inspiration-meta{gap:12px}.inspiration-progress{width:70px}.inspiration-hint{display:none}.inspiration-arrow{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.inspiration-slide>img{transition:transform 1.7s cubic-bezier(.22,.7,.2,1)!important}.inspiration-arrow{transition:none!important}.inspiration-slide:hover>img,.inspiration-slide:focus-visible>img{transform:scale(1.12)!important}}
@media (prefers-reduced-motion:reduce) and (hover:none),(prefers-reduced-motion:reduce) and (pointer:coarse){.inspiration-slide:hover>img{transform:scale(1)!important}}