.samples-page .module-inner { max-width:1174px; margin-inline:auto; }
.samples-page-hero { padding:64px max(24px,5%); background:#f1eff9; }
.samples-page-hero .eyebrow { color:var(--gold); margin-bottom:24px; }
.samples-page-hero h1 { font-size:clamp(42px,5.2vw,72px); line-height:1.1; letter-spacing:-.04em; margin:0 0 20px; }
.samples-page-lead { font-size:20px; line-height:1.8; margin:0; color:var(--muted); }
.samples-page-module { padding:64px max(24px,5%); }
.samples-page-module:nth-of-type(even) { background:#f7f6fb; }
.samples-page-module h2 { font-size:clamp(30px,3.4vw,44px); line-height:1.2; letter-spacing:-.035em; margin:0 0 32px; }
.sample-format-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.sample-format-card { display:flex; flex-direction:column; align-items:start; min-width:0; padding:28px; border:1px solid #e2ddef; border-radius:20px; background:#fff; }
.sample-format-icon { display:grid; place-items:center; color:var(--gold); padding:14px; background:#f3f0ff; border-radius:16px; margin-bottom:24px; }
.sample-format-icon svg { width:64px; height:76px; display:block; }
.sample-format-icon img { display:block; width:64px; height:76px; object-fit:contain; }
.samples-page .sample-format-title { font-size:24px; letter-spacing:-.025em; margin:0 0 16px; line-height:1.35; }
.sample-format-title a { text-decoration:none; }
.sample-format-copy { color:var(--muted); font-size:16px; line-height:1.85; }
.sample-format-copy p { margin:0; }
.samples-page a { color:var(--gold); text-underline-offset:4px; }
.samples-page a:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
.samples-section-note { color:var(--muted); background:#f0edf8; border:1px solid #e4deef; border-radius:14px; padding:20px 24px; font-size:15px; line-height:1.85; margin:24px 0 0; }
.sample-color-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sample-image-card { min-width:0; padding:22px; border:1px solid #dfd9ec; border-radius:20px; background:#fff; }
.sample-image-card h3 { margin:0 0 20px; font-size:22px; line-height:1.35; }
.sample-image-card h3 b { font-weight:600; }
.sample-preview { display:flex; align-items:center; justify-content:center; background:#f6f5f8; border-radius:12px; overflow:hidden; }
.sample-preview img { display:block; max-width:100%; width:auto; height:100%; max-height:100%; object-fit:contain; }
.sample-color-grid .sample-preview { height:350px; padding:14px; }
.sample-full-size { display:block; font-size:14px; line-height:1.7; margin-top:20px; }
.sample-comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sample-comparison-card { margin:0; padding:24px; min-width:0; border:1px solid #e2ddef; border-radius:20px; background:#fff; }
.sample-comparison-card figcaption { font-size:21px; font-weight:600; margin-bottom:20px; }
.sample-comparison-card:nth-child(2) { border-color:#cec2ff; }
.sample-comparison-card:nth-child(2) figcaption { color:var(--gold); }
.sample-comparison-card .sample-preview { height:380px; padding:18px; }
@media(max-width:1050px) {
 .sample-format-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sample-color-grid .sample-preview { height:280px; }
 .sample-comparison-card .sample-preview { height:320px; }
}
@media(max-width:700px) {
 .samples-page-hero,.samples-page-module { padding-block:40px; }
 .sample-color-grid,.sample-comparison-grid { grid-template-columns:minmax(0,1fr); }
 .sample-color-grid .sample-preview { height:360px; }
 .sample-comparison-card .sample-preview { height:340px; }
 .sample-format-card { padding:22px; }
}
@media(max-width:440px) {
 .sample-format-grid { grid-template-columns:minmax(0,1fr); }
 .sample-format-card { display:grid; grid-template-columns:70px minmax(0,1fr); gap:14px 20px; align-items:start; }
 .sample-format-icon { padding:8px; margin:0; grid-row:span 2; }
 .sample-format-icon svg { width:52px; height:62px; }
 .sample-format-icon img { width:52px; height:62px; }
 .samples-page .sample-format-title { font-size:22px; margin:0; }
 .sample-format-copy { font-size:15px; }
 .sample-image-card,.sample-comparison-card { padding:20px; }
 .sample-color-grid .sample-preview,.sample-comparison-card .sample-preview { height:300px; }
}