@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap";
.hero-section{flex-shrink:0;width:100%;height:36dvh;min-height:220px;position:relative;overflow:hidden}.carousel-container{justify-content:flex-start;align-items:center;width:100%;height:100%;animation:.8s forwards fadeInHero;display:flex;position:absolute;inset:0;overflow:hidden}.carousel-track{will-change:transform;backface-visibility:hidden;align-items:center;width:max-content;height:100%;display:flex;transform:translate(0)}.carousel-frame{aspect-ratio:1;background:#fff;border-right:1px solid #ffc0cb40;flex:none;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.carousel-frame img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:transform .3s}.carousel-frame img:hover{transform:scale(1.05)}.hero-overlay{-webkit-backdrop-filter:blur(1px)brightness(.7);backdrop-filter:blur(1px)brightness(.7);text-align:center;color:#b23561;z-index:10;background:#ffffffbf;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,transform .6s;animation:1s forwards fadeInOverlay;display:flex;position:absolute;inset:0}.hero-title{color:#b23561;margin:0;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700}.hero-subtitle{letter-spacing:2px;text-transform:uppercase;color:#d94a7a;margin-top:.5rem;font-size:1rem}@media (max-width:768px){.hero-section{height:42dvh}.hero-title{font-size:clamp(1.8rem,5vw,2.5rem)}.hero-subtitle{font-size:.9rem}.carousel-frame{border-right:none}}@media (max-width:480px){.hero-section{height:45dvh}.hero-title{font-size:clamp(1.6rem,6vw,2.2rem)}.hero-subtitle{font-size:.85rem}}