/* Whispers Lens customization — shared styling for simple content pages
   (About, Press & Recognition). Uses the sitewide color/font variables
   already defined in default.hbs, so this automatically stays in sync
   with the rest of the site if those ever change. */

.simple-page-hero {
    text-align: center;
    padding: 108px 24px 50px;
}

.simple-page-hero .tags-wrapper {
    justify-content: center;
}

.wl-script-tag {
    font-family: 'Alex Brush', cursive;
    text-transform: none;
    font-size: 1.8rem;
    color: var(--gold, #C7A046);
    margin-bottom: 10px;
}

.simple-page-title {
    font-family: var(--font1, 'Fraunces', serif);
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.15;
}

.simple-page-body {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px 90px;
}

.about-lead-photo {
    margin: 0 0 40px;
}

.about-lead-photo img {
    width: 100%;
    border-radius: 4px;
    display: block;
}

.simple-page-body p {
    font-family: var(--font2, 'Work Sans', sans-serif);
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 1.3rem;
    color: var(--text-color, #d8d5cd);
}

.simple-page-body p.lead-paragraph {
    font-family: var(--font1, 'Fraunces', serif);
    font-style: italic;
    font-size: 1.3rem;
    line-height: 1.6;
    color: var(--overlay-text-color, #f4f1ea);
}

.simple-page-subheading {
    font-family: var(--font1, 'Fraunces', serif);
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--gold, #C7A046);
    margin: 2.5rem 0 1.2rem;
}

.about-facts-list {
    list-style: none;
    margin: 0 0 1.5rem 0;
    padding: 0;
}

.about-facts-list li {
    position: relative;
    padding-left: 1.4rem;
    font-family: var(--font2, 'Work Sans', sans-serif);
    font-size: 0.98rem;
    line-height: 1.7;
    margin-bottom: 0.6rem;
    color: var(--text-color, #d8d5cd);
}

.about-facts-list li::before {
    content: "\2022";
    color: var(--gold, #C7A046);
    position: absolute;
    left: 0;
    font-size: 1.2rem;
    line-height: 1.4;
}

.simple-page-closing-quote {
    font-family: var(--font1, 'Fraunces', serif);
    font-style: italic;
    font-size: 1.15rem;
    line-height: 1.7;
    color: var(--overlay-text-color, #f4f1ea);
    margin: 2rem 0 0;
    padding-top: 2rem;
    border-top: 1px solid rgba(244,241,234,0.15);
}

@media screen and (max-width: 640px) {
    .simple-page-title { font-size: 2rem; }
    .simple-page-hero { padding: 90px 18px 34px; }
}

/* Whispers Lens customization — on computer/tablet screens the gold script line is
   larger so it keeps the same proportion to the page title as on the phone. */
@media screen and (min-width: 641px) {
    .wl-script-tag.wl-script-tag {
        font-size: 2.6rem;
        -webkit-text-stroke: 0.9px currentColor;
    }
}

/* About page: the approved design keeps normal upper/lower case for the heading, bullets and closing quote */
.simple-page-subheading,
.about-facts-list li,
.simple-page-closing-quote,
.simple-page-body blockquote { text-transform: none; }