.showcase-bar{box-sizing:border-box;min-height:44px;background:#202822;color:#e5ede5;gap:16px;justify-content:space-between;padding:10px 24px;font:12px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.showcase-bar,.showcase-bar a{display:flex;align-items:center}.showcase-bar a{color:inherit;text-decoration:none;min-height:24px}.showcase-bar a:focus-visible{outline:2px solid #c4f672;outline-offset:4px}.showcase-bar span{text-align:right}.showcase-gallery{background:#f5f5f0;color:#242c26;min-height:100vh;padding:80px max(24px,calc((100% - 1240px)/2));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.showcase-gallery,.showcase-gallery *{box-sizing:border-box}.showcase-gallery header{max-width:850px;margin-bottom:56px}.showcase-gallery header>p{font-size:12px;letter-spacing:.16em;font-weight:650}.showcase-gallery h1{font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;line-height:1.04;margin:24px 0}.showcase-gallery h2{font-size:23px;font-weight:500;margin:0 0 20px}.showcase-gallery header>div{font-size:15px;line-height:1.9;max-width:650px;color:#5e685f}.showcase-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:28px;gap:28px}.showcase-card{display:block;border:1px solid #dfe3da;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;background:white;transition:transform .2s}.showcase-card:hover{transform:translateY(-4px)}.showcase-card:focus-visible{outline:3px solid #608f3e;outline-offset:4px}.showcase-cover{position:relative;aspect-ratio:3/2;background:#e8ede3;overflow:hidden}.showcase-cover img{display:block;width:100%;height:100%;object-fit:cover}.showcase-cover>span{position:absolute;bottom:18px;right:18px;background:#fffef2;padding:10px 16px;border-radius:30px;font-size:12px}.showcase-card-copy{padding:28px}.showcase-card small{font-size:12px;color:#5e715a}.showcase-card h3{font-size:26px;letter-spacing:-.035em;margin:12px 0}.showcase-card h4{font-weight:500;font-size:15px;margin:0}.showcase-card p{font-size:14px;color:#6b746c;line-height:1.7;max-width:440px}.showcase-card code{font-size:11px;color:#6b746c;overflow-wrap:anywhere}.showcase-gallery footer{border-top:1px solid #dfe3da;margin-top:64px;padding-top:28px;font-size:13px;line-height:1.8;color:#626c63}.showcase-gallery footer strong{color:#303c32}.showcase-gallery footer p{max-width:850px}@media(max-width:600px){.showcase-bar{padding:8px 16px;gap:10px;font-size:10px}.showcase-bar span{max-width:150px}.showcase-gallery{padding:48px 18px}.showcase-gallery h2{font-size:19px}.showcase-cards{grid-template-columns:minmax(0,1fr);gap:24px}.showcase-card-copy{padding:24px}.showcase-gallery header{margin-bottom:36px}}@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}}