/*! fc-footer.css v1.0.2 · 2026-08-13 · fc-brands @fcv */
/* ============ TEMPER FOOTER ============ */
/* position+z-index: the artist template has .artist-img-cont as position:fixed,
   100vh, opacity .7, z-index 1 — a full-viewport layer that paints OVER an
   unpositioned footer, which is why it read as "behind the image" rather than
   missing. .artist-details-cont already carries z-index 100, so someone hit
   this before and fixed it for the copy column only.
   position:relative is load-bearing: z-index applies to positioned elements,
   and this is a flex CONTAINER, not a flex item, so it gets neither for free.
   Diagnosed and measured on the live page by @tidy, 2026-08-13; landed here
   because fc-footer.css is Newman's file. Written as #tf to match this file's
   own specificity rather than footer.tf. */
#tf{position:relative;z-index:2;
  --cond:"helvetica-neue-lt-pro-cond","helvetica-neue-lt-pro",Arial,sans-serif;
  --acc:#6BCEE8;--ink:#eaf6ff;--rule:rgba(107,206,232,.24);--dim:rgba(234,246,255,.55);
  display:flex;flex-direction:column;background:#06090e;color:var(--ink);font-family:var(--cond);
  padding:clamp(34px,5vw,64px) clamp(20px,5vw,64px);box-sizing:border-box;}
#tf *{box-sizing:border-box;}
#tf.on-light{--acc:#c8341f;--ink:#0a0f16;--rule:rgba(10,15,22,.16);--dim:rgba(10,15,22,.55);background:#efece1;}
#tf a{color:inherit;text-decoration:none;} #tf a:hover{color:var(--acc);}
#tf .eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin:0 0 10px;}
#tf .tf-b[hidden]{display:none;}

/* ---- ORDER (band above/below the wordmark) ---- */
#tf .tf-band{order:1;} #tf .tf-word{order:2;} #tf .tf-base{order:4;}
#tf[data-band-pos="below"] .tf-band{order:3;}

/* ---- the capture + meta BAND ---- */
#tf .tf-band{display:flex;gap:clamp(24px,5vw,64px);margin-bottom:clamp(26px,4vw,44px);}
#tf[data-band-pos="below"] .tf-band{margin-bottom:0;margin-top:clamp(26px,4vw,44px);}
#tf[data-band="split"] .tf-band{justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}
#tf[data-band="stack"] .tf-band{flex-direction:column;align-items:flex-start;}

/* COLUMN-MODE FIX — the big empty gap between the email field and the columns.
   .tf-cap is flex:0 1 440px. In a ROW that 440px is a WIDTH. The moment the band
   becomes a column (stack, or split under 640px) flex-basis maps to the MAIN axis,
   which is now HEIGHT — so the capture becomes a 440px-tall block with its content
   at the top and roughly 300px of nothing under it. `space-between`, left over from
   row mode, then pushes the meta to the far end of it.
   Both have to be reset, and for BOTH ways the band becomes a column. */
#tf[data-band="stack"] .tf-band{justify-content:flex-start;}
#tf[data-band="stack"] .tf-cap{flex:0 1 auto;width:100%;max-width:440px;}

/* capture — minimal underline (email aligned LEFT) */
#tf .tf-cap{flex:0 1 440px;min-width:260px;}
#tf .tf-field{display:flex;align-items:center;border-bottom:2px solid var(--acc);}
#tf .tf-field input{flex:1;background:none;border:0;outline:none;color:var(--ink);font-family:var(--cond);font-size:clamp(20px,2.6vw,30px);padding:8px 2px;}
#tf .tf-field input::placeholder{color:var(--dim);}
#tf .tf-field .tf-submit{all:unset;cursor:pointer;background:var(--acc);color:#06090e;font-family:var(--cond);font-weight:700;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:9px 18px;margin-left:12px;border-radius:2px;white-space:nowrap;
  align-self:stretch;display:flex;align-items:center;transition:opacity .15s;}
#tf .tf-field .tf-submit:hover{opacity:.82;}
#tf.on-light .tf-field .tf-submit{color:#efece1;}

/* email/phone TOGGLE SWITCH — our own, compact */
#tf .tf-toggle{display:flex;align-items:center;gap:9px;margin:0 0 12px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;-webkit-user-select:none;user-select:none;}
#tf .tf-tg-lab{color:var(--dim);cursor:pointer;transition:color .2s;}
#tf .tf-tg-lab.is-on{color:var(--acc);}
#tf .tf-tg{all:unset;position:relative;width:34px;height:18px;box-sizing:border-box;border:1px solid var(--acc);
  border-radius:999px;cursor:pointer;flex:0 0 auto;}
#tf .tf-tg-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--acc);
  transition:left .22s cubic-bezier(.22,1,.36,1);}
#tf .tf-tg[aria-checked="true"] .tf-tg-knob{left:18px;}
#tf .tf-tg:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}
#tf .tf-consent{font-size:10px;color:var(--dim);line-height:1.5;margin:9px 0 0;} #tf .tf-consent a{text-decoration:underline;}
#tf .tf-laylo{width:100%;margin-top:4px;} #tf .tf-laylo iframe{display:block;}   /* real Laylo widget host */
#tf .tf-msg{font-size:12px;margin:7px 0 0;min-height:1em;}
#tf .tf-cap.is-done .tf-field{border-color:#39d98a;} #tf .tf-cap.is-done .tf-msg{color:#39d98a;}
#tf .tf-cap.is-error .tf-field{border-color:#ff5d73;} #tf .tf-cap.is-error .tf-msg{color:#ff5d73;}

/* meta — a line on the RIGHT in split; columns in stack / full */
#tf .tf-meta{display:flex;gap:clamp(20px,3vw,44px);text-align:left;flex-wrap:wrap;}
#tf[data-cols-align="right"] .tf-meta{text-align:right;justify-content:flex-end;}   /* toggle: left- or right-align the columns */
#tf .tf-meta .col{flex:1 1 0;min-width:120px;font-size:13px;line-height:1.7;}   /* all columns EQUAL width, balanced */
#tf .tf-meta .col .eyebrow{margin:0 0 8px;color:color-mix(in srgb,var(--ink) 38%,transparent);}  /* muted label */
#tf .tf-meta .col a,#tf .tf-meta .col span{display:block;text-transform:uppercase;color:var(--dim);}
#tf .tf-meta .col a:hover{color:var(--acc);}
#tf[data-layout="full"] .tf-meta{gap:clamp(28px,4vw,56px);}
#tf[data-layout="full"] .tf-meta .col a,#tf[data-layout="full"] .tf-meta .col span{font-size:16px;font-weight:700;}

/* BIG wordmark */
#tf .tf-word{font-weight:800;text-transform:uppercase;letter-spacing:-.03em;line-height:.8;color:var(--ink);white-space:nowrap;
  font-size:clamp(64px,17vw,230px);}
#tf[data-layout="full"] .tf-word{font-size:clamp(56px,13vw,180px);}   /* a touch smaller when columns carry weight */
#tf .tf-word .c{font-size:.62em;vertical-align:.06em;} #tf .tf-word sup{font-size:.2em;vertical-align:top;opacity:.55;}

/* BASE line */
#tf .tf-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:clamp(22px,3vw,40px);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);}

@media (max-width:640px){
  #tf .tf-word{font-size:19vw;}
  #tf[data-band="split"] .tf-band{flex-direction:column;align-items:flex-start;
    justify-content:flex-start;}                                  /* was inherited from row mode */
  #tf[data-band="split"] .tf-cap{flex:0 1 auto;width:100%;max-width:440px;}  /* basis is HEIGHT here */
  #tf[data-band="split"] .tf-meta{text-align:left;justify-content:flex-start;}
}

:root{--fcv-fc-footer-css:"1.0.0";}