/* Looper-inspired project strip. Native touch scrolling, explicit drag, no autoplay. */
#about-main .about-projects-loop {width:100%;max-width:none;padding-block:80px 110px;}
.about-projects-loop .about-section-heading {width:min(100% - 112px,1320px);margin-inline:auto;}
.about-projects-loop .about-loop-hint {width:min(100% - 112px,1320px);margin:0 auto 18px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;}
.about-projects-loop .about-loop-pause {display:block;margin:0 clamp(20px,4vw,60px) 16px auto;padding:8px 16px;border:1px solid var(--about-line);border-radius:20px;background:transparent;color:var(--about-ink);font:11px "Space Grotesk",sans-serif;letter-spacing:.08em;cursor:pointer;}
.about-projects-loop .about-loop-pause[hidden] {display:none;}
.about-projects-loop .about-loop-pause:focus-visible {outline:2px solid var(--about-orange);outline-offset:4px;}
#about-main .about-projects-loop h2 {font-family:"Bebas Neue",sans-serif;font-size:clamp(64px,7vw,110px);font-weight:400;line-height:.92;text-transform:uppercase;}
#about-main .about-projects-loop .about-project-grid {
 display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;
 padding:8px clamp(20px,4vw,60px) 24px;
 scroll-behavior:auto;scrollbar-width:none;overscroll-behavior-x:contain;
 cursor:grab;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;
}
.about-projects-loop .about-project-grid::-webkit-scrollbar {display:none;}
#about-main .about-projects-loop .about-project:nth-child(n) {flex:0 0 clamp(330px,42vw,660px);width:auto;min-width:0;margin:0;padding:0;}
#about-main .about-projects-loop .about-project-media {aspect-ratio:4/3;transform:none !important;border-radius:3px;}
.about-projects-loop .about-project img {pointer-events:none;-webkit-user-drag:none;transition:transform .65s cubic-bezier(.22,1,.36,1);}
.about-projects-loop .about-project:hover img {transform:scale(1.035);}
#about-main .about-projects-loop .about-project figcaption {display:block;padding-top:18px;}
#about-main .about-projects-loop .about-project h3 {font-size:22px;font-weight:500;line-height:1.25;margin-bottom:5px;}
#about-main .about-projects-loop .about-project figcaption>span {font-size:12px;line-height:1.5;}
.about-projects-loop .about-project-grid.is-dragging {cursor:grabbing;}
.about-projects-loop .is-dragging .about-project {pointer-events:none;}
.about-projects-loop .about-project-grid:focus-visible {outline:2px solid var(--about-orange);outline-offset:-3px;}
.about-projects-loop .about-project:focus-visible {outline:2px solid var(--about-orange);outline-offset:3px;}
@media(max-width:767px) {
 #about-main .about-projects-loop {padding-block:56px 64px;}
 .about-projects-loop .about-section-heading {width:calc(100% - 40px);}
 .about-projects-loop .about-loop-hint {width:calc(100% - 40px);}
 #about-main .about-projects-loop h2 {font-size:clamp(52px,13vw,80px);}
 #about-main .about-projects-loop .about-project-grid {gap:16px;padding-inline:20px;}
 #about-main .about-projects-loop .about-project:nth-child(n) {flex-basis:82vw;}
 #about-main .about-projects-loop .about-project-media {aspect-ratio:5/4;}
 #about-main .about-projects-loop .about-project h3 {font-size:20px;}
}
@media(prefers-reduced-motion:reduce) {.about-projects-loop .about-project img {transition:none;}}