.hero-section{height:calc(100vh - 125px);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;overflow:hidden;background-color:#0a0a0a}.hero-bg-img{object-fit:cover;object-position:right center}.hero-bg-img,.hero-section:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-section:after{content:"";background:linear-gradient(90deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.6) 45%,transparent);pointer-events:none}.hero-section:before{content:"";position:absolute;top:50%;right:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(229,177,58,.25) 0,transparent 70%);transform:translateY(-50%);border-radius:50%;z-index:1;pointer-events:none}.hero-content{flex:1 1;max-width:600px;z-index:1;animation:fadeUp 1s ease-out forwards}.hero-title{font-size:3.5rem;line-height:1.2;margin-bottom:1rem;font-family:var(--font-thai)}.hero-subtitle{font-size:1.5rem;color:var(--color-gold-light);margin-bottom:1.5rem;font-weight:500}.hero-description{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:2.5rem;line-height:1.8}.hero-actions{display:flex;gap:1rem}.hero-image-container{flex:1 1;display:flex;justify-content:flex-end;z-index:1;animation:fadeIn 1.5s ease-out forwards}.hero-image{width:100%;max-width:400px;border-radius:12px;box-shadow:0 10px 40px rgba(229,177,58,.3);object-fit:contain;border:1px solid rgba(229,177,58,.3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseCTA{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.15)}to{transform:scale(1);filter:brightness(1)}}.hero-actions a,.hero-actions button{animation:pulseCTA 2s ease-in-out infinite;transition:all .3s ease}.hero-actions a:hover,.hero-actions button:hover{animation-play-state:paused}@media (max-width:992px){.hero-section:after{display:none}.hero-section{flex-direction:column;text-align:left;justify-content:center;align-items:center;padding-top:55vw;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.8)),url(/hero-card-bg.webp);background-position:50%,50%;background-size:cover,cover;background-repeat:no-repeat,no-repeat;height:auto;min-height:100vh;padding-bottom:180px}.hero-bg-img{height:50vw;object-position:top center}.hero-content{align-items:center;display:flex;flex-direction:column;flex:none;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(229,177,58,.2);padding:1.5rem 1rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);width:100%;max-width:650px;margin:0 auto;box-sizing:border-box;text-align:center}.hero-title{font-size:clamp(1.6rem,7.5vw,2.2rem);line-height:1.3;margin-bottom:.5rem}.hero-description{font-size:clamp(1rem,4vw,1.15rem);margin-top:.5rem;margin-bottom:1.2rem}.hero-actions{width:100%;gap:.8rem}.hero-actions a,.hero-actions button{flex:1 1;padding:12px 8px;font-size:clamp(.85rem,3.5vw,1rem);white-space:nowrap;display:flex;justify-content:center;align-items:center;min-width:0;box-sizing:border-box}.hero-image-container{justify-content:center}.hero-image-placeholder{width:300px;height:400px}}@media (max-height:700px),(max-width:400px){.hero-section{padding-top:45vw;padding-bottom:140px}.hero-content{padding:1.2rem .8rem}.hero-title{font-size:clamp(1.5rem,7.5vw,1.8rem);margin-bottom:.5rem}.hero-description{font-size:.95rem;margin-bottom:1rem;line-height:1.5}.hero-actions a,.hero-actions button{padding:10px 6px;font-size:clamp(.8rem,3.5vw,.9rem)}}@media (min-width:600px) and (max-width:992px){.hero-section{background-size:100% auto,cover,cover;background-position:top,50%,50%}}