.site-configurator[hidden],.saved-appearance-tools[hidden],[data-open-site-config][hidden]{display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.interactive-example-link>button{flex-shrink:0}.hero-config-trigger{min-height:44px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-button);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 12px;font-size:13px}.hero-config-trigger:hover{background:var(--surface-muted);color:var(--text-primary)}.site-configurator{z-index:40;background:var(--surface-card);width:352px;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-large);box-shadow:var(--shadow-dark);flex-direction:column;display:flex;position:fixed;inset:16px 16px 16px auto;overflow:hidden}.site-config-heading{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:start;gap:12px;padding:20px;display:flex}.site-config-heading .eyebrow{letter-spacing:.08em;color:var(--site-accent);margin-bottom:8px;font-size:10px}.site-config-heading h2{font-size:24px}.config-close{border:1px solid var(--border-color);background:var(--surface-page);border-radius:var(--radius-button);min-height:44px;color:var(--text-secondary);cursor:pointer;margin-left:auto;padding:8px;font-size:13px}.site-config-options{overscroll-behavior:contain;flex:1;align-content:start;gap:24px;min-height:0;padding:20px;display:grid;overflow:auto}.site-config-options fieldset{border:0;min-width:0;margin:0;padding:0}.site-config-options legend{margin-bottom:10px;font-size:14px;font-weight:600}.site-config-options fieldset>p{color:var(--text-secondary);margin-top:8px;font-size:12px}.site-config-options select{border:1px solid var(--border-color);border-radius:var(--radius-button);background:var(--surface-page);width:100%;min-height:44px;color:var(--text-primary);padding:10px;font-size:14px}.site-config-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.site-config-options label{border:1px solid var(--border-color);border-radius:var(--radius-button);cursor:pointer;background:var(--surface-page);align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px 10px;font-size:13px;display:flex}.site-config-options label:has(input:checked){border-color:var(--site-accent);background:var(--surface-muted)}.site-config-options input{accent-color:var(--site-accent);flex-shrink:0;width:16px;height:16px;margin:0}.site-config-palettes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.site-config-palettes label:first-child{flex-wrap:wrap;grid-column:1/-1}.site-config-palettes small{color:var(--text-secondary);margin-left:auto;font-size:11px}.site-palette-dot{background:var(--swatch);border-radius:50%;flex-shrink:0;width:12px;height:12px}.site-config-actions{border-top:1px solid var(--border-color);flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;padding:16px 20px;display:grid}.site-config-actions .button{padding:10px;font-size:13px}.site-config-actions p{color:var(--text-secondary);grid-column:1/-1;font-size:11px;line-height:1.5}.saved-appearance-tools{z-index:19;bottom:max(20px,env(safe-area-inset-bottom));background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-button);box-shadow:var(--shadow-soft);gap:4px;padding:4px;display:flex;position:fixed;left:20px}.saved-appearance-tools button{min-height:44px;color:var(--text-secondary);border-radius:var(--radius-small);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:13px}.saved-appearance-tools button:hover{color:var(--text-primary);background:var(--surface-muted)}html[data-site-custom=true] .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}html[data-config-open] .saved-appearance-tools,html[data-config-open] .back-to-top{display:none}html[data-site-palette] .hero-variant .hero-name span,html[data-site-palette] .hero-central h1 span,html[data-site-palette] .hero-eyebrow,html[data-site-palette] .content-section .ui-icon{color:var(--site-accent)}html[data-site-theme=dark][data-site-palette] .hero-central{background:0 0}html[data-site-theme][data-site-motif=none] .hero-background-art:before{display:none}html[data-site-theme][data-site-motif] .hero-background-art:before{--hero-mask:var(--site-mask-desktop)}html[data-site-alignment=left] .hero-variant .hero-central{text-align:left}html[data-site-alignment=left] .hero-variant .hero-central h1,html[data-site-alignment=left] .hero-variant .hero-central .hero-lead{margin-inline:0}html[data-site-alignment=left] .hero-variant .hero-central .hero-actions{justify-content:start}html[data-site-alignment=center] .hero-variant .hero-central{text-align:center}html[data-site-alignment=center] .hero-variant .hero-central .hero-actions{align-items:center}.site-example-secondary{color:var(--site-accent);margin-top:20px;font-size:14px;display:inline-block}@media (width>=1100px){html[data-config-open] body{padding-inline-end:384px}html[data-config-open] .hero-central h1{font-size:clamp(2.625rem,6cqw,5.5rem)}}@media (width>=1200px){html[data-site-navigation=side] body{padding-inline-start:224px}html[data-site-navigation=side] .hero-variant{container-type:normal}html[data-site-navigation=side] .hero-central{container-type:inline-size}html[data-site-navigation=side] .hero-variant.hero-variant--has-asset .hero-nav{z-index:22;background:var(--surface-card);border-right:1px solid var(--border-color);border-bottom:0;width:224px;height:100dvh;position:fixed;inset:0 auto 0 0}html[data-site-navigation=side] .hero-variant .hero-nav .hero-nav-inner{flex-direction:column;justify-content:start;align-items:stretch;gap:24px;width:100%;height:100%;padding:32px 20px;display:flex;overflow:auto}html[data-site-navigation=side] .hero-variant .hero-nav .hero-nav-links{flex-direction:column;align-items:start;gap:24px;display:flex}html[data-site-navigation=side] .hero-variant .hero-nav .hero-controls{flex-wrap:wrap;margin-top:auto}html[data-site-navigation=side] .hero-variant .hero-nav .hero-mobile-menu{display:none}html[data-site-navigation=side] .hero-central h1{font-size:clamp(2.625rem,6cqw,5.5rem)}html[data-site-navigation=side] .hero-background-art{inset-block-start:0}html[data-site-navigation=side] .saved-appearance-tools{left:244px}}@media (width<=1099px){.site-configurator{inset:auto 12px max(12px,env(safe-area-inset-bottom));width:auto;max-height:48dvh}.site-config-heading{padding:12px 16px}.site-config-heading h2{font-size:20px}.site-config-heading .eyebrow{margin-bottom:4px}.site-config-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:16px}.site-config-actions{grid-template-columns:1fr 1fr 1.3fr;align-items:center;padding:12px 16px}.site-config-actions p{grid-column:auto}}@media (width<=600px){.interactive-example-link>button{width:100%}html[data-site-theme][data-site-motif] .hero-background-art:before{--hero-mask:var(--site-mask-mobile)}.site-configurator{height:calc(100svh - 76px);max-height:none;inset-inline:8px}.site-config-heading h2{font-size:22px}.site-config-heading .eyebrow{font-size:11px}.site-config-options{grid-template-columns:1fr}.site-config-options legend{font-size:15px}.site-config-options label{min-height:48px;font-size:14px}.site-config-options input{width:18px;height:18px}.site-config-palettes label{gap:6px;padding-inline:8px}.site-config-options select{font-size:16px}.site-config-actions{grid-template-columns:1fr 1fr}.site-config-actions .button{min-height:48px;font-size:14px}.site-config-actions p{grid-column:1/-1;font-size:12px}.saved-appearance-tools{gap:0;left:12px}.saved-appearance-tools button{padding:8px;font-size:12px}}@media (width<=1099px) and (height<=600px){.site-configurator{height:calc(100svh - 40px);max-height:none}.site-config-heading{padding-block:8px}.site-config-heading .eyebrow{display:none}}