/* The site footer.
   One footer for every page -- home, collection, product, style studio, team
   orders and the account pages -- so the bottom of the site reads the same
   wherever you are. These rules used to live in home.css, which only three
   pages loaded, which is why the rest of the site had footers of their own.

   Loaded on every page; the homepage additionally loads footer-game.css for
   The Cut, which only runs there. */


.scallop-edge{position:absolute;top:1px;left:0;width:100%;height:10vw;transform:translateY(-100%);color:var(--ink);pointer-events:none;overflow:hidden}
.scallop-edge svg{display:block;width:100%;height:100%;fill:currentColor}
.lyverne-footer{position:relative;background:var(--ink);color:var(--cream);overflow:visible;padding:calc(10vw + 55px) 3.15vw 30px}
.lyverne-footer>.scallop-edge{top:-1px;transform:none;color:var(--cream)}
.lyverne-footer>.scallop-edge svg{transform:rotate(180deg)}
.lyverne-footer .footer-top{align-items:center}
.lyverne-footer .eyebrow{color:var(--orange);font-size:12px;margin-bottom:15px}
.lyverne-footer .footer-intro{font-size:clamp(17px,1.8vw,28px);line-height:1.3;letter-spacing:-.035em}
.lyverne-footer .footer-top nav{gap:25px;font-size:13px}
.footer-brand-space{position:relative;padding:110px 4vw 80px;overflow:hidden}
.lyverne-footer .footer-wordmark{position:relative;filter:url(#logo-cream);margin:25px 0;z-index:1}
.footer-sun{position:absolute;width:12vw;height:12vw;right:8%;top:0}
.footer-shirt{position:absolute;left:0;bottom:0;width:15vw;transform:rotate(-21deg);opacity:.5}
.lyverne-footer .footer-bottom{margin:auto;background:var(--cream);color:var(--ink);border:0;border-radius:50px;max-width:950px;gap:20px;padding:22px 30px;align-items:center;font-size:10px;letter-spacing:.03em}
@media(max-width:1000px){.lyverne-footer .footer-top nav{gap:15px;font-size:12px}.footer-brand-space{padding:90px 0 65px}}
@media(max-width:650px){
 .scallop-edge{height:12vw}.scallop-edge svg{width:150%;max-width:none;margin-left:-25%}
 .lyverne-footer{padding:calc(12vw + 40px) 5vw 25px}.lyverne-footer .footer-top{display:block}.lyverne-footer .eyebrow{font-size:10px}.lyverne-footer .footer-intro{font-size:21px}.lyverne-footer .footer-top nav{font-size:12px;gap:14px;flex-wrap:wrap;margin-top:30px}.footer-brand-space{padding:90px 0 75px;margin:15px -3vw 0}.footer-sun{width:20vw;height:20vw;top:10px;right:9%}.footer-shirt{width:23vw;left:3%;bottom:4px}.lyverne-footer .footer-wordmark{margin:15px 0}.lyverne-footer .footer-bottom{border-radius:22px;padding:20px;font-size:9px;gap:17px;justify-content:space-between}.lyverne-footer .footer-bottom>span:nth-child(2){display:none}.lyverne-footer .back-top{font-size:10px}}