/* Independent message section. The native footer remains untouched. */
#portfolio-content .cv-message-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(48px,7vw,100px)}
#portfolio-content .cv-message-intro{min-width:0}
#portfolio-content .cv-message .cv-section-head{max-width:440px;margin-bottom:28px}
#portfolio-content #cv-message-title .cv-message-title-accent{color:var(--cv-accent)}
#portfolio-content .cv-message-invitation{max-width:32ch;color:var(--cv-muted);font-size:17px;line-height:1.8}
#portfolio-content .cv-message-direct{margin-top:44px}
#portfolio-content .cv-message-direct>p{margin-bottom:10px;color:var(--cv-muted);font-family:var(--portfolio-font-heading);font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
#portfolio-content .cv-message-direct>a{display:inline-flex;align-items:center;gap:14px;max-width:100%;min-height:40px;color:var(--cv-text);font-family:var(--portfolio-font-heading);font-size:clamp(17px,1.7vw,21px);line-height:1.4;overflow-wrap:anywhere;text-underline-offset:5px}
#portfolio-content .cv-message-direct>a:hover{text-decoration:underline;text-decoration-color:var(--cv-accent)}
#portfolio-content .cv-message-direct svg{flex:none;width:19px;height:19px;color:var(--cv-accent);transition:transform .2s ease}
#portfolio-content .cv-message-direct>a:hover svg{transform:translate(2px,-2px)}
#portfolio-content .cv-message-form{min-width:0;margin:8px 0 0}
#portfolio-content .cv-message-trap{display:none!important}
#portfolio-content .cv-message-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
#portfolio-content .cv-message-field{display:flex;flex-direction:column;gap:10px;min-width:0}
#portfolio-content .cv-message-field-wide{grid-column:1/-1}
#portfolio-content .cv-message-field>label{color:var(--cv-text);font-family:var(--portfolio-font-heading);font-size:14px;font-weight:500;line-height:1.5}
#portfolio-content .cv-message-field>label>span{margin-left:2px;color:var(--cv-accent)}
#portfolio-content .cv-message-field>:is(input,textarea){display:block;width:100%;min-width:0;margin:0;padding:16px;border:1px solid var(--cv-line);border-radius:6px;outline:0;background:var(--cv-quiet);color:var(--cv-text);box-shadow:none;font:16px/1.6 var(--portfolio-font-body);transition:border-color .2s ease,box-shadow .2s ease}
#portfolio-content .cv-message-field>input{min-height:58px}
#portfolio-content .cv-message-field>textarea{min-height:192px;resize:vertical}
#portfolio-content .cv-message-field>:is(input,textarea)::placeholder{color:var(--cv-muted);opacity:.7}
#portfolio-content .cv-message-field>:is(input,textarea):hover{border-color:var(--cv-muted)}
#portfolio-content .cv-message-field>:is(input,textarea):focus{border-color:var(--cv-accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--cv-accent) 14%,transparent)}
#portfolio-content .cv-message-hint{color:var(--cv-muted);font-size:12px;line-height:1.6}
#portfolio-content .cv-message-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px}
#portfolio-content .cv-message-status{flex:1;min-width:0;min-height:1.6em;color:var(--cv-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#portfolio-content .cv-message-form[data-contact-state="error"] .cv-message-status{color:var(--cv-accent)}
#portfolio-content .cv-message-form[data-contact-state="success"] .cv-message-status{color:var(--cv-text)}
#portfolio-content .cv-message-submit{flex:none;gap:26px;min-width:162px;min-height:50px;border-color:var(--cv-accent);cursor:pointer}
#portfolio-content .cv-message-submit:active{transform:translateY(1px)}
#portfolio-content .cv-message-submit:disabled{opacity:.65;cursor:wait}
#portfolio-content .cv-message-submit:disabled::before{transform:scaleX(1)}
#portfolio-content .cv-message-submit:disabled{color:var(--cv-download-ink)}
@media(min-width:810px) and (max-width:1199px){
 #portfolio-content .cv-message-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px}
 #portfolio-content .cv-message-fields{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media(max-width:809.98px){
 #portfolio-content .cv-message-layout{grid-template-columns:minmax(0,1fr);gap:40px}
 #portfolio-content .cv-message .cv-section-head{max-width:100%;margin-bottom:22px}
 #portfolio-content .cv-message-invitation{max-width:42ch;font-size:16px}
 #portfolio-content .cv-message-direct{margin-top:24px}
 #portfolio-content .cv-message-form{margin-top:0}
 #portfolio-content .cv-message-fields{grid-template-columns:minmax(0,1fr);gap:22px}
 #portfolio-content .cv-message-field>textarea{min-height:170px}
 #portfolio-content .cv-message-actions{flex-direction:column-reverse;align-items:stretch;gap:14px;margin-top:24px}
 #portfolio-content .cv-message-submit{width:100%}
}
@media(prefers-reduced-motion:reduce){
 #portfolio-content .cv-message :is(input,textarea,svg,.cv-message-submit){transition:none}
 #portfolio-content .cv-message .cv-message-submit::before{transition:none}
 #portfolio-content .cv-message-direct>a:hover svg,#portfolio-content .cv-message-submit:active{transform:none}
}