.landingHeroBanner{background-color:var(--text-primary);padding:3rem 0 2rem}.landingHeroBanner .landingHeroBannerInner{align-items:center;display:flex;gap:5rem;grid-template-columns:1fr 1fr;justify-content:space-between;min-height:100vh}.landingHeroBanner .hero-left{animation:fadeUp .9s ease both;display:flex;flex-direction:column;gap:28px;max-width:355px;width:40%}.landingHeroBanner .hero-left h1{color:var(--text-white);font-family:EB Garamond,serif;font-size:55px;font-weight:700;letter-spacing:1px;line-height:1}.landingHeroBanner .hero-left .sub-bold{font-weight:600;margin-top:8px}.landingHeroBanner .hero-left .sub-body,.landingHeroBanner .hero-left .sub-bold{color:var(--accent);font-family:Roboto,sans-serif;font-size:16px;line-height:1.4}.landingHeroBanner .hero-left .sub-body{font-weight:400;margin-top:-12px}.landingHeroBanner .hero-left .cta-btn{margin-top:-12px}.landingHeroBanner .review-row{display:flex;flex-direction:column;gap:4px;margin-top:8px}.landingHeroBanner .review-row .label{color:var(--text-white);font-family:Roboto,sans-serif;font-size:14px;font-weight:500}.landingHeroBanner .review-row .stars-row{align-items:center;color:var(--text-white);display:flex;font-family:Roboto,sans-serif;font-size:11px;gap:4px}.landingHeroBanner .stars{display:inline-flex;gap:0}.landingHeroBanner .stars svg{fill:var(--accent-hover)}.landingHeroBanner .hero-right{animation:fadeIn 1.1s ease .2s both;aspect-ratio:16/9;height:400px;height:auto;overflow:hidden;position:relative;width:60%}.landingHeroBanner #yt-iframe{border:none;height:calc(100% + 120px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.landingHeroBanner .video-overlay{background:linear-gradient(135deg,rgba(28,28,28,.55),rgba(28,28,28,.15) 60%,transparent);cursor:pointer;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:flex-end;position:absolute}.landingHeroBanner .play-btn-center{align-items:center;background:var(--accent-hover);border-radius:50%;display:flex;height:100px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.7);transition:opacity .25s ease,transform .25s ease;width:100px;z-index:20}.landingHeroBanner .play-btn-center svg{height:50px;margin-left:5px;width:50px}.landingHeroBanner .hero-right.paused .play-btn-center{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.landingHeroBanner .hero-right.paused .video-overlay{background:linear-gradient(135deg,rgba(28,28,28,.72),rgba(28,28,28,.45) 60%,rgba(28,28,28,.25))}.landingHeroBanner .mute-btn{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);border-radius:50%;bottom:24px;color:var(--text-white);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0 25px;position:absolute;right:24px;transition:background .2s,transform .15s;width:48px;z-index:10}.landingHeroBanner .mute-btn:focus,.landingHeroBanner .mute-btn:hover{background:hsla(0,0%,100%,.26);box-shadow:none;transform:scale(1.08)}.landingHeroBanner .mute-btn svg{flex-shrink:0;min-width:22px;pointer-events:none}.landingHeroBanner .mute-btn svg path{fill:transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1024px){.landingHeroBanner .landingHeroBannerInner{gap:2.5rem}}@media screen and (max-width:840px){.landingHeroBanner{padding:6rem 0 3.5rem}.landingHeroBanner .landingHeroBannerInner{flex-direction:column;gap:2.5rem}.landingHeroBanner .hero-left{gap:20px;max-width:100%;width:100%}.landingHeroBanner .hero-right{width:100%}}@media screen and (max-width:767px){.landingHeroBanner .landingHeroBannerInner{min-height:auto;padding-top:0}.landingHeroBanner .hero-right{height:auto;min-height:auto}.landingHeroBanner #yt-iframe{height:100vw;width:auto}.landingHeroBanner .hero-left .sub-bold{margin-top:-10px}.landingHeroBanner .hero-left h1{font-size:40px;margin-bottom:10px}.landingHeroBanner .hero-left .cta-btn{margin-top:-5px}.landingHeroBanner .mute-btn{bottom:12px;height:40px;padding:0 20px;right:15px;width:40px}.landingHeroBanner .mute-btn svg{height:22px;width:22px}}@media screen and (max-width:575px){.landingHeroBanner{padding:5.2rem 0 2.5rem}.landingHeroBanner .hero-left h1{font-size:30px}.landingHeroBanner .hero-left .sub-body,.landingHeroBanner .hero-left .sub-bold{font-size:15px;line-height:1.5}.landingHeroBanner .landingHeroBannerInner{gap:1.5rem}}