.modern-gallery{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:3rem 0 4rem 0}.gallery-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 24px 0 rgba(0,0,0,.1),0 1.5px 6px 0 rgba(219,148,35,.1);display:flex;align-items:center;padding:2rem 2.5rem;transition:box-shadow .3s;max-width:700px;width:100%;min-width:320px;position:relative}.gallery-card:hover{box-shadow:0 8px 32px 0 rgba(219,148,35,.18),0 3px 12px 0 rgba(0,0,0,.12)}.gallery-img-wrapper{position:relative;width:220px;height:160px;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);background:#f7f7f7;display:flex;align-items:center;justify-content:center}.gallery-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:1rem;transition:transform .3s}.gallery-card:hover .gallery-img-wrapper img{transform:scale(1.04)}.gallery-label{position:absolute;bottom:10px;left:10px;background:rgba(219,148,35,.95);color:#fff;font-size:1rem;font-weight:600;padding:.3rem 1.1rem;border-radius:.7rem;letter-spacing:1px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.gallery-label-before{background:rgba(0,0,0,.85);color:#fff}.gallery-label-after{background:rgba(219,148,35,.95);color:#fff}.gallery-arrow{margin:0 1.5rem;display:flex;align-items:center;justify-content:center}.gallery-arrow img{width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(219,148,35,.18))}@media (max-width:900px){.modern-gallery{flex-direction:column;gap:2.5rem;align-items:center}.gallery-card{flex-direction:column;padding:1.2rem .7rem;max-width:95vw;min-width:0}.gallery-arrow{margin:1rem 0}.gallery-img-wrapper{width:90vw;max-width:320px;height:180px}}.symmetric-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;justify-items:center;margin:3rem 0 4rem 0}.gallery-card-vertical{background:#fff;border-radius:1.5rem;box-shadow:0 4px 24px 0 rgba(0,0,0,.1),0 1.5px 6px 0 rgba(219,148,35,.1);display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;transition:box-shadow .3s;max-width:340px;width:100%;position:relative}.gallery-card-vertical:hover{box-shadow:0 8px 32px 0 rgba(219,148,35,.18),0 3px 12px 0 rgba(0,0,0,.12)}.gallery-img-wrapper-vertical{position:relative;width:240px;height:170px;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);background:#f7f7f7;display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}.gallery-img-wrapper-vertical img{width:100%;height:100%;object-fit:cover;border-radius:1rem;transition:transform .3s}.gallery-card-vertical:hover .gallery-img-wrapper-vertical img{transform:scale(1.04)}.gallery-label-vertical{position:absolute;bottom:10px;left:10px;background:rgba(219,148,35,.95);color:#fff;font-size:1rem;font-weight:600;padding:.3rem 1.1rem;border-radius:.7rem;letter-spacing:1px;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.gallery-label-before{background:var(--color-black);color:var(--color-white)}.gallery-label-after{background:rgba(219,148,35,.95);color:var(--color-black)}.gallery-divider{margin:.2rem 0 .7rem 0;display:flex;align-items:center;justify-content:center}@media (max-width:900px){.symmetric-gallery{grid-template-columns:1fr;gap:2.5rem;align-items:center}.gallery-card-vertical{max-width:95vw;padding:1.2rem .7rem}.gallery-img-wrapper-vertical{width:90vw;max-width:320px;height:180px}}.grid-items2::before{position:absolute;font-size:1.5rem;top:.6rem;left:.9rem;font-weight:bold}.grid-items2-1::before{content:"Porche"}.grid-items2-4::after{content:"Before"}.grid-items2-6::before{content:"After"}.grid-items2-7::after{content:"";background-image:url("../photos/porche-before.jpg");background-size:cover;width:95%;height:90%}.grid-items2-8::after{content:"";top:50%;left:50%;transform:translate(-50%,-40%);background-image:url("../photos/arrow-right-solid.svg");width:.8rem;height:.9rem}.grid-items2-9::after{content:"";background-image:url("../photos/porche-after.jpg");background-size:cover;width:95%;height:90%}