/* Start custom CSS for html, class: .elementor-element-83869f7 *//* =========================================================
LIZ DEHLER — ABOUT PAGE BODY
Elementor-safe
Header + Footer excluded
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
/* =========================================================
MAIN WRAPPER
========================================================= */
.sdw-liz-about {
--sdw-ink: #191917;
--sdw-soft: #2d2b27;
--sdw-paper: #fbfaf7;
--sdw-cream: #f3eee5;
--sdw-warm: #ebe1d2;
--sdw-white: #fff;
--sdw-muted: #68645d;
--sdw-gold: #92775b;
--sdw-line: rgba(25,25,23,.13);
--sdw-serif:
"Playfair Display",
Georgia,
"Times New Roman",
serif;
--sdw-sans:
"DM Sans",
Arial,
sans-serif;
--sdw-ease:
cubic-bezier(.22,1,.36,1);
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
color: var(--sdw-ink);
background: var(--sdw-paper);
font-family: var(--sdw-sans);
line-height: 1.7;
-webkit-font-smoothing: antialiased;
overflow-x: clip;
isolation: isolate;
}
/* =========================================================
BOX SIZING
========================================================= */
.sdw-liz-about,
.sdw-liz-about *,
.sdw-liz-about *::before,
.sdw-liz-about *::after {
box-sizing: border-box;
}
/* =========================================================
INTERNAL RESET
========================================================= */
.sdw-liz-about img {
display: block;
max-width: 100%;
height: auto;
}
.sdw-liz-about a {
color: inherit;
text-decoration: none;
}
.sdw-liz-about p,
.sdw-liz-about h1,
.sdw-liz-about h2,
.sdw-liz-about h3 {
margin-top: 0;
}
.sdw-liz-about h1,
.sdw-liz-about h2,
.sdw-liz-about h3 {
font-family: var(--sdw-serif);
font-weight: 400;
line-height: 1.04;
letter-spacing: -.025em;
}
.sdw-liz-about h1 em,
.sdw-liz-about h2 em {
font-style: normal;
}
.sdw-liz-about p {
color: var(--sdw-muted);
font-size: 14px;
}
/* =========================================================
CONTAINER
========================================================= */
.sdw-liz-about .sdw-about-container {
width: min(
1240px,
calc(100% - 96px)
);
margin-inline: auto;
}
/* =========================================================
COMMON SECTION
========================================================= */
.sdw-liz-about .sdw-about-section {
width: 100%;
padding: 105px 0;
}
/* =========================================================
EYEBROW
========================================================= */
.sdw-liz-about .sdw-about-eyebrow {
margin: 0 0 15px;
color: var(--sdw-gold);
font-size: 10px;
font-weight: 700;
letter-spacing: 3.2px;
line-height: 1.3;
}
.sdw-liz-about .sdw-about-eyebrow-light {
color: rgba(255,255,255,.9);
}
/* =========================================================
HERO
========================================================= */
.sdw-liz-about .sdw-about-hero {
position: relative;
min-height: 400px;
height: min(76vh,760px);
color: #fff;
overflow: hidden;
isolation: isolate;
}
/* UPDATED HERO IMAGE */
.sdw-liz-about .sdw-about-hero-image {
position: absolute;
inset: 0;
background:
url("https://lizdehler.com/wp-content/uploads/2026/09/brownstone.jpg")
center 45% / cover no-repeat;
transform: scale(1.015);
}
.sdw-liz-about .sdw-about-hero-shade {
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
rgba(0,0,0,.74),
rgba(0,0,0,.52) 28%,
rgba(0,0,0,.18) 62%,
rgba(0,0,0,.05)
),
linear-gradient(
180deg,
rgba(0,0,0,.18),
transparent 45%,
rgba(0,0,0,.18)
);
}
.sdw-liz-about .sdw-about-hero-content {
position: relative;
z-index: 2;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 65px;
}
.sdw-liz-about .sdw-about-hero h1 {
margin: 0 0 23px;
color: #fff;
font-size:
clamp(58px,6.3vw,88px);
text-shadow:
0 3px 25px rgba(0,0,0,.18);
}
.sdw-liz-about .sdw-about-hero-copy {
margin: 0 0 26px;
color: rgba(255,255,255,.94);
font-size: 15px;
line-height: 1.75;
}
.sdw-liz-about .sdw-about-hero-btn {
width: max-content;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 13px 19px;
border:
1px solid rgba(255,255,255,.75);
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
transition:
.3s var(--sdw-ease);
}
.sdw-liz-about .sdw-about-hero-btn:hover {
background: #fff;
color: var(--sdw-ink);
transform:
translateY(-2px);
}
.sdw-liz-about .sdw-about-hero-quote {
position: absolute;
right: 8%;
bottom: 80px;
z-index: 3;
width: 220px;
padding: 25px;
background:
rgba(251,250,247,.94);
color: var(--sdw-ink);
box-shadow:
0 15px 40px rgba(0,0,0,.14);
backdrop-filter: blur(8px);
}
.sdw-liz-about .sdw-about-hero-quote span {
display: block;
font-family: var(--sdw-serif);
font-size: 21px;
line-height: 1.16;
}
.sdw-liz-about .sdw-about-hero-quote i {
display: block;
width: 38px;
height: 1px;
margin-top: 18px;
background: var(--sdw-gold);
}
/* =========================================================
BUTTON
========================================================= */
.sdw-liz-about .sdw-about-dark-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
min-height: 46px;
padding: 14px 21px;
background: var(--sdw-ink);
border:
1px solid var(--sdw-ink);
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.55px;
text-transform: uppercase;
transition:
.3s var(--sdw-ease);
}
.sdw-liz-about .sdw-about-dark-btn:hover {
background: #35342f;
transform:
translateY(-3px);
}
.sdw-liz-about .sdw-about-dark-btn span {
transition:
transform .3s var(--sdw-ease);
}
.sdw-liz-about .sdw-about-dark-btn:hover span {
transform:
translateX(4px);
}
/* =========================================================
ACCENT LINE
========================================================= */
.sdw-liz-about .sdw-about-accent-line {
width: 45px;
height: 1px;
margin: 21px 0 25px;
background: var(--sdw-gold);
}
/* =========================================================
ABOUT LIZ
========================================================= */
.sdw-liz-about .sdw-about-about {
background: var(--sdw-paper);
}
.sdw-liz-about .sdw-about-grid {
display: grid;
grid-template-columns:
430px minmax(0,1fr);
gap: 105px;
align-items: center;
}
.sdw-liz-about .sdw-about-portrait-wrap {
position: relative;
padding: 0 0 24px;
}
.sdw-liz-about .sdw-about-portrait-frame {
position: relative;
z-index: 1;
}
.sdw-liz-about
.sdw-about-portrait-frame::before {
content: "";
position: absolute;
z-index: -1;
inset:
25px -27px -20px -27px;
background:
var(--sdw-warm);
}
/* UPDATED LIZ IMAGE */
.sdw-liz-about
.sdw-about-portrait-frame img {
width: 100%;
height: 555px;
object-fit: cover;
object-position:
center top;
}
.sdw-liz-about
.sdw-about-portrait-caption {
position: absolute;
left: -12px;
bottom: 0;
z-index: 2;
padding: 8px 12px;
background:
var(--sdw-paper);
color: #8c806f;
font-size: 8px;
font-weight: 700;
letter-spacing: 2px;
}
.sdw-liz-about .sdw-about-copy {
max-width: 690px;
}
.sdw-liz-about .sdw-about-copy h2 {
font-size:
clamp(48px,5vw,67px);
margin-bottom: 0;
}
.sdw-liz-about .sdw-about-copy p {
font-size: 15px;
line-height: 1.85;
max-width: 650px;
margin:
0 0 19px;
}
/* =========================================================
APPROACH
========================================================= */
.sdw-liz-about .sdw-about-approach {
background:
var(--sdw-cream);
text-align: center;
}
.sdw-liz-about .sdw-about-section-heading {
max-width: 850px;
margin:
0 auto 60px;
}
.sdw-liz-about
.sdw-about-section-heading h2 {
font-size:
clamp(45px,5vw,64px);
margin-bottom: 14px;
}
.sdw-liz-about .sdw-about-heading-line {
width: 45px;
height: 1px;
background:
var(--sdw-gold);
margin:
0 auto 20px;
}
.sdw-liz-about
.sdw-about-section-heading > p:last-child {
max-width: 650px;
margin: 0 auto;
font-size: 14px;
line-height: 1.8;
}
.sdw-liz-about .sdw-about-approach-grid {
display: grid;
grid-template-columns:
repeat(3,1fr);
}
.sdw-liz-about
.sdw-about-approach-card {
position: relative;
min-height: 300px;
padding:
5px 60px 15px;
border-right:
1px solid var(--sdw-line);
}
.sdw-liz-about
.sdw-about-approach-card:last-child {
border-right: 0;
}
.sdw-liz-about
.sdw-about-approach-number {
position: absolute;
left: 0;
top: 4px;
color: #9b8a76;
font-size: 9px;
letter-spacing: 1.5px;
}
.sdw-liz-about
.sdw-about-approach-icon {
display: grid;
place-items: center;
width: 64px;
height: 64px;
margin:
0 auto 20px;
border:
1px solid rgba(25,25,23,.1);
border-radius: 50%;
background:
rgba(255,255,255,.78);
color:
var(--sdw-gold);
font-size: 25px;
}
.sdw-liz-about
.sdw-about-approach-card h3 {
margin-bottom: 12px;
font-family:
var(--sdw-sans);
font-size: 13px;
font-weight: 700;
letter-spacing: 2.5px;
}
.sdw-liz-about
.sdw-about-approach-card p {
margin: 0 auto;
max-width: 280px;
font-size: 13px;
line-height: 1.75;
}
/* =========================================================
EXPERIENCE
========================================================= */
.sdw-liz-about .sdw-about-experience {
background: #fff;
}
.sdw-liz-about
.sdw-about-experience-grid {
display: grid;
grid-template-columns:
1fr 1fr;
gap: 80px;
align-items: center;
}
.sdw-liz-about
.sdw-about-experience-copy h2 {
font-size:
clamp(45px,5vw,65px);
margin-bottom: 0;
}
.sdw-liz-about
.sdw-about-experience-copy p {
font-size: 14px;
line-height: 1.85;
max-width: 570px;
margin-bottom: 18px;
}
.sdw-liz-about
.sdw-about-experience-image {
overflow: hidden;
}
.sdw-liz-about
.sdw-about-experience-image img {
width: 100%;
height: 510px;
object-fit: cover;
transition:
transform 1s var(--sdw-ease);
}
.sdw-liz-about
.sdw-about-experience-image:hover img {
transform:
scale(1.035);
}
/* =========================================================
COMPANY
========================================================= */
.sdw-liz-about .sdw-about-company {
background:
var(--sdw-paper);
}
.sdw-liz-about
.sdw-about-company-grid {
display: grid;
grid-template-columns:
300px minmax(0,1fr);
gap: 95px;
align-items: center;
}
.sdw-liz-about .sdw-about-donnelly {
min-height: 300px;
padding:
48px 40px;
background:
#082d3a;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow:
0 15px 35px rgba(0,0,0,.08);
}
.sdw-liz-about
.sdw-about-donnelly strong {
font-family:
var(--sdw-serif);
font-size: 38px;
font-weight: 400;
line-height: .92;
}
.sdw-liz-about
.sdw-about-donnelly strong span {
font-size: .7em;
}
.sdw-liz-about
.sdw-about-donnelly i {
width: 100%;
height: 1px;
margin:
35px 0 22px;
background:
rgba(255,255,255,.55);
}
.sdw-liz-about
.sdw-about-donnelly small {
font-family:
var(--sdw-serif);
font-size: 13px;
line-height: 1.45;
}
.sdw-liz-about
.sdw-about-company-copy h2 {
font-size:
clamp(45px,5vw,62px);
margin-bottom: 0;
}
.sdw-liz-about
.sdw-about-company-copy p {
font-size: 14px;
line-height: 1.85;
max-width: 700px;
margin-bottom: 18px;
}
/* =========================================================
SOCIAL
========================================================= */
.sdw-liz-about .sdw-about-social {
background: #fff;
}
.sdw-liz-about
.sdw-about-social-grid {
display: grid;
grid-template-columns:
1fr 1.4fr;
gap: 80px;
align-items: center;
}
.sdw-liz-about
.sdw-about-social-intro h2 {
font-size:
clamp(45px,4.7vw,61px);
margin-bottom: 18px;
}
.sdw-liz-about
.sdw-about-social-intro > p:last-child {
max-width: 500px;
font-size: 14px;
line-height: 1.85;
}
.sdw-liz-about
.sdw-about-social-links {
display: grid;
grid-template-columns:
repeat(3,1fr);
border-left:
1px solid var(--sdw-line);
}
.sdw-liz-about
.sdw-about-social-links a {
position: relative;
min-height: 180px;
padding:
8px 25px 8px 30px;
border-right:
1px solid var(--sdw-line);
transition:
.3s var(--sdw-ease);
}
.sdw-liz-about
.sdw-about-social-links a:last-child {
border-right: 0;
}
.sdw-liz-about
.sdw-about-social-links a:hover {
background:
var(--sdw-cream);
}
.sdw-liz-about
.sdw-about-social-circle {
display: grid;
place-items: center;
width: 40px;
height: 40px;
margin-bottom: 18px;
border:
1px solid rgba(25,25,23,.16);
border-radius: 50%;
font-size: 12px;
font-weight: 700;
}
.sdw-liz-about
.sdw-about-social-links strong {
display: block;
font-size: 10px;
letter-spacing: 2.1px;
}
.sdw-liz-about
.sdw-about-social-links small {
display: block;
margin-top: 8px;
color: #777168;
font-size: 10px;
line-height: 1.55;
}
.sdw-liz-about
.sdw-about-social-links b {
position: absolute;
right: 20px;
top: 10px;
color:
var(--sdw-gold);
font-size: 14px;
font-weight: 400;
}
/* =========================================================
CLOSING CTA
========================================================= */
.sdw-liz-about .sdw-about-closing {
background:
var(--sdw-cream);
}
.sdw-liz-about
.sdw-about-closing-grid {
display: grid;
grid-template-columns:
1.1fr .9fr;
gap: 100px;
align-items: center;
}
.sdw-liz-about
.sdw-about-closing h2 {
font-size:
clamp(45px,4.8vw,64px);
margin: 0;
}
.sdw-liz-about
.sdw-about-closing-right {
max-width: 520px;
}
.sdw-liz-about
.sdw-about-closing-right p {
font-size: 15px;
line-height: 1.85;
margin:
0 0 28px;
}
/* =========================================================
REVEAL ANIMATION
========================================================= */
.sdw-liz-about
.sdw-about-reveal {
opacity: 0;
transform:
translateY(24px);
transition:
opacity .8s var(--sdw-ease),
transform .8s var(--sdw-ease);
}
.sdw-liz-about
.sdw-about-reveal.sdw-about-visible {
opacity: 1;
transform: none;
}
/* =========================================================
DESKTOP / TABLET
========================================================= */
@media (max-width:1100px) {
.sdw-liz-about
.sdw-about-container {
width:
min(100% - 60px,1080px);
}
.sdw-liz-about
.sdw-about-grid {
grid-template-columns:
360px minmax(0,1fr);
gap: 65px;
}
.sdw-liz-about
.sdw-about-portrait-frame img {
height: 500px;
}
.sdw-liz-about
.sdw-about-approach-card {
padding-inline: 35px;
}
.sdw-liz-about
.sdw-about-experience-grid {
gap: 55px;
}
}
/* =========================================================
TABLET
========================================================= */
@media (max-width:820px) {
.sdw-liz-about
.sdw-about-container {
width:
calc(100% - 38px);
}
.sdw-liz-about
.sdw-about-hero {
min-height: 620px;
height:
calc(100svh - 0px);
max-height: 720px;
}
.sdw-liz-about
.sdw-about-hero-content {
padding-top: 70px;
}
.sdw-liz-about
.sdw-about-hero h1 {
font-size:
clamp(48px,10vw,68px);
}
.sdw-liz-about
.sdw-about-hero-quote {
right: 28px;
bottom: 45px;
width: 200px;
padding: 20px;
}
.sdw-liz-about
.sdw-about-hero-quote span {
font-size: 18px;
}
.sdw-liz-about
.sdw-about-section {
padding: 85px 0;
}
.sdw-liz-about
.sdw-about-grid {
grid-template-columns: 1fr;
gap: 55px;
}
.sdw-liz-about
.sdw-about-portrait-wrap {
max-width: 500px;
margin: auto;
}
.sdw-liz-about
.sdw-about-portrait-frame img {
height: 570px;
}
.sdw-liz-about
.sdw-about-copy {
max-width: 100%;
}
.sdw-liz-about
.sdw-about-copy h2 {
font-size: 46px;
}
.sdw-liz-about
.sdw-about-section-heading h2 {
font-size: 45px;
}
.sdw-liz-about
.sdw-about-approach-grid {
grid-template-columns: 1fr;
}
.sdw-liz-about
.sdw-about-approach-card {
min-height: 0;
padding:
30px 25px;
border-right: 0;
border-bottom:
1px solid var(--sdw-line);
}
.sdw-liz-about
.sdw-about-approach-card:last-child {
border-bottom: 0;
}
.sdw-liz-about
.sdw-about-approach-number {
left: 25px;
}
.sdw-liz-about
.sdw-about-experience-grid {
grid-template-columns: 1fr;
gap: 45px;
}
.sdw-liz-about
.sdw-about-experience-image {
order: 2;
}
.sdw-liz-about
.sdw-about-experience-image img {
height: 460px;
}
.sdw-liz-about
.sdw-about-company-grid {
grid-template-columns: 1fr;
gap: 50px;
}
.sdw-liz-about
.sdw-about-company-mark {
max-width: 300px;
}
.sdw-liz-about
.sdw-about-social-grid {
grid-template-columns: 1fr;
gap: 50px;
}
.sdw-liz-about
.sdw-about-social-links {
border-left: 0;
}
.sdw-liz-about
.sdw-about-social-links a {
padding-left: 20px;
}
.sdw-liz-about
.sdw-about-closing-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.sdw-liz-about
.sdw-about-closing-right {
max-width: 100%;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width:600px) {
.sdw-liz-about
.sdw-about-container {
width:
calc(100% - 30px);
}
.sdw-liz-about
.sdw-about-hero {
min-height: 620px;
}
.sdw-liz-about
.sdw-about-hero h1 {
font-size: 45px;
}
.sdw-liz-about
.sdw-about-desktop-break {
display: none;
}
.sdw-liz-about
.sdw-about-hero-quote {
display: none;
}
.sdw-liz-about
.sdw-about-section {
padding: 72px 0;
}
.sdw-liz-about
.sdw-about-portrait-frame img {
height: 470px;
}
.sdw-liz-about
.sdw-about-copy h2,
.sdw-liz-about
.sdw-about-section-heading h2,
.sdw-liz-about
.sdw-about-closing h2 {
font-size: 38px;
}
.sdw-liz-about
.sdw-about-copy p,
.sdw-liz-about
.sdw-about-closing-right p {
font-size: 13.5px;
}
.sdw-liz-about
.sdw-about-experience-copy h2,
.sdw-liz-about
.sdw-about-company-copy h2 {
font-size: 40px;
}
.sdw-liz-about
.sdw-about-experience-image img {
height: 390px;
}
.sdw-liz-about
.sdw-about-social-links {
grid-template-columns: 1fr;
}
.sdw-liz-about
.sdw-about-social-links a {
min-height: 125px;
border-right: 0;
border-bottom:
1px solid var(--sdw-line);
}
.sdw-liz-about
.sdw-about-social-links a:last-child {
border-bottom: 0;
}
.sdw-liz-about
.sdw-about-dark-btn {
width: 100%;
max-width: 260px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width:480px) {
.sdw-liz-about
.sdw-about-container {
width:
calc(100% - 26px);
}
.sdw-liz-about
.sdw-about-hero {
min-height: 570px;
height: 100svh;
max-height: 680px;
}
.sdw-liz-about
.sdw-about-hero-content {
justify-content: center;
padding-top: 60px;
}
.sdw-liz-about
.sdw-about-hero h1 {
font-size: 42px;
margin-bottom: 18px;
}
.sdw-liz-about
.sdw-about-hero-copy {
font-size: 13.5px;
margin-bottom: 22px;
}
.sdw-liz-about
.sdw-about-hero-btn {
font-size: 9px;
letter-spacing: 1.2px;
}
.sdw-liz-about
.sdw-about-section {
padding: 58px 0;
}
.sdw-liz-about
.sdw-about-eyebrow {
font-size: 9px;
letter-spacing: 2.5px;
}
.sdw-liz-about
.sdw-about-copy h2,
.sdw-liz-about
.sdw-about-section-heading h2,
.sdw-liz-about
.sdw-about-closing h2 {
font-size: 36px;
}
.sdw-liz-about
.sdw-about-experience-copy h2,
.sdw-liz-about
.sdw-about-company-copy h2 {
font-size: 38px;
}
.sdw-liz-about
.sdw-about-portrait-frame img {
aspect-ratio: 4 / 5;
}
.sdw-liz-about
.sdw-about-portrait-frame::before {
inset:
14px -9px -10px -9px;
}
.sdw-liz-about
.sdw-about-portrait-caption {
padding: 7px 9px;
font-size: 6.5px;
letter-spacing: 1.5px;
}
.sdw-liz-about
.sdw-about-approach-card {
padding:
28px 10px 30px;
}
.sdw-liz-about
.sdw-about-approach-number {
left: 10px;
}
.sdw-liz-about
.sdw-about-approach-card p {
font-size: 13px;
}
.sdw-liz-about
.sdw-about-experience-image img {
aspect-ratio: 4 / 3;
}
.sdw-liz-about
.sdw-about-donnelly {
min-height: 235px;
padding:
38px 30px;
}
.sdw-liz-about
.sdw-about-donnelly strong {
font-size: 34px;
}
.sdw-liz-about
.sdw-about-social-links a {
min-height: 115px;
padding: 18px;
}
.sdw-liz-about
.sdw-about-dark-btn {
max-width: 100%;
}
}
/* =========================================================
VERY NARROW PHONES
========================================================= */
@media (max-width:360px) {
.sdw-liz-about
.sdw-about-container {
width:
calc(100% - 22px);
}
.sdw-liz-about
.sdw-about-hero h1 {
font-size: 37px;
}
.sdw-liz-about
.sdw-about-copy h2,
.sdw-liz-about
.sdw-about-section-heading h2,
.sdw-liz-about
.sdw-about-closing h2,
.sdw-liz-about
.sdw-about-experience-copy h2,
.sdw-liz-about
.sdw-about-company-copy h2 {
font-size: 32px;
}
.sdw-liz-about
.sdw-about-hero-copy,
.sdw-liz-about
.sdw-about-copy p,
.sdw-liz-about
.sdw-about-experience-copy p,
.sdw-liz-about
.sdw-about-company-copy p,
.sdw-liz-about
.sdw-about-closing-right p {
font-size: 13px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion:reduce) {
.sdw-liz-about
.sdw-about-reveal {
opacity: 1;
transform: none;
transition: none;
}
.sdw-liz-about
.sdw-about-experience-image img {
transition: none;
}
}/* End custom CSS */