@font-face{font-family:ProjectManrope;src:url('/demos/assets/fonts/manrope-400.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:ProjectManrope;src:url('/demos/assets/fonts/manrope-700.woff') format('woff');font-weight:700;font-display:swap}
#demo-rolodex.project-strip{--gallery-bg:#171815;--gallery-text:#f3f3ec;--gallery-muted:#c0c2b9;--tile-width:clamp(290px,29vw,680px);--tile-gap:10px;position:relative;overflow:hidden;padding:26px 0 22px;background:var(--gallery-bg);color:var(--gallery-text);font-family:ProjectManrope,Arial,sans-serif;scroll-margin-top:0}
.project-strip *{box-sizing:border-box}.project-strip ::selection{color:#171815;background:#f3f3ec}.project-strip svg{width:20px;height:20px;flex:none}
.project-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px}
.jc-v2 .project-strip-heading h2{font:400 16px/1.3 ProjectManrope,Arial,sans-serif;letter-spacing:0;margin:0;text-transform:none}
.project-strip-all{min-height:44px;display:inline-flex;align-items:center;gap:16px;font-size:13px;text-decoration:none}.project-strip-all:hover{text-decoration:underline;text-underline-offset:5px}
.project-strip-help{font-size:12px!important;line-height:1.5!important;color:var(--gallery-muted);margin:13px 20px 21px}
.project-strip-stage{position:relative;display:flex;gap:var(--tile-gap);padding:0 20px;overflow-x:auto;overflow-y:hidden;touch-action:pan-y;cursor:grab;scrollbar-width:thin;scrollbar-color:#a5a898 #32352d}
.project-strip-item{position:relative;display:block;flex:0 0 var(--tile-width);width:var(--tile-width);min-width:0;text-decoration:none;color:var(--gallery-text)}
.project-strip-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;padding:0 0 12px}
.jc-v2 .project-strip-caption h3{font:400 13px/1.3 ProjectManrope,Arial,sans-serif;letter-spacing:0;margin:0;text-transform:none}
.project-strip-caption>span{opacity:0;transition:opacity .18s}.project-strip-item:hover .project-strip-caption>span,.project-strip-item:focus-visible .project-strip-caption>span{opacity:1}
.project-strip-image{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:#292c25}
.project-strip-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;-webkit-user-drag:none;user-select:none;transition:filter .24s cubic-bezier(.16,1,.3,1)}
.project-strip-item:hover .project-strip-image>img{filter:brightness(.91)}
.project-strip-open{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:12px 16px;background:#f3f3ec;color:#171815;font-size:13px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1)}
.project-strip-item:hover .project-strip-open,.project-strip-item:focus-visible .project-strip-open{opacity:1;transform:none}
.project-strip-sector{display:block;padding-top:10px;color:var(--gallery-muted);font-size:12px;line-height:1.4}
.project-strip-stage.strip-ready{display:block;height:calc(var(--tile-width)*4/3 + 70px);overflow:hidden;padding:0;scrollbar-width:none}
.strip-ready .project-strip-item{position:absolute;left:20px;top:0;will-change:transform}
.strip-ready.strip-idle .project-strip-item{will-change:auto}
.strip-dragging,.strip-dragging *{cursor:grabbing!important;user-select:none!important}
.project-strip-footer{padding:23px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:2}
.project-strip-footer>p{font-size:12px!important;line-height:1.5!important;color:var(--gallery-muted);margin:0}.project-strip-footer>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.project-strip-controls{display:flex;align-items:center;gap:15px}.project-strip-controls[hidden]{display:none}.project-strip-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;color:var(--gallery-text);border:1px solid #6e7464;cursor:pointer}.project-strip-controls button:hover{background:var(--gallery-text);color:var(--gallery-bg)}#project-strip-status{font-size:12px;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}
.project-strip :is(a,button,.project-strip-stage):focus-visible{outline:3px solid #f2d271;outline-offset:4px}.project-strip :is(a,button){touch-action:manipulation}
@media(max-width:991px){#demo-rolodex.project-strip{--tile-width:43vw}}
@media(max-width:600px){#demo-rolodex.project-strip{--tile-width:77vw;--tile-gap:8px;padding-top:20px}.project-strip-heading{padding:0 16px}.project-strip-help{margin:10px 16px 17px}.strip-ready .project-strip-item{left:16px}.jc-v2 .project-strip-heading h2{font-size:15px}.project-strip-caption{min-height:36px}.jc-v2 .project-strip-caption h3{font-size:13px}.project-strip-image{aspect-ratio:3/4}.project-strip-open{opacity:1;transform:none;bottom:10px;right:10px;min-height:43px;padding:10px 13px;font-size:12px;gap:15px}.project-strip-sector{font-size:12px}.project-strip-footer{padding:19px 16px 0;flex-wrap:wrap;gap:15px}.project-strip-footer>p{width:100%;order:3;font-size:12px!important}.project-strip-controls{gap:11px}.project-strip-all{font-size:12px}}
@media(prefers-reduced-motion:reduce){.project-strip-image>img,.project-strip-open,.project-strip-caption>span{transition:none}.project-strip-open{transform:none}}

/* Owner refinement: only landing sections; keep site headings intact and videos legible. */
#demo-rolodex.project-strip{--tile-width:clamp(320px,48vw,900px)}
.project-strip-link{display:block;text-decoration:none;color:inherit}.project-strip-image{aspect-ratio:16/9}.project-strip-image>img{object-fit:contain;background:#20231d}.project-strip-stage.strip-ready{height:calc(var(--tile-width)*9/16 + 94px)}
.project-strip-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.project-strip-meta .project-strip-sector{padding-top:0}.preview-motion{min-height:44px;min-width:100px;padding:9px 10px;background:none;color:var(--gallery-text);border:0;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.preview-motion:hover{color:#f2d271}.preview-motion:disabled{opacity:.6;cursor:default}
.project-strip-image iframe{position:absolute;top:0;left:0;border:0;width:1440px;height:810px;transform-origin:top left;pointer-events:none;opacity:0;background:transparent}.project-strip-image.frame-ready iframe{opacity:1}.project-strip-image.frame-ready>img{opacity:0}.project-strip-open{z-index:2}
@media(max-width:991px){#demo-rolodex.project-strip{--tile-width:68vw}}
@media(max-width:600px){#demo-rolodex.project-strip{--tile-width:88vw}.project-strip-image{aspect-ratio:16/9}.project-strip-sector{font-size:12px}.preview-motion{font-size:12px;min-width:92px}}