OC hero: new particle-cloud clip on desktop (distinct from Inga's waves), opacity .55
Swap the desktop hero loop from the shared waves to a full-frame particle cloud (AdobeStock_999841648, transcoded to ~4.3MB H.264) so OC and the Inga mirror no longer share a graphic. The cloud covers the whole frame (fills the hero, no blank top), and opacity goes .35 -> .55 so it reads as a present fill. Mobile keeps C. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Binary file not shown.
@@ -140,7 +140,7 @@ a.tel { text-decoration: none; }
|
|||||||
}
|
}
|
||||||
.hero-media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(247,244,239,.35) 0%, rgba(247,244,239,0) 22%, rgba(247,244,239,0) 78%, var(--paper) 100%); }
|
.hero-media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(247,244,239,.35) 0%, rgba(247,244,239,0) 22%, rgba(247,244,239,0) 78%, var(--paper) 100%); }
|
||||||
.hero-video { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 1s ease; }
|
.hero-video { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 1s ease; }
|
||||||
.hero-video.is-playing { opacity: .35; }
|
.hero-video.is-playing { opacity: .55; }
|
||||||
@media (max-width: 760px) {
|
@media (max-width: 760px) {
|
||||||
.hero { min-height: 88vh; padding: 120px 0 56px; display: block; }
|
.hero { min-height: 88vh; padding: 120px 0 56px; display: block; }
|
||||||
/* Loop OVERLAID as the hero background (not stacked below): full-bleed, rotated 90deg CW,
|
/* Loop OVERLAID as the hero background (not stacked below): full-bleed, rotated 90deg CW,
|
||||||
|
|||||||
Reference in New Issue
Block a user