.contact-section{--contact-ink:#123f56;--contact-background:var(--folio-contact-background);--pill-background:var(--contact-ink);--pill-hover-background:#075e83;--pill-foreground:#fff;--contact-curve-height:clamp(32px, 5vw, 64px);margin-top:var(--contact-curve-height);background:var(--contact-background);min-height:100dvh;color:var(--contact-ink);font-family:var(--folio-sans);flex-direction:column;display:flex;position:relative}#contact.contact-section{scroll-margin-top:0}.contact-curve{top:calc(-1 * var(--contact-curve-height));width:100%;height:calc(var(--contact-curve-height) + 1px);fill:var(--contact-background);pointer-events:none;display:block;position:absolute;left:0}.contact-panel{padding:40px clamp(24px, 6vw, 96px) calc(104px + env(safe-area-inset-bottom,0px));padding-top:max(40px, env(safe-area-inset-top,0px));padding-left:max(clamp(24px, 6vw, 96px), env(safe-area-inset-left,0px));padding-right:max(clamp(24px, 6vw, 96px), env(safe-area-inset-right,0px));background:var(--contact-background);flex-direction:column;flex:1;display:flex}.contact-content{text-align:left;flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(40px,7vw,100px);width:100%;max-width:1100px;margin-inline:auto;padding-block:24px;display:grid}.contact-intro{min-width:0}.contact-heading{width:min(100%,620px);margin:0}.contact-heading img{width:100%;height:auto}.contact-actions{flex-flow:column wrap;align-items:center;gap:18px;margin-top:0;display:flex}.contact-email-button:focus-visible{outline:2px solid var(--contact-ink);outline-offset:6px}.contact-socials{flex-wrap:wrap;gap:18px;display:flex}.contact-socials a{background:var(--contact-ink);border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .24s;display:flex}.contact-socials img{filter:brightness(0)invert()}.portfolio .contact-socials a{text-decoration:none}.contact-socials a:hover,.contact-socials a:focus-visible{background:#075e83}.contact-socials a:focus-visible{outline-color:var(--contact-ink)}@media (width<=760px){.contact-section{--contact-curve-height:32px}.contact-content{text-align:center;flex-direction:column;justify-content:center;gap:28px;padding-block:24px;display:flex}.contact-intro{width:min(100%,540px)}.contact-actions{gap:16px;margin-top:0}}@media (prefers-reduced-motion:reduce){.contact-socials a{transition:none}}.pill-button{isolation:isolate;font-family:var(--folio-sans);-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:12px 26px;font-size:13px;font-weight:600;line-height:1.25;display:inline-flex;position:relative}.pill-button,.portfolio a.pill-button{color:var(--pill-foreground,#123f56)}.pill-button:before{content:"";z-index:-1;border-radius:inherit;background:var(--pill-background,var(--folio-light-blue));pointer-events:none;transform-origin:50%;transition:transform .52s cubic-bezier(.34,1.56,.64,1),background-color .24s;position:absolute;inset:0}.pill-button:focus-visible:before,.pill-button-trigger:focus-visible .pill-button:before{background:var(--pill-hover-background,#8fcee9);transform:scale(1.12,.93)}@media (hover:hover) and (pointer:fine){.pill-button:hover:before,.pill-button-trigger:hover .pill-button:before{background:var(--pill-hover-background,#8fcee9);transform:scale(1.12,.93)}}@media (prefers-reduced-motion:reduce){.pill-button:before{transition:none}.pill-button:is(:hover,:focus-visible):before,.pill-button-trigger:is(:hover,:focus-visible) .pill-button:before{transform:none}}
