article{padding-bottom:clamp(64px,8vw,100px)}
.meta{display:flex;gap:16px;align-items:center;margin:clamp(40px,5vw,64px) 0 16px}
.date{font-family:var(--serif-en);color:var(--gold);font-size:18px;letter-spacing:.1em}
.cat{font-family:var(--serif-en);font-size:12px;letter-spacing:.2em;color:var(--sub);border:1px solid var(--line);padding:0 10px}
h1{font-weight:400;font-size:clamp(28px,3.2vw,40px);letter-spacing:.02em;line-height:1.35;margin-bottom:clamp(36px,4vw,48px)}
.main-pic{aspect-ratio:16/9;margin:0 0 clamp(36px,4vw,56px);overflow:hidden}
.pics figure{margin:0;aspect-ratio:3/4;overflow:hidden}
article p{color:var(--sub);margin-bottom:22px}
.pics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0}
.pics .ph-empty{aspect-ratio:4/3}
.back{text-align:center;padding-bottom:clamp(88px,11vw,140px)}