/* Footer curtain reveal: the big "University of SEO" is a fixed layer at the bottom of the window. Its box (.uf-reveal) sits
   at the end of the page with the same height and a clip-path, which limits the fixed layer to that box: while the page
   scrolls, the footer above slides up and uncovers the wordmark; scrolling back up covers it again. Plain scrolling, no
   animation, so reduced motion is unaffected. */
footer.uf{padding-bottom:0}
footer.uf > .container{position:relative;z-index:1}
footer.uf > .uf-reveal{
    position:relative;z-index:0;box-sizing:border-box;max-width:none;margin:clamp(16px,2vw,28px) 0 0;padding:0;
    clip-path:inset(0);-webkit-clip-path:inset(0);
    min-height:calc(min(100vw - 2 * clamp(8px,1.8vw,28px), 1680px) * 520 / 4634 + clamp(38px,5.2vw,76px));
}
footer.uf > .uf-reveal > .uf-reveal-inner{
    position:fixed;left:0;right:0;bottom:0;z-index:0;box-sizing:border-box;
    padding:clamp(22px,3vw,44px) clamp(8px,1.8vw,28px) clamp(16px,2.2vw,32px);
    background:var(--uos-canvas);
}
footer.uf > .uf-reveal svg{display:block;width:100%;max-width:1680px;height:auto;margin:0 auto;overflow:visible}
@media print{
    footer.uf > .uf-reveal{clip-path:none;min-height:0}
    footer.uf > .uf-reveal > .uf-reveal-inner{position:static}
}
/* phones: brand and newsletter full width, Learn / Practice / Company side by side like on desktop, smaller text */
@media (max-width:640px){
    footer.uf .uf-card{padding:24px 14px 18px}
    footer.uf .uf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
    footer.uf .uf-col-brand,footer.uf .uf-col-news{grid-column:1/-1}
    footer.uf .uf-h{margin-bottom:8px}
    footer.uf ul li{margin-bottom:0;line-height:1.25}
    footer.uf ul a{min-height:30px;display:inline-flex;align-items:center}
    /* the closing wordmark uses the taller two-line version so it can be bigger */
    footer.uf > .uf-reveal .uf-giant-one{display:none}
    footer.uf > .uf-reveal .uf-giant-two{display:block}
    footer.uf > .uf-reveal{min-height:calc((100vw - 16px) * 960 / 2440 + 40px)}
}
footer.uf > .uf-reveal .uf-giant-two{display:none}
@media (max-width:640px){footer.uf > .uf-reveal .uf-giant-two{display:block}}
/* footer text follows the window smoothly (no fixed phone sizes) */
footer.uf .uf-h{font-size:clamp(.76rem,.66rem + .5vw,.95rem)}
footer.uf ul li{font-size:clamp(.68rem,.54rem + .7vw,.92rem)}
footer.uf .uf-about{font-size:clamp(.8rem,.74rem + .3vw,.95rem)}
footer.uf .uf-bottom{font-size:clamp(.7rem,.64rem + .3vw,.85rem)}