/* ==========================================================================
   VARIETY PARTNERS FOOTER
   The Position's footer rules, lifted out of its site.css unchanged.
   ========================================================================== */
footer.vpold, footer.mfoot, footer.dfoot{display:none!important}
 footer.tpfoot{position:relative;background:#141416;color:#c9c5bd;padding:36px 46px 32px;border-top:3px solid #fd5934;
  display:grid;grid-template-columns:360px auto auto 1fr;column-gap:84px;row-gap:0;
  align-items:start;text-align:left;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
 footer.tpfoot .tpf-id{grid-column:1}
 footer.tpfoot .tpf-mark{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;
  font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:34px}
 footer.tpfoot .tpf-tag{color:#fd5934;font-family:Georgia,'Times New Roman',serif;font-style:italic;
  font-size:17.7px;line-height:26.55px;margin-top:19px}
 footer.tpfoot .tpf-sched{font-size:13px;line-height:23.4px;letter-spacing:2.1px;text-transform:uppercase;
  color:#d6d3ca;margin-top:18px}
 footer.tpfoot .tpf-col{position:relative;padding-top:18.15px}
 footer.tpfoot .tpf-col.c2{grid-column:2;align-self:stretch}
 footer.tpfoot .tpf-col.c3{grid-column:3}
 footer.tpfoot .tpf-h{font:700 13px/15px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2.95px;
  text-transform:uppercase;color:#8c8981;margin:0;position:relative;top:-6px}
 footer.tpfoot .tpf-icons{display:flex;align-items:center;column-gap:30px;margin-top:22.6px}
 footer.tpfoot .tpf-ico{color:#e6e3db;display:inline-flex;align-items:center;justify-content:center;
  width:32.3px;height:32.3px}
 footer.tpfoot .tpf-ico svg{width:28.89px;height:28.89px}
 footer.tpfoot .tpf-ico.x svg{width:28.89px;height:28.89px}
 footer.tpfoot .tpf-ico:hover{color:#fd5934}
 footer.tpfoot .tpf-icons>a+a{position:relative}
 footer.tpfoot .tpf-icons>a+a::before{content:"";position:absolute;left:-15px;top:50%;
  transform:translateY(-50%);width:1px;height:26px;background:rgba(230,227,219,.22)}
 footer.tpfoot .tpf-pub{display:block;margin-top:24.1px;color:#e6e3db;text-decoration:none;
  font-size:16px;line-height:30px;white-space:nowrap}
 footer.tpfoot .tpf-pub::after{content:" \2197";color:#fd5934}
 footer.tpfoot .tpf-pub:hover{color:#fd5934}
 footer.tpfoot .tpf-col.c2::after{content:"";position:absolute;left:-103.5px;top:0;bottom:0;width:1px;
  background:rgba(255,255,255,.13)}
 footer.tpfoot .tpf-top{position:absolute;right:46px;top:93.2px;display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;color:#c9c5bd;background:rgba(255,255,255,.07);border-radius:99px;padding:9px 17px;
  font:400 13px/13px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:2.2px}
 footer.tpfoot .tpf-top:hover{background:rgba(255,255,255,.12)}
@media(max-width:760px){
 footer.tpfoot{display:block;padding:30px 22px calc(24px + env(safe-area-inset-bottom,0px));text-align:center}
 footer.tpfoot .tpf-mark{font-size:19px}
 footer.tpfoot .tpf-id{display:flex;flex-direction:column;align-items:center}
 footer.tpfoot .tpf-col{padding-top:0;margin-top:26px;display:flex;flex-direction:column;align-items:center}
 footer.tpfoot .tpf-col.c2::after{display:none}
 footer.tpfoot .tpf-icons{justify-content:center;margin-top:14px}
 footer.tpfoot .tpf-pub{margin-top:12px;white-space:normal}
 footer.tpfoot .tpf-top{display:none}
}
 footer.tpfoot{display:block!important;background:#141416!important;padding:0!important;margin:0!important;
 border:0!important;border-top:1px solid #fd5934!important}
 footer.tpfoot .tpf-in{max-width:1348px!important;margin:0 auto!important;padding:0 46px!important}
 footer.tpfoot .tpf-row{display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:40px!important;padding:44px 0 40px!important}
 footer.tpfoot .tpf-id{display:block!important;white-space:nowrap!important;line-height:1!important;flex:0 0 auto!important}
 footer.tpfoot .tpf-mark{display:inline!important;vertical-align:baseline!important;text-decoration:none!important;
 font:400 21px/1 "Iowan Old Style",Georgia,"Times New Roman",Times,serif!important;color:#f4f3f1!important;letter-spacing:.1px!important}
 footer.tpfoot .tpf-mark:hover{color:#fd5934!important}
 footer.tpfoot .tpf-tag{display:inline!important;vertical-align:baseline!important;white-space:nowrap!important;
 font:400 14.5px/1 "Iowan Old Style",Georgia,serif!important;color:#87837c!important;
 border-left:1px solid rgba(244,243,241,.22)!important;margin-left:19px!important;padding-left:19px!important}
 footer.tpfoot .tpf-soc{display:flex!important;align-items:center!important;gap:0!important;flex:0 0 auto!important}
 footer.tpfoot .tpf-ico{display:flex!important;align-items:center!important;justify-content:center!important;
 width:19px!important;height:19px!important;color:#c8c4bd!important}
 footer.tpfoot .tpf-ico:hover{color:#fd5934!important}
 footer.tpfoot .tpf-ico svg{display:block!important;width:19px!important;height:19px!important}
 footer.tpfoot .tpf-sep{display:block!important;width:1px!important;height:15px!important;
 background:rgba(244,243,241,.22)!important;margin:0 19px!important;flex:0 0 auto!important}
 footer.tpfoot .tpf-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:30px!important;padding:19px 0 26px!important;border-top:1px solid rgba(244,243,241,.14)!important}
 footer.tpfoot .tpf-bar>*{position:static!important;top:auto!important;left:auto!important;right:auto!important;
 bottom:auto!important;transform:none!important;margin:0!important;background:none!important;border:0!important;
 border-radius:0!important;padding:0!important;width:auto!important;height:auto!important;box-shadow:none!important;
 line-height:1!important;display:inline-block!important;
 font:700 9.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
 letter-spacing:2.2px!important;text-transform:uppercase!important;text-decoration:none!important;
 white-space:nowrap!important}
 footer.tpfoot .tpf-pub{color:#a8a49d!important}
 footer.tpfoot .tpf-top{color:#7a766f!important}
 footer.tpfoot .tpf-pub:hover, footer.tpfoot .tpf-top:hover{color:#fd5934!important}
 footer.tpfoot .tpf-top span, footer.tpfoot .tpf-top::before, footer.tpfoot .tpf-pub::after{display:none!important;content:none!important}
@media(max-width:900px){
 footer.tpfoot .tpf-in{padding:0 22px!important}
 footer.tpfoot .tpf-row{padding:34px 0 30px!important;gap:24px!important}
 footer.tpfoot .tpf-mark{font-size:19px!important}
 footer.tpfoot .tpf-tag{font-size:13.5px!important;margin-left:14px!important;padding-left:14px!important}
 footer.tpfoot .tpf-bar{padding:17px 0 28px!important}
}
@media(max-width:420px){
 footer.tpfoot .tpf-id{white-space:normal!important}
 footer.tpfoot .tpf-tag{display:block!important;border-left:0!important;margin:9px 0 0!important;padding:0!important}
}
 footer.tpfoot{border-top:1px solid #141416!important}
 footer.tpfoot .tpf-r{align-items:center!important;gap:0!important}
 footer.tpfoot .tpf-top{margin-top:13px!important;padding-bottom:5px!important;
 border-bottom:1px solid rgba(244,243,241,.28)!important}
 footer.tpfoot .tpf-top:hover{border-bottom-color:#fd5934!important}
@media(max-width:900px){
 footer.tpfoot .tpf-r{align-items:flex-start!important}
}
 .tpf-t{background:transparent!important;border-color:rgba(20,20,22,.24)!important}
 .tpf-t.hit{background:#141416!important;border-color:#141416!important;color:#eceae6!important}
 .tpf-t.near{background:#b8b1a7!important;border-color:#b8b1a7!important;color:#141416!important}
 .tpf-t.miss{background:#ddd8d0!important;border-color:#ddd8d0!important;color:#6f6b65!important}
 .tpf-key{background:#ddd8d0!important}
 .tpf-key:hover{background:#d2ccc3!important}
 .tpf-key.hit{background:#141416!important;color:#eceae6!important}
 .tpf-key.near{background:#b8b1a7!important;color:#141416!important}
 .tpf-key.miss{background:#cbc5bb!important;color:#8b8781!important}
 footer.tpfoot .tpf-in{align-items:flex-start!important;padding:36px 46px 38px!important}
 footer.tpfoot .tpf-l{gap:10px!important}
 footer.tpfoot .tpf-c{display:flex!important;flex-direction:column!important;align-items:center!important;
 gap:16px!important;flex:1 1 auto!important;margin-top:5.5px!important}
 footer.tpfoot .tpf-mid{justify-content:center!important}
 footer.tpfoot .tpf-r{display:block!important;flex:0 0 auto!important;margin-top:2.7px!important}
 footer.tpfoot .tpf-r .tpf-top{margin-top:0!important}
 footer.tpfoot .tpf-soc{margin:0!important}
@media(max-width:900px){
 footer.tpfoot .tpf-c{align-items:flex-start!important;margin-top:0!important}
 footer.tpfoot .tpf-r{margin-top:0!important}
}
 footer.tpfoot .tpf-r{margin-top:-4px!important}
 footer.tpfoot{border-top:1px solid #141416!important}
 footer.tpfoot .tpf-in{display:block!important;padding:34px 46px 36px!important}
 footer.tpfoot .tpf-row1{display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:36px!important;width:100%!important;margin:0!important;padding:0!important;max-width:none!important}
 footer.tpfoot .tpf-row1{position:relative!important}
 footer.tpfoot .tpf-mid{align-items:center!important;position:absolute!important;
 left:50%!important;transform:translateX(-50%)!important;top:30.5px!important;
 margin:0!important;flex:0 0 auto!important;white-space:nowrap!important}
 footer.tpfoot .tpf-row1 .tpf-top{position:relative!important;top:-3.25px!important;
 right:auto!important;left:auto!important;bottom:auto!important;margin:0!important}
 footer.tpfoot .tpf-row2{display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:36px!important;margin:30px 0 0!important;padding:0!important;width:100%!important;max-width:none!important}
 footer.tpfoot .tpf-mid{flex:1 1 auto!important;justify-content:center!important;display:flex!important;align-items:baseline!important}
 footer.tpfoot .tpf-top{margin:0!important}
 footer.tpfoot .tpf-soc{margin:0!important;flex:0 0 auto!important}
 footer.tpfoot .tpf-pub{flex:0 0 auto!important}
@media(max-width:900px){
 footer.tpfoot .tpf-in{padding:30px 22px 32px!important}
 footer.tpfoot .tpf-row1{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
 footer.tpfoot.tpfoot .tpf-row2{margin-top:24px!important}
 footer.tpfoot .tpf-mid{justify-content:flex-start!important;flex-wrap:wrap!important}
}
 footer.tpfoot .tpf-in{padding-left:0!important;padding-right:0!important;
 max-width:1348px!important;margin:0 auto!important}
@media(max-width:900px){
 footer.tpfoot .tpf-in{padding-left:22px!important;padding-right:22px!important}
}
 footer.tpfoot .tpf-in{max-width:1440px!important;margin:0 auto!important;
 padding-left:46px!important;padding-right:46px!important}
@media(max-width:900px){
 footer.tpfoot .tpf-in{padding-left:22px!important;padding-right:22px!important}
}
 footer.tpfoot .tpf-in{box-sizing:border-box!important;
 width:100%!important;max-width:1440px!important;
 margin-left:auto!important;margin-right:auto!important;
 padding-left:46px!important;padding-right:46px!important}
@media(max-width:900px){
 footer.tpfoot .tpf-in{padding-left:22px!important;padding-right:22px!important}
}
 footer.tpfoot .tpf-row1 .tpf-top{top:3.25px!important}
 .tpf-board{display:flex!important;flex-direction:column!important;gap:6px!important;align-items:center!important;margin:4px 0 20px!important}
 .tpf-brow{display:flex!important;gap:6px!important}
 .tpf-brow.shake{animation:tpgShake .34s}
 .tpf-t{width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;
 border:1px solid rgba(20,20,22,.22)!important;border-radius:2px!important;background:transparent!important;
 font:700 22px/1 "Iowan Old Style",Georgia,'Times New Roman',serif!important;color:#141416!important;text-transform:uppercase!important}
 .tpf-t.typing{border-color:#141416!important}
 .tpf-t.hit{background:#141416!important;border-color:#141416!important;color:#f4f3f1!important}
 .tpf-t.near{background:#e7d9c3!important;border-color:#d8c6a8!important;color:#141416!important}
 .tpf-t.miss{background:#dcd7cf!important;border-color:#dcd7cf!important;color:#5a5750!important}
 .tpf-keys{display:flex!important;flex-direction:column!important;gap:6px!important;align-items:center!important}
 .tpf-row{display:flex!important;gap:5px!important}
 .tpf-key{min-width:34px!important;height:44px!important;padding:0 8px!important;border:0!important;border-radius:2px!important;
 background:#e6e2db!important;color:#141416!important;cursor:pointer!important;
 font:700 12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif!important;letter-spacing:.5px!important}
 .tpf-key.wide{min-width:48px!important}
 .tpf-key:hover{background:#dcd7cf!important}
 .tpf-key.hit{background:#141416!important;color:#f4f3f1!important}
 .tpf-key.near{background:#e7d9c3!important}
 .tpf-key.miss{background:#cfcac1!important;color:#8b8781!important}
@media(max-width:560px){
 .tpf-t{width:46px!important;height:46px!important;font-size:19px!important}
 .tpf-key{min-width:28px!important;padding:0 5px!important;height:42px!important}
}
 footer.tpfoot{background:#191712!important;border-top:1px solid #191712!important}
 footer.tpfoot .tpf-in{box-sizing:border-box!important;width:100%!important;max-width:1440px!important;
 margin-left:auto!important;margin-right:auto!important;display:block!important}
 footer.tpfoot .tpf-row1{display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:36px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 position:relative!important}
 footer.tpfoot .tpf-row2{display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:36px!important;width:100%!important;max-width:none!important;margin:30px 0 0!important;padding:0!important}
 footer.tpfoot .tpf-mark{display:inline!important;vertical-align:baseline!important;text-decoration:none!important;
 font:400 21px/1 "Iowan Old Style",Georgia,"Times New Roman",Times,serif!important;
 color:#f4f3f1!important;letter-spacing:.1px!important}
 footer.tpfoot .tpf-mark:hover{color:#fd5934!important}
 footer.tpfoot .tpf-mid{display:flex!important;align-items:baseline!important;flex:1 1 auto!important;
 justify-content:center!important;gap:0!important}
 footer.tpfoot .tpf-mid a{font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;color:#c8c4bd!important;
 text-decoration:none!important;padding:0 18px!important;
 border-right:1px solid rgba(244,243,241,.16)!important}
 footer.tpfoot .tpf-mid a:last-child{border-right:0!important}
 footer.tpfoot .tpf-mid a:hover{color:#fd5934!important}
 footer.tpfoot .tpf-top{display:inline-block!important;flex:0 0 auto!important;margin:0!important;
 font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;color:#c8c4bd!important;
 text-decoration:none!important;background:none!important;border:0!important;border-radius:0!important;
 padding:0 0 4.5px!important;border-bottom:1px solid rgba(244,243,241,.34)!important}
 footer.tpfoot .tpf-top:hover{color:#fd5934!important;border-bottom-color:#fd5934!important}
 footer.tpfoot .tpf-pub{flex:0 0 auto!important;display:inline-block!important;
 font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;color:#87837c!important;
 text-decoration:none!important}
 footer.tpfoot .tpf-pub::after{content:none!important}
 footer.tpfoot .tpf-pub:hover{color:#fd5934!important}
 footer.tpfoot .tpf-soc{display:flex!important;align-items:center!important;gap:0!important;flex:0 0 auto!important;margin:0!important}
 footer.tpfoot .tpf-ico{display:flex!important;align-items:center!important;justify-content:center!important;
 width:19px!important;height:19px!important;color:#c8c4bd!important}
 footer.tpfoot .tpf-ico:hover{color:#fd5934!important}
 footer.tpfoot .tpf-ico svg{display:block!important;width:19px!important;height:19px!important}
 footer.tpfoot .tpf-sep{display:block!important;width:1px!important;height:15px!important;
 background:rgba(244,243,241,.22)!important;margin:0 16px!important;flex:0 0 auto!important}
@media(max-width:900px){
 footer.tpfoot .tpf-row1{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
 footer.tpfoot.tpfoot .tpf-row2{margin-top:24px!important}
 footer.tpfoot .tpf-mid{justify-content:flex-start!important;flex-wrap:wrap!important}
 footer.tpfoot .tpf-mid a{padding:0 14px 0 0!important;border-right:0!important;margin:0 0 9px!important}
}
 footer.tpfoot .tpf-in{padding:34px 46px 33px!important}
 footer.tpfoot .tpf-row1 .tpf-mid{position:absolute!important;left:50%!important;
 transform:translateX(-50%)!important;top:30.63px!important;margin:0!important;
 flex:0 0 auto!important;white-space:nowrap!important;align-items:center!important}
 footer.tpfoot .tpf-row1 .tpf-top{top:2.75px!important}
 footer.tpfoot .tpf-row2 .tpf-pub{margin:0!important;display:inline-block!important;align-self:center!important}
@media(max-width:900px){
 footer.tpfoot .tpf-in{padding:30px 22px 30px!important}
 footer.tpfoot .tpf-row1 .tpf-mid{position:static!important;transform:none!important;
  top:auto!important;justify-content:flex-start!important;flex-wrap:wrap!important;
  white-space:normal!important;flex:1 1 auto!important}
 footer.tpfoot .tpf-row1 .tpf-top{top:0!important}
}
 footer.tpfoot .tpf-soc{justify-content:space-between!important}
 footer.tpfoot .tpf-soc .tpf-sep{margin:0!important}
@media(max-width:900px){
 footer.tpfoot .tpf-soc{width:auto!important;justify-content:flex-start!important}
 footer.tpfoot .tpf-soc .tpf-sep{margin:0 16px!important}
}
 footer.tpfoot .tpf-sub{display:flex!important;align-items:stretch!important;gap:0!important;
 position:absolute!important;left:50%!important;transform:translateX(-50%)!important;
 top:62px!important;margin:0!important;padding:0!important;width:390px!important;z-index:2!important}
 footer.tpfoot .tpf-sub input[type=email]{flex:1 1 auto!important;min-width:0!important;
 background:transparent!important;border:1px solid rgba(244,243,241,.26)!important;border-right:0!important;
 border-radius:0!important;padding:0 14px!important;height:38px!important;
 font:400 13.5px/1 "Iowan Old Style",Georgia,serif!important;color:#f4f3f1!important;outline:none!important;
 transition:border-color .28s ease!important}
 footer.tpfoot .tpf-sub input[type=email]::placeholder{color:#87837c!important}
 footer.tpfoot .tpf-sub input[type=email]:focus{border-color:#f4f3f1!important}
 footer.tpfoot .tpf-sub button{flex:0 0 auto!important;height:38px!important;padding:0 20px!important;
 background:#f4f3f1!important;color:#191712!important;border:1px solid #f4f3f1!important;border-radius:0!important;
 font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;cursor:pointer!important;
 transition:background-color .28s ease,color .28s ease,border-color .28s ease!important}
 footer.tpfoot .tpf-sub button:hover{background:#fd5934!important;border-color:#fd5934!important;color:#fff!important}
@media(max-width:900px){
 footer.tpfoot .tpf-sub{position:static!important;transform:none!important;width:100%!important;
  max-width:360px!important;margin:20px 0 0!important}
}
@media(min-width:901px){
 footer.tpfoot .tpf-sub{top:100px!important}
 footer.tpfoot .tpf-row2{margin-top:106px!important}
 footer.tpfoot .tpf-in{padding:34px 46px 33px!important}
 footer.tpfoot .tpf-row1 .tpf-mid{top:5.5px!important}
 footer.tpfoot .tpf-sub{top:82px!important}
 footer.tpfoot .tpf-row2{margin-top:91px!important}
 footer.tpfoot .tpf-in{padding:34px 46px 33px!important}
 footer.tpfoot .tpf-sub{top:auto!important;bottom:0!important;transform:translateX(-50%)!important}
 footer.tpfoot .tpf-row2{margin-top:26px!important;position:relative!important;
  align-items:center!important;min-height:38px!important}
 footer.tpfoot .tpf-row2 .tpf-sub{position:absolute!important;left:50%!important;
  top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
}
@media(max-width:900px){
 footer.tpfoot .tpf-row2{display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;gap:18px!important;position:static!important;
  min-height:0!important;margin-top:22px!important}
 footer.tpfoot .tpf-row2 .tpf-sub{position:static!important;transform:none!important;
  left:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;max-width:320px!important;margin:0!important;order:-1!important}
 footer.tpfoot .tpf-row2 .tpf-pub, footer.tpfoot .tpf-row2 .tpf-soc{align-self:flex-start!important;margin:0!important}
 footer.tpfoot .tpf-sub input[type=email]{height:36px!important}
 footer.tpfoot .tpf-sub button{height:36px!important;padding:0 16px!important}
}
 .tpf-board{width:520px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
 .tpg-card .tpf-board{margin-top:4px!important;margin-bottom:0!important}
 footer.tpfoot.tpfoot{padding-top:0!important;padding-bottom:0!important;
 height:153px!important;min-height:153px!important;box-sizing:border-box!important;overflow:hidden!important}
 .mobx footer.tpfoot>.tpf-in{height:153px!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important;
 box-sizing:border-box!important;
 padding-top:var(--foot-t,34px)!important;padding-bottom:var(--foot-b,34px)!important}
 footer.tpfoot>.tpf-in{padding-left:max(46px, calc((100% - 1348px)/2))!important;
 padding-right:max(46px, calc((100% - 1348px)/2))!important;
 box-sizing:border-box!important}
 footer.tpfoot .tpf-top span.tpf-tail.tpf-tail{display:inline!important;letter-spacing:0!important;
 font:inherit!important;color:inherit!important;content:normal!important}
 footer.tpfoot .tpf-in{width:100%!important;max-width:none!important;margin:0!important;
 padding-left:max(46px, calc((100% - 1348px)/2))!important;
 padding-right:max(46px, calc((100% - 1348px)/2))!important}
 footer.tpfoot .tpf-row1, footer.tpfoot .tpf-row2{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
 padding-left:0!important;padding-right:0!important}
 footer.tpfoot .tpf-in{padding-left:max(46px, calc((100vw - 1348px)/2))!important;
 padding-right:max(46px, calc((100vw - 1348px)/2))!important}
 footer.tpfoot .tpf-in{max-width:none!important;width:100%!important;
 padding-left:46px!important;padding-right:46px!important}
 .mobx > section.cover.cover.cover.cover .tpf-row{display:flex!important;align-items:flex-start!important;gap:56px!important;width:100%!important}
 .mobx > section.cover.cover.cover.cover .tpf-col{flex:0 0 auto!important;width:calc((100% - 56px) * 0.50)!important;min-width:0!important;
 order:1!important}
 .mobx > section.cover.cover.cover.cover .tpf-col > *{display:block!important;width:100%!important;max-width:none!important;margin-left:0!important}
 .mobx > section.cover.cover.cover.cover .tpf-col > .readmore{display:inline-block!important;width:auto!important}
 .mobx > section.cover.cover.cover.cover .tpf-row{align-items:center!important}
@media (max-width:899px){
 .mobx > section.cover.cover.cover.cover .tpf-row{display:block!important}
 .mobx > section.cover.cover.cover.cover .tpf-col{width:100%!important}
}

/* the address sits where The Position's subscribe box sits, on the same line */
footer.tpfoot .tpf-sub.vp-addr{display:flex!important;align-items:center!important;
 justify-content:center!important;width:auto!important;height:38px!important;
 background:none!important;border:0!important;
 font:700 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;color:#c8c4bd!important;
 white-space:nowrap!important}
footer.tpfoot .tpf-sub.vp-addr i{font-style:normal!important;color:#57544e!important;margin:0 10px!important}
@media (max-width:899px){
 footer.tpfoot .tpf-sub.vp-addr{height:auto!important;white-space:normal!important;
  flex-wrap:wrap!important;line-height:1.9!important;text-align:center!important}
 footer.tpfoot .tpf-sub.vp-addr i{margin:0 6px!important}
}

/* the 153 lock is a DESKTOP number. Below 901 the footer stacks to ~277, so the
   lock plus overflow:hidden was cutting the address, the publisher line and both
   marks clean off. Desktop is untouched: this block cannot fire above 900. */
@media(max-width:900px){
 footer.tpfoot.tpfoot{height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important}
 footer.tpfoot>.tpf-in{height:auto!important;min-height:0!important;
  padding-left:22px!important;padding-right:22px!important}
}

/* Our office — the centre slot of the BRAND MANAGEMENT & MARKETING row, the
   same line and the same 38px the address used to hold */
/* OUR OFFICE now holds the CENTRE of the first row, on the page axis */
footer.tpfoot .tpf-row1{position:relative!important}
footer.tpfoot .tpf-row2{position:relative!important}
/* the type belongs to the link wherever it sits — row 1 on the desktop, row 3
   on the phone — so it is not scoped to a row */
footer.tpfoot .vpf-office{
 font:700 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;color:#a8a49d!important;
 text-decoration:none!important;cursor:pointer!important;transition:color .18s!important}
footer.tpfoot .vpf-office:hover{color:#fd5934!important}
footer.tpfoot .vpf-office.open{color:#c8c4bd!important}
footer.tpfoot .vpf-office i{font-style:normal!important;color:#57544e!important;margin:0 10px!important}
footer.tpfoot .tpf-row1 .vpf-office{position:absolute!important;left:50%!important;
 transform:translateX(-50%)!important;display:flex!important;align-items:center!important;
 justify-content:center!important;width:auto!important;height:auto!important;
 flex:0 0 auto!important;margin:0!important;
 background:none!important;border:0!important;text-decoration:none!important;
 font:700 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;color:#a8a49d!important;
 white-space:nowrap!important;cursor:pointer!important;transition:color .18s!important;
 margin:0!important;padding:0!important}
footer.tpfoot .tpf-row1 .vpf-office:hover{color:#fd5934!important}
footer.tpfoot .tpf-row1 .vpf-office.open{color:#c8c4bd!important}
footer.tpfoot .tpf-row1 .vpf-office i{font-style:normal!important;color:#57544e!important;
 margin:0 10px!important}
@media(max-width:900px){
 footer.tpfoot .tpf-row1 .vpf-office{position:static!important;transform:none!important;
  white-space:normal!important;justify-content:flex-start!important;margin:14px 0 0!important}
}

/* BRAND MANAGEMENT & MARKETING sits on the left of the second row, directly
   under the wordmark and on the same 46 gutter */
footer.tpfoot .tpf-row2 .tpf-pub{position:static!important;transform:none!important;
 margin:0!important;flex:0 0 auto!important;white-space:nowrap!important}

/* the band is 153 with 34 of padding each side, but the wordmark's cap sits low
   in its own box: measured 41.63 above the first cap against 42.50 below the
   marks. Half the difference on the top padding evens it. */
@media(min-width:901px){
 footer.tpfoot>.tpf-in{padding-top:34.44px!important;padding-bottom:33.56px!important}
}

/* the nav is the centred item of the second row, hung on the page axis so it
   lands under Our office and not wherever the two side items measure */
footer.tpfoot .tpf-row2 .tpf-mid{position:absolute!important;left:50%!important;
 transform:translateX(-50%)!important;top:auto!important;display:flex!important;
 align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
 margin:0!important;white-space:nowrap!important}
@media(max-width:900px){
 footer.tpfoot .tpf-row2 .tpf-mid{position:static!important;transform:none!important;
  justify-content:flex-start!important;flex-wrap:wrap!important}
}

/* the nav's links carry 18 of side padding for their pipe dividers; on the left
   of the row that padding pushed WORK to 64 while the wordmark above it starts
   on the 46 gutter. The first link loses its left padding only. */
@media(min-width:901px){
 /* centred again, so the link keeps its own padding and the run stays balanced */
 footer.tpfoot .tpf-row2 .tpf-mid>a:first-child{padding-left:18px!important}
}

/* ==========================================================================
   MOBILE FOOTER — the desktop's bones, scaled, NOT one vertical column.
   Three two-up rows, each with something on the left gutter and something on
   the right, the way the desktop's two rows read:

     Variety Partners                              BACK TO TOP
     WORK  BRANDS  CONTACT                         mail   Instagram
     BRAND MANAGEMENT & MARKETING                  OFFICE

   Nothing here fires at 901 or above.
   ========================================================================== */
@media(max-width:900px){
 footer.tpfoot>.tpf-in{padding:27.7px 22px 36.3px!important;text-align:left!important}
 footer.tpfoot.tpfoot{text-align:left!important}
 footer.tpfoot .tpf-id{display:block!important;text-align:left!important}

 /* the two rows become three, each one a left item and a right item */
 /* VP's own phone sheet sets flex-direction:column on these rows with
    !important, which is why space-between was working vertically and the items
    were centring horizontally. The direction is forced back to a row. */
 footer.tpfoot.tpfoot .tpf-row1,footer.tpfoot.tpfoot .tpf-row2{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;
  position:static!important;flex-wrap:nowrap!important;gap:14px!important;
  margin:0!important;padding:0!important;width:100%!important}
 footer.tpfoot.tpfoot .tpf-row2{margin-top:24px!important}

 footer.tpfoot.tpfoot .tpf-mark{display:inline-block!important;margin:0!important;
  flex:0 1 auto!important}
 footer.tpfoot.tpfoot .tpf-top{position:static!important;transform:none!important;
  margin:0!important;flex:0 0 auto!important;width:fit-content!important;
  display:inline-flex!important}

 /* row 2 holds the nav on the left and the marks on the right */
 footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{position:static!important;transform:none!important;
  left:auto!important;top:auto!important;margin:0!important;flex:0 1 auto!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;white-space:nowrap!important}
 footer.tpfoot.tpfoot .tpf-row2 .tpf-mid>a:first-child{padding-left:0!important}
 footer.tpfoot.tpfoot .tpf-soc{position:static!important;transform:none!important;
  margin:0!important;flex:0 0 auto!important;width:fit-content!important;
  display:flex!important;align-items:center!important;order:9!important}
 footer.tpfoot.tpfoot .tpf-soc .tpf-ico svg{transform:none!important}
 footer.tpfoot .tpf-sep{transform:none!important;margin:0 22px!important}

 /* the third row is built from the publisher line and OFFICE */
 footer.tpfoot.tpfoot .vpf-row3{display:flex!important;flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;gap:14px!important;margin:24px 0 0!important;
  width:100%!important}
 footer.tpfoot.tpfoot .vpf-row3 .tpf-pub{position:static!important;transform:none!important;
  margin:0!important;flex:0 1 auto!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important}
 footer.tpfoot.tpfoot .vpf-row3 .vpf-office{position:static!important;transform:none!important;
  left:auto!important;margin:0!important;flex:0 0 auto!important;height:auto!important;
  width:fit-content!important;display:inline-flex!important;white-space:nowrap!important;
  justify-content:flex-end!important}
 /* open, the address needs the whole row */
 footer.tpfoot.tpfoot .vpf-row3:has(.vpf-office.open){flex-wrap:wrap!important}
 footer.tpfoot.tpfoot .vpf-row3 .vpf-office.open{white-space:normal!important;
  flex:1 1 100%!important;justify-content:flex-start!important;margin-top:10px!important}
 footer.tpfoot.tpfoot .vpf-row3:has(.vpf-office.open) .tpf-pub{flex:1 1 100%!important}
}
@media(min-width:641px) and (max-width:900px){
 footer.tpfoot>.tpf-in{padding-left:46px!important;padding-right:46px!important}
}

/* the three rows, evened on ink. Measured before: 33.94 above, 20 between rows
   one and two, 26.50 between two and three, 36.67 below. The marks' box is
   taller than the caps beside them, which is what pulled the first gap in. */
@media(max-width:900px){
 footer.tpfoot.tpfoot .tpf-row2{margin-top:27.25px!important}
 footer.tpfoot.tpfoot .vpf-row3{margin-top:20.75px!important}
 footer.tpfoot>.tpf-in{padding-top:32.36px!important;padding-bottom:38.24px!important}
}

/* ==========================================================================
   THE FOUR WORDS — desktop
   WORK · BRANDS · CONTACT · OFFICE ride the first row, on the page axis, beside
   BACK TO TOP. The second row is then BRAND MANAGEMENT & MARKETING and the two
   marks. OFFICE is a plain link inside the run, not the centred item it was.
   ========================================================================== */
@media(min-width:901px){
 footer.tpfoot .tpf-row1{position:relative!important}
 footer.tpfoot .tpf-row1 .tpf-mid{position:absolute!important;left:50%!important;
  transform:translateX(-50%)!important;top:auto!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;white-space:nowrap!important}
 footer.tpfoot .tpf-row1 .vpf-office{position:static!important;transform:none!important;
  left:auto!important;margin:0!important;height:auto!important;display:inline-flex!important}
 /* the second row is two items, so they sit on the two gutters */
 footer.tpfoot .tpf-row2{justify-content:space-between!important}
}
@media(max-width:900px){
 /* 274 of words and 71 of marks will not share a 346 column — the run wraps */
 footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{flex-wrap:wrap!important;
  max-width:200px!important;white-space:normal!important}
 footer.tpfoot .vpf-office{padding-left:18px!important}
}

/* OFFICE is one of the four links now, so it takes the same 18 of side padding
   the others carry — without it CONTACT's divider sits hard against the word. */
@media(min-width:901px){
 footer.tpfoot .tpf-row1 .tpf-mid .vpf-office{padding:0 18px!important}
}

/* ==========================================================================
   THE FOUR WORDS SIT ON THEIR OWN LINE, between the two rows
   Horizontally on the page axis, vertically half way between the wordmark's
   baseline and the publisher line's cap. The nav comes out of row 1 and is hung
   on the footer itself so neither row's height moves.
   ========================================================================== */
@media(min-width:901px){
 footer.tpfoot{position:relative!important}
 footer.tpfoot .tpf-row1 .tpf-mid{position:absolute!important;left:50%!important;
  top:auto!important;bottom:auto!important;margin:0!important;z-index:2!important}
}

/* ==========================================================================
   DESKTOP FOOTER — two lines
   BRAND MANAGEMENT & MARKETING comes out and the four words take its place on
   the second row's gutter. The middle line is gone, so the band tightens.
   ========================================================================== */
@media(min-width:901px){
 footer.tpfoot .tpf-pub{display:none!important}
 footer.tpfoot .tpf-row1 .tpf-mid,footer.tpfoot .tpf-row2 .tpf-mid{
  position:static!important;left:auto!important;top:auto!important;
  transform:none!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 0 auto!important;white-space:nowrap!important}
 footer.tpfoot .tpf-row2 .tpf-mid>a:first-child{padding-left:0!important}
 footer.tpfoot .tpf-row2{justify-content:space-between!important;margin-top:0!important}
}

/* the publisher line is set visible by a later rule in this sheet, so the hide
   is written heavier than that one */
@media(min-width:901px){
 footer.tpfoot.tpfoot .tpf-row2 .tpf-pub,
 footer.tpfoot.tpfoot .tpf-pub.tpf-pub{display:none!important}
 /* two rows, so the band tightens from 153 */
 footer.tpfoot.tpfoot{height:118px!important;min-height:118px!important}
 footer.tpfoot.tpfoot>.tpf-in{height:118px!important;
  padding-top:34px!important;padding-bottom:34px!important}
}

/* 41.63 above the wordmark's cap against 33.50 below the marks, and BACK TO TOP's
   ink stopping 2.69 short of the gutter the marks end on — both evened. */
@media(min-width:901px){
 footer.tpfoot.tpfoot>.tpf-in{padding-top:29.93px!important;padding-bottom:38.07px!important}
 footer.tpfoot.tpfoot .tpf-row1 .tpf-top{margin-right:-2.69px!important}
}

/* the gap between the two lines, measured as ink from the wordmark's baseline to
   the nav's cap: 24, against the 12.50 it read before. The band grows by exactly
   what the gap grows by, so the air above and below stays even. */
@media(min-width:901px){
 footer.tpfoot.tpfoot{height:130px!important;min-height:130px!important}
 footer.tpfoot.tpfoot>.tpf-in{height:130px!important}
 footer.tpfoot.tpfoot .tpf-row2{margin-top:11.5px!important}
}

/* ==========================================================================
   MOBILE FOOTER — the desktop's two lines, scaled.
     Variety Partners                       BACK TO TOP
     WORK | BRANDS | CONTACT | OFFICE         mail  Instagram
   BRAND MANAGEMENT & MARKETING is out here too, so the phone and the desktop
   carry the same two lines. Nothing here fires at 901 or above.
   ========================================================================== */
@media(max-width:900px){
 footer.tpfoot.tpfoot .tpf-pub{display:none!important}
 footer.tpfoot.tpfoot .vpf-row3,footer.tpfoot.tpfoot .vpf-band,
 footer.tpfoot.tpfoot .vpf-grid{display:none!important}

 footer.tpfoot.tpfoot .tpf-row1,footer.tpfoot.tpfoot .tpf-row2{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;position:static!important;
  flex-wrap:nowrap!important;width:100%!important;padding:0!important}
 footer.tpfoot.tpfoot .tpf-row1{margin:0!important}
 /* the gap reads from the wordmark's baseline to the nav's cap. The phone carries
    the same type as the desktop (21 / 10 / 10), so the gap is the desktop's 24, not
    a scaled one — row2's box is shorter here, so the margin has to make up 14. */
 footer.tpfoot.tpfoot .tpf-row2{margin:20.59px 0 0!important}

 footer.tpfoot.tpfoot .tpf-mark{display:inline-block!important;margin:0!important}
 footer.tpfoot.tpfoot .tpf-top{position:static!important;transform:none!important;
  margin:0 -2.69px 0 0!important;width:fit-content!important;display:inline-flex!important;
  white-space:nowrap!important;flex:0 0 auto!important}

 /* the four words and the two marks have to share a 346 column, so the links
    carry 6 of side padding here instead of the desktop's 18 */
 footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{position:static!important;transform:none!important;
  left:auto!important;top:auto!important;margin:0!important;display:flex!important;
  flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 1 auto!important;flex-wrap:nowrap!important;white-space:nowrap!important;
  width:auto!important;max-width:none!important}
 /* the phone sheet gives each link a 9 bottom margin for the stacked nav it used
    to be, which drops the row out of centre, and it drops the hairline that reads
    as the pipe between the words on the desktop. Both put back. */
 footer.tpfoot.tpfoot .tpf-mid a{padding:0 18px!important;margin:0!important;
  white-space:nowrap!important;line-height:10px!important;
  border-right:1px solid rgba(244,243,241,.16)!important}
 footer.tpfoot.tpfoot .tpf-mid a:first-child{padding-left:0!important}
 /* the hairline is a border-right, so the last word must not carry one */
 footer.tpfoot.tpfoot .tpf-mid a:last-child,
 footer.tpfoot.tpfoot .tpf-mid a.vpf-office{border-right:0!important}
 footer.tpfoot.tpfoot .vpf-office{padding:0 18px!important;border-right:0!important;
  margin:0!important;line-height:10px!important;position:static!important;
  transform:none!important;height:auto!important;margin:0!important;
  display:inline-flex!important;white-space:nowrap!important}

 footer.tpfoot.tpfoot .tpf-soc{position:static!important;transform:none!important;
  margin:0!important;width:fit-content!important;flex:0 0 auto!important;
  display:flex!important;align-items:center!important}
 footer.tpfoot.tpfoot .tpf-soc .tpf-ico svg{transform:none!important}
 footer.tpfoot .tpf-sep{transform:none!important;margin:0 14px!important}

 footer.tpfoot.tpfoot{height:auto!important;min-height:0!important}
 footer.tpfoot.tpfoot>.tpf-in{height:auto!important;padding:29.93px 22px 38.07px!important;
  text-align:left!important}
}

/* ==========================================================================
   FOOTER NAV — CONTACT | OFFICE
   WORK and BRANDS come out at every width, so the second line reads as two
   words with one hairline between them. CONTACT takes the gutter, and the
   hairline is a border-right, so it has to move onto CONTACT and off OFFICE.
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-mid a.vpf-gone,
footer.tpfoot.tpfoot .tpf-mid a:nth-child(1),
footer.tpfoot.tpfoot .tpf-mid a:nth-child(2){display:none!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-contact{padding-left:0!important;
 border-right:1px solid rgba(244,243,241,.16)!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-office{border-right:0!important}

/* the open address is 412.6 wide — wider than a 390 phone. On the phone it drops
   to its own line under the row instead of pushing the page sideways, and
   CONTACT's hairline goes with it since there is nothing left beside it. */
@media(max-width:900px){
 /* OFFICE lives inside .tpf-mid, so the wrap has to happen there, not on the row */
 footer.tpfoot.tpfoot .tpf-row2:has(.vpf-office.open){align-items:flex-start!important}
 footer.tpfoot.tpfoot .tpf-mid:has(.vpf-office.open){flex-wrap:wrap!important;
  row-gap:12px!important;flex:1 1 auto!important}
 footer.tpfoot.tpfoot .tpf-row2:has(.vpf-office.open) a.vpf-contact{
  border-right:0!important;padding-right:0!important}
 footer.tpfoot.tpfoot .vpf-office.open{white-space:normal!important;
  flex:1 1 100%!important;order:3!important;padding:0!important;
  line-height:17px!important;text-align:left!important}
}

/* ==========================================================================
   ONE NUMBER FOR BOTH PAIRS — 24 of ink on each side of every hairline.
   Measured before: the words sat 20.45 / 18.38 off their rule, the marks
   28.53 / 30.73 off theirs, so the two lines read at different rhythms.
   The solver's transforms are cleared at every width now (vpfooter.js), so the
   marks are placed here instead: the envelope's ink stops 0.93 inside its own
   box and Instagram's 1.40 inside its, and the row hangs 1.40 past the gutter
   so Instagram's INK — not its box — lands on it.
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-soc{margin-right:-1.49px!important}
/* the envelope paints 14.57 of ink in a 19 box against Instagram's 15.20, so its
   box (and the svg inside it, which a global max-width was clamping) is opened to
   19.82 — the 1.0432 the old solver used — and both marks read 15.20. */
footer.tpfoot.tpfoot .tpf-soc .tpf-ico:first-of-type{
 width:19.82px!important;height:19.82px!important}
footer.tpfoot.tpfoot .tpf-soc .tpf-ico:first-of-type svg{max-width:none!important}
/* Instagram 5% larger than the envelope's matched size */
footer.tpfoot.tpfoot .tpf-soc .tpf-ico:nth-of-type(2){
 width:19.95px!important;height:19.95px!important}
footer.tpfoot.tpfoot .tpf-soc .tpf-ico:nth-of-type(2) svg{max-width:none!important}
footer.tpfoot.tpfoot .tpf-soc .tpf-sep{margin:0 12.6px 0 13.07px!important;
 height:15px!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-contact{padding-right:11.55px!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-office{padding-left:13.62px!important}

/* the wordmark's V paints 0.13 inside its box and CONTACT's C 0.38 inside its
   own, so both sitting on a 46 box left the two letters 0.25 apart. The nav is
   pulled back by that 0.25 and the two INK edges line up. */
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{margin-left:-0.25px!important}

/* ==========================================================================
   ROW 2 SWAPPED — the marks under the wordmark, the words under BACK TO TOP
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-row2 .tpf-soc{order:1!important;
 /* the envelope's ink starts 0.99 inside its box and the wordmark's V 0.13
    inside its own, so the row is pulled back 0.86 to put the two on one edge */
 margin-left:-0.86px!important;margin-right:0!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{order:2!important;margin-left:0!important;
 /* LOCATION carries 18 of padding and 2.4 of tracking after its N, so its ink
    stopped 21.06 short of the gutter BACK TO TOP's ink lands on */
 margin-right:-21.06px!important}

/* ==========================================================================
   ROW 2, FINAL — LOCATION then CONTACT under the wordmark, mail then Instagram
   under BACK TO TOP. No hairlines: a plain space holds each pair apart.
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{order:1!important;margin-right:0!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-soc{order:2!important;margin-left:0!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-office{order:1!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-contact{order:2!important}
/* every hairline out */
footer.tpfoot.tpfoot .tpf-mid a{border-right:0!important}
footer.tpfoot.tpfoot .tpf-soc .tpf-sep{display:none!important}
footer.tpfoot.tpfoot .tpf-mid a{padding:0!important;margin:0!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{gap:16.56px!important;margin-left:-0.51px!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-soc{gap:17.54px!important;margin-right:-1.49px!important}

/* ==========================================================================
   THE TWO HAIRLINES, BACK — drawn, not inserted.
   A border or a separator element would add its own width and push everything
   right, so each line is an absolutely positioned pseudo sitting in the middle
   of the space that is already there. Nothing moves: the words and the marks
   keep the exact positions measured above.
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid a.vpf-office{position:relative!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid a.vpf-office::after{
 content:""!important;position:absolute!important;top:50%!important;
 left:calc(100% + 7.78px)!important;transform:translateY(-50%)!important;
 width:1px!important;height:10px!important;
 background:rgba(244,243,241,.16)!important;pointer-events:none!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-soc .tpf-ico:first-of-type{position:relative!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-soc .tpf-ico:first-of-type::after{
 content:""!important;position:absolute!important;top:50%!important;
 left:calc(100% + 8.27px)!important;transform:translateY(-50%)!important;
 width:1px!important;height:15px!important;
 background:rgba(244,243,241,.22)!important;pointer-events:none!important}
/* CONTACT still carried the old border-right from the nav block above, which
   painted a second line after the word; and .vpf-office was pinned static by a
   phone rule, so its hairline was resolving against the footer instead of the
   word and landing next to Instagram. Both corrected. */
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid a.vpf-contact{border-right:0!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid a.vpf-office.vpf-office{position:relative!important}

/* BACK TO TOP is a 10 sans label beside a 21 serif wordmark, so the two ran on
   different centre lines — its ink sat 4.25 high on the desktop and 7.00 high on
   the phone. Shifted with a relative offset, which moves the paint and not the
   layout, so the row and the band keep their measured heights. */
@media(min-width:901px){
 footer.tpfoot.tpfoot .tpf-row1 .tpf-top{position:relative!important;top:3.5px!important}
}
@media(max-width:900px){
 footer.tpfoot.tpfoot .tpf-row1 .tpf-top{position:relative!important;top:3.5px!important}
}
/* the two marks sat 1.07 above the centre line of LOCATION / CONTACT */
footer.tpfoot.tpfoot .tpf-row2 .tpf-soc{position:relative!important;top:-1.05px!important}

/* ==========================================================================
   ROW 2, FINAL — LOCATION alone under the wordmark. CONTACT comes out, and the
   hairline that sat between the two words goes with it. The marks keep theirs.
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-mid a.vpf-contact{display:none!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-office::after{content:none!important;display:none!important}

/* ==========================================================================
   THE ADDRESS OPENS IN PLACE.
   LOCATION is one item in a space-between row, so swapping the word for a much
   longer string re-laid the row out and the text appeared to jump across the
   footer. Open, it is taken out of flow and pinned to the nav's own left edge,
   so it starts exactly where the word started and nothing else moves.
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{position:relative!important}
/* desktop: the JS pins the link to the width the word had, so the row cannot
   re-flow; the address simply paints out of that slot to the right */
@media(max-width:900px){
 footer.tpfoot.tpfoot .tpf-row2 .tpf-mid a.vpf-office.open{
  position:static!important;transform:none!important;margin:0!important;padding:0!important;
  white-space:normal!important;line-height:17px!important;
  flex:1 1 100%!important;max-width:calc(100vw - 44px)!important}
}


/* The mark sizes live here now, not in JavaScript. They used to be written by a
   140ms interval, so on every refresh the icons painted at their base size and
   then jumped — and the constant re-writing made the mail mark shimmer while
   scrolling. CSS sets them once, before first paint. */
footer.tpfoot.tpfoot .tpf-soc .tpf-ico:first-of-type svg{
 width:19.82px!important;height:19.82px!important;transform:none!important;max-width:none!important}
footer.tpfoot.tpfoot .tpf-soc .tpf-ico:nth-of-type(2) svg{
 width:19.95px!important;height:19.95px!important;transform:none!important;max-width:none!important}
footer.tpfoot.tpfoot .tpf-soc,footer.tpfoot.tpfoot .tpf-sep{transform:none!important}


/* ==========================================================================
   ROWS AFTER THE SWAP — marks under the wordmark, LOCATION over BACK TO TOP.
   Sizes are untouched; only which side each block sits on changes.
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-row1,footer.tpfoot.tpfoot .tpf-row2{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:space-between!important;width:100%!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{order:2!important;position:static!important;
 transform:none!important;left:auto!important;margin:0!important;flex:0 0 auto!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-soc{order:1!important;margin:0!important}
footer.tpfoot.tpfoot .tpf-row1 .tpf-top{order:2!important;margin:0!important}
/* BACK TO TOP still carried the old absolute right:46 from the base sheet, which
   put it 92 from the edge once it sat inside the row */
footer.tpfoot.tpfoot .tpf-row1 .tpf-top{position:relative!important;right:auto!important;
 left:auto!important;top:1.25px!important}
 /* centred on the wordmark's whole painted mass — cap through the y's descender
    (mid 46.25) — not on its cap-to-baseline midpoint (44.00), because the eye
    reads the block, and against a 21 serif the 2.25 difference is visible */


/* TOP with a bare arrow — no box around it. The arrow is cut to the label's own
   cap height so the two read as one word, and it carries the 2.4 of tracking the
   label uses, so the ink still lands on the gutter. */
footer.tpfoot.tpfoot .tpf-top{display:inline-flex!important;align-items:center!important;
 white-space:nowrap!important}
footer.tpfoot.tpfoot .tpf-top{border-bottom:0!important;padding:0!important;
 margin-right:-5.37px!important}   /* the arrow's ink sits 5.37 inside its own box */
/* the arrow's drawing fills less of its viewBox than Instagram's does, so the box
   is opened to 25.75 to make the two marks paint the same 16.95 of ink */
footer.tpfoot.tpfoot .tpf-top svg.vpf-up{width:24.8px!important;height:24.8px!important;
 display:block!important;flex:0 0 auto!important;margin:0!important;max-width:none!important;
 stroke-width:1.44!important}
/* the arrow's ink stops 5.33 inside its own box, so the box hangs that much past
   the gutter and the ink lands on it */
footer.tpfoot.tpfoot .tpf-row1 .tpf-top{margin-right:-5.33px!important}

/* the open address hangs off the row, so the row is its containing block */
footer.tpfoot.tpfoot .tpf-row1,footer.tpfoot.tpfoot .tpf-row2{position:relative!important}
@media(max-width:900px){
 footer.tpfoot.tpfoot .vpf-office.open{width:max-content!important;
  max-width:calc(100vw - 44px)!important}
}

/* the footer wordmark matches the header's — 17, the same Iowan Old Style the
   header draws at 17 (it was 21 here) */
footer.tpfoot.tpfoot .tpf-mark{font-size:17px!important}


/* ==========================================================================
   OPTION B — the three marks together on row 1, the two words on row 2.
     Variety Partners                    mail | Instagram | arrow
     LOCATION                                        OUR BRANDS
   ========================================================================== */
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc{order:2!important;display:flex!important;
 align-items:center!important;gap:11.54px!important;margin:0 -5.24px 0 0!important;
 position:relative!important;top:2px!important}
@media(max-width:900px){
 footer.tpfoot.tpfoot .tpf-row1 .tpf-soc{top:1.5px!important}
}
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-top{position:relative!important;
 margin:0!important;right:auto!important;left:auto!important;border-bottom:0!important;
 padding:0!important;display:flex!important;align-items:center!important;
 top:-0.75px!important}   /* levels the arrow's ink with the two marks */
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{order:1!important;margin:0!important;
 position:static!important;transform:none!important}
footer.tpfoot.tpfoot .tpf-row2 .vpf-brands{order:2!important;
 font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important;
 letter-spacing:2.4px!important;text-transform:uppercase!important;color:#c8c4bd!important;
 text-decoration:none!important;white-space:nowrap!important;margin:0 -2.9px 0 0!important}
footer.tpfoot.tpfoot .tpf-row2 .vpf-brands:hover{color:#fd5934!important}

/* hairlines: mail | Instagram | arrow, drawn in the space that is already there */
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-ico{position:relative!important}
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-ico:first-of-type::after,
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-ico:nth-of-type(2)::after{
 content:""!important;display:block!important;position:absolute!important;top:50%!important;
 left:calc(100% + 5.27px)!important;transform:translateY(-50%)!important;
 width:1px!important;height:15px!important;background:rgba(244,243,241,.22)!important;
 pointer-events:none!important}
/* LOCATION still carried the 13.62 of left padding it needed when CONTACT sat
   beside it; alone under the wordmark it starts on the gutter instead */
footer.tpfoot.tpfoot .tpf-mid a.vpf-office{padding-left:0!important;margin-left:-0.5px!important}
 /* the L's ink starts 0.5 inside its box against the V's 0.0 */


/* row 2 swapped: OUR BRANDS on the gutter under the wordmark, LOCATION on the
   right under the arrow, opening leftward */
footer.tpfoot.tpfoot .tpf-row2 .vpf-brands{order:1!important;margin:0!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{order:2!important}
footer.tpfoot.tpfoot .tpf-mid a.vpf-office{margin-left:0!important}

/* OUR BRANDS' O starts 0.5 inside its box; LOCATION's N ends 3.0 short of the
   gutter because of the 2.4 of tracking after it */
footer.tpfoot.tpfoot .tpf-row2 .vpf-brands{margin-left:-0.5px!important}
footer.tpfoot.tpfoot .tpf-row2 .tpf-mid{margin-right:-3px!important}


/* ==========================================================================
   THE BAND'S AIR — even top and bottom, and one gap between the rows.
   Measured before: desktop 38.00 above / 41.00 below with a 28.50 gap; phone
   37.50 / 40.36 with 24.50. The type is the same at both sizes, so the footer
   is set to the same rhythm at both: 39.50 above, 39.50 below, 28.50 between.
   ========================================================================== */
footer.tpfoot.tpfoot>.tpf-in{padding-top:29.18px!important;padding-bottom:33.32px!important}
@media(max-width:900px){
 /* the phone mirrors the desktop's air. PIXEL-MEASURED on the painted band:
    desktop 30.0 above / 29.5 between / 30.5 below in a 130 band; the phone
    was 33.5 / 29.5 / 34.5 in 132. -3.5 off the top and -4 off the bottom put
    the phone on the desktop's exact rhythm, band 124. */
 footer.tpfoot.tpfoot>.tpf-in{padding-top:28.80px!important;padding-bottom:28.05px!important}
 footer.tpfoot.tpfoot .tpf-row2{margin-top:29.09px!important}
}


/* the footer mark — the header's square, same image, same radius, same 8 gap */
footer.tpfoot.tpfoot .tpf-mark{display:inline-flex!important;align-items:center!important;
 gap:8px!important}
footer.tpfoot.tpfoot .tpf-mark .vpf-ic{display:block!important;flex:0 0 auto!important;
 width:33px!important;height:33px!important;border-radius:8px!important;
 background-image:url('vp_mark.svg')!important;background-size:contain!important;
 background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:900px){
 footer.tpfoot.tpfoot .tpf-mark .vpf-ic{width:28px!important;height:28px!important;
  border-radius:7px!important}
}

/* the mark makes row 1 taller, so the rows are re-spaced to keep the band it had */
@media(min-width:901px){footer.tpfoot.tpfoot .tpf-row2{margin-top:15px!important}}

/* even ink gaps across the three marks: mail -> Instagram read 14.01 and
   Instagram -> arrow 17.98, because each glyph sits differently inside its box.
   The two are brought to 16.00 each, and the hairlines centred in them. */
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-ico:nth-of-type(2){margin-left:1.99px!important}
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-top{margin-left:-1.98px!important}
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-ico:first-of-type::after{left:calc(100% + 6.5px)!important}
footer.tpfoot.tpfoot .tpf-row1 .tpf-soc .tpf-ico:nth-of-type(2)::after{left:calc(100% + 6.05px)!important}

/* the open address runs 6.2 past the band's bottom edge on the phone and the
   last line was clipped; while it is open the band takes that much more, so the
   three lines sit inside it. Nothing above moves — the growth is downward. */
/* the band does not grow when the address opens: the three lines are lifted so
   they sit inside the height it already has */

/* the footer wordmark carried 0.1px of tracking the header's did not, so at the
   same 17px it read very slightly wider/heavier. Both are now letter-spacing:
   normal — identical font, size, weight and tracking. */
footer.tpfoot.tpfoot .tpf-mark.tpf-mark{letter-spacing:normal!important}