.sf-sample{max-width:82rem;padding:clamp(2rem, 5vw, 4rem) var(--sf-gutter);color:var(--sf-paper);border-block:1px solid var(--sf-brass);margin:0 auto;scroll-margin-top:6rem}.sf-sample__intro{max-width:47rem}.sf-sample .sf-plate{color:var(--sf-brass)}.sf-sample h2{text-wrap:balance;margin:1.5rem 0;font-size:clamp(1.7rem,1.1rem + 2vw,2.8rem);line-height:1.4}.sf-sample p{font-size:1rem;line-height:1.85}.sf-sample .sf-btn{white-space:normal;text-align:center;max-width:100%;margin-block:1.25rem}.sf-sample__pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);margin-block:2.5rem;display:grid}.sf-sample figure{min-width:0;margin:0}.sf-sample figure a{display:block}.sf-sample img{width:100%;height:auto;display:block;box-shadow:0 18px 32px #0005}.sf-sample figcaption{gap:.6rem;margin-top:1.25rem;line-height:1.6;display:grid}.sf-sample figcaption b{color:var(--sf-brass);font-size:1rem}.sf-sample figcaption span,.sf-sample .sf-sample__scope{font-size:.9375rem}.sf-sample__next{text-underline-offset:.3em;margin-top:1rem;padding-block:.75rem;font-size:1rem;text-decoration:underline;display:inline-block}.sf-sample a:focus-visible{outline:3px solid var(--sf-brass);outline-offset:6px}@media (max-width:640px){.sf-sample__pages{grid-template-columns:minmax(0,1fr);gap:2.5rem}.sf-sample figure{width:100%;max-width:28rem;margin-inline:auto}}