/* Reusable component helpers. Page-specific layout stays in style.css/responsive.css. */
.hero-ornament { position:absolute; right:9%; bottom:13%; width:180px; height:180px; border:1px solid rgba(255,255,255,.13); transform:rotate(45deg); }
.hero-ornament::before, .hero-ornament::after { content:""; position:absolute; inset:22px; border:1px solid rgba(255,255,255,.11); }
.hero-ornament::after { inset:45px; border-color:rgba(255,131,42,.35); }
.kicker { font-size:.8rem; color:var(--orange); font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.icon-tile { width:52px; height:52px; display:grid; place-items:center; background:#edf5f9; color:var(--blue); border-radius:10px; margin-bottom:18px; }
.icon-tile img { width:28px; height:28px; }
.card-accent { border-top:3px solid var(--orange); }
.quote { border-left:3px solid var(--orange); padding:5px 0 5px 22px; font-family:Montserrat,sans-serif; font-size:1.3rem; color:var(--ink); }
.quote-secondary { text-align:center;font-family:Montserrat,sans-serif; font-size:1rem; color:var(--blue); font-style: italic; }
.notice { border:1px solid #efd7c5; background:#fff8f3; padding:16px 18px; border-radius:9px; color:#654733; }