.sample.svelte-1q2xcc5{padding-top:2rem}.sample-intro.svelte-1q2xcc5{max-width:700px}.sample-card.svelte-1q2xcc5{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr);gap:4rem;align-items:center;background:linear-gradient(135deg,#deba2812,#232123eb);border:1px solid rgba(222,186,40,.14);border-radius:var(--radius);padding:3rem;overflow:hidden}.preview.svelte-1q2xcc5{position:relative;display:block;min-height:490px;isolation:isolate}.preview.svelte-1q2xcc5:before{content:"";position:absolute;top:12%;right:8%;bottom:8%;left:8%;background:#deba282e;filter:blur(45px);z-index:-1}.page.svelte-1q2xcc5{position:absolute;width:min(76%,300px);aspect-ratio:210 / 297;border-radius:4px;overflow:hidden;box-shadow:0 24px 55px #0006;transition:transform var(--transition),box-shadow var(--transition)}.page.svelte-1q2xcc5 img:where(.svelte-1q2xcc5){display:block;width:100%;height:100%;object-fit:cover}.page-front.svelte-1q2xcc5{left:4%;top:2%;z-index:2;transform:rotate(-2deg)}.page-back.svelte-1q2xcc5{right:2%;top:9%;transform:rotate(5deg)}.preview.svelte-1q2xcc5:hover .page-front:where(.svelte-1q2xcc5){transform:rotate(-4deg) translateY(-5px);box-shadow:0 30px 65px #00000080}.preview.svelte-1q2xcc5:hover .page-back:where(.svelte-1q2xcc5){transform:rotate(7deg) translate(4px,-2px)}.preview-hint.svelte-1q2xcc5{position:absolute;left:50%;bottom:0;z-index:4;transform:translate(-50%);background:var(--gold);color:var(--dark);border-radius:999px;padding:.65rem 1rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.sample-content.svelte-1q2xcc5{min-width:0}.sample-meta.svelte-1q2xcc5{color:var(--gold);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.8rem}h3.svelte-1q2xcc5{font-size:1.65rem;font-weight:500;margin-bottom:.8rem}p.svelte-1q2xcc5{color:var(--text-dim);font-size:.88rem;line-height:1.75;margin-bottom:1.5rem}ul.svelte-1q2xcc5{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.2rem;margin-bottom:1.7rem}li.svelte-1q2xcc5{display:flex;gap:.55rem;color:var(--text-dim);font-size:.78rem;line-height:1.5}li.svelte-1q2xcc5:before{content:"◈";color:var(--gold);flex-shrink:0}.scope-note.svelte-1q2xcc5{background:#deba2814;border:1px solid rgba(222,186,40,.16);border-radius:8px;padding:.9rem 1rem;color:var(--text-dim);font-size:.75rem;line-height:1.6}.scope-note.svelte-1q2xcc5 span:where(.svelte-1q2xcc5){display:block;color:var(--gold);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}.sample-actions.svelte-1q2xcc5{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.sample-cta.svelte-1q2xcc5{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border:1px solid rgba(222,186,40,.22);border-radius:8px;color:var(--text-dim);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition)}.sample-cta.svelte-1q2xcc5:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.sample-cta.primary.svelte-1q2xcc5{background:var(--gold);border-color:var(--gold);color:var(--dark)}.sample-cta.primary.svelte-1q2xcc5:hover{color:var(--dark);box-shadow:0 8px 30px #deba2838}@media(max-width:900px){.sample-card.svelte-1q2xcc5{grid-template-columns:1fr;gap:2rem;padding:2rem}.preview.svelte-1q2xcc5{min-height:440px;max-width:430px;width:100%;margin:0 auto}}@media(max-width:520px){.sample.svelte-1q2xcc5{padding-top:1rem}.sample-card.svelte-1q2xcc5{padding:1.25rem}.preview.svelte-1q2xcc5{min-height:365px}.page.svelte-1q2xcc5{width:min(72%,235px)}ul.svelte-1q2xcc5{grid-template-columns:1fr}.sample-actions.svelte-1q2xcc5{flex-direction:column}.sample-cta.svelte-1q2xcc5{width:100%}}@media(prefers-reduced-motion:reduce){.page.svelte-1q2xcc5,.sample-cta.svelte-1q2xcc5{transition:none}}