.salks{ font-family:'Salks',sans-serif; font-weight:400; }
a{ color:inherit; text-decoration:none; }
/* ============ FOOTER SHELL ============ */
  .ft{ position:relative; }
/* ---- headline band (orange) ---- */
  .ft-top{
    position:relative; background:var(--orange);
    padding:96px 56px 150px; text-align:center; overflow-x:clip;
  }
.ft-top::before{
    /* faint blueprint grid like the reference */
    content:""; position:absolute; inset:0;
    background:
      repeating-linear-gradient(90deg, transparent 0 95px, rgba(28,24,19,.05) 95px 96px),
      repeating-linear-gradient(0deg, transparent 0 95px, rgba(28,24,19,.05) 95px 96px);
    pointer-events:none;
  }
.ft-eyebrow{ position:relative; z-index:2; display:inline-flex; align-items:center; gap:9px; white-space:nowrap; font-weight:800; font-size:14px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); background:var(--amber); border:3px solid var(--ink); border-radius:100px; padding:8px 18px; box-shadow:4px 4px 0 var(--ink); transform:rotate(-2deg); }
.ft-head{ position:relative; z-index:2; margin:26px auto 0; max-width:none; white-space:nowrap; font-family:'Salks',sans-serif; font-weight:400; line-height:.9; letter-spacing:-.01em; font-size:clamp(44px,11vw,168px); color:var(--ink); text-transform:uppercase; }
.ft-head .line{ display:block; overflow:hidden; }
.ft-head .line > span{ display:inline-block; }
/* headline CTA */
  .ft-cta{ position:relative; z-index:2; display:inline-flex; align-items:center; gap:10px; margin-top:36px; background:var(--cream); color:var(--ink); font-family:'Salks',sans-serif; font-size:24px; padding:16px 34px; border:3px solid var(--ink); border-radius:100px; box-shadow:5px 5px 0 var(--ink); transition:transform .18s, box-shadow .18s; }
.ft-cta:hover{ transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--ink); }
/* mascot off to the side at the wave seam */
  .seam-mascot{ position:absolute; right:6%; bottom:16px; width:168px; transform:rotate(-4deg); z-index:5; pointer-events:none; }
.seam-mascot img{ display:block; width:100%; height:auto; filter:drop-shadow(0 16px 14px rgba(28,24,19,.28)); }
/* ---- wave divider orange -> amber ---- */
  .ft-wave{ position:absolute; left:0; right:0; bottom:-1px; width:100%; height:90px; display:block; z-index:3; }
.ft-wave path{ fill:var(--amber); }
/* ---- link grid (amber body) ---- */
  .ft-body{ position:relative; background:var(--amber); padding:30px 56px 0; }
.ft-grid{ max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:40px 30px; padding:24px 0 64px; }
.col h4{ margin:0 0 22px; font-family:'Salks',sans-serif; font-weight:400; font-size:clamp(24px,2.2vw,32px); text-transform:uppercase; color:var(--ink); }
.col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.col li a{ display:inline-flex; align-items:center; gap:9px; font-size:19px; font-weight:500; color:var(--ink); width:max-content; white-space:nowrap; transition:transform .18s ease; }
.col li a .dot{ width:0; height:2px; background:var(--ink); transition:width .2s ease; border-radius:2px; }
.col li a:hover{ transform:translateX(4px); }
.col li a:hover .dot{ width:18px; }
/* brand lockup column */
  .brandcol .lock{ display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.brandcol .chip{ width:54px; height:54px; border-radius:14px; background:var(--paper); border:3px solid var(--ink); display:grid; place-items:center; box-shadow:3px 3px 0 var(--ink); overflow:hidden; }
.brandcol .chip img{ width:38px; height:38px; object-fit:contain; }
.brandcol .wm{ font-family:'Salks',sans-serif; font-size:34px; line-height:1; color:var(--ink); }
.brandcol p{ margin:0 0 22px; max-width:30ch; font-size:16px; line-height:1.45; color:var(--ink-soft); }
.brandcol .say{ display:inline-flex; align-items:center; gap:10px; background:var(--ink); color:var(--cream); font-family:'Salks',sans-serif; font-size:20px; padding:13px 24px; border:3px solid var(--ink); border-radius:100px; box-shadow:4px 4px 0 var(--orange); transition:transform .18s, box-shadow .18s; }
.brandcol .say:hover{ transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--orange); }
/* ---- bottom bar ---- */
  .ft-bar{ border-top:2.5px solid rgba(28,24,19,.25); }
.ft-bar .in{ max-width:1280px; margin:0 auto; padding:22px 0 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.ft-bar .cr{ font-weight:600; font-size:15px; color:var(--ink-soft); }
.ft-bar .made{ font-family:'Salks',sans-serif; font-size:18px; letter-spacing:.03em; text-transform:uppercase; color:var(--ink); display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.ft-bar .made .heart{ color:var(--orange); }
@media (max-width:900px){
    .ft-grid{ grid-template-columns:1fr 1fr; gap:36px 24px; }
    .brandcol{ grid-column:1 / -1; }
    .ft-top{ padding:72px 30px 120px; }
  }
@media (max-width:560px){
    .ft-grid{ grid-template-columns:1fr; }
    .ft-body,.ft-top{ padding-left:24px; padding-right:24px; }
    .seam-mascot{ width:118px; right:4%; }
    .ft-bar .in{ justify-content:center; text-align:center; }
  }