/* The signature action echoes the rounded entrance button. */
.signature-cta,.directory-menu a.signature-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:62px;min-width:210px;max-width:100%;width:max-content;padding:7px 8px 7px 24px;border:1px solid #d7f36b88;border-radius:999px;background:#052d2a;color:#f6f0e5;text-decoration:none;font:400 20px/1.2 TydDisplay,Arial,sans-serif;letter-spacing:-.025em;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:0 8px 25px #001a1515}
.signature-cta .signature-icon,.directory-menu a.signature-cta .signature-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;margin:0;border-radius:50%;background:#d7f36b;color:#052d2a}
.signature-icon svg{width:24px;height:24px;transition:transform .2s ease}.signature-icon path{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.signature-cta:hover,.directory-menu a.signature-cta:hover{border-color:#d7f36b;background:#103f38;box-shadow:0 9px 28px #001a1526;padding-left:24px}.signature-cta:hover svg{transform:translateX(2px)}
.signature-cta:focus-visible{outline:2px solid #d7f36b;outline-offset:5px}.contact .signature-cta:focus-visible{outline-color:#052d2a}
.directory-menu a.signature-cta{margin-top:23px;font-size:21px;min-width:235px}.directory-menu a.signature-cta>span:first-child{margin:0;font-size:inherit}
.ph-invitation .signature-cta,.help-contact-copy .signature-cta{margin-top:25px}
.page-nav a,.intro-nav nav button,.directory-menu a:not(.signature-cta){transition:color .2s,text-decoration-color .2s}
.page-nav a:hover,.intro-nav nav button:hover{text-decoration:underline;text-decoration-color:#d7f36b;text-decoration-thickness:2px;text-underline-offset:7px}
.page-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#9eab35;text-decoration-thickness:2px;text-underline-offset:7px}
.directory-menu a:not(.signature-cta):hover{color:#d7f36b}
.directory-menu a:not(.signature-cta)>span{transition:transform .2s,color .2s}.directory-menu a:not(.signature-cta):hover>span{transform:translate(2px,-2px);color:#d7f36b}
@media(max-width:650px){.signature-cta,.directory-menu a.signature-cta{font-size:19px;min-height:58px;gap:30px;padding:6px 7px 6px 22px;min-width:205px}.signature-cta .signature-icon,.directory-menu a.signature-cta .signature-icon{width:44px;height:44px}.signature-cta:hover,.directory-menu a.signature-cta:hover{padding-left:22px}.directory-menu a.signature-cta{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.signature-cta,.signature-icon svg,.directory-menu a,.directory-menu a>span,.page-nav a,.intro-nav nav button{transition:none}.signature-cta:hover svg,.directory-menu a:not(.signature-cta):hover>span{transform:none}}
.directory-extra{margin-top:26px}.signature-cta.signature-yellow{background:#d7f36b;color:#052d2a;border-color:#d7f36b;min-width:215px;min-height:58px;font-size:19px}.signature-yellow .signature-icon{background:#052d2a;color:#d7f36b;width:42px;height:42px}.signature-cta.signature-yellow:hover{background:#e1fa8a;border-color:#e1fa8a}
.page-nav,.intro-nav nav{align-items:center}
.page-nav a.ribbon-newsletter,.intro-nav nav .ribbon-newsletter{min-width:0;min-height:38px;padding:4px 5px 4px 14px;font:400 13px/1.2 TydDisplay,Arial,sans-serif;gap:14px;border:1px solid #173d3966;border-radius:999px;background:transparent;color:#052d2a;box-shadow:none;text-decoration:none;white-space:nowrap}
.page-nav a.ribbon-newsletter .signature-icon,.intro-nav nav .ribbon-newsletter .signature-icon{width:28px;height:28px;background:transparent;color:#052d2a;border:1px solid #173d3955}.ribbon-newsletter .signature-icon svg{width:17px;height:17px}
.page-nav a.ribbon-newsletter:hover,.intro-nav nav .ribbon-newsletter:hover{padding-left:14px;text-decoration:none;background:#173d390a;border-color:#173d39}
@media(max-width:650px){.about-page .page-nav,.philosophy-page .page-nav,.help-page .page-nav{gap:12px}.page-nav a.ribbon-newsletter,.intro-nav nav .ribbon-newsletter{font-size:11px;min-height:34px;padding:4px 9px;gap:0}.ribbon-newsletter .signature-icon,.page-nav a.ribbon-newsletter .signature-icon,.intro-nav nav .ribbon-newsletter .signature-icon{display:none}.page-nav a.ribbon-newsletter:hover,.intro-nav nav .ribbon-newsletter:hover{padding-left:9px}.about-page .inner-header,.philosophy-page .inner-header,.help-page .inner-header,.directory header{gap:15px}}
.page-nav .signature-cta:focus-visible,.intro-nav .signature-cta:focus-visible{outline-color:#052d2a}
.directory-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.directory-bottom>span{justify-self:center;text-align:center}.directory-bottom>.replay{justify-self:start;text-align:left;white-space:nowrap}.directory-bottom>a{justify-self:end;text-align:right;font-size:12px}
@media(max-width:650px){.directory-bottom{grid-template-columns:1fr 1fr;row-gap:20px}.directory-bottom>span{grid-column:1/-1;grid-row:1}.directory-bottom>.replay{grid-column:1;grid-row:2;font-size:11px}.directory-bottom>a{grid-column:2;grid-row:2;font-size:11px}}

/* The opening invitation uses the same scale and finish as the site's CTAs. */
.intro-copy .enter{min-width:245px;min-height:64px;padding:7px 8px 7px 24px;gap:26px;background:#052d2a;border:1px solid #d7f36b88;border-radius:999px;box-shadow:0 8px 25px #001a1526;backdrop-filter:none;transition:background .2s,border-color .2s,box-shadow .2s}
.intro-copy .enter-words{gap:5px}.intro-copy .enter-words>span{font:400 20px/1.2 TydDisplay,Arial,sans-serif;letter-spacing:-.025em}.intro-copy .enter .inline-brand{color:inherit;font-weight:500}.intro-copy .enter-words small{font:400 9px/1.3 TydDisplay,Arial,sans-serif;letter-spacing:.09em;color:#d6d9c8}
.intro-copy .enter-icon{width:46px;height:46px;flex-basis:46px;background:#d7f36b;color:#052d2a;transition:transform .2s}.intro-copy .enter-icon svg{width:23px;height:23px;stroke-width:1.5}
.intro-copy .enter:hover{background:#103f38;border-color:#d7f36b;transform:none;box-shadow:0 9px 28px #001a1533}.intro-copy .enter:hover .enter-icon{background:#d7f36b;transform:translateY(2px)}.intro-copy .enter:active{transform:none}
@media(prefers-reduced-motion:reduce){.intro-copy .enter,.intro-copy .enter-icon{transition:none}.intro-copy .enter:hover .enter-icon{transform:none}}