/* aulay.co production styles. Loaded after tokens.css, bundle.css and site-additions.css.
   Carries the per-artboard styles from the "aulay.co one-pager" canvas (phone 390, desktop 1280)
   as one responsive sheet, so the canvas stays the design source. */

html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); }

/* Founder quote: phone artboard values, desktop artboard values from 720. */
.ac-quote--card {
  margin: 32px 0;
  padding: 24px 20px;
  background: #f6f2ea;
  border: 1px solid #e3dccd;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: none;
}
.ac-quote--card .quote { font-size: 22px; line-height: 1.3; margin: 0; text-wrap: balance; }
.ac-quote--card .ac-quote__by { margin: 0; padding-top: 16px; border-top: 1px solid #d6cdb9; color: #5a5348; }
@media (min-width: 1040px) { .ac-quote--card { max-width: var(--page-width); } }
@media (min-width: 720px) {
  .ac-quote--card { margin: 40px 0; padding: 32px 40px; }
  .ac-quote--card .quote { font-size: 28px; }
}

.ac-subhead { margin-top: var(--space-10); }
.ac-subhead + p { margin-top: var(--space-2); }

/* Contact: grid on phone, one row from 1040 (desktop artboard). The address line shows on phone only. */
@media (min-width: 1040px) {
  .ac-contact { max-width: none; width: 100%; padding: 0; display: flex; align-items: center; justify-content: flex-start; gap: 32px; }
  .ac-contact__body { flex: 0 1 auto; max-width: none; }
  .ac-contact__email { display: none; }
}

.ac-footer-gap { margin-top: var(--space-24); }

/* Leave room for the sticky bar so it never covers the footer. */
.ac-page { padding-bottom: var(--bar-height); }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}