/* Website concepts from the Foundworks film, in three continuous rows. */
.concept-wall{--cw-card:clamp(250px,25vw,420px);--cw-gap:clamp(12px,1.2vw,20px);position:relative;padding:clamp(76px,8vw,120px) 0 60px;background:#050608;border-top:1px solid #252a31;overflow:hidden;scroll-margin-top:80px}
.cw-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}
.cw-eyebrow{margin:0 0 22px;font:12px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a0a7b0}
.cw-title{margin:0;font-size:clamp(38px,5.6vw,82px);font-weight:400;line-height:1.04;letter-spacing:-.055em}
.cw-head .tlink{flex:none;margin-bottom:8px}
.cw-viewport{display:grid;gap:var(--cw-gap);padding:8px 0;position:relative}
.cw-row{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#59616c #101216;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.cw-row:focus-visible{outline:2px solid #c7d8f2;outline-offset:-2px}
.cw-track,.cw-group{display:flex;width:max-content;align-items:center}
.cw-group{gap:var(--cw-gap);padding-right:var(--cw-gap)}
.cw-card{position:relative;width:var(--cw-card);flex:none;aspect-ratio:8/5;margin:0;background:#15181d;overflow:hidden;border-radius:4px;scroll-snap-align:start}
.cw-card img{display:block;width:100%;height:100%;object-fit:contain}
.cw-clone{display:none}
.cw-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:32px}
.cw-foot p{margin:0;color:#a0a7b0;font-size:13px;line-height:1.6}
.cw-toggle{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:44px;padding:10px 16px;border:1px solid #454b54;border-radius:4px;background:transparent;color:#e7ebef;font-family:inherit;font-size:13px;line-height:1.3;cursor:pointer;transition:background .2s,border-color .2s}
.cw-toggle:hover{background:#1b2027;border-color:#8692a1}
.cw-toggle:focus-visible{outline:2px solid #c7d8f2;outline-offset:5px}
.cw-toggle svg{width:14px;height:14px;fill:currentColor}
.cw-toggle[hidden]{display:none}
.cw-enhanced .cw-row{overflow:hidden;scroll-snap-type:none}
.cw-enhanced .cw-clone{display:flex}
.cw-enhanced .cw-track{animation:cw-drift 100s linear infinite;animation-delay:-12s;animation-play-state:paused;will-change:transform}
.cw-enhanced .cw-row:nth-child(2) .cw-track{animation-direction:reverse;animation-duration:112s;animation-delay:-28s}
.cw-enhanced .cw-row:nth-child(3) .cw-track{animation-duration:104s;animation-delay:-42s}
.cw-enhanced[data-cw-running="true"] .cw-track{animation-play-state:running}
.cw-enhanced .cw-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050608,transparent 3%,transparent 97%,#050608)}
.cw-static .cw-row{overflow-x:auto;scroll-snap-type:x proximity}
.cw-static .cw-track{animation:none;transform:none;will-change:auto}
.cw-static .cw-clone{display:none}
@keyframes cw-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:1800px){.concept-wall{--cw-card:420px}}
@media(max-width:700px){.concept-wall{--cw-card:250px;--cw-gap:12px;padding:70px 0 44px}.cw-head{display:block;margin-bottom:32px}.cw-head .tlink{display:inline-block;margin-top:24px}.cw-eyebrow{font-size:11px;margin-bottom:18px}.cw-title{font-size:clamp(34px,7.8vw,54px)}.cw-foot{align-items:flex-start;gap:16px;padding-top:24px}.cw-foot p{max-width:190px;font-size:12px}.cw-toggle{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.cw-enhanced .cw-row{overflow-x:auto;scroll-snap-type:x proximity}.cw-enhanced .cw-track{animation:none;transform:none;will-change:auto}.cw-enhanced .cw-clone{display:none}.cw-toggle{transition:none}}
