body.examples-page{padding-top:var(--hdr);background:#E9E4DA}
.examples-page .hdr{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center}
.examples-page .hdr-in{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1448px;padding-inline:64px;margin:auto;gap:20px}
.examples-page .hdr .brand img{width:357px;max-width:100%;height:auto}
.examples-page .hdr .nav{display:flex;align-items:center}
.examples-page .hdr .nav a{color:#514D3C}
.examples-page .hdr .menu-btn{display:none}
.examples-page .sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.examples-page .showcase{padding-top:40px}
.examples-page #see-h{font-size:48px;line-height:1.12;margin:0 0 16px}
.examples-page .kicker{color:#514D3C}
.examples-page .sc-chips{display:flex;flex-wrap:wrap;overflow:visible;mask-image:none;-webkit-mask-image:none;padding:4px 0 10px;gap:8px}
.examples-page .sc-chips .chip{font-size:13px;min-height:40px;padding-inline:13px}
.examples-page .stage{margin-top:38px}
.examples-page .preview-guide{font-size:13px;text-align:center;max-width:none;margin:34px 0 0}
.examples-page .sc-controls{margin-top:14px}
.preview-loading{position:absolute;inset:0;display:grid;place-items:center;background:#F4F0E8;color:#514D3C;z-index:6;font-size:13px}
.preview-motion{position:absolute;right:8px;bottom:8px;z-index:7;min-height:44px;border:1px solid #514D3C;background:#F4F0E8;color:#514D3C;padding:8px 12px;border-radius:6px;font:600 11px/1.4 'Plus Jakarta Sans',sans-serif;cursor:pointer;opacity:.94}
.examples-page .stage .screen:focus-within{outline:2px solid #514D3C;outline-offset:3px}
.examples-page .ex-badge{background:#F4F0E8;color:#514D3C;border:1px solid #514D3C;box-shadow:none}
.examples-page .btn-secondary{background:#F4F0E8;color:#514D3C;border:1px solid #514D3C}
.examples-page .btn-secondary:hover{background:#DCD3C3;color:#514D3C}
.examples-page .shared-footer{margin-top:0}
.examples-page .shared-footer .footer-tagline{font-family:Marcellus,serif}
@media(max-width:1079px){
 .examples-page .sc-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'search' 'result' 'stage' 'guide' 'controls' 'actions' 'chips' 'small'}
 .examples-page .sc-intro{grid-area:intro}.examples-page .sc-search{grid-area:search}.examples-page .sc-result{grid-area:result}.examples-page .stage{grid-area:stage}.examples-page .preview-guide{grid-area:guide}.examples-page .sc-controls{grid-area:controls}.examples-page .sc-actions{grid-area:actions}.examples-page .sc-chips{grid-area:chips}.examples-page .sc-small{grid-area:small}
}
@media(min-width:1080px){.showcase .wrap.sc-grid{grid-template-areas:'intro stage' 'search stage' 'result stage' 'controls stage' 'actions stage' 'guide stage' 'chips chips' 'small small';align-items:start}.examples-page .preview-guide{grid-area:guide;text-align:left;margin:18px 0 0}.examples-page .sc-chips{margin-top:32px}.examples-page .stage{align-self:center;margin-top:20px}.examples-page .sc-small{margin-top:10px}}
@media(max-width:1279px){.examples-page .hdr .nav{display:none}.examples-page .hdr .menu-btn{display:flex}.examples-page .hdr .nav.is-open{display:flex}.examples-page .hdr .brand img{width:320px}.examples-page .hdr .hdr-cta{display:none}}
@media(max-width:760px){.examples-page .hdr-in{padding-inline:24px;gap:12px}.examples-page .hdr .brand img{width:clamp(210px,57vw,255px)}.examples-page .showcase{padding-top:30px}.examples-page .preview-guide{margin-top:26px;text-align:left}.examples-page .sc-chips .chip{min-height:44px;font-size:12px;padding-inline:10px}.examples-page .stage{margin-top:30px}.examples-page .preview-motion{font-size:10px;min-height:40px}}
@media(max-width:760px){.examples-page #see-h{font-size:40px}}