.project-showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(2rem,7vw,8rem);align-items:center;padding-block:clamp(4.5rem,10vw,9rem);border-top:1px solid #e4ddd4}.showcase-copy{max-width:34rem}.showcase-copy h2{font-size:clamp(2.25rem,4.1vw,4.8rem);line-height:1.15;margin:.65rem 0 1.15rem;color:#161c1d}.showcase-copy>p:not(.eyebrow){font-size:1.08rem;line-height:2;color:#64717a;margin:0}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:2.6rem;border-top:1px solid #ddd5cb;padding-top:1.1rem}.showcase-count{direction:ltr;margin:0;color:#918b84;font-size:.9rem}.showcase-count b{font-size:1.4rem;color:#a91e24;letter-spacing:.06em}.slider-controls{display:flex;gap:.55rem;direction:ltr}.slider-controls button{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid #d5ccc2;background:transparent;color:#a91e24;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:.2s ease}.slider-controls button:hover,.slider-controls button:focus-visible{background:#a91e24;color:#fff;border-color:#a91e24;outline:none}.showcase-media{position:relative;aspect-ratio:1.16/1;overflow:hidden;border-radius:1.5rem;background:#d8d0c6;box-shadow:0 1.5rem 4rem rgba(40,31,24,.12)}.showcase-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .7s ease,transform 1.1s ease;pointer-events:none}.showcase-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}.showcase-slide img,.showcase-slide video{width:100%;height:100%;display:block;object-fit:cover}.showcase-slide:nth-child(2) img{object-fit:contain;background:#fff}.showcase-slide span{position:absolute;right:1.25rem;left:1.25rem;bottom:1.25rem;padding:1rem 1.25rem;border-radius:.7rem;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.68));color:#191e20;font-size:.93rem;font-weight:700;backdrop-filter:blur(8px)}.showcase-dots{position:absolute;left:1.25rem;top:1.25rem;display:flex;gap:.45rem;direction:ltr;z-index:2}.showcase-dots button{padding:0;border:0;width:.55rem;height:.55rem;border-radius:50%;background:rgba(255,255,255,.62);cursor:pointer;transition:.2s ease}.showcase-dots button.is-active{width:1.6rem;border-radius:1rem;background:#aa2026}@media (max-width:760px){.project-showcase{grid-template-columns:1fr;gap:2rem;padding-block:4.5rem}.showcase-copy{order:2}.showcase-media{order:1;aspect-ratio:1/1}.showcase-copy h2{font-size:2.3rem}.showcase-slide span{right:.8rem;left:.8rem;bottom:.8rem;padding:.75rem 1rem}.showcase-dots{left:.9rem;top:.9rem}}
