/* SAMIES Universal Hummingbird Accent (AR-ACCENT-001) */
:root { --samies-hb-flower-w: clamp(150px, 17vw, 230px); --samies-hb-bird-w: clamp(175px, 19vw, 290px); }
@media (max-width: 600px) { :root { --samies-hb-flower-w: 120px; --samies-hb-bird-w: 140px; } }

/* room on the band's left for the flower, so the H1 is never covered */
body.samies-has-hummingbird .samies-hb-band { padding-left: calc(var(--samies-hb-flower-w) * .7 + 16px) !important; }

/* one layer over the whole page; it clips, so the bird starting off-screen never adds a sideways scroll */
.samies-hb-layer { position: absolute; left: 0; top: 0; width: 100%; height: 0; overflow: hidden; pointer-events: none; z-index: 2147483000; }   /* above the Universal Header */
.samies-hb-flower { position: absolute; left: 0; top: 0; width: var(--samies-hb-flower-w); height: auto;
    filter: drop-shadow(0 14px 22px rgba(0,0,0,.6)); transform-origin: 70% 60%; }
.samies-hb-flower > img { display: block; width: 100%; height: auto; animation: samiesHbBreathe 7s ease-in-out infinite; transform-origin: 70% 60%; }
.samies-hb-flower.visited > img { animation: samiesHbNod .7s ease-out 1, samiesHbBreathe 7s ease-in-out .7s infinite; }
@keyframes samiesHbBreathe { 0%,100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg) scale(1.015); } }
@keyframes samiesHbNod { 0% { transform: rotate(0); } 40% { transform: rotate(-4deg) scale(.985); } 100% { transform: rotate(0); } }

.samies-hb-bird { position: absolute; left: 0; top: 0; width: var(--samies-hb-bird-w); will-change: transform; transition: opacity .6s ease; }
.samies-hb-bird.gone { opacity: 0; }
.samies-hb-pose { position: absolute; left: 0; top: 0; width: 100%; transition: opacity .9s ease-in-out; }   /* side <-> front dissolve */
.samies-hb-pose img { position: absolute; left: 0; top: 0; width: 100%; height: auto; opacity: 0; filter: drop-shadow(0 10px 14px rgba(0,0,0,.45)); }
.samies-hb-pose img.f0 { opacity: 1; }
.samies-hb-pose img.f1 { opacity: .4; filter: blur(.8px) drop-shadow(0 10px 14px rgba(0,0,0,.45)); }
.samies-hb-pose img.f2 { opacity: .16; filter: blur(1.4px); }
.samies-hb-pose.side { transform: scaleX(-1); }      /* side frames face right; mirrored to face the flower */
.samies-hb-pose.front { width: 88%; opacity: 0; }
.samies-hb-bird.facing .samies-hb-pose.side { opacity: 0; }
.samies-hb-bird.facing .samies-hb-pose.front { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
    .samies-hb-flower > img { animation: none !important; }
    .samies-hb-pose { transition: none; }
}