/* Elite Grup 3D portfolio layout, retaining draft text colours and header. */
.project-feature-list{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(260px,25vw,360px);gap:16px!important;width:100%!important;left:auto!important;margin:30px 0!important;perspective:1500px}
.project-feature{position:relative;display:block!important;grid-column:span 4;min-height:0!important;min-width:0;border-radius:4px;box-shadow:0 12px 35px #0b23391f;overflow:hidden;transition:box-shadow 350ms ease}
.project-feature:first-child{grid-column:1/span 7;grid-row:span 2}
.project-feature:nth-child(2),.project-feature:nth-child(3){grid-column:8/span 5}
.project-feature .project-feature-media{position:absolute;inset:0;width:100%!important;height:100%;min-height:0!important;margin:0!important;clip-path:none!important}
.project-feature .project-feature-media img{transition:transform 650ms cubic-bezier(.23,1,.32,1);object-position:center}
.project-feature .project-feature-slash{display:none}
.project-feature .project-feature-copy{position:absolute;z-index:2;bottom:0;left:0;right:0;display:block;width:100%!important;margin:0!important;padding:18px 22px!important;clip-path:none!important;background:rgba(255,255,255,.96);border-top:1px solid #a9cfe966}
.project-feature-copy:before{display:none!important}
.project-feature-copy h2{font-size:clamp(17px,1.5vw,22px)!important;line-height:1.2!important;margin:0!important}
.project-feature:first-child h2{font-size:clamp(22px,2.3vw,32px)!important}
.project-feature-location{margin-bottom:7px!important}
.project-feature-media--two .project-rendering--secondary{inset:18px 18px auto auto!important;width:29%!important;height:29%!important;border-radius:3px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.project-feature:hover{box-shadow:0 25px 55px #0b233936}
.project-feature:hover .project-rendering:not(.project-rendering--secondary){transform:scale(1.055)}
}
@media(max-width:900px){
.project-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:300px}
.project-feature-list .project-feature{grid-column:auto;grid-row:auto}
.project-feature-list .project-feature:first-child{grid-column:span 2;grid-row:span 2}
}
@media(max-width:560px){
.project-feature-list{grid-template-columns:1fr;grid-auto-rows:300px;gap:12px!important}
.project-feature-list .project-feature,.project-feature-list .project-feature:first-child{grid-column:auto;grid-row:auto}
.project-feature .project-feature-copy{padding:14px 16px!important}
.project-feature:first-child h2{font-size:21px!important}
}
@media(prefers-reduced-motion:reduce){.project-feature,.project-feature img{transition:none!important}}

/* Compact cards, names on images. */
.project-feature-list{grid-auto-rows:clamp(210px,18vw,270px);gap:18px!important;margin-block:18px!important}
.project-feature{border-radius:16px;border:1px solid #ffffff88;box-shadow:0 14px 28px -12px #09284955;transition:transform 250ms cubic-bezier(.23,1,.32,1),box-shadow 250ms ease;transform-style:preserve-3d}
.project-feature .project-feature-copy{background:linear-gradient(transparent,rgba(4,18,34,.92))!important;border:0;padding:45px 20px 18px!important;color:#fff}
.project-feature-copy h2{color:#fff!important;text-shadow:0 2px 10px #0008;font-size:clamp(16px,1.3vw,20px)!important}
.project-feature:first-child h2{font-size:clamp(20px,1.8vw,27px)!important}
.project-feature-location{color:#bce9ff!important;font-size:10px}
.project-feature-media--two .project-rendering--secondary{border-radius:10px}
body:has(.project-feature-list) .section{padding-block:32px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-feature:hover{transform:translateY(-5px) rotateX(1deg) rotateY(-1deg);box-shadow:0 24px 40px -12px #09284966}}
@media(max-width:900px){.project-feature-list{grid-auto-rows:230px}}
@media(max-width:560px){.project-feature-list{grid-auto-rows:220px}.project-feature .project-feature-copy{padding:38px 16px 16px!important}}
@media(prefers-reduced-motion:reduce){.project-feature{transform:none!important}}
