/* Readable contact and project actions across desktop and mobile. */
html body .contact-actions>a,
html body a.electric,
html body a.line-btn,
html body button.electric{
 font-family:Arial,Helvetica,sans-serif!important;
 font-size:16px!important;
 font-weight:700!important;
 font-style:normal!important;
 font-stretch:normal!important;
 line-height:1.35!important;
 letter-spacing:0!important;
 text-transform:none!important;
 text-shadow:none!important;
 -webkit-text-stroke:0!important;
 -webkit-text-fill-color:currentColor!important;
 text-decoration:none!important;
 white-space:normal!important;
 overflow-wrap:normal!important;
 word-break:normal!important;
 height:auto!important;
 min-height:48px!important;
 padding:13px 18px!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
 max-width:100%!important;
 box-sizing:border-box!important;
}
html body .contact-actions>a,
html body a.electric,
html body a.line-btn,
html body button.electric{
 background:#f2bd75!important;
 color:#231307!important;
 border:1px solid #ffd69e!important;
 box-shadow:0 2px 0 #815021!important;
 border-radius:5px!important;
}
html body .contact-actions>a:hover,
html body a.electric:hover,
html body a.line-btn:hover{background:#ffdaa6!important;color:#231307!important}
html body .contact-actions>a:focus-visible,
html body a.electric:focus-visible,
html body a.line-btn:focus-visible{outline:3px solid #fff!important;outline-offset:4px!important}
html body header>.contact-actions{flex-wrap:wrap!important}
html body header{height:auto!important;min-height:70px;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
@media(max-width:640px){html body .contact-actions{width:100%;gap:10px!important}html body .contact-actions>a{flex:1 1 170px!important}html body header>.contact-actions{justify-content:stretch!important}html body header>.contact-actions>a{font-size:16px!important}html body .project .contact-actions>a{width:100%!important}}