.article-page{width:min(1040px,92%);margin:0 auto;padding:64px 0 88px}.article-intro{max-width:820px;margin-bottom:30px}.article-page h1{max-width:900px;margin:12px 0 20px;font-size:clamp(2.35rem,5vw,4.4rem);color:var(--wine);line-height:1.02}.article-deck{max-width:760px;font-family:Georgia,serif;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.6;color:var(--muted)}.article-hero{width:100%;height:auto;max-height:none;margin:42px 0;object-fit:contain;border-radius:20px;background:#f5efe7;box-shadow:var(--shadow)}.article-copy{width:min(780px,100%);margin:44px auto 0;padding:clamp(24px,5vw,56px);font-family:Georgia,serif;font-size:1.14rem;line-height:1.85;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 48px rgba(54,38,25,.06)}.article-copy p:first-child:first-letter{float:left;margin:.08em .1em 0 0;color:var(--wine);font-size:4.5rem;line-height:.8}.closing-question{max-width:780px;margin:44px auto;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.article-page>.btn{margin-left:max(0px,calc((100% - 780px)/2))}
@media(max-width:640px){.article-page{padding:42px 0 64px}.article-page h1{font-size:clamp(1.85rem,8.5vw,2.35rem);line-height:1}.article-copy{padding:24px 20px;border-radius:18px}.article-page>.btn{margin-left:0}}