/* Shared by every demo: the small "demo" ribbon (only when a demo is opened on its own), toast, honeypot-free form helpers. */
.aawi-ribbon{position:fixed;left:12px;bottom:12px;z-index:45;display:flex;align-items:center;gap:.6rem;background:#1c1a17;color:#fff;font:600 12px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:.5rem .6rem .5rem .8rem;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.aawi-ribbon button{font:inherit;border:0;border-radius:999px;background:#e8875a;color:#1c1a17;padding:.45rem .8rem;cursor:pointer;min-height:32px}
.aawi-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:10000;background:#1c1a17;color:#fff;font:500 14px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:.7rem 1rem;border-radius:12px;max-width:min(92vw,420px);text-align:center;transition:opacity .2s,transform .2s;pointer-events:none}
.aawi-toast.on{opacity:1;transform:translateX(-50%)}
.aawi-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.aawi-band{padding:clamp(1.5rem,4vw,3rem) clamp(16px,4vw,48px)}
.aawi-band__in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.2rem,4vw,3rem);align-items:center;background:var(--aawi-band-bg,#262421);color:var(--aawi-band-tx,#f6f2ea);border-radius:16px;padding:clamp(1.6rem,5vw,3.2rem)}
.aawi-band__k{margin:0 0 .5rem;font:800 .72rem/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.aawi-band__h{margin:0 0 .7rem;font-size:clamp(1.9rem,1.2rem + 3vw,3.2rem);line-height:1;letter-spacing:-.04em;color:inherit;text-transform:none}
.aawi-band__p{margin:0;opacity:.8;line-height:1.65;max-width:34rem}
.aawi-band__btn{width:100%;min-height:52px;border:0;border-radius:10px;background:var(--aawi-band-ac,#a8401c);color:var(--aawi-band-on,#fff);font:700 1rem system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;transform:none}
.aawi-band__btn:hover{filter:brightness(1.08)}.aawi-band__btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.aawi-band__f{margin:.7rem 0 0;font:600 .75rem/1.4 system-ui,sans-serif;letter-spacing:.04em;opacity:.7}
@media(max-width:760px){.aawi-band__in{grid-template-columns:1fr}}
.aawi-ph{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.aawi-ph>svg{display:block;width:100%;height:100%}
.aawi-ph>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .35s ease}
.aawi-ph>img.on{opacity:1}
.aawi-credit{flex-basis:100%;margin:.4rem 0 0;font:12px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;opacity:.7}
.aawi-credit a{color:inherit}
/* Demo CSS styles labels with generic "x span" rules; the photo wrapper must never pick those up. */
span.aawi-ph{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important;min-width:0!important;letter-spacing:normal;text-transform:none}
.aawi-ph:not(:only-child){height:auto}