.contact{max-width:500px;width:100%;display:flex;flex-direction:column}.contact h2{padding-bottom:60px}@media (width < 500px){.contact>.flex{flex-direction:column}}@media (width >= 500px){.contact>.flex .field:first-child{margin-right:.75em}.contact>.flex .field{flex:1}}.contact label{display:block;font-family:var(--font-sans)}.contact input{width:100%}.contact textarea{display:block;width:100%;height:300px}.home-page{color:var(--body-color)}section{padding:calc(var(--spacing) * 25) var(--spacing)}@media (min-width: 420px){section:first-child{padding-top:calc(var(--spacing) * 50)}}dialog{top:150px;z-index:1;margin-inline:auto}h2{font-size:var(--text-4xl);line-height:var(--text-3xl--line-height);margin:calc(var(--spacing) * 3) 0}#services .service-grid{display:grid;grid-template-columns:1fr;width:50%;min-width:250px;margin:auto}@media (max-width: 500px){#services .service-grid{width:100%;min-width:unset}}#services details{border:1px solid transparent;padding-bottom:calc(var(--spacing) * 8)}#services details p{padding-top:calc(var(--spacing) * 5);padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 10)}#services summary{list-style:none;font-size:var(--text-xl);line-height:var(--text-xl--line-height);cursor:pointer;display:flex;align-items:center;margin:var(--spacing);font-weight:300}#services summary div{background-color:var(--color-blue-accent);color:#fff;text-align:left}#services summary .marker{background-color:transparent;padding:calc(var(--spacing) * 2);margin-left:var(--spacing);width:42px;height:42px;outline:1px solid var(--color-blue-accent)}#services summary .marker svg{width:30px;height:30px;stroke:var(--color-white)}#services summary:hover div{background-color:color-mix(in srgb,var(--color-blue-accent) 80%,white)}#services details[open] .marker{background-color:var(--color-blue-accent)}#services details[open] .marker svg{stroke:#fff}