.site-header{height:auto;min-height:86px;gap:18px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.site-header nav{display:flex;gap:20px;flex-wrap:wrap}.page-intro{padding-bottom:70px;max-width:1200px}.page-intro h1{font:500 clamp(3rem,6vw,6rem)/1.08 var(--serif);letter-spacing:-.04em;margin:0;max-width:1050px}.page-intro .lead{max-width:750px}.narrow{max-width:1040px;margin:auto}.faq{margin-top:40px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:1.05rem;font-weight:600}details p{color:var(--muted);max-width:720px}.examples-section{padding-top:0}.demo-note{color:var(--muted);margin-bottom:35px}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.example-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.example-card img{width:100%;height:260px;object-fit:cover}.example-card>div{padding:28px}.example-card h3,.resource-card h3,.mini-examples h3{font:500 1.9rem/1.2 var(--serif);margin:0 0 20px}.example-card p,.resource-card p{color:var(--muted)}.example-card .button{margin-bottom:16px}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:.88rem}.mini-examples,.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:45px 0}.mini-examples img{height:260px;width:100%;object-fit:cover;border-radius:12px;margin-bottom:20px}.resource-card{background:white;border:1px solid var(--line);padding:30px;border-radius:14px}.section-resources{background:var(--mist)}.article-body{max-width:900px;margin:auto;padding-top:0}.article-body section{margin:45px 0}.article-body section h2{font-size:2rem;line-height:1.2;letter-spacing:-.02em}.article-body p{font-size:1.08rem;color:var(--muted);line-height:1.85}.home-preview{background:var(--mist)}a:focus-visible,summary:focus-visible{outline:3px solid #b99555;outline-offset:5px}.skip-link{position:absolute;left:10px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}@media(max-width:1000px){.examples-grid,.resources-grid{grid-template-columns:1fr}.site-header{position:relative}.example-card{display:grid;grid-template-columns:1fr 1fr}.example-card img{height:100%;min-height:300px}.site-header nav{order:3;width:100%}}@media(max-width:620px){.site-header nav{gap:12px 18px}.site-header nav a{font-size:.78rem}.page-intro{padding-top:60px}.example-card{display:block}.example-card img{height:250px;min-height:0}.mini-examples{grid-template-columns:1fr}.section{padding-top:70px;padding-bottom:70px}.site-header{align-items:center}.site-header .brand{margin-right:auto}.site-header>.button{font-size:.7rem}.page-intro h1{font-size:3rem}}