mike/oc-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

OC hero: halve particle opacity (.55 -> .275) and slow desktop drift to 0.5x

Browse Source 
Mike: lighter and calmer. Desktop particle loop plays at half speed (playbackRate
0.5, set on loadedmetadata + playing); mobile C unchanged.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Victory
2026-06-23 06:45:39 -07:00
parent 2ea8a2e054
commit 5fa57cf11c
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+1 -1
View File
@@ -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-video { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 1s ease; }
.hero-video.is-playing { opacity: .55; }
.hero-video.is-playing { opacity: .275; }
@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,