/* CM Beyer homepage CSS — extracted verbatim from front-page.php's inline
   <style> block (hero-banner tweaks, hero-rotate, hero-askbea). This is the
   dependency the homepage components need that cmb.css does not carry. */

/* Slightly smaller hero on desktop — felt a touch large. */
.hero-banner__title{font-size:2.25rem;line-height:1.14;margin-bottom:.9rem}
.hero-banner__subtitle{font-size:1rem}
.hero-sub{max-width:600px}
.hero-rotate-line{font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:600;color:#fff;margin:.3rem 0 1.2rem;min-height:1.55em}
.hero-rotate{color:#bfeaea}
.hero-caret{display:inline-block;width:2px;height:1.05em;background:#bfeaea;margin-left:2px;vertical-align:text-bottom;animation:heroBlink 1s steps(1) infinite}
@keyframes heroBlink{50%{opacity:0}}
.hero-askbea{display:flex;align-items:center;gap:.65rem;width:100%;max-width:440px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);border-radius:99px;padding:.5rem 1rem .5rem .55rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;margin:.7rem 0 1.85rem;transition:background .15s,border-color .15s}
.hero-askbea:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.55)}
.hero-askbea__ava{flex:0 0 auto;border-radius:50%}
.hero-askbea__input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-family:inherit;font-size:inherit;padding:0;text-overflow:ellipsis}
.hero-askbea__input::placeholder{color:rgba(255,255,255,.82)}
.hero-askbea__go{flex:0 0 auto;font-weight:700;color:#bfeaea;background:none;border:none;cursor:pointer;font-size:1.15rem;line-height:1;font-family:inherit;padding:0 .15rem;transition:color .15s}
.hero-askbea__go:hover{color:#fff}
@media(prefers-reduced-motion:reduce){.hero-caret{animation:none}}
@media(max-width:600px){
  .hero-banner{min-height:0;padding:1.85rem 0 2.1rem}
  .hero-banner__content{max-width:100%}
  .hero-banner__title{font-size:1.5rem;line-height:1.16;margin-bottom:.45rem}
  .hero-rotate-line{font-size:.96rem;margin:.05rem 0 .6rem;min-height:1.5em}
  .hero-sub{font-size:.86rem;line-height:1.5;margin-bottom:.95rem}
  .hero-askbea{font-size:.82rem;gap:.5rem;padding:.42rem .75rem .42rem .48rem;margin:.15rem 0 1rem}
  .hero-askbea__ava{width:25px;height:25px}
  .hero-banner__actions{gap:.55rem}
  .hero-banner__actions .btn{padding:.62rem 1rem;font-size:.88rem}
}