.hero{background-color:#afd8ff;justify-content:flex-start;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:0;background-image:url(/golden-gate-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:absolute;inset:0;transform:scaleX(-1)}.hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#87ceeb1a 0%,#87ceeb26 30%,#fff0 60%);position:absolute;inset:0}.content{z-index:2;text-align:center;max-width:600px;margin-top:-15vh;margin-left:5vw;padding:2rem;position:relative}.hero h1{color:#1a1a1a;text-shadow:0 2px 4px #fffc,0 4px 8px #fff9,0 0 20px #fff6;letter-spacing:-.02em;margin-top:-8vh;margin-bottom:1rem;font-size:clamp(3rem,10vw,7rem);font-weight:700;animation:1s ease-out fadeInUp}.tagline{color:#2c3e50;text-shadow:0 2px 4px #ffffffe6,0 4px 8px #ffffffb3;letter-spacing:.02em;margin-bottom:1rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:400;animation:1s ease-out .2s both fadeInUp}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:18rem;animation:1s ease-out .4s both fadeInUp;display:flex}.btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #0003}.btn-primary{color:#fff;background:linear-gradient(220deg,#4c0404 0%,#ee5a24 100%)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 5px #ee5a2466}.btn-secondary{color:#2c3e50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f6f0}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 6px 5px #fff6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{justify-content:center}.content{margin-top:-10vh;margin-left:0;padding:1.5rem}.hero h1{margin-bottom:.8rem}.tagline{margin-bottom:2rem}.cta-buttons{gap:1rem}.btn{padding:.9rem 2rem;font-size:1rem}}@media (max-width:480px){.hero{background-attachment:scroll;justify-content:center}.hero:after{transform-origin:top;background-image:url(/golden-gate-bg.png);background-attachment:scroll;transform:scaleX(1)scaleY(1.3)!important}.content{margin-top:0;margin-bottom:38rem;margin-left:7rem;padding:1rem}.hero h1{margin-top:0}.tagline{margin-bottom:1.5rem}.cta-buttons{flex-direction:column;gap:1rem;width:100%;max-width:180px;margin:1rem auto -4rem}.btn{width:100%;padding:1rem}}@media (max-height:500px) and (orientation:landscape){.hero{align-items:center}.content{margin-top:-10vh;margin-bottom:0;padding:1rem}.hero h1{margin-bottom:.5rem;font-size:clamp(2rem,8vw,4rem)}.tagline{margin-bottom:.5rem;font-size:clamp(1rem,2.5vw,1.5rem)}.cta-buttons{margin-top:8rem}.btn{padding:.7rem 1.8rem;font-size:.95rem}}