/* Andrea Creative Studio — light custom styling on top of Bootstrap. */
body { font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.navbar-brand { letter-spacing: .2px; }
.card { border: none; border-radius: .75rem; }
textarea { resize: vertical; }

/* Design-concept comparison previews */
.variant-frame-wrap { background: #fff; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.variant-frame { width: 100%; height: 320px; border: 0; display: block; margin: 0 auto; transition: width .2s ease; }
#variant-grid.width-tablet .variant-frame { width: 768px; max-width: 100%; }
#variant-grid.width-mobile .variant-frame { width: 375px; max-width: 100%; }