.pg-intro{padding:clamp(120px,16vh,168px) 0 clamp(40px,6vw,60px);text-align:center}
.pg-intro h1{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:300;line-height:1.14;max-width:26ch;margin:14px auto 0}
.pg-intro .pg-sub{margin-top:16px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);max-width:52ch;margin-left:auto;margin-right:auto}
.pg-divider{width:70px;height:1px;background:var(--line);margin:clamp(30px,5vw,44px) auto 0}

.pg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,30px);padding:clamp(20px,4vw,40px) 0 clamp(90px,12vw,140px)}
.pg-card{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:2px;display:block}
.pg-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.pg-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,12,.08) 40%,rgba(20,15,12,.68));transition:.4s var(--ease)}
.pg-card:hover img{transform:scale(1.06)}
.pg-card:hover::after{background:linear-gradient(180deg,rgba(20,15,12,.16) 30%,rgba(20,15,12,.76))}
.pg-card span{position:absolute;left:24px;right:24px;bottom:26px;z-index:2;color:#fff;font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:.02em;transition:transform .4s var(--ease)}
.pg-card:hover span{transform:translateY(-5px)}
.pg-card .sub-title{position:absolute;left:24px;right:24px;bottom:6px;z-index:2;color:rgba(255,255,255,.75);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.pg-card.has-sub span{bottom:44px}

@media(max-width:900px){
  .pg-grid{grid-template-columns:1fr}
}