/* HP Header */

#pTitle{margin-bottom:1rem;}
#homepage span.h5{margin:0}
#homepage span.h5 sup{font-size:var(--fs-h5) !important;vertical-align:super}
#homepage h1{line-height:1;margin-block:.2rem;}

#hpHead{position:relative;min-height:320px;aspect-ratio:1/1;overflow:hidden;}
@media (min-width:600px){#hpHead{min-height:420px;aspect-ratio:3/2}}
#hpHero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
@media (min-width:600px){#hpHero{object-position:50% 50%}}
#hpHead .wrapper{position:relative;z-index:1;width:clamp(16rem,100%,107rem)}


#hpHead.hero-ready{opacity:1}




.circle__bg__two:after {background: #f3afb7;}
.circle__bg__one:before{background: #f4d3d7;}
.zoominout {position: relative;display: inline-block;width:var(--pulse-size);height: var(--pulse-size);border-radius: 50%;background:#fff;margin-inline:.3rem 0;margin-block:0;animation-name: zoomInOut;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}




/* Key Frames */
@keyframes zoomInOut { 0%, 100% { transform: scale(1); opacity: 0; } 50% { transform: scale(1.2); opacity: 1; } }
@keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } }
@keyframes zoomin { 0% { opacity: 0; visibility: visible; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; visibility: visible; } 100% { opacity: 1; visibility: visible; } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes img_wobble { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } }