/* Contact: calm hierarchy, readable fields, direct ways to get in touch. */
.portfolio-dashboard .portfolio-contact-page{height:auto!important;min-height:0!important;overflow:visible!important;padding:clamp(18px,3vw,38px)!important;max-width:1280px;margin:auto}
.portfolio-dashboard .portfolio-contact-head{margin:0 0 24px!important}
.portfolio-dashboard .portfolio-contact-head h1{font-size:clamp(30px,3.4vw,48px)!important;line-height:1.08!important}
.portfolio-dashboard .portfolio-contact-head p{font-size:15px!important;line-height:1.5!important;color:var(--hero-muted)}
.contact-direct{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:12px}
.contact-direct a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--hero-ink);text-decoration:none;font-size:14px;overflow-wrap:anywhere}
.contact-direct a:hover{text-decoration:underline;text-underline-offset:4px}
.portfolio-dashboard .portfolio-contact-shell{height:auto!important;min-height:0!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:18px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;align-items:start}
.portfolio-dashboard :is(.portfolio-faq-card,.portfolio-contact-form){padding:24px!important;min-height:0!important;border-radius:20px!important;overflow:visible!important}
.portfolio-dashboard :is(.portfolio-faq-card,.portfolio-contact-form) h2{font-size:21px!important;margin:0 0 18px!important;line-height:1.2!important;color:var(--hero-ink)}
.portfolio-dashboard .portfolio-faq-item summary{padding:17px 0!important;min-height:52px;gap:8px!important;grid-template-columns:22px minmax(0,1fr) 20px!important}
.portfolio-dashboard .portfolio-faq-item summary strong{font-size:15px!important;line-height:1.4!important;font-weight:600}
.portfolio-dashboard .portfolio-faq-item p{margin:0 0 18px 30px!important;font-size:14px!important;line-height:1.6!important;color:var(--hero-muted)}
.portfolio-dashboard .portfolio-faq-item[open] summary i{transform:rotate(45deg)}
.portfolio-dashboard .portfolio-sidekick-link{min-height:44px!important;margin-top:16px!important;font-size:14px!important;align-self:flex-start}
.portfolio-dashboard .portfolio-contact-form{gap:16px!important}
.portfolio-dashboard .portfolio-contact-row{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.portfolio-dashboard .portfolio-contact-form label{font-size:14px!important;line-height:1.4!important;letter-spacing:0!important;font-weight:600!important;gap:7px!important;color:var(--hero-ink)}
.contact-optional{font-weight:400;color:var(--hero-muted)}
.portfolio-dashboard .portfolio-contact-form :is(input,textarea){width:100%;min-width:0;box-sizing:border-box;border-radius:12px!important;font-size:16px!important}
.portfolio-dashboard .portfolio-contact-form input{height:48px!important}
.portfolio-dashboard .portfolio-contact-message{flex:0 0 auto!important}
.portfolio-dashboard .portfolio-contact-message textarea{min-height:136px!important;resize:vertical!important;max-height:360px}
.portfolio-dashboard .portfolio-contact-actions{display:flex;gap:10px!important;flex-wrap:wrap;margin-top:0!important}
.portfolio-dashboard .portfolio-contact-actions button{min-height:46px!important;padding:12px 16px!important;display:inline-flex;gap:8px;align-items:center;justify-content:center;letter-spacing:0!important;font-size:14px!important;text-transform:none!important;background:#7E5B47!important;color:#fff!important;border:1px solid #7E5B47!important;border-radius:12px!important;transition:transform .16s ease,box-shadow .16s ease}
.portfolio-dashboard .portfolio-contact-actions button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0002}
.portfolio-dashboard .portfolio-contact-actions button:active{transform:translateY(1px) scale(.98)}
.portfolio-dashboard .portfolio-contact-actions .contact-copy{background:transparent!important;color:var(--hero-ink)!important;border-color:var(--hero-line-strong)!important}
.contact-draft-note,.contact-feedback{font-size:13px!important;line-height:1.5!important;margin:0!important;color:var(--hero-muted)}
.contact-feedback:empty{display:none}
.contact-copy-fallback{min-height:130px;padding:12px}
.portfolio-dashboard :is(a,button,input,textarea,summary):focus-visible{outline:2px solid #7E5B47!important;outline-offset:3px!important}
.portfolio-static-content{max-width:900px;padding:28px;margin:auto;font:16px/1.6 system-ui}
.portfolio-static-content nav{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:900px){.portfolio-dashboard .portfolio-contact-shell{grid-template-columns:1fr!important}.portfolio-dashboard .portfolio-contact-page{padding:18px 14px!important}.portfolio-dashboard .portfolio-contact-form{order:-1}}
/* Phone: compact cards, useful summaries, stable labelled navigation. */
@media(max-width:620px){
 html body #portfolio-dashboard .rail{position:sticky!important;top:0!important;z-index:900!important;padding:6px 12px!important;background:var(--hero-paper)!important;border-bottom:1px solid var(--hero-line)!important}
 html body #portfolio-dashboard .rail__name{font-size:15px!important}
 html body #portfolio-dashboard .home{padding:10px!important;gap:10px!important}
 html body #portfolio-dashboard .portfolio-reference-grid{gap:8px!important}
 html body #portfolio-dashboard .portfolio-reference-grid > .portfolio-ref-card{padding:12px!important;border-radius:15px!important;gap:8px!important}
 html body #portfolio-dashboard .portfolio-ref-label h3{font-size:15px!important;line-height:1.25!important;overflow-wrap:normal!important}
 html body #portfolio-dashboard .portfolio-ref-head p{font-size:13px!important;line-height:1.45!important;-webkit-line-clamp:3!important}
 html body #portfolio-dashboard .portfolio-ref-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
 html body #portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step{min-height:26px!important;padding:4px 0!important}
 html body #portfolio-dashboard .portfolio-ref-card--contact .portfolio-ref-note{font-size:13px!important;line-height:1.45!important}
 html body #portfolio-dashboard .portfolio-ref-contact{min-width:44px!important;min-height:44px!important}
 html body #portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-fan{height:130px!important;min-height:130px!important;flex:0 0 130px!important}
 html body #portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-photo{width:58px!important}
 html body #portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-badges .portfolio-ref-badge{height:36px!important;width:36px!important}
 html body #portfolio-dashboard .mobile-card-details>summary{padding:4px 24px 4px 0!important;min-height:44px!important;display:flex!important;align-items:center!important}
 html body #portfolio-dashboard .mobile-card-details>summary::after{top:12px!important}
 html body #portfolio-dashboard :is(.portfolio-eng-headline,.portfolio-about-headline,.portfolio-construction-headline) h2{font-size:26px!important}
 html body #portfolio-dashboard :is(.portfolio-eng-headline,.portfolio-about-headline,.portfolio-construction-headline) p{font-size:13px!important}
 html body #portfolio-dashboard .portfolio-contact-page{padding:16px 10px!important}
 html body #portfolio-dashboard .portfolio-contact-head{margin-bottom:14px!important}
 html body #portfolio-dashboard .portfolio-contact-head h1{font-size:30px!important}
 html body #portfolio-dashboard .portfolio-contact-head p{font-size:14px!important;margin-top:8px!important}
 html body #portfolio-dashboard .contact-direct{gap:4px 16px!important;margin-top:8px!important}
 html body #portfolio-dashboard .contact-direct a{font-size:13px!important;min-height:44px!important}
 html body #portfolio-dashboard .portfolio-contact-shell{gap:12px!important}
 html body #portfolio-dashboard :is(.portfolio-faq-card,.portfolio-contact-form){padding:16px!important;border-radius:16px!important}
 html body #portfolio-dashboard .portfolio-contact-form{gap:12px!important}
 html body #portfolio-dashboard .portfolio-contact-row{grid-template-columns:1fr!important;gap:12px!important}
 html body #portfolio-dashboard .portfolio-contact-message textarea{height:120px!important;min-height:120px!important}
 html body #portfolio-dashboard .portfolio-faq-item summary{padding:14px 0!important}
 html body #portfolio-dashboard .portfolio-faq-item summary strong{font-size:14px!important}
 html body #portfolio-dashboard .portfolio-faq-item p{font-size:14px!important}
 html .mobile-nav{left:8px!important;right:8px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;width:auto!important;min-height:58px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;padding:4px!important;border-radius:16px!important;transform:none!important;opacity:1!important;pointer-events:auto!important}
 html .mobile-nav a{height:50px!important;min-height:50px!important;padding:4px 0!important;gap:3px!important;flex-direction:column!important;text-decoration:none!important}
 html .mobile-nav a>span{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;overflow:visible!important;font:600 10px/1.1 system-ui!important;opacity:1!important;transform:none!important;white-space:nowrap!important;color:inherit!important}
 html .mobile-nav a>i{font-size:20px!important;width:20px!important;height:20px!important}
 html .mobile-nav a.is-active{color:#7E5B47!important;background:rgba(126,91,71,.12)!important}
 html[data-theme="dark"] .mobile-nav a.is-active{color:#d8bdac!important;background:rgba(126,91,71,.25)!important}
 html.mobile-nav-hidden .mobile-nav{transform:none!important;opacity:1!important;pointer-events:auto!important}
 html body #portfolio-dashboard .shell__panel{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
 html body .a11y:not(.mobile-more-tools .a11y){bottom:calc(78px + env(safe-area-inset-bottom))!important;left:10px!important}
 .portfolio-dashboard .portfolio-reference-grid> .portfolio-ref-card{touch-action:pan-y}
}
@media(prefers-reduced-motion:reduce){.portfolio-dashboard .portfolio-contact-actions button{transition:none!important}.portfolio-dashboard .portfolio-contact-actions button:hover{transform:none!important}}

@media(max-width:620px){
 html.mobile-editing .mobile-nav,html.mobile-editing .a11y{visibility:hidden!important;pointer-events:none!important}
 html body #portfolio-dashboard .portfolio-contact-form :is(input,textarea){scroll-margin:80px 0 110px}
 html body #portfolio-dashboard :is(.portfolio-about-modal,.auto-popup){max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain}
}

body.direct-portfolio-entry .hero{display:none!important}