.more-projects{background:#050505;color:#e6e6e6;padding:72px 0 96px}
.more-projects-inner{max-width:1380px;margin:0 auto;padding:0 var(--side)}
.more-projects-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid rgba(230,230,230,.34)}
.more-projects-head h2,.more-projects-head span{margin:0;font:500 16px/1.1 "neue-haas-grotesk-text",Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase}
.more-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap,20px)}
.more-projects-card{position:relative;display:block;min-width:0;aspect-ratio:3/2;overflow:hidden;border-radius:4px;background:#161616;color:#e6e6e6;text-decoration:none!important}
.more-projects-image{position:absolute;inset:0;display:block;overflow:hidden}
.more-projects-image img,.more-projects-image video{display:block;width:100%;height:100%;object-fit:cover}
.more-projects-card::after{content:"";position:absolute;inset:38% 0 0;z-index:1;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}
.more-projects-info{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px;font:500 16px/1.1 "neue-haas-grotesk-text",Arial,sans-serif;text-transform:uppercase}
.more-projects-info small{font:500 16px/1.1 "neue-haas-grotesk-text",Arial,sans-serif;text-align:right;text-transform:none;color:#d0d0d0}
.more-projects-card:focus-visible{outline:2px solid #e6e6e6;outline-offset:-3px}
@media(max-width:767px){.more-projects{padding:52px 0 72px}.more-projects-head{margin-bottom:20px}.more-projects-grid{grid-template-columns:1fr}.more-projects-card{aspect-ratio:3/2;height:auto}}
.more-projects-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 78% 88% at 100% 50%,rgba(0,0,0,.44),transparent 74%);opacity:0;transition:opacity .65s ease}
.more-projects-card::before{content:"";position:absolute;top:50%;right:20px;z-index:3;width:29px;height:18px;background:url("/assets/site/arrow-right.svg?v=1") center/29px 12px no-repeat;opacity:0;transform:translate(8px,-50%);pointer-events:none;transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.more-projects-card:hover .more-projects-image::after,.more-projects-card:hover::before{opacity:.95}.more-projects-card:hover::before{transform:translateY(-50%)}}
.more-projects-card:focus-visible .more-projects-image::after,.more-projects-card:focus-visible::before{opacity:.95}
.more-projects-card:focus-visible::before{transform:translateY(-50%)}
@media(prefers-reduced-motion:reduce){.more-projects-image::after,.more-projects-card::before{transition:none}}
/* Project name stays left-aligned when it wraps (e.g. "Yama at Vogue Hotel") — it was inheriting text-align:center (Gabriel 11/05) */
.more-projects-info>span{text-align:left}