Evermore Weddings — Elegant Wedding_planner About Page for Divi 5

The layout opens with a full-width hero section on a warm linen background (#f6f1ec) and 180px of vertical padding, which gives the page a measured, editorial pace from the first scroll. A small Cormorant Garamond eyebrow in tracked-out slate introduces the brand, while the h1 headline runs at 104px on desktop and scales fluidly to 44px on mobile -- textWrap: balance keeps word wraps clean as the type reflows at every viewport width. A 2px dotted warm-beige divider separates the headline block from an asymmetric two-column strip below: the body paragraph sits in a wider 16/24 column in Lora at 20px with generous 1.7em line-height, and a minimal underlined link anchors the narrower 8/24 column to the right. On phones both columns go full-width and stack vertically with no manual override needed.

The team section stays on the linen background and presents four planners through a tightly controlled four-column grid. A split header row aligns the h2 heading to the bottom of the copy opposite it using alignItems: flex-end, which keeps the eye moving horizontally rather than jumping between heights. Each card places a square 1:1 portrait -- sharp corners, object-fit cover -- above a group with a 3px dotted top border, followed by the planner name in Cormorant Garamond h3 at 20px and a spaced-out role label below it. A 28px column gap and 40px row gap are defined directly on the row module, so spacing stays consistent even as the grid collapses to two columns on tablet and a single vertical stack on phone.

The white-background section isolates the founder in a deliberately asymmetric flex row. A 9/24 column holds a 4:5 portrait with pill-shaped top corners (999px radius) and softened 32px bottom corners, framing the image as a keepsake rather than a standard headshot. The wider 15/24 column carries an h4 eyebrow, an h2 quote at 40px, three body paragraphs in Cormorant Garamond at 22px with 1.6em line-height, and an italic signature -- the emotional core of the page. The deep navy section (#2f3a4a) that follows inverts the palette and builds a four-row promise list: each row holds a fixed 64px index label, a flex-grow heading column, and a description column capped at 360px max-width, all aligned to baseline so the numbers and headings share a common reading line, separated by 3px dotted cream dividers.

The page closes with a full-bleed wedding photograph as section background, over which a white card floats in a max-520px left-aligned group. The card is enclosed in a 2px dotted navy border with 24px corner radius and 48px internal padding, and its content moves from eyebrow through heading through body copy to a dotted divider and a pill-shaped ghost button. The button inverts on hover from transparent to navy fill, matching the section's inversion logic. All five sections carry explicit padding breakpoints for desktop, tablet, and phone, so no viewport requires a manual adjustment after import.