.sample-de { max-width: 1120px; margin: 0 auto; padding: 50px 0 80px; }
.sample-de-intro { max-width: 760px; margin: 0 auto 64px; text-align: center; }
.sample-de h1 { color: #4d203d; font: 500 clamp(38px, 5vw, 68px)/1.08 Newsreader, Georgia, serif; letter-spacing: -.025em; margin: 15px 0 26px; }
.sample-de h1 em { font-weight: 400; }
.sample-de p { font-size: 17px; line-height: 1.65; color: #655460; }
.sample-de h2 { color: #4d203d; font: 500 30px/1.2 Newsreader, Georgia, serif; margin: 0 0 14px; }
.sample-de .primary-cta { margin: 20px 0 10px; }
.sample-de .sample-de-note { font-size: 13px; line-height: 1.5; color: #7b6873; }
.sample-de-context { max-width: 820px; margin: 0 auto 50px; padding: 32px; background: #f6eee7; border-radius: 16px; }
.sample-de-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; margin-bottom: 60px; }
.sample-de-grid article { min-width: 0; }
.sample-de-grid img { width: 100%; height: auto; box-shadow: 0 12px 35px #38243b14; border: 1px solid #e1d3c8; border-radius: 3px; }
.sample-de-grid a { display: block; }
@media (max-width: 700px) { .sample-de { padding-top: 28px; } .sample-de-grid { grid-template-columns: 1fr; gap: 32px; } .sample-de-context { padding: 22px; } }