diff --git a/style.css b/style.css index 2a3ad7e..f250b73 100644 --- a/style.css +++ b/style.css @@ -139,8 +139,8 @@ a.tel { text-decoration: none; } z-index: 1; pointer-events: none; background: var(--paper); } .hero-media::after { content: ""; position: absolute; inset: 0; background: var(--paper); opacity: .2; pointer-events: none; } -.hero-video { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 1s ease; mix-blend-mode: multiply; } -.hero-video.is-playing { opacity: 1; } +.hero-video { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 1s ease; } +.hero-video.is-playing { opacity: .5; } @media (max-width: 760px) { .hero { min-height: 88vh; padding: 120px 0 56px; display: block; } /* Loop OVERLAID as the hero background (not stacked below): full-bleed, rotated 90deg CW,