/* ═══════════════════════════════════════════════════════════
LevelUp People — Page Styles v2.0
All values driven by CSS custom properties (set by Customizer)
════════════════════════════════════════════════════════════ */
/* ── Reset & Base ────────────────────────────────────────── */
*, *::before, *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
html { scroll-behavior: smooth !important; }
body.lup2-page {
font-family: var(--font-body, 'Outfit', sans-serif) !important;
background: var(--cream, #F8F5F0) !important;
color: var(--white, #1A1A1A) !important;
overflow-x: hidden !important;
line-height: 1.65 !important;
-webkit-font-smoothing: antialiased !important;
}
.lup2-page a { color: inherit !important; text-decoration: none !important; }
.lup2-block { display: block !important; }
/* ── Layout ──────────────────────────────────────────────── */
.lup2-inner { max-width: 1140px !important; margin: 0 auto !important; padding: 0 24px !important; }
.lup2-inner-sm { max-width: 680px !important; margin: 0 auto !important; padding: 0 24px !important; }
/* ── Eyebrow ─────────────────────────────────────────────── */
.lup2-eyebrow {
display: block !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
color: var(--teal, #2D7D6F) !important;
margin-bottom: 14px !important;
}
/* ── Section Title ───────────────────────────────────────── */
.lup2-s-title {
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-size: clamp(28px, 3.8vw, 46px) !important;
font-weight: 300 !important;
line-height: 1.13 !important;
color: var(--forest, #1C2B2B) !important;
}
.lup2-s-title em { font-style: italic !important; color: var(--teal, #2D7D6F) !important; }
/* ── Buttons ─────────────────────────────────────────────── */
.lup2-btn {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-family: var(--font-body, 'Outfit', sans-serif) !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 13px 28px !important;
border-radius: 3px !important;
transition: all .22s !important;
cursor: pointer !important;
border: none !important;
letter-spacing: .02em !important;
text-decoration: none !important;
}
.lup2-btn svg { width: 14px !important; height: 14px !important; flex-shrink: 0 !important; }
.lup2-btn-coral { background: var(--coral, #C0533A) !important; color: #fff !important; }
.lup2-btn-coral:hover { background: var(--coral-lt, #CE6349) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 26px rgba(192,83,58,.22) !important; }
.lup2-btn-ghost { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.28) !important; }
.lup2-btn-ghost:hover { border-color: rgba(255,255,255,.65) !important; background: rgba(255,255,255,.05) !important; }
.lup2-btn-teal { background: var(--teal, #2D7D6F) !important; color: #fff !important; }
.lup2-btn-teal:hover { background: var(--teal-lt, #3A9688) !important; transform: translateY(-2px) !important; }
.lup2-btn-sm { padding: 10px 20px !important; font-size: 13px !important; }
.lup2-btn-lg { padding: 16px 36px !important; font-size: 15px !important; }
/* ════════════════════════════════════════════════════════════
NAV
════════════════════════════════════════════════════════════ */
.lup2-nav {
position: fixed !important;
top: 0 !important; left: 0 !important; right: 0 !important;
z-index: 9999 !important;
height: 66px !important;
background: var(--forest, #1C2B2B) !important;
display: flex !important;
align-items: center !important;
padding: 0 6% !important;
border-bottom: 1px solid rgba(255,255,255,.05) !important;
}
.admin-bar .lup2-nav { top: 32px !important; }
@media screen and (max-width: 782px) { .admin-bar .lup2-nav { top: 46px !important; } }
.lup2-nav-logo {
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-style: italic !important;
font-size: 23px !important;
font-weight: 400 !important;
color: #fff !important;
text-decoration: none !important;
}
.lup2-nav .nav-links {
display: flex !important;
align-items: center !important;
gap: 26px !important;
list-style: none !important;
margin-left: auto !important;
padding: 0 !important;
}
.lup2-nav .nav-links li { list-style: none !important; }
.lup2-nav .nav-links a {
font-size: 13px !important;
color: rgba(255,255,255,.58) !important;
font-weight: 400 !important;
transition: color .2s !important;
text-decoration: none !important;
}
.lup2-nav .nav-links a:hover { color: #fff !important; }
.lup2-nav .nav-links .nav-cta {
background: var(--coral, #C0533A) !important;
color: #fff !important;
padding: 8px 18px !important;
border-radius: 3px !important;
font-weight: 500 !important;
}
/* Mobile toggle */
.lup2-mobile-toggle {
display: none !important;
flex-direction: column !important;
gap: 5px !important;
background: none !important;
border: none !important;
cursor: pointer !important;
margin-left: auto !important;
padding: 6px !important;
}
.lup2-mobile-toggle span {
display: block !important;
width: 22px !important;
height: 2px !important;
background: rgba(255,255,255,.7) !important;
border-radius: 1px !important;
transition: all .2s !important;
}
.lup2-nav-offset { height: 66px !important; }
.admin-bar .lup2-nav-offset { height: 98px !important; }
@media screen and (max-width: 782px) { .admin-bar .lup2-nav-offset { height: 112px !important; } }
/* ════════════════════════════════════════════════════════════
HERO
════════════════════════════════════════════════════════════ */
.lup2-hero {
background: var(--forest, #1C2B2B) !important;
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
padding: 60px 6% 80px !important;
position: relative !important;
overflow: hidden !important;
}
.lup2-hero::before {
content: '' !important;
position: absolute !important;
top: -140px !important; right: -100px !important;
width: 520px !important; height: 520px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(45,125,111,.08) 0%, transparent 68%) !important;
pointer-events: none !important;
}
.lup2-hero::after {
content: '' !important;
position: absolute !important;
bottom: -80px !important; left: 20% !important;
width: 380px !important; height: 380px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(192,83,58,.04) 0%, transparent 65%) !important;
pointer-events: none !important;
}
.lup2-hero-grid { display: block !important; width: 100% !important; position: relative !important; z-index: 1 !important; }
.lup2-hero-pill {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
background: rgba(255,255,255,.05) !important;
border: 1px solid rgba(255,255,255,.1) !important;
border-radius: 40px !important;
padding: 5px 14px !important;
margin-bottom: 22px !important;
}
.lup2-dot {
width: 6px !important; height: 6px !important;
border-radius: 50% !important;
background: var(--teal, #2D7D6F) !important;
animation: lup2pulse 2.8s ease-in-out infinite !important;
}
@keyframes lup2pulse { 0%,100%{opacity:1 !important;} 50%{opacity:.5 !important;} }
.lup2-hero-pill span { font-size: 11px !important; color: rgba(255,255,255,.52) !important; }
.lup2-hero-h1 {
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-size: clamp(52px, 7.5vw, 96px) !important;
font-weight: 300 !important;
color: #fff !important;
line-height: 1.0 !important;
letter-spacing: -.025em !important;
margin-bottom: 12px !important;
}
.lup2-hero-h1 em { font-style: italic !important; color: rgba(255,255,255,.38) !important; }
.lup2-hero-h1 strong { font-weight: 600 !important; color: #fff !important; }
.lup2-h1-line { display: block !important; }
.lup2-hero-breath {
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-style: italic !important;
font-size: 17px !important;
color: rgba(255,255,255,.32) !important;
margin-bottom: 18px !important;
}
.lup2-mirrors { margin-bottom: 13px !important; max-width: 700px !important; }
.lup2-ml {
font-size: 13px !important;
color: rgba(255,255,255,.46) !important;
margin-bottom: 5px !important;
padding-left: 12px !important;
border-left: 2px solid rgba(255,255,255,.1) !important;
line-height: 1.55 !important;
font-weight: 300 !important;
}
.lup2-ml-f { color: rgba(255,255,255,.8) !important; border-left-color: var(--teal, #2D7D6F) !important; }
.lup2-safety {
font-size: 12px !important;
color: rgba(45,125,111,.8) !important;
font-style: italic !important;
margin-bottom: 18px !important;
padding-left: 12px !important;
font-weight: 300 !important;
}
.lup2-hero-body {
font-size: 16px !important;
line-height: 1.8 !important;
color: rgba(255,255,255,.5) !important;
max-width: 600px !important;
margin-bottom: 26px !important;
font-weight: 300 !important;
}
.lup2-hero-btns { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; margin-bottom: 7px !important; }
.lup2-hero-note { font-size: 11px !important; color: rgba(255,255,255,.22) !important; margin-bottom: 28px !important; }
.lup2-hero-stats {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 14px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(255,255,255,.07) !important;
}
.lup2-hs-n {
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-size: 27px !important;
font-weight: 600 !important;
color: var(--gold, #B8922A) !important;
line-height: 1 !important;
margin-bottom: 3px !important;
}
.lup2-hs-l { font-size: 11px !important; color: rgba(255,255,255,.3) !important; line-height: 1.45 !important; font-weight: 300 !important; }
/* ════════════════════════════════════════════════════════════
IMPACT
════════════════════════════════════════════════════════════ */
.lup2-impact { background: var(--cream, #F8F5F0) !important; padding: 88px 6% !important; }
.lup2-impact-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 52px !important; margin-top: 44px !important; align-items: start !important; }
.lup2-rl {
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-style: italic !important;
font-size: 18px !important;
color: var(--forest, #1C2B2B) !important;
opacity: .36 !important;
margin-bottom: 8px !important;
padding-left: 13px !important;
border-left: 2px solid transparent !important;
line-height: 1.5 !important;
transition: all .2s !important;
}
.lup2-rl:hover { opacity: .72 !important; border-left-color: var(--teal, #2D7D6F) !important; }
.lup2-rl-f { opacity: 1 !important; border-left-color: var(--coral, #C0533A) !important; }
.lup2-truth-box { background: var(--forest, #1C2B2B) !important; border-radius: 6px !important; padding: 20px 24px !important; margin-top: 20px !important; }
.lup2-truth-box p { font-size: 14px !important; color: rgba(255,255,255,.7) !important; line-height: 1.75 !important; }
.lup2-truth-box strong { color: #fff !important; }
.lup2-stat-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 12px !important; }
.lup2-sc { background: #fff !important; border-radius: 6px !important; padding: 18px 20px !important; border: 1px solid var(--sand, #E2DDD5) !important; }
.lup2-sc-n { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-size: 36px !important; font-weight: 600 !important; color: var(--gold, #B8922A) !important; line-height: 1 !important; }
.lup2-sc-d { font-size: 12px !important; color: var(--ink-soft, #7A7A7A) !important; margin-top: 5px !important; line-height: 1.45 !important; font-weight: 300 !important; }
.lup2-sc-dark { background: var(--forest-mid, #243535) !important; border-color: var(--forest-mid, #243535) !important; }
.lup2-sc-dark .lup2-sc-n { font-size: 14px !important; font-style: italic !important; color: rgba(255,255,255,.68) !important; line-height: 1.5 !important; margin-top: 3px !important; font-weight: 300 !important; font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; }
.lup2-impact-cta-strip { background: var(--teal-pale, #EAF4F1) !important; border-radius: 6px !important; padding: 16px 18px !important; border: 1px solid rgba(45,125,111,.15) !important; text-align: center !important; }
.lup2-impact-cta-strip p { font-size: 13px !important; color: var(--teal, #2D7D6F) !important; margin-bottom: 10px !important; font-weight: 300 !important; font-style: italic !important; font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; }
/* ════════════════════════════════════════════════════════════
SYSTEM
════════════════════════════════════════════════════════════ */
.lup2-system { background: #fff !important; padding: 88px 6% !important; }
.lup2-sys-intro { font-size: 15px !important; color: var(--ink-mid, #4A4A4A) !important; line-height: 1.75 !important; max-width: 560px !important; margin: 16px 0 44px !important; font-weight: 300 !important; }
.lup2-sys-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 52px !important; align-items: start !important; }
.lup2-sys-quote {
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-style: italic !important;
font-size: 18px !important;
color: var(--forest, #1C2B2B) !important;
line-height: 1.6 !important;
border-left: 3px solid var(--teal, #2D7D6F) !important;
padding: 14px 18px !important;
background: var(--teal-pale, #EAF4F1) !important;
border-radius: 0 6px 6px 0 !important;
margin-bottom: 18px !important;
}
.lup2-sys-diagram { border-radius: 6px !important; overflow: hidden !important; border: 1px solid var(--sand, #E2DDD5) !important; margin-bottom: 16px !important; }
.lup2-sys-closing { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-style: italic !important; font-size: 14px !important; color: var(--ink-soft, #7A7A7A) !important; line-height: 1.65 !important; text-align: center !important; padding: 0 8px !important; }
.lup2-levels { display: flex !important; flex-direction: column !important; gap: 7px !important; }
.lup2-lrow {
display: flex !important;
gap: 13px !important;
background: var(--cream, #F8F5F0) !important;
border-radius: 6px !important;
padding: 16px 18px !important;
border: 1px solid var(--sand, #E2DDD5) !important;
border-left: 3px solid transparent !important;
transition: all .2s !important;
}
.lup2-lrow:hover { transform: translateX(4px) !important; border-left-color: var(--teal, #2D7D6F) !important; box-shadow: 0 4px 14px rgba(0,0,0,.05) !important; }
.lup2-l-badge {
width: 34px !important; height: 34px !important;
border-radius: 50% !important;
background: var(--teal-pale, #EAF4F1) !important;
color: var(--teal, #2D7D6F) !important;
font-family: var(--font-heading, 'Cormorant Garamond', serif) !important;
font-size: 16px !important; font-weight: 600 !important;
display: flex !important; align-items: center !important; justify-content: center !important;
flex-shrink: 0 !important;
}
.lup2-l-title { font-size: 13px !important; font-weight: 500 !important; color: var(--forest, #1C2B2B) !important; margin-bottom: 2px !important; }
.lup2-l-method { font-size: 10px !important; color: var(--teal, #2D7D6F) !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; margin-bottom: 3px !important; }
.lup2-l-desc { font-size: 12px !important; color: var(--ink-soft, #7A7A7A) !important; line-height: 1.6 !important; font-weight: 300 !important; }
.lup2-key-q { background: var(--forest, #1C2B2B) !important; border-radius: 6px !important; padding: 16px 20px !important; margin-top: 5px !important; }
.lup2-key-q p { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-style: italic !important; font-size: 14px !important; color: rgba(255,255,255,.7) !important; line-height: 1.6 !important; }
.lup2-key-q em { font-style: normal !important; color: var(--teal, #2D7D6F) !important; }
/* ════════════════════════════════════════════════════════════
AREAS
════════════════════════════════════════════════════════════ */
.lup2-areas { background: var(--cream-dk, #EDE9E1) !important; padding: 88px 6% !important; }
.lup2-areas-header { text-align: center !important; margin-bottom: 44px !important; }
.lup2-areas-note { font-size: 14px !important; color: var(--ink-soft, #7A7A7A) !important; margin-top: 8px !important; font-style: italic !important; font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; }
.lup2-areas-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; max-width: 1140px !important; margin: 0 auto !important; }
.lup2-area-tile {
background: #fff !important;
border-radius: 6px !important;
padding: 30px 26px !important;
border: 1px solid var(--sand, #E2DDD5) !important;
border-left: 3px solid transparent !important;
transition: all .22s !important;
}
.lup2-area-tile:hover { border-left-color: var(--teal, #2D7D6F) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 26px rgba(0,0,0,.06) !important; }
.lup2-area-n { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-size: 38px !important; font-weight: 300 !important; color: rgba(45,125,111,.13) !important; line-height: 1 !important; margin-bottom: 10px !important; }
.lup2-area-t { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-size: 20px !important; font-weight: 600 !important; color: var(--forest, #1C2B2B) !important; margin-bottom: 9px !important; }
.lup2-area-d { font-size: 13px !important; color: var(--ink-mid, #4A4A4A) !important; line-height: 1.65 !important; margin-bottom: 18px !important; font-weight: 300 !important; }
.lup2-area-link { font-size: 12px !important; color: var(--teal, #2D7D6F) !important; font-weight: 500 !important; }
.lup2-areas-cta { text-align: center !important; margin-top: 36px !important; }
/* ════════════════════════════════════════════════════════════
LEAD MAGNET
════════════════════════════════════════════════════════════ */
.lup2-lm {
background: var(--teal-pale, #EAF4F1) !important;
padding: 72px 6% !important;
border-top: 1px solid rgba(45,125,111,.12) !important;
border-bottom: 1px solid rgba(45,125,111,.12) !important;
}
.lup2-lm-inner { max-width: 660px !important; margin: 0 auto !important; text-align: center !important; }
.lup2-lm-h2 { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-size: clamp(24px,3vw,36px) !important; font-weight: 300 !important; color: var(--forest, #1C2B2B) !important; margin-bottom: 10px !important; line-height: 1.25 !important; }
.lup2-lm-sub { font-size: 14px !important; color: var(--teal, #2D7D6F) !important; margin-bottom: 26px !important; font-style: italic !important; font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-weight: 300 !important; }
.lup2-lm-form { display: flex !important; gap: 9px !important; max-width: 500px !important; margin: 0 auto 10px !important; flex-wrap: wrap !important; }
.lup2-lm-input { flex: 1 !important; min-width: 155px !important; padding: 12px 15px !important; border-radius: 3px !important; border: 1px solid rgba(45,125,111,.22) !important; background: #fff !important; color: var(--ink, #1A1A1A) !important; font-family: var(--font-body, 'Outfit', sans-serif) !important; font-size: 13px !important; outline: none !important; transition: border-color .2s !important; }
.lup2-lm-input:focus { border-color: var(--teal, #2D7D6F) !important; }
.lup2-lm-input::placeholder { color: var(--ink-muted, #A8A39B) !important; }
.lup2-lm-btn { background: var(--coral, #C0533A) !important; color: #fff !important; border: none !important; padding: 12px 22px !important; border-radius: 3px !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; font-family: var(--font-body, 'Outfit', sans-serif) !important; transition: background .2s !important; white-space: nowrap !important; }
.lup2-lm-btn:hover { background: var(--coral-lt, #CE6349) !important; }
.lup2-lm-note { font-size: 11px !important; color: var(--teal, #2D7D6F) !important; opacity: .55 !important; }
/* ════════════════════════════════════════════════════════════
FINAL CTA
════════════════════════════════════════════════════════════ */
.lup2-final-cta { background: var(--cream, #F8F5F0) !important; padding: 96px 6% !important; text-align: center !important; }
.lup2-rule { width: 44px !important; height: 2px !important; background: var(--teal, #2D7D6F) !important; border-radius: 1px !important; margin: 0 auto 28px !important; }
.lup2-final-h2 { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-size: clamp(26px,3.6vw,44px) !important; font-weight: 300 !important; color: var(--forest, #1C2B2B) !important; line-height: 1.18 !important; margin-bottom: 14px !important; }
.lup2-final-h2 em { font-style: italic !important; color: var(--teal, #2D7D6F) !important; }
.lup2-final-body { font-size: 15px !important; color: var(--ink-mid, #4A4A4A) !important; line-height: 1.75 !important; margin-bottom: 30px !important; font-weight: 300 !important; max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; }
.lup2-final-note { font-size: 12px !important; color: var(--ink-muted, #A8A39B) !important; margin-top: 12px !important; display: block !important; }
/* ════════════════════════════════════════════════════════════
FOOTER
════════════════════════════════════════════════════════════ */
.lup2-footer { background: var(--forest, #1C2B2B) !important; padding: 56px 6% 24px !important; }
.lup2-footer-grid { display: grid !important; grid-template-columns: 2fr 1fr 1fr !important; gap: 48px !important; max-width: 1140px !important; margin: 0 auto 36px !important; }
.lup2-footer-brand {}
.lup2-f-tag { font-size: 13px !important; color: rgba(255,255,255,.7) !important; line-height: 1.7 !important; max-width: 255px !important; margin-bottom: 14px !important; font-weight: 300 !important; }
.lup2-f-creds { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; }
.lup2-fc { font-size: 10px !important; color: rgba(255,255,255,.6) !important; background: rgba(255,255,255,.05) !important; padding: 3px 8px !important; border-radius: 2px !important; }
.lup2-edit-creds { cursor: pointer !important; color: rgba(255,255,255,.3) !important; border: 1px dashed rgba(255,255,255,.15) !important; }
.lup2-f-col h4 { font-size: 10px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: #fff !important; margin-bottom: 14px !important; }
.lup2-f-col a { display: block !important; font-size: 13px !important; color: #fff !important; margin-bottom: 8px !important; transition: color .2s !important; font-weight: 300 !important; text-decoration: none !important; }
.lup2-f-col a:hover { color: rgba(255,255,255,.8) !important; }
.lup2-f-location { font-size: 12px !important; color: rgba(255,255,255,.45) !important; margin-top: 8px !important; line-height: 1.7 !important; font-weight: 300 !important; }
.lup2-footer-bottom { max-width: 1140px !important; margin: 0 auto !important; border-top: 1px solid rgba(255,255,255,.06) !important; padding-top: 18px !important; display: flex !important; justify-content: space-between !important; }
.lup2-footer-bottom p { font-size: 12px !important; color: rgba(255,255,255,.38) !important; font-weight: 300 !important; }
/* ════════════════════════════════════════════════════════════
WHATSAPP
════════════════════════════════════════════════════════════ */
.lup2-wa {
position: fixed !important;
bottom: 26px !important; right: 26px !important;
width: 50px !important; height: 50px !important;
background: #25D366 !important;
border-radius: 50% !important;
display: flex !important; align-items: center !important; justify-content: center !important;
z-index: 999 !important;
box-shadow: 0 4px 16px rgba(37,211,102,.3) !important;
transition: transform .2s !important;
}
.lup2-wa:hover { transform: scale(1.1) !important; }
.lup2-wa svg { width: 25px !important; height: 25px !important; fill: #fff !important; }
/* ════════════════════════════════════════════════════════════
INNER PAGE
════════════════════════════════════════════════════════════ */
.lup2-main-content { min-height: 60vh !important; }
.lup2-page-body { padding: 64px 24px !important; }
.lup2-page-title { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-size: clamp(32px,4vw,56px) !important; font-weight: 300 !important; color: var(--forest, #1C2B2B) !important; margin-bottom: 32px !important; line-height: 1.1 !important; }
.lup2-entry-content { font-size: 16px !important; line-height: 1.8 !important; color: var(--ink-mid, #4A4A4A) !important; max-width: 720px !important; }
.lup2-entry-content h2 { font-family: var(--font-heading, 'Cormorant Garamond', serif) !important; font-size: 28px !important; font-weight: 300 !important; color: var(--forest, #1C2B2B) !important; margin: 36px 0 16px !important; }
.lup2-entry-content p { margin-bottom: 18px !important; }
.lup2-entry-content a { color: var(--teal, #2D7D6F) !important; text-decoration: underline !important; }
/* ════════════════════════════════════════════════════════════
RESPONSIVE
════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
.lup2-hero-grid, .lup2-impact-grid, .lup2-sys-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
.lup2-hero-h1 { white-space: normal !important; }
.lup2-hero-stats { display: none !important; }
.lup2-areas-grid { grid-template-columns: 1fr !important; }
.lup2-footer-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
.lup2-nav .nav-links { display: none !important; }
.lup2-mobile-toggle { display: flex !important; }
.lup2-nav.lup2-nav-open .nav-links {
display: flex !important;
flex-direction: column !important;
position: absolute !important;
top: 66px !important; left: 0 !important; right: 0 !important;
background: var(--forest, #1C2B2B) !important;
padding: 20px 6% !important;
gap: 14px !important;
border-top: 1px solid rgba(255,255,255,.07) !important;
}
.lup2-stat-grid { grid-template-columns: 1fr 1fr !important; }
.lup2-footer-bottom { flex-direction: column !important; gap: 8px !important; }
}
@media (max-width: 560px) {
.lup2-hero, .lup2-impact, .lup2-system, .lup2-areas, .lup2-lm, .lup2-final-cta, .lup2-footer { padding-left: 5% !important; padding-right: 5% !important; }
.lup2-stat-grid { grid-template-columns: 1fr !important; }
.lup2-hero-stats { display: grid !important; }
.lup2-lm-form { flex-direction: column !important; }
.lup2-hero-btns { flex-direction: column !important; }
}
*,*::before,*::after{margin:0 !important;padding:0 !important;box-sizing:border-box !important;}
html{scroll-behavior:smooth !important;}
body{font-family:'Outfit',sans-serif !important;background:var(--cream) !important;color:var(--ink) !important;line-height:1.65 !important;-webkit-font-smoothing:antialiased !important;overflow-x:hidden !important;}
a{color:inherit !important;text-decoration:none !important;}
/* ── BUTTONS ── */
.btn{display:inline-flex !important;align-items:center !important;gap:8px !important;font-family:'Outfit',sans-serif !important;font-size:14px !important;font-weight:500 !important;padding:13px 28px !important;border-radius:3px !important;transition:all .22s !important;cursor:pointer !important;border:none !important;letter-spacing:.02em !important;}
.btn-coral{background:var(--coral) !important;color:var(--white) !important;}
.btn-coral:hover{background:var(--coral-lt) !important;transform:translateY(-2px) !important;box-shadow:0 8px 26px rgba(192,83,58,.22) !important;}
.btn-ghost{background:transparent !important;color:var(--forest) !important;border:1px solid rgba(28,43,43,.22) !important;}
.btn-ghost:hover{border-color:var(--teal) !important;color:var(--teal) !important;}
.btn-lg{padding:16px 36px !important;font-size:15px !important;}
.btn svg{width:14px !important;height:14px !important;flex-shrink:0 !important;}
/* ── NAV ── */
.nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9999 !important;height:66px !important;background:var(--forest) !important;display:flex !important;align-items:center !important;padding:0 6% !important;border-bottom:1px solid rgba(255,255,255,.05) !important;}
.nav-logo{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:23px !important;font-weight:400 !important;color:var(--white) !important;}
.nav-links{display:flex !important;align-items:center !important;gap:26px !important;list-style:none !important;margin-left:auto !important;}
.nav-links li{display:inline-block !important;}
.nav-links a{font-size:13px !important;color:rgba(255,255,255,.58) !important;font-weight:400 !important;transition:color .2s !important;}
.nav-links a:hover,.nav-links a.active{color:var(--white) !important;}
.nav-cta{background:var(--coral) !important;color:var(--white) !important;padding:8px 18px !important;border-radius:3px !important;font-weight:500 !important;}
.nav-offset{height:66px !important;}
/* ── SHARED ── */
.inner{max-width:1100px !important;margin:0 auto !important;}
.eyebrow{display:block !important;font-size:11px !important;font-weight:500 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--teal) !important;margin-bottom:12px !important;}
.s-title{font-family:'Cormorant Garamond',serif !important;font-size:clamp(28px,3.8vw,46px) !important;font-weight:300 !important;line-height:1.1 !important;color:var(--forest) !important;}
.s-title em{font-style:italic !important;color:var(--teal) !important;}
.s-title strong{font-weight:600 !important;}
/* ══════════════════════════════
S1 · HERO
══════════════════════════════ */
.hero2{background:var(--forest) !important;padding:80px 6% 72px !important;position:relative !important;overflow:hidden !important;}
.hero2::before{content:'' !important;position:absolute !important;top:-120px !important;right:-80px !important;width:440px !important;height:440px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(45,125,111,.09) 0%,transparent 68%) !important;pointer-events:none !important;}
.hero2::after{content:'' !important;position:absolute !important;bottom:-60px !important;left:10% !important;width:280px !important;height:280px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(192,83,58,.04) 0%,transparent 65%) !important;pointer-events:none !important;}
.hero2 .hero-grid{display:grid !important;grid-template-columns:1fr 380px !important;gap:60px !important;align-items:center !important;position:relative !important;z-index:1 !important;}
.hero2 .hero-label{font-size:11px !important;font-weight:600 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--teal) !important;margin-bottom:20px !important;display:block !important;}
.hero2 h1{font-family:'Cormorant Garamond',serif !important;font-size:clamp(44px,5.5vw,68px) !important;font-weight:300 !important;color:var(--white) !important;line-height:1.05 !important;letter-spacing:-.02em !important;margin-bottom:18px !important;}
.hero2 h1 em{font-style:italic !important;color:rgba(255,255,255,.32) !important;}
.hero2 h1 strong{font-weight:600 !important;}
.hero2 .hero-hook{font-size:15px !important;color:rgba(255,255,255,.52) !important;font-weight:300 !important;line-height:1.8 !important;max-width:500px !important;margin-bottom:10px !important;}
.hero2 .hero-hook strong{color:rgba(255,255,255,.82) !important;font-weight:500 !important;}
.hero2 .hero-position{font-size:13px !important;color:rgba(255,255,255,.32) !important;font-weight:300 !important;margin-bottom:28px !important;font-style:italic !important;font-family:'Cormorant Garamond',serif !important;}
.hero2 .hero-creds{display:flex !important;flex-wrap:wrap !important;gap:6px !important;padding-top:22px !important;border-top:1px solid rgba(255,255,255,.07) !important;}
.cred-badge{font-size:10px !important;color:rgba(255,255,255,.5) !important;background:rgba(255,255,255,.05) !important;padding:4px 10px !important;border-radius:2px !important;border:1px solid rgba(255,255,255,.08) !important;}
/*
╔══════════════════════════════════════════════════════╗
║ PHOTO SLOT A · HERO · PROFESSIONAL PORTRAIT ║
╠══════════════════════════════════════════════════════╣
║ Style → Warm, direct eye contact ║
║ Setting → Simple neutral background ║
║ Natural/window light preferred ║
║ Crop → Head & shoulders to mid-torso ║
║ Size → 380 × 480 px minimum ║
║ Feel → Confident, approachable — not stiff ║
║ Clothing → Smart casual (client-meeting ready) ║
║ ║
║ TO REPLACE THIS PLACEHOLDER: ║
║ Remove the .hero-photo div entirely and add: ║
║ 
║
╚══════════════════════════════════════════════════════╝
*/
.hero2 .hero-photo{width:100% !important;aspect-ratio:4/5 !important;border-radius:6px !important;background:var(--forest-mid) !important;border:1px solid rgba(255,255,255,.08) !important;position:relative !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.photo-guide{text-align:center !important;padding:24px !important;position:relative !important;z-index:2 !important;}
.pg-tag{font-size:9px !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--teal) !important;margin-bottom:10px !important;display:block !important;}
.pg-spec{font-size:11px !important;color:rgba(255,255,255,.22) !important;line-height:1.75 !important;font-weight:300 !important;}
.pg-spec strong{color:rgba(255,255,255,.4) !important;display:block !important;font-size:12px !important;margin-bottom:4px !important;font-weight:500 !important;}
.photo-namecard{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background:linear-gradient(to top,rgba(28,43,43,.94) 0%,rgba(28,43,43,.55) 65%,transparent 100%) !important;padding:32px 20px 20px !important;z-index:3 !important;}
.pn-name{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:20px !important;color:var(--white) !important;margin-bottom:3px !important;}
.pn-title{font-size:11px !important;color:rgba(255,255,255,.38) !important;font-weight:300 !important;}
/* ══════════════════════════════
S2 · THE GAP (new section)
══════════════════════════════ */
.gap-section{background:var(--cream-dk) !important;padding:72px 6% !important;}
.gap-inner{max-width:900px !important;margin:0 auto !important;}
.gap-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:48px !important;margin-top:36px !important;align-items:start !important;}
.gap-left{}
.gap-left p{font-size:14px !important;color:var(--ink-mid) !important;line-height:1.85 !important;margin-bottom:16px !important;font-weight:300 !important;}
.gap-left strong{color:var(--forest) !important;font-weight:600 !important;}
.gap-right{}
.consequence-list{display:flex !important;flex-direction:column !important;gap:8px !important;}
.con-item{display:flex !important;gap:12px !important;align-items:flex-start !important;background:var(--white) !important;border-radius:6px !important;padding:14px 16px !important;border:1px solid var(--sand) !important;border-left:3px solid var(--coral) !important;}
.con-item.teal{border-left-color:var(--teal) !important;}
.con-dot{font-size:14px !important;flex-shrink:0 !important;margin-top:1px !important;}
.con-text{}
.con-title{font-size:12px !important;font-weight:600 !important;color:var(--forest) !important;margin-bottom:2px !important;}
.con-sub{font-size:11px !important;color:var(--ink-soft) !important;font-weight:300 !important;line-height:1.5 !important;}
.fix-box{background:var(--forest) !important;border-radius:6px !important;padding:20px 22px !important;margin-top:12px !important;}
.fix-label{font-size:9px !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--teal) !important;margin-bottom:8px !important;}
.fix-box p{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:16px !important;color:rgba(255,255,255,.65) !important;line-height:1.65 !important;}
.fix-box strong{font-style:normal !important;color:var(--white) !important;font-weight:400 !important;}
/* ══════════════════════════════
S3 · THE STORY
══════════════════════════════ */
.story{background:var(--white) !important;padding:80px 6% !important;}
.story-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:64px !important;align-items:start !important;}
.story-text p{font-size:14px !important;color:var(--ink-mid) !important;line-height:1.85 !important;margin-bottom:16px !important;font-weight:300 !important;}
.story-text p:last-child{margin-bottom:0 !important;}
.story-text strong{color:var(--forest) !important;font-weight:600 !important;}
.tp-box{background:var(--forest) !important;border-radius:6px !important;padding:20px 22px !important;margin-top:22px !important;border-left:3px solid var(--gold) !important;}
.tp-label{font-size:9px !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:var(--gold) !important;margin-bottom:8px !important;}
.tp-box p{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:16px !important;color:rgba(255,255,255,.65) !important;line-height:1.65 !important;}
.tp-box strong{font-style:normal !important;color:var(--white) !important;font-weight:400 !important;}
/* story right */
.story-right{}
/*
╔══════════════════════════════════════════════════════╗
║ PHOTO SLOT B · STORY · CANDID / IN-ACTION ║
╠══════════════════════════════════════════════════════╣
║ Style → Informal, candid — thinking or ║
║ working, mid-conversation ║
║ Setting → Bangkok backdrop, workspace or café ║
║ Natural light strongly preferred ║
║ Crop → Three-quarter or full body ║
║ Ratio → 3:4 (portrait) ║
║ Feel → Engaged, natural — not posed at all ║
║ ║
║ TO REPLACE: ║
║ 
║
╚══════════════════════════════════════════════════════╝
*/
.story-photo{width:100% !important;aspect-ratio:3/4 !important;border-radius:6px !important;background:var(--cream-dk) !important;border:1px solid var(--sand) !important;position:relative !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:20px !important;}
.story-photo .photo-guide{padding:20px !important;}
.story-photo .pg-spec{color:var(--ink-muted) !important;}
.story-photo .pg-spec strong{color:var(--ink-soft) !important;}
.timeline{display:flex !important;flex-direction:column !important;gap:0 !important;}
.tl-row{display:flex !important;gap:14px !important;position:relative !important;}
.tl-row::before{content:'' !important;position:absolute !important;left:6px !important;top:18px !important;bottom:-2px !important;width:1px !important;background:var(--sand) !important;}
.tl-row:last-child::before{display:none !important;}
.tl-dot{width:13px !important;height:13px !important;border-radius:50% !important;border:2px solid var(--teal) !important;background:var(--white) !important;flex-shrink:0 !important;margin-top:4px !important;position:relative !important;z-index:1 !important;}
.tl-dot.active{background:var(--coral) !important;border-color:var(--coral) !important;}
.tl-body{padding-bottom:22px !important;}
.tl-year{font-size:10px !important;color:var(--teal) !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;margin-bottom:2px !important;}
.tl-role{font-size:13px !important;font-weight:600 !important;color:var(--forest) !important;line-height:1.3 !important;}
.tl-co{font-size:11px !important;color:var(--ink-soft) !important;font-weight:300 !important;margin-top:2px !important;}
.tl-note{display:inline-block !important;font-size:10px !important;color:var(--teal) !important;background:var(--teal-pale) !important;padding:2px 7px !important;border-radius:2px !important;margin-top:4px !important;font-weight:500 !important;}
/* ══════════════════════════════
S4 · HOW I WORK
══════════════════════════════ */
.values{background:var(--cream-dk) !important;padding:72px 6% !important;}
.values-header{text-align:center !important;margin-bottom:36px !important;}
.values-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:10px !important;}
.val-card{background:var(--white) !important;border-radius:6px !important;padding:22px 18px !important;border:1px solid var(--sand) !important;border-top:3px solid transparent !important;transition:all .2s !important;}
.val-card.v1{border-top-color:var(--teal) !important;}
.val-card.v2{border-top-color:var(--coral) !important;}
.val-card.v3{border-top-color:var(--gold) !important;}
.val-card.v4{border-top-color:var(--forest) !important;}
.val-card:hover{transform:translateY(-3px) !important;box-shadow:0 8px 24px rgba(0,0,0,.07) !important;}
.val-icon{font-size:18px !important;margin-bottom:10px !important;}
.val-title{font-family:'Cormorant Garamond',serif !important;font-size:17px !important;font-weight:600 !important;color:var(--forest) !important;margin-bottom:7px !important;line-height:1.2 !important;}
.val-text{font-size:12px !important;color:var(--ink-mid) !important;line-height:1.65 !important;font-weight:300 !important;}
/* ══════════════════════════════
S5 · CREDENTIALS
══════════════════════════════ */
.creds{background:var(--forest) !important;padding:64px 6% !important;}
.creds-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important;margin-top:32px !important;}
.cc{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:6px !important;padding:18px 16px !important;display:flex !important;gap:12px !important;align-items:flex-start !important;transition:background .2s !important;}
.cc:hover{background:rgba(255,255,255,.07) !important;}
.cc-icon{width:34px !important;height:34px !important;border-radius:4px !important;background:rgba(45,125,111,.15) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;}
.cc-icon span{font-size:9px !important;font-weight:700 !important;color:var(--teal) !important;letter-spacing:.04em !important;text-align:center !important;line-height:1.2 !important;}
.cc-title{font-size:13px !important;font-weight:600 !important;color:var(--white) !important;margin-bottom:2px !important;}
.cc-org{font-size:10px !important;color:rgba(255,255,255,.3) !important;font-weight:300 !important;line-height:1.5 !important;}
/* ══════════════════════════════
S6 · PERSONAL
══════════════════════════════ */
.personal{background:var(--cream) !important;padding:80px 6% !important;}
.personal-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:64px !important;align-items:center !important;}
/*
╔══════════════════════════════════════════════════════╗
║ PHOTO SLOT C · PERSONAL · WARM & INFORMAL ║
╠══════════════════════════════════════════════════════╣
║ Style → Most informal of the three ║
║ Setting → Outdoors Bangkok, favourite café, ║
║ a meaningful personal space ║
║ Crop → Square (1:1) ║
║ Feel → Genuine smile, fully relaxed ║
║ Purpose → Shows the human, not the coach ║
║ Avoid → Anything that looks professional ║
║ ║
║ TO REPLACE: ║
║ 
║
╚══════════════════════════════════════════════════════╝
*/
.personal-photo{width:100% !important;aspect-ratio:1/1 !important;border-radius:6px !important;background:var(--cream-dk) !important;border:1px solid var(--sand) !important;position:relative !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.personal-photo .photo-guide{padding:20px !important;}
.personal-photo .pg-spec{color:var(--ink-muted) !important;}
.personal-photo .pg-spec strong{color:var(--ink-soft) !important;}
.personal-right{}
.personal-quote{font-family:'Cormorant Garamond',serif !important;font-size:clamp(21px,2.6vw,30px) !important;font-weight:300 !important;color:var(--forest) !important;line-height:1.3 !important;margin-bottom:18px !important;}
.personal-quote em{font-style:italic !important;color:var(--teal) !important;}
.personal-body{font-size:14px !important;color:var(--ink-mid) !important;line-height:1.8 !important;font-weight:300 !important;margin-bottom:14px !important;}
.personal-body strong{color:var(--forest) !important;font-weight:600 !important;}
.wisdom-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;background:var(--cream-dk) !important;border:1px solid var(--sand) !important;border-radius:4px !important;padding:7px 12px !important;margin-bottom:16px !important;}
.wisdom-tag .wt-icon{font-size:14px !important;}
.wisdom-tag .wt-text{font-size:11px !important;color:var(--ink-soft) !important;font-weight:400 !important;font-style:italic !important;font-family:'Cormorant Garamond',serif !important;}
.belief{background:var(--teal-pale) !important;border-radius:6px !important;padding:18px 20px !important;margin-top:4px !important;border:1px solid rgba(45,125,111,.12) !important;}
.belief-label{font-size:9px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:var(--teal) !important;margin-bottom:8px !important;}
.belief p{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;font-size:15px !important;color:var(--forest) !important;line-height:1.65 !important;}
/* ══════════════════════════════
S7 · CTA
══════════════════════════════ */
.cta-section{background:var(--cream-dk) !important;padding:88px 6% !important;text-align:center !important;position:relative !important;overflow:hidden !important;}
.cta-rule{width:40px !important;height:2px !important;background:var(--teal) !important;border-radius:1px !important;margin:0 auto 28px !important;}
.cta-section h2{font-family:'Cormorant Garamond',serif !important;font-size:clamp(26px,3.8vw,44px) !important;font-weight:300 !important;color:var(--forest) !important;line-height:1.15 !important;margin-bottom:14px !important;}
.cta-section h2 em{font-style:italic !important;color:var(--teal) !important;}
.cta-section p{font-size:14px !important;color:var(--ink-mid) !important;line-height:1.75 !important;margin-bottom:28px !important;font-weight:300 !important;max-width:420px !important;margin-left:auto !important;margin-right:auto !important;}
.cta-pair{display:flex !important;gap:10px !important;justify-content:center !important;flex-wrap:wrap !important;}
.cta-note{font-size:11px !important;color:var(--ink-muted) !important;margin-top:12px !important;display:block !important;}
/* ── FOOTER ── */
footer{background:var(--forest) !important;padding:48px 6% 22px !important;border-top:1px solid rgba(255,255,255,.06) !important;}
.footer-grid{display:grid !important;grid-template-columns:2fr 1fr 1fr !important;gap:48px !important;max-width:1100px !important;margin:0 auto 28px !important;}
.f-tag{font-size:13px !important;color:rgba(255,255,255,.55) !important;line-height:1.7 !important;max-width:255px !important;margin-bottom:12px !important;font-weight:300 !important;}
.f-creds-row{display:flex !important;flex-wrap:wrap !important;gap:5px !important;}
.fc{font-size:10px !important;color:rgba(255,255,255,.45) !important;background:rgba(255,255,255,.05) !important;padding:3px 8px !important;border-radius:2px !important;}
.f-col h4{font-size:10px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:rgba(255,255,255,.55) !important;margin-bottom:12px !important;}
.f-col a{display:block !important;font-size:13px !important;color:rgba(255,255,255,.55) !important;margin-bottom:7px !important;font-weight:300 !important;transition:color .2s !important;}
.f-col a:hover{color:var(--white) !important;}
.footer-bottom{max-width:1100px !important;margin:0 auto !important;border-top:1px solid rgba(255,255,255,.05) !important;padding-top:16px !important;display:flex !important;justify-content:space-between !important;}
.footer-bottom p{font-size:11px !important;color:rgba(255,255,255,.25) !important;font-weight:300 !important;}
/* ── WA ── */
.wa{position:fixed !important;bottom:26px !important;right:26px !important;width:50px !important;height:50px !important;background:#25D366 !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:999 !important;box-shadow:0 4px 16px rgba(37,211,102,.3) !important;transition:transform .2s !important;}
.wa:hover{transform:scale(1.1) !important;}
.wa svg{width:25px !important;height:25px !important;fill:white !important;}
/* ── RESPONSIVE ── */
@media(max-width:900px){
.hero2 .hero-grid,.gap-grid,.story-grid,.personal-grid{grid-template-columns:1fr !important;gap:36px !important;}
.values-grid{grid-template-columns:1fr 1fr !important;}
.creds-grid{grid-template-columns:1fr 1fr !important;}
.footer-grid{grid-template-columns:1fr !important;gap:24px !important;}
.nav-links{display:none !important;}
}
@media(max-width:560px){
.values-grid,.creds-grid{grid-template-columns:1fr !important;}
.hero2,.gap-section,.story,.values,.creds,.personal,.cta-section,footer{padding-left:5% !important;padding-right:5% !important;}
}