.examples-hero{background:linear-gradient(135deg,var(--brand-navy),var(--brand-navy-deep));color:var(--white);padding:clamp(4rem,8vw,7rem) 0}.examples-hero .eyebrow,.examples-cta .eyebrow{color:var(--brand-gold-light)}.examples-hero h1{max-width:850px;margin:.7rem 0 1rem;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.05}.examples-hero h1 em{color:var(--brand-gold);font-style:normal}.examples-hero p:last-child{color:#c7d2dc;max-width:680px;font-size:1.1rem}.examples-section{padding-block:clamp(3.5rem,7vw,6rem)}.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}.example-card{border:1px solid var(--border);background:var(--surface-card);min-height:100%;color:var(--text);border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.example-card:hover,.example-card:focus-visible{border-color:var(--brand-gold);outline:none;transform:translateY(-3px);box-shadow:0 16px 36px #040d1824}.example-image{aspect-ratio:16/10;background:var(--brand-navy-mid);display:block;overflow:hidden}.example-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.example-card:hover .example-image img{transform:scale(1.025)}.example-copy{flex-direction:column;flex:1;align-items:flex-start;padding:1.25rem;display:flex}.example-copy h3{margin-bottom:.45rem;font-size:1.2rem}.example-copy p{color:var(--text-secondary);font-size:.95rem}.example-link{color:var(--brand-gold);align-items:center;gap:.45rem;margin-top:auto;padding-top:1.2rem;font-weight:700;display:inline-flex}.examples-note{max-width:850px;color:var(--text-tertiary);margin-top:1.5rem;font-size:.82rem}.examples-loading,.examples-error{border:1px solid var(--border);color:var(--text-secondary);border-radius:14px;grid-column:1/-1;padding:1.5rem}.examples-cta{background:var(--brand-navy);color:var(--white);padding-block:4rem}.examples-cta-inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.examples-cta h2{margin:.3rem 0 .5rem;font-size:clamp(1.6rem,3vw,2.25rem)}.examples-cta p:not(.eyebrow){color:#c7d2dc}@media (width<=850px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-cta-inner{flex-direction:column;align-items:flex-start}}@media (width<=560px){.examples-grid{grid-template-columns:1fr}.examples-cta-inner .btn{width:100%}}