.project-banner{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative;overflow:hidden}.project-banner__overlay{z-index:1;background:linear-gradient(90deg,#000000b3,#0006);position:absolute;inset:0}.project-banner__content{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;max-width:800px;padding:0 20px;display:flex;position:relative}.project-banner__title{letter-spacing:.1em;text-transform:uppercase;color:#fff708;margin-bottom:10px;font-family:Castoro Titling,serif;font-size:clamp(20px,3vw,28px);line-height:1.2}.project-banner__subtitle{color:#fff;letter-spacing:.02em;margin-bottom:40px;font-family:Castoro Titling,serif;font-size:clamp(18px,6vw,54px);font-weight:500;line-height:1.1}.project-banner__btn{color:#111;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#fff708;border:none;border-radius:12px;align-items:center;gap:10px;margin:0 auto;padding:10px 45px;font-size:16px;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.project-banner__btn:hover{filter:brightness(1.05);transform:translateY(-4px);box-shadow:0 12px 24px #0003}.project-banner__btn span{font-size:24px;transition:transform .4s}.project-banner__btn:hover span{transform:translate(8px)}@media (max-width:1024px){.project-banner{height:450px}}@media (max-width:768px){.project-banner{height:400px}.project-banner__content{max-width:100%}}@media (max-width:480px){.project-banner{height:350px}.project-banner__btn{justify-content:center;width:auto;min-width:200px;padding:14px 40px;font-size:15px}}