/*
Theme Name: Logo Evolve
Template: generatepress
Version: 0.1.0
Description: A custom editorial identity for LogoEvolve.com.
*/

:root { --le-ink: #111217; --le-muted: #6c6f78; --le-accent: #ff5533; --le-paper: #fbfaf8; }
html { scroll-behavior: smooth; }
body { background: var(--le-paper); color: var(--le-ink); }
.site-header, #site-navigation, .main-navigation { display: none !important; }
.le-masthead { display: flex; align-items: center; justify-content: space-between; max-width: 1180px; margin: 0 auto; padding: 24px; }
.le-masthead__brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--le-ink); font-size: 1rem; font-weight: 750; letter-spacing: -.035em; text-decoration: none; }
.le-masthead__logo { display: block; width: min(311px, 69vw); height: 60px; object-fit: contain; object-position: left center; }
.le-masthead__mark { display: grid; grid-template-columns: repeat(3, 4px); align-items: end; gap: 3px; width: 18px; height: 20px; }
.le-masthead__mark i { display: block; width: 4px; border-radius: 2px; background: var(--le-accent); }
.le-masthead__mark i:nth-child(1) { height: 7px; opacity: .45; }
.le-masthead__mark i:nth-child(2) { height: 13px; opacity: .72; }
.le-masthead__mark i:nth-child(3) { height: 20px; }
.le-masthead__nav { display: flex; align-items: center; gap: 1.4rem; }
.le-masthead__nav a { color: var(--le-muted); font-size: .78rem; text-decoration: none; }
.le-masthead__nav a:hover, .le-masthead__nav a:focus-visible { color: var(--le-ink); }
.site-content { display: block; padding: 0 !important; }
.content-area { width: 100% !important; }
.site-main { margin: 0 !important; }
.inside-article { background: transparent !important; padding: 0 !important; }
.entry-header { display: none; }
.entry-content { margin: 0 !important; }
.le-home { min-height: 75vh; padding: clamp(3rem, 8vw, 8rem) 24px 7rem; }
.le-home__intro { max-width: 900px; margin: 0 auto; text-align: center; }
.le-home__kicker { color: var(--le-accent); font-size: .72rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.le-home h1 { max-width: 850px; margin: .65rem auto 1.2rem; font-size: clamp(3.1rem, 8.5vw, 7.4rem); line-height: .9; letter-spacing: -.07em; }
.le-home__lede { max-width: 610px; margin: 0 auto; color: var(--le-muted); font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.55; }
.le-archive__intro { padding-bottom: clamp(2rem, 5vw, 4.5rem); }
.le-archive__about { margin-top: clamp(4rem, 9vw, 8rem); }
.le-about { max-width: 920px; margin: 7rem auto 0; padding-top: 3rem; border-top: 1px solid #e7e7e9; display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(2rem, 7vw, 7rem); text-align: left; }
.le-about h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.055em; }
.le-about p { margin-top: 0; color: var(--le-muted); line-height: 1.7; }
.le-disclaimer { max-width: 920px; margin: 4rem auto 0; color: var(--le-muted); font-size: .72rem; line-height: 1.6; }
.le-footer { max-width: 1180px; margin: 0 auto; padding: 28px 24px 42px; border-top: 1px solid #e7e7e9; color: var(--le-muted); font-size: .74rem; }
.le-footer p { margin: 0; }
.le-footer__nav { display: flex; flex-wrap: wrap; gap: .65rem 1.15rem; margin-top: 1rem; }
.le-footer__nav a { color: var(--le-muted); text-decoration: none; }
.le-footer__nav a:hover, .le-footer__nav a:focus-visible { color: var(--le-ink); }
.le-contact { min-height: calc(100vh - 180px); max-width: 1080px; margin: 0 auto; padding: clamp(3rem, 8vw, 8rem) 24px; display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.le-contact__intro h1 { margin: .5rem 0 1.25rem; font-size: clamp(3.5rem, 8vw, 7rem); line-height: .9; letter-spacing: -.07em; }
.le-contact__intro p { color: var(--le-muted); font-size: 1.08rem; line-height: 1.7; }
.le-contact__form { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid #e7e7e9; border-radius: 1.5rem; background: #fff; }
.le-contact__form .ff-el-form-control { border: 1px solid #d9d9dc !important; border-radius: .65rem !important; padding: .85rem 1rem !important; background: #fbfaf8 !important; }
.le-contact__form .ff-el-input--label label { color: var(--le-ink); font-size: .8rem; font-weight: 700; }
.le-contact__form .ff-btn-submit { border: 0 !important; border-radius: 999px !important; padding: .85rem 1.4rem !important; background: var(--le-accent) !important; color: #fff !important; font-weight: 700 !important; }
@media (max-width: 760px) { .le-contact { grid-template-columns: 1fr; } }
.le-legal { max-width: 1120px; margin: 0 auto; padding: clamp(3rem, 8vw, 8rem) 24px; }
.le-legal__header { max-width: 850px; margin-bottom: clamp(3rem, 7vw, 6rem); }
.le-legal__header h1 { margin: .5rem 0 1rem; font-size: clamp(3rem, 7vw, 6rem); line-height: .92; letter-spacing: -.065em; }
.le-legal__updated { color: var(--le-muted); font-size: .8rem; }
.le-legal__layout { display: grid; grid-template-columns: 220px minmax(0, 720px); gap: clamp(2rem, 8vw, 7rem); align-items: start; }
.le-legal__nav { position: sticky; top: 24px; display: grid; gap: .6rem; padding: 1.25rem 0; border-top: 1px solid #e7e7e9; }
.le-legal__nav a { color: var(--le-muted); font-size: .78rem; text-decoration: none; }
.le-legal__nav a:hover, .le-legal__nav a:focus-visible { color: var(--le-ink); }
.le-legal__body { font-size: 1rem; line-height: 1.75; }
.le-legal__body h2 { margin: 3rem 0 .75rem; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.15; letter-spacing: -.035em; }
.le-legal__body h2:first-child { margin-top: 0; }
.le-legal__body h3 { margin: 2rem 0 .5rem; font-size: 1.1rem; }
.le-legal__body p, .le-legal__body li { color: #454750; }
.le-legal__body a { color: var(--le-ink); text-decoration-color: var(--le-accent); text-underline-offset: 3px; }
.le-legal__body li { margin-bottom: .55rem; }
.le-legal__notice { padding: 1rem 1.15rem; border-left: 3px solid var(--le-accent); background: #fff; color: #454750; }
@media (max-width: 760px) { .le-legal__layout { grid-template-columns: 1fr; } .le-legal__nav { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 768px) { .le-masthead { padding: 18px 20px; } .le-about { grid-template-columns: 1fr; } .le-masthead__nav { gap: .8rem; } }