@import "tailwindcss";


a {        /* removes default blue */
    text-decoration: none;   /* removes underline */
}

a:hover {         /* optional hover */
    text-decoration: none; /* optional hover effect */
}

/* --- Our Story page tweaks --- */

/* Let content sit up beside the floated portrait */
.our-story .prose > :first-child,
.our-story .prose > :first-child > :first-child {
  margin-top: 0 !important;
}

/* Ensure the prose block doesn't block floats */
.our-story .prose {
  overflow: visible !important;
}

/* Prettier wrap around the rounded portrait (modern browsers) */
.our-story .portrait-wrap {
  /* extra gap on the right + below the image */
  margin-right: 2rem;   /* ~32px, overrides mr-6 */
  margin-bottom: 1rem;  /* ~16px */
  /* if shape-outside is active, add padding around the shape too */
  shape-margin: 14px;
}

/* Mobile: undo the float so the image stacks above the text cleanly */
@media (min-width: 1024px) {
  .our-story .portrait-wrap {
    margin-right: 2.5rem; /* ~40px */
    shape-margin: 18px;
  }
}