/* A studio's site footer. Her home page inlines this file (scripts/sites/<slug>-live.py) and her
   client pages (Before and after, Booking terms, Privacy) link it, so the footer is the same
   everywhere. Colours and fonts come from her site (--ink, --disp) or her client pages (--k-ink, --k-disp). */
.sf{--sf-bg:var(--k-ink,var(--ink,#15100E));--sf-fg:var(--k-ivory,var(--ivory,#F6F0E8));--sf-acc:var(--k-rose,var(--rose,#E7969A));
  --sf-sub:color-mix(in srgb,var(--sf-fg) 68%,var(--sf-bg));--sf-line:color-mix(in srgb,var(--sf-fg) 14%,transparent);
  --sf-disp:var(--k-disp,var(--disp,Georgia,serif));--sf-text:var(--k-text,var(--text,system-ui,sans-serif));--sf-g:clamp(16px,4vw,56px);
  background:var(--sf-bg);color:var(--sf-fg);font:400 15px/1.6 var(--sf-text);border-top:1px solid var(--sf-line);padding:clamp(64px,8vw,112px) 0 30px}
.sf .in{width:min(1240px,100% - 2*var(--sf-g));margin-inline:auto}
.sf a{color:inherit;text-decoration:none}
.sf-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px 40px;flex-wrap:wrap}
.sf-wm{display:block;font-family:var(--sf-disp);font-stretch:62.5%;font-weight:640;font-size:clamp(52px,8.4vw,120px);line-height:.86;letter-spacing:.025em}
.sf-say{margin-top:18px;max-width:42ch;color:var(--sf-sub);font-size:16px;line-height:1.55;text-wrap:pretty}
.sf .sf-btn{display:inline-flex;align-items:center;gap:14px;height:54px;padding:0 8px 0 24px;border-radius:999px;background:var(--sf-fg);color:var(--sf-bg);font:600 15px/1 var(--sf-text);white-space:nowrap;cursor:pointer;border:0;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.sf .sf-btn:hover{transform:translateY(-2px)}
.sf .sf-btn:active{transform:scale(.98)}
.sf-btn i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sf-bg);color:var(--sf-fg);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.sf-btn:hover i{transform:translateX(3px)}
.sf-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sf-cols{display:grid;grid-template-columns:1.05fr 1.35fr .9fr 1fr;gap:36px clamp(24px,3vw,48px);margin-top:clamp(48px,6vw,80px);padding-top:30px;border-top:1px solid var(--sf-line)}
.sf h3{font:600 11px/1 var(--sf-text);letter-spacing:.18em;text-transform:uppercase;color:var(--sf-acc);margin:0 0 18px}
.sf address{font-style:normal;line-height:1.65}
.sf .sf-dir{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--sf-sub);font-size:14px;border-bottom:1px solid var(--sf-line);padding-bottom:2px;transition:color .3s,border-color .3s}
.sf .sf-dir:hover{color:var(--sf-fg);border-color:var(--sf-fg)}
.sf dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:0}
.sf dt{color:var(--sf-sub);white-space:nowrap}
.sf dd{margin:0;font-variant-numeric:tabular-nums lining-nums}
.sf ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sf li a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:1px;transition:background-size .45s cubic-bezier(.22,1,.36,1)}
.sf li a:hover,.sf li a[aria-current]{background-size:100% 1px}
.sf-base{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin-top:clamp(56px,7vw,88px);padding-top:22px;border-top:1px solid var(--sf-line);font-size:12.5px;color:var(--sf-sub)}
.sf-base a{border-bottom:1px solid var(--sf-line);transition:border-color .3s,color .3s}
.sf-base a:hover{color:var(--sf-fg);border-color:var(--sf-fg)}
.sf :focus-visible{outline:2px solid var(--sf-acc);outline-offset:3px;border-radius:6px}
@media (max-width:960px){.sf-cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .sf{font-size:15px}
  .sf-top{display:block}
  .sf-btn{margin-top:26px}
  .sf-cols{gap:34px 20px}
  .sf-cols>:nth-child(-n+2){grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.sf-btn,.sf-btn i,.sf li a{transition:none}}