.samples-grid{--sg-section-bg:#f0f9ff;--sg-surface:#fff;--sg-thumb-bg:#eef5ff;--sg-meta-bg:#fff;--sg-border:var(--c9r-sky,#dbeafe);--sg-border-hover:var(--c9r-blue,#2563eb);--sg-ink:var(--c9r-ink,#0b1729);--sg-muted:var(--c9r-mid,#475569);--sg-focus:var(--c9r-blue,#2563eb);--sg-overlay:#0b1729cc;--sg-cta-bg:var(--c9r-blue,#2563eb);--sg-cta-fg:#fff;--sg-radius:12px;--sg-shadow:0 12px 32px -18px #0b17292e;--sg-shadow-hover:0 24px 56px -24px #0b17293d;background:var(--sg-section-bg);border-bottom:1px solid var(--sg-border);font-family:var(--rw-body,system-ui, sans-serif)}.samples-grid__container{max-width:1320px;margin-inline:auto;padding-block:64px;padding-inline:20px}@media (min-width:768px){.samples-grid__container{padding-block:96px;padding-inline:32px}}.samples-grid__grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.samples-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.samples-grid__grid{gap:32px}}@media (min-width:1024px){.samples-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}.samples-grid__tile{appearance:none;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:var(--sg-surface);border:1px solid var(--sg-border);border-radius:var(--sg-radius);box-shadow:var(--sg-shadow);margin:0;padding:0;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;display:block;overflow:hidden}.samples-grid__tile:hover{border-color:var(--sg-border-hover);box-shadow:var(--sg-shadow-hover);transform:translateY(-2px)}.samples-grid__tile:focus{outline:none}.samples-grid__tile:focus-visible{outline:2px solid var(--sg-focus);outline-offset:4px}.samples-grid__thumb{aspect-ratio:8.5/11;background:var(--sg-thumb-bg);width:100%;overflow:hidden}.samples-grid__thumb-img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.samples-grid__meta{border-top:1px solid var(--sg-border);background:var(--sg-meta-bg);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}@media (min-width:640px){.samples-grid__meta{padding-inline:20px}}.samples-grid__name{letter-spacing:-.005em;color:var(--sg-ink);font-size:15px;font-weight:500}.samples-grid__preview-link{letter-spacing:.04em;text-transform:uppercase;color:var(--sg-muted);align-items:center;gap:4px;font-size:10.5px;transition:color .15s;display:inline-flex}.samples-grid__tile:hover .samples-grid__preview-link{color:var(--sg-ink)}.samples-grid__preview-arrow{transition:transform .15s;display:inline-block}.samples-grid__tile:hover .samples-grid__preview-arrow{transform:translate(2px,-2px)}.samples-grid__tag{letter-spacing:.04em;text-transform:uppercase;color:var(--sg-muted);align-items:center;font-size:10.5px;display:inline-flex}.samples-grid__lightbox{z-index:50;background:var(--sg-overlay);-webkit-backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:16px;display:flex;position:fixed;inset:0}@media (min-width:640px){.samples-grid__lightbox{gap:24px;padding:24px}}@media (min-width:768px){.samples-grid__lightbox{padding:32px}}.samples-grid__lightbox-frame{position:relative}.samples-grid__lightbox-close{z-index:10;background:var(--sg-surface);width:36px;height:36px;color:var(--sg-ink);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.samples-grid__lightbox-close:hover{background:#fff}.samples-grid__lightbox-close:focus{outline:none}.samples-grid__lightbox-close:focus-visible{outline:2px solid var(--sg-focus);outline-offset:2px}.samples-grid__lightbox-img{background:var(--sg-surface);border:1px solid var(--sg-border);border-radius:var(--sg-radius);width:auto;max-width:100%;height:auto;max-height:78vh;box-shadow:var(--sg-shadow);display:block;overflow:hidden}.samples-grid__lightbox-cta{background:var(--sg-cta-bg);color:var(--sg-cta-fg);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s;display:inline-flex}.samples-grid__lightbox-cta:hover{transform:translateY(-1px)}.samples-grid__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.samples-grid__tile{transition:none}.samples-grid__tile:hover,.samples-grid__tile:hover .samples-grid__preview-arrow{transform:none}.samples-grid__lightbox-cta{transition:none}}.samples-page__head{background:#f0f9ff}.samples-page__head-inner{max-width:1320px;margin-inline:auto;padding:64px 20px 0}@media (min-width:768px){.samples-page__head-inner{padding:96px 32px 0}}.samples-page__title{color:var(--c9r-ink,#0b1729);font-family:var(--rw-display,system-ui, sans-serif);letter-spacing:-.03em;margin:0;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1}.samples-page__title-accent{font-family:var(--rw-serif,Georgia, "Times New Roman", serif);color:var(--c9r-blue,#2563eb);letter-spacing:-.02em;font-style:italic;font-weight:400}