.head-dark{background:var(--dark);color:var(--on-dark)}
.head-dark .eyebrow{color:#c9b391}
.head-dark .page-head h1{font-size:clamp(30px,3.6vw,46px);font-weight:400;letter-spacing:.04em;line-height:1.35}
.head-dark .page-head p.lead{color:#b9b0a4;font-size:19px;font-style:italic}

.intro p{font-size:18px}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px)}
.offer{background:var(--ivory);border:1px solid var(--line);padding:clamp(32px,4vw,48px) clamp(24px,3vw,40px)}
.offer-pic{aspect-ratio:3/2;overflow:hidden;margin-bottom:28px}
.offer .n{font-family:var(--serif-en);font-style:italic;font-weight:300;font-size:36px;line-height:1;color:var(--gold)}
.offer h3{font-family:var(--serif-en);font-weight:400;font-size:30px;letter-spacing:.06em;line-height:1.3;margin-top:12px}
.offer .jp{font-size:14px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.offer p{color:var(--sub);font-size:17px}
.offer .lines{margin-top:12px}
.offer .lines li{font-size:16px;padding:10px 0 10px 26px}
.offer .lines li::before{top:24px}
.offer .text-link{margin-top:24px}
.offer.new{background:var(--dark);color:var(--on-dark);border-color:var(--dark)}
.offer.new p{color:#b9b0a4}
.offer.new .n,.offer.new .jp{color:#c9b391}
.offer.new .lines li{border-color:rgba(239,232,221,.16)}
.offer.new .todo{border-color:#4a423a;color:#a59c90}

.numbered h3{font-size:23px;letter-spacing:.04em;line-height:1.4}
.numbered p{font-size:17px}

.closing{text-align:center}
.closing .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}
@media (max-width:860px){ .offers{grid-template-columns:1fr} }