.examples-page{min-height:100vh;display:flex;flex-direction:column;color:var(--meadow-ink);background:var(--paper-soft)}.examples-main{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:clamp(48px,6vw,76px) 0 clamp(76px,8vw,104px);flex:1 1}.examples-heading{max-width:720px;margin-bottom:clamp(28px,4vw,44px)}.examples-heading h1{max-width:14ch;font-size:clamp(2.8rem,5.2vw,4.6rem);line-height:.92}.examples-heading p{max-width:58ch;margin-top:15px;color:var(--muted-foreground);font-size:clamp(.96rem,1.2vw,1.06rem);line-height:1.58}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}.example-card-link{height:100%;display:block;color:inherit;text-decoration:none}.example-card{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--sky);border-radius:16px;box-shadow:0 14px 34px rgba(31,61,36,.14);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.example-card:hover{transform:translateY(-5px);box-shadow:0 23px 48px rgba(31,61,36,.2)}.example-card-link:focus-visible{outline:none}.example-card-link:focus-visible .example-card{outline:3px solid var(--ring);outline-offset:4px}.example-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sky-cool)}.example-card-photo{object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1)}.example-card:hover .example-card-photo{transform:scale(1.025)}.example-card-copy{min-height:79px;display:flex;flex:1 1;align-items:baseline;justify-content:space-between;gap:14px;padding:16px 18px 18px;color:#fff8e8;background:var(--meadow-deep)}.example-card-copy h2{font-family:var(--font-display);font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.1}.example-card-copy span{color:#cadac3;font-size:.75rem;white-space:nowrap}.examples-empty{max-width:620px;padding:38px 0;border-top:1px solid var(--border)}.examples-empty h2{font-size:1.6rem}.examples-empty p{margin-top:8px;color:var(--muted-foreground)}.example-viewer-shell{flex:1 1;min-height:calc(100vh - 73px);position:relative;background:var(--meadow-ink)}.example-viewer-label{position:absolute;top:20px;left:20px;z-index:2;display:flex;align-items:center;gap:13px;padding:10px 15px 10px 12px;color:var(--meadow-ink);background:rgba(242,239,230,.94);border:1px solid rgba(41,74,43,.18);border-radius:14px;box-shadow:0 14px 34px rgba(7,25,15,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.example-viewer-label>a{width:35px;height:35px;display:grid;place-items:center;color:#fff8e8;background:var(--meadow-deep);border-radius:10px;font-size:1.05rem}.example-viewer-label span{display:grid;gap:1px}.example-viewer-label small{color:var(--muted-foreground);font-size:.64rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.example-viewer-label h1{margin:0;font-family:var(--font-display);font-size:1.02rem;font-weight:bolder;letter-spacing:normal;line-height:inherit;text-wrap:inherit}@media (max-width:900px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.examples-main{width:min(100% - 28px,1220px)}.examples-grid{grid-template-columns:1fr}.example-card-copy{padding:16px 17px 18px}.example-viewer-label{top:12px;left:12px;max-width:calc(100% - 24px)}}