:root { --display:'Cormorant Garamond',Georgia,serif; }
.sample-main .seo-wrap { max-width:1200px; }
.sample-hero { display:grid; grid-template-columns:1fr .85fr; gap:70px; align-items:start; padding:28px 0 72px; }
.sample-intro h1 { font-size:clamp(2.8rem,5.1vw,4.6rem); line-height:1.02; margin:16px 0 24px; }
.sample-intro > p { font-size:18px; color:var(--ivory); max-width:490px; }
.sample-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin:28px 0 12px; }
.sample-text-link { font-size:14px; border-bottom:1px solid var(--line-brass-strong); }
.sample-intro .sample-caption { font-size:12px; color:rgba(248,242,231,.65); }
.sample-offer { margin-top:32px; border-top:1px solid var(--line-brass-strong); padding-top:22px; }
.sample-offer strong { color:var(--champagne); font-size:17px; font-weight:500; }
.sample-offer p { margin:8px 0 12px; font-size:14px; line-height:1.7; }
.sample-offer > a { font-size:15px; }
.sample-paper { margin:0; position:relative; padding-top:8px; }
.sample-paper img { width:100%; height:auto; box-shadow:0 25px 60px #0008; border:1px solid #d4c7a6; }
.sample-paper figcaption { padding:18px 0; color:rgba(248,242,231,.6); font-family:var(--mono); font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.sample-contents { border-top:1px solid var(--line-strong); padding:42px 0 12px; }
.sample-contents ol { list-style:none; padding:0; margin:32px 0; }
.sample-contents li { display:grid; grid-template-columns:70px 1fr; padding:24px 0; margin:0; border-top:1px solid var(--line); gap:20px; }
.sample-contents li > span { font-family:var(--display); font-size:32px; line-height:1.2; color:var(--brass); }
.sample-contents h3 { margin:0 0 8px; font-family:var(--display); font-size:28px; font-weight:500; }
.sample-contents p { margin:0; max-width:700px; }
.sample-note { max-width:820px; margin:10px 0 20px; }
.seo-footer-links { display:flex; flex-wrap:wrap; gap:20px; }
a:focus-visible { outline:2px solid var(--champagne); outline-offset:5px; }
@media(max-width:780px) { .sample-hero { grid-template-columns:1fr; gap:32px; padding-bottom:30px; } .sample-paper { max-width:500px; margin:auto; } .sample-intro h1 { font-size:3.3rem; } .sample-contents li { grid-template-columns:36px 1fr; gap:16px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }