/* Zilla HQ: the newsletter painting that hangs from under the site header. */
.zjs-nlp-clip{position:absolute;left:0;right:0;height:640px;overflow:hidden;pointer-events:none;z-index:60}
.zjs-nlp-clip.is-stuck{position:fixed}
.zjs-nlp{--w:380px;--frame:18px;--mat:18px;--ear:38px;
  position:absolute;top:0;right:clamp(16px,7vw,110px);width:var(--w);pointer-events:auto;
  transform:translateY(calc(-100% + var(--ear)));transition:transform .9s cubic-bezier(.34,1.2,.5,1);
  font-family:"Jost",sans-serif;color:#314245}
.zjs-nlp.is-open{transform:translateY(0)}
.zjs-nlp.is-gone{display:none}
.zjs-nlp.is-open .zjs-nlp__art{animation:zjsNlpSwing 2.4s .55s ease-out both !important}
@keyframes zjsNlpSwing{0%{transform:rotate(0)}18%{transform:rotate(1.6deg)}38%{transform:rotate(-1.1deg)}58%{transform:rotate(.6deg)}78%{transform:rotate(-.25deg)}100%{transform:rotate(0)}}

.zjs-nlp :is(h2,p,button,input,form,label,img){all:unset;box-sizing:border-box}
.zjs-nlp :is(p,h2,form,label){display:block}

/* The wire it hangs on, from the bottom of the header to two screws in the frame. */
.zjs-nlp .zjs-nlp__wire{display:block !important;width:100% !important;height:58px !important}
.zjs-nlp .zjs-nlp__wire path{fill:none !important;stroke:#5C6B6C !important;stroke-width:1.2 !important;opacity:.75 !important}
.zjs-nlp .zjs-nlp__wire circle{fill:#B8801A !important}

.zjs-nlp .zjs-nlp__art{position:relative !important;transform-origin:50% -58px !important}

/* Zilla's oak frame (assets/img/frame-oak.webp) laid over the mount, so the mount tucks under the wood */
.zjs-nlp .zjs-nlp__frame{position:relative !important;aspect-ratio:1125/1089 !important;border-radius:0 !important;background:none !important;
  padding:5.9% 6.3% 6.2% 6.5% !important;
  box-shadow:0 2px 3px rgba(49,66,69,.22),0 22px 40px -14px rgba(49,66,69,.5) !important}
.zjs-nlp .zjs-nlp__frame::after{content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;z-index:2 !important;
  background:url(../img/frame-oak.webp) center/100% 100% no-repeat !important}
/* White mount with a bevelled window */
.zjs-nlp .zjs-nlp__mat{position:relative !important;height:100% !important;padding:var(--mat) !important;background:#fbfaf6 !important;
  box-shadow:inset 3px 3px 6px rgba(0,0,0,.28),inset -1px -1px 2px rgba(0,0,0,.08)}
/* Watercolour paper */
.zjs-nlp .zjs-nlp__paper{position:relative !important;height:100% !important;overflow:hidden !important;
  background:#fffdf7 !important;
  box-shadow:0 0 0 1px rgba(49,66,69,.12),inset 1px 1px 0 rgba(255,255,255,.9),-1px -1px 0 rgba(0,0,0,.06)}
.zjs-nlp .zjs-nlp__wash{position:absolute !important;inset:-20% !important;pointer-events:none !important;filter:url(#zjsNlpBleed) !important;opacity:.9 !important}
.zjs-nlp .zjs-nlp__wash i{position:absolute !important;border-radius:50% !important;mix-blend-mode:multiply !important}
.zjs-nlp .zjs-nlp__wash i:nth-child(1){left:2% !important;top:4% !important;width:62% !important;height:44% !important;background:radial-gradient(closest-side,rgba(215,239,225,.95),rgba(215,239,225,0)) !important}
.zjs-nlp .zjs-nlp__wash i:nth-child(2){left:10% !important;bottom:4% !important;width:52% !important;height:34% !important;background:radial-gradient(closest-side,rgba(239,164,56,.30),rgba(239,164,56,0)) !important}
.zjs-nlp .zjs-nlp__wash i:nth-child(3){right:2% !important;bottom:10% !important;width:40% !important;height:30% !important;background:radial-gradient(closest-side,rgba(255,137,115,.32),rgba(255,137,115,0)) !important}
.zjs-nlp .zjs-nlp__grain{position:absolute !important;inset:0 !important;pointer-events:none !important;opacity:.5 !important;mix-blend-mode:multiply !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .42 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.zjs-nlp .zjs-nlp__body{position:relative !important;height:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  text-align:center !important;padding:14px 26px 30px;box-sizing:border-box;gap:8px}
.zjs-nlp .zjs-nlp__kicker{font-size:9.5px !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#3D848F !important;margin:0 !important}
.zjs-nlp .zjs-nlp__title{font-weight:200 !important;font-size:25px !important;line-height:1.1 !important;letter-spacing:-.3px !important;margin:0 0 4px !important;color:#314245 !important}
.zjs-nlp .zjs-nlp__field{display:block !important;width:100% !important;max-width:220px !important;margin:0 !important}
.zjs-nlp .zjs-nlp__field span{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important}
.zjs-nlp .zjs-nlp__field input{width:100% !important;box-sizing:border-box !important;border:0 !important;border-bottom:1px solid rgba(49,66,69,.45) !important;
  background:transparent !important;text-align:center;font:300 14px/1.2 "Jost",sans-serif;color:#314245;padding:7px 4px;
  border-radius:0 !important;outline:none;transition:border-color .25s}
.zjs-nlp .zjs-nlp__field input::placeholder{color:#7d8a89 !important}
.zjs-nlp .zjs-nlp__field input:focus{border-bottom-color:#3D848F !important}
.zjs-nlp .zjs-nlp__btn{display:block !important;flex:none !important;margin:4px auto 0 !important;width:124px !important;height:39px !important;min-height:39px !important;padding:0 !important;
  border:0 !important;outline:0 !important;box-shadow:none !important;cursor:pointer !important;
  background:url(../img/subscribe-pill.png) center/contain no-repeat !important;
  color:transparent !important;font-size:0 !important;overflow:hidden !important;transition:transform .2s ease !important}
.zjs-nlp .zjs-nlp__btn:hover,.zjs-nlp .zjs-nlp__btn:focus-visible{background-color:transparent !important;transform:scale(1.06) rotate(-1.5deg) !important}
.zjs-nlp .zjs-nlp__btn:focus-visible{outline:1px dashed rgba(128,143,84,.6) !important;outline-offset:3px !important}
.zjs-nlp .zjs-nlp__btn[disabled]{opacity:.5 !important;cursor:default !important;transform:none !important}
.zjs-nlp .zjs-nlp__note{font-size:9.5px !important;line-height:1.35 !important;color:#5C6B6C !important;margin:2px 0 0 !important;max-width:200px !important}
.zjs-nlp .zjs-nlp__msg{font-size:12px !important;color:#B84A33 !important;margin:0 !important;min-height:0 !important}
.zjs-nlp .zjs-nlp__done{font-weight:200 !important;font-size:21px !important;line-height:1.25 !important;margin:0 !important}
.zjs-nlp .zjs-nlp__sig{position:absolute !important;right:12px !important;bottom:7px !important;width:50px !important;opacity:.78 !important;transform:rotate(-4deg) !important;pointer-events:none !important}
.zjs-nlp .zjs-nlp__hp{position:absolute!important;left:-9999px!important;width:1px !important;height:1px !important;opacity:0 !important}


/* The ear: Zilla's torn-paper "Newsletter" label, pinned over the bottom of the frame at a slight angle */
.zjs-nlp .zjs-nlp__plaque{display:block !important;position:relative !important;z-index:3 !important;cursor:pointer !important;
  width:150px !important;height:34px !important;margin:-14px auto 0 !important;padding:0 !important;border:0 !important;
  background:url(../img/newsletter-pill.png) center/contain no-repeat !important;
  color:transparent !important;font-size:0 !important;overflow:hidden !important;
  transform:rotate(-4deg) !important;transition:transform .25s ease !important;
  filter:drop-shadow(0 4px 5px rgba(49,66,69,.35)) !important}
.zjs-nlp .zjs-nlp__plaque:hover{transform:rotate(-2deg) scale(1.04) !important}

@media (max-width:640px){
  .zjs-nlp{--w:310px;--frame:14px;--mat:12px;right:50%;margin-right:-155px}
  .zjs-nlp .zjs-nlp__title{font-size:21px !important}
  .zjs-nlp .zjs-nlp__body{padding:8px 16px 30px !important;gap:6px !important}
  .zjs-nlp .zjs-nlp__note{font-size:8.5px !important;max-width:170px !important}
}
@media (prefers-reduced-motion:reduce){
  .zjs-nlp{transition:none}
  .zjs-nlp.is-open .zjs-nlp__art{animation:none !important}
}
@media (max-width:640px){.zjs-nlp .zjs-nlp__sig{width:42px !important;bottom:6px !important;right:10px !important}.zjs-nlp .zjs-nlp__body{gap:5px !important}}
@media (max-width:640px){.zjs-nlp .zjs-nlp__body{padding:12px 16px 28px !important;gap:3px !important}.zjs-nlp .zjs-nlp__title{font-size:19px !important}.zjs-nlp .zjs-nlp__field input{padding:5px 4px !important;font-size:16px !important}.zjs-nlp .zjs-nlp__btn{width:110px !important;height:34px !important;min-height:34px !important}}