diff --git a/style.css b/style.css index 1e9e4cf..ba50f5d 100644 --- a/style.css +++ b/style.css @@ -138,9 +138,9 @@ a.tel { text-decoration: none; } position: absolute; top: 0; right: 0; bottom: 0; width: 56%; z-index: 1; pointer-events: none; background: var(--paper); } -.hero-media::after { content: ""; position: absolute; inset: 0; background: var(--paper); opacity: .12; mix-blend-mode: multiply; pointer-events: none; } +.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; transform: scale(1.7) translateY(-16%); transform-origin: center; } -.hero-video.is-playing { opacity: 1; } +.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,