
.portfolio-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#f5661b;color:#171b14!important;border:2px solid #171b14;border-radius:999px;padding:16px 26px;min-height:52px;font-family:inherit;font-size:18px;font-weight:600;line-height:1.3;text-decoration:none!important;transition:background .15s}
.portfolio-contact-button:hover{background:#ff873f}.portfolio-contact-button:focus-visible,.portfolio-contact-email:focus-visible{outline:3px solid #171b14;outline-offset:4px}
.case-end .portfolio-contact-button{margin:20px 0;align-self:flex-start;font-size:20px;font-weight:600;line-height:1.3}
.portfolio-contact-end{padding-top:70px;padding-bottom:70px}.portfolio-contact-end h2{font-size:clamp(32px,6vw,64px);line-height:1.1;margin:20px 0 30px}
.portfolio-contact-mobile{display:none}
.project-reference-label{display:block;margin:16px 0}.project-reference-label small{display:block;font-size:14px;font-weight:400;margin-top:6px}
@media(max-width:767px){body.has-portfolio-contact{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}.portfolio-contact-mobile{position:fixed;z-index:90;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#f3f0e7;border-top:1px solid #171b14;box-shadow:0 -3px 16px #171b1412}.portfolio-contact-mobile .portfolio-contact-button{font-size:15px;font-weight:600;padding:12px 16px;gap:10px;min-height:48px}.portfolio-contact-email{color:#171b14!important;display:inline-flex;align-items:center;min-height:48px;font-size:14px;text-underline-offset:4px}.case-end .portfolio-contact-button{font-size:18px}.has-portfolio-contact:has(.menu-toggle[aria-expanded="true"]) .portfolio-contact-mobile,.has-portfolio-contact:has(dialog[open]) .portfolio-contact-mobile{visibility:hidden}}
