diff --git a/style.css b/style.css index 289ff6d..a4a678b 100644 --- a/style.css +++ b/style.css @@ -303,10 +303,10 @@ a:focus-visible, .btn:focus-visible { outline: 2px solid var(--amber); outline-o .bridge-link a:hover, .person a:hover { background-size: 100% 1.5px; } /* Open-o divider — a quiet brand beat that settles in right before the ask */ -.o-divider { text-align: center; margin: 8px 0 -10px; } -.o-divider svg { width: 30px; height: 30px; } +.o-divider { text-align: center; margin: 18px 0; line-height: 0; } +.o-divider svg { width: 34px; height: 34px; overflow: visible; } .o-divider path { fill: var(--amber); } -.has-motion .o-divider { opacity: 0; transform: scale(.7); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); } +.has-motion .o-divider { opacity: 0; transform: scale(.55) rotate(-12deg); transition: opacity .7s ease, transform .8s cubic-bezier(.2,.85,.25,1); } .has-motion .o-divider.in { opacity: 1; transform: none; } /* Persistent CTA — returns after the hero scrolls off, steps aside at the contact */