
/* VanillaDev migration completion v0.6 */
.vd-contact-status{margin:16px 0 0;padding:13px 15px;border:1px solid rgba(8,91,68,.18);background:rgba(255,255,255,.65);color:#45574f;font-size:14px;line-height:1.55}
.vd-contact-status.is-success{border-color:rgba(8,118,87,.35);background:#deeee5;color:#033e32}
.vd-contact-status.is-error{border-color:rgba(139,66,46,.35);background:#fff2ed;color:#7b3525}
.brief-form .vd-contact-status{grid-column:1/-1}.brief-form button:disabled,.project-form button:disabled{opacity:.65;cursor:wait}
.case-index-placeholder.vd-reference-image,.vd-case-image{background-position:center top;background-repeat:no-repeat;background-size:cover}
.vd-case-image{height:clamp(300px,52vw,760px);background-color:#e8eee9}
.vd-tool-placeholder{display:flex!important;flex-direction:column;justify-content:center;gap:12px;padding:28px;background:linear-gradient(145deg,#073a2e,#071813)!important;color:#f5f0e7}
.vd-tool-placeholder span,.vd-tool-placeholder small{font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#a8bbb2}.vd-tool-placeholder strong{font-size:clamp(28px,4vw,46px);font-weight:500;letter-spacing:-.04em}
.case-index-project{margin:28px 0 0;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.case-index-category{margin:13px 0 0;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.case-index-summary{max-width:620px;margin:18px 0 28px;font-size:15px;line-height:1.7}
.case-summary{max-width:840px;margin:30px 0 0;font-size:18px;line-height:1.75}.case-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.case-actions a{padding:13px 16px;text-decoration:none;border:1px solid currentColor}
@media(max-width:640px){.vd-case-image{height:320px}.case-summary{font-size:16px}.case-index-card{min-height:620px}}

/* VanillaDev 0.8.1 five-step method */
.process-list-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:1100px){.process-list-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.process-list-five{grid-template-columns:1fr!important}}


/* VanillaDev CSP Stage 4C: fixed reference backgrounds without inline style attributes */
[data-vd-reference-bg="dtc-desktop"]{background-image:url('/references/dtc-desktop.webp')}
[data-vd-reference-bg="sg-desktop"]{background-image:url('/references/sg-desktop.webp')}
[data-vd-reference-bg="luna-desktop"]{background-image:url('/references/luna-desktop.webp')}
[data-vd-reference-bg="luna-feature"]{background-image:url('/references/luna-and-blake-feature.webp')}
