/* VERDE page: the protocol, as a document to open (19 Oct 2026) */

/* the protocol, as a document to open */
.venn-verde-protocol__text a.vp-doc{
  display:flex;align-items:center;gap:18px;
  margin-top:32px;max-width:430px;padding:16px 20px 16px 16px;
  background:#F4EFE7;color:#111110;text-decoration:none;
  border:0;letter-spacing:0;font-size:1rem;
  box-shadow:0 1px 0 rgba(0,0,0,.08),0 10px 28px rgba(0,0,0,.18);
  transition:background .25s,transform .25s,box-shadow .25s;
}
.vp-doc__sheet{
  position:relative;flex:0 0 auto;width:38px;height:48px;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.18);
  clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%);
  transition:transform .25s;
}
.vp-doc__sheet::before{ /* folded corner */
  content:"";position:absolute;top:0;right:0;width:28%;height:22%;
  background:linear-gradient(225deg,transparent 50%,#d9d2c5 50%);
}
.vp-doc__sheet::after{ /* lines of text and a signature */
  content:"";position:absolute;left:7px;right:8px;top:15px;height:24px;
  background:
    linear-gradient(#b9b2a5,#b9b2a5) 0 0/100% 1.5px no-repeat,
    linear-gradient(#b9b2a5,#b9b2a5) 0 5px/100% 1.5px no-repeat,
    linear-gradient(#b9b2a5,#b9b2a5) 0 10px/70% 1.5px no-repeat,
    linear-gradient(#496E52,#496E52) 0 20px/46% 2px no-repeat;
}
.vp-doc__words{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}
.vp-doc__t{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:1.45rem;line-height:1.1}
.vp-doc__m{font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.08em;color:rgba(17,17,16,.64)}
.vp-doc__arrow{flex:0 0 auto;font-family:'Inter',sans-serif;font-size:1.2rem;color:#496E52;transition:transform .25s}
.venn-verde-protocol__text a.vp-doc:hover,
.venn-verde-protocol__text a.vp-doc:focus-visible{background:#fff;transform:translateY(-2px);box-shadow:0 1px 0 rgba(0,0,0,.08),0 16px 34px rgba(0,0,0,.24)}
.venn-verde-protocol__text a.vp-doc:hover .vp-doc__arrow,
.venn-verde-protocol__text a.vp-doc:focus-visible .vp-doc__arrow{transform:translateX(5px)}
.venn-verde-protocol__text a.vp-doc:hover .vp-doc__sheet{transform:rotate(-3deg)}
.venn-verde-protocol__text a.vp-doc:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:767px){
  .venn-verde-protocol__text a.vp-doc{max-width:none;margin-top:26px;gap:14px;padding:14px 16px 14px 14px}
  .vp-doc__t{font-size:1.3rem}
}
@media (prefers-reduced-motion:reduce){
  .vp-doc,.vp-doc__arrow,.vp-doc__sheet{transition:none}
}