#site .project-stack{--stack-top:190px;position:relative;padding-bottom:24px;display:grid;gap:56px}
#site .stack-card{position:sticky;top:calc(var(--stack-top) + var(--order)*8px);border-radius:6px;overflow:hidden;border:1px solid #ded9cf;background:#211f1a;box-shadow:0 -8px 22px #211f1a12}
#site .stack-open{display:block;width:100%;height:clamp(320px,54vh,560px);padding:0;border:0;text-align:left;position:relative;color:#fff;background:#211f1a}
#site .stack-open img,#site .stack-open video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#site .stack-shade{position:absolute;inset:0;background:linear-gradient(0deg,#10140fe6,transparent 70%)}#site .stack-copy{position:absolute;bottom:36px;left:36px;right:36px}#site .stack-kind{font:500 12px 'Barlow',sans-serif;letter-spacing:1.5px;text-transform:uppercase}#site .stack-copy h3{font-size:42px;line-height:1.05;margin-top:14px;color:#fff}#site .stack-copy h3 span{font-size:28px;font-weight:600}#site .stack-explore{position:absolute;right:0;bottom:0;font:500 15px 'Barlow',sans-serif;border-bottom:1px solid #ffffff70;padding-bottom:8px}#site .stack-explore span{padding-left:35px}#site .stack-caption{margin-top:14px}
#site .stack-pause{position:absolute;top:20px;right:20px;background:#151c13bf;border:1px solid #ffffff70;color:#fff;font-size:12px;padding:8px 12px}
.project-gallery{width:min(1120px,94vw);max-height:92svh;padding:0;border:0;border-radius:6px;background:#faf8f3;color:#171613;font:16px 'Barlow',sans-serif;overflow:auto}.project-gallery::backdrop{background:#0c100ded;backdrop-filter:blur(5px)}.gallery-open{overflow:hidden}.gallery-top{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:13px;background:#faf8f3;position:sticky;top:0;z-index:2}.gallery-close{font:500 14px 'Barlow',sans-serif;border:1px solid #ccc5b8;padding:10px 16px;background:transparent}.gallery-image{width:100%;max-height:60svh;object-fit:contain;background:#211f1a;display:block}.gallery-info{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px}.gallery-info h2{font:600 32px/1.1 'Barlow Semi Condensed',sans-serif;margin:10px 0}.gallery-info p,.gallery-label{font-size:13px;color:#6b6256}.gallery-actions{display:flex;gap:10px;flex-wrap:wrap}.gallery-actions .btn{font-family:'Barlow',sans-serif;font-size:14px}.gallery-actions .primary{background:#e51c24;border-color:#e51c24;color:white}
#site .project-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.project-photo-button{padding:0;border:0;width:100%;background:none}.project-photo-button img{display:block;width:100%;height:auto}
@container(max-width:650px){#site .project-stack{gap:24px;padding:0}#site .stack-card{position:relative;top:auto}#site .stack-open{height:auto;aspect-ratio:4/3}#site .stack-copy{bottom:22px;left:22px;right:22px}#site .stack-copy h3{font-size:30px;margin-top:10px}#site .stack-copy h3 span{font-size:23px}#site .stack-explore{position:static;display:inline-block;margin-top:15px;font-size:13px}#site .stack-kind{font-size:10px}}
@media(max-width:650px){.gallery-info{display:block;padding:22px}.gallery-actions{margin-top:22px}.gallery-info h2{font-size:28px}.gallery-top{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){#site .stack-card{position:relative;top:auto}}

#site .stack-open video{opacity:0}#site .stack-open video.playing{opacity:1}#site .stack-pause[hidden]{display:none}