.rola{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;opacity:0;animation:rola-in 1.2s var(--ease,cubic-bezier(.19,1,.22,1)) var(--rola-d,1s) forwards}
.rola-t{font-family:var(--pf,'Cormorant',Georgia,serif);font-style:italic;font-weight:400;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.3;color:var(--gold,#A07830);letter-spacing:.01em;transition:color .4s}
.rola-l{position:relative;display:block;width:8px;height:58px;background:rgba(160,120,48,.4);clip-path:polygon(0 0,100% 0,calc(50% + .5px) 100%,calc(50% - .5px) 100%);overflow:hidden}
.rola-l::after{content:"";position:absolute;left:0;top:0;width:100%;height:46%;background:linear-gradient(transparent,var(--gold,#A07830));animation:rola-d 2.6s cubic-bezier(.6,0,.3,1) infinite}
.rola:hover .rola-t,.rola:focus-visible .rola-t{color:var(--ink,#1C1810)}
.rola:focus-visible{outline:1px solid var(--gold,#A07830);outline-offset:8px}
.hero .rola{align-items:flex-start;margin-top:clamp(28px,4vw,44px);--rola-d:.9s}
.hero .rola-l{height:44px;margin-left:calc(-4px + .5px)}
.op-hero .rola{--rola-d:4s}
@keyframes rola-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes rola-d{0%{transform:translateY(-100%)}70%,100%{transform:translateY(220%)}}
@media(prefers-reduced-motion:reduce){.rola{animation:none;opacity:1}.rola-l::after{animation:none;transform:translateY(60%)}}