.hero-2-hero-section{position:relative;display:flex;align-items:center;justify-content:center;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;padding:clamp(3rem,20vw,2rem) 1.5rem;box-sizing:border-box}.hero-2-hero-wrapper{width:100%;max-width:80rem;padding:0;margin:0 auto;display:flex;justify-content:flex-start}.hero-2-hero-content{display:flex;flex-direction:column;gap:clamp(1rem,6vw,1.5rem);width:100%;max-width:60rem;color:#fff8f0;text-align:center;margin-left:auto;margin-right:auto;padding:3rem 1rem;box-sizing:border-box;min-height:400px}.hero-2-hero-content h3,.hero-2-hero-content h3 p{font-size:clamp(2rem, 5vw, 4rem);line-height:1.2;font-weight:700;margin:0;color:#fff8f0}.hero-2-hero-content h3 p{margin:0}.hero-2-hero-content p{margin:0 auto;font-size:clamp(1rem, 2vw, 1.25rem);line-height:1.5;max-width:clamp(20ch,90%,60ch)}.hero-2-hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-2-hero-btn{display:inline-block;padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,4vw,2rem);border-radius:4px;background:#f6b236;color:#111;text-decoration:none;font-weight:700;font-size:clamp(1rem, 2.2vw, 1.1rem);transition:transform 250ms cubic-bezier(.4, 0, .2, 1)}.hero-2-hero-btn:hover{text-decoration:none;background:#ffc85a}.hero-2-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:768px){.hero-2-hero-content{text-align:center;align-items:center;margin-left:auto;margin-right:auto}.hero-2-hero-content p{margin-left:auto;margin-right:auto}}@media (max-width:1200px) and (min-width:769px){.hero-2-hero-wrapper{justify-content:center}.hero-2-hero-content{text-align:center;align-items:center}.hero-2-hero-content p{text-align:center}.hero-2-hero-buttons{justify-content:center}}@media (max-width:768px){.hero-2-hero-section{padding:clamp(2rem,15vw,2rem) var(--space-4; justify-content: center; } .hero-2-hero-wrapper { justify-content: center; } .hero-2-hero-content { gap: 1rem; text-align: center; align-items: center; margin-right: 0; margin-left: auto; margin-right: auto; } .hero-2-hero-btn { align-self: center; } .hero-2-hero-content p { text-align: center; margin-left: auto; margin-right: auto; }}@media (max-width: 480px) { .hero-2-hero-wrapper { justify-content: center; padding: 0; } .hero-2-hero-content { gap: .75rem; text-align: center; align-items: center; padding: 0 .75rem; } .hero-2-hero-content h3 { font-size: clamp(2rem,8vw,2.5rem); } .hero-2-hero-btn { align-self: center; }}}