/** * Home theme V2 (luxury / premium mock) — active when . * Darker olive, animated gold gradient, luxury shadows, white FAQ rows, ADAM CTA with soft washes (v2). */ @keyframes pmh-v2-shine { to { background-position: 200% center; } } body.landing-page.home-landing-v2 { --lux-olive: #2c362d; --lux-body: #4a4a4a; --lux-gold-dark: #b88d44; --lux-gold-light: #f5d796; --lux-btn: #4f5750; --lux-bg: #f4f5f2; --lux-shadow: 0 20px 40px rgba(0, 0, 0, 0.06); --lux-glass: rgba(255, 255, 255, 0.75); --lux-premium: linear-gradient(135deg, #b88d44 0%, #f5d796 50%, #b88d44 100%); /* Grow / Philosophy partial (about page) */ --mock-olive: var(--lux-olive); --mock-gold-dark: var(--lux-gold-dark); --mock-gold-light: var(--lux-gold-light); --mock-body: var(--lux-body); } body.landing-page.home-landing-v2 .page { color: var(--lux-body); } body.landing-page.home-landing-v2 .pmh-clone.page { --olive: var(--lux-olive); --gold: #c9a24a; --text: var(--lux-body); --text2: #5c5c5c; } /* Animated gold gradient text */ body.landing-page.home-landing-v2 .pmh-clone.page .heading .gold, body.landing-page.home-landing-v2 .pmh-clone.page .help-title .gold, body.landing-page.home-landing-v2 .pmh-clone.page .section-title .gold, body.landing-page.home-landing-v2 .pmh-clone.page .mini-head .gold { background: var(--lux-premium); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; filter: drop-shadow(0 2px 4px rgba(184, 141, 68, 0.2)); animation: pmh-v2-shine 6s linear infinite; } body.landing-page.home-landing-v2 .pmh-clone.page .heading, body.landing-page.home-landing-v2 .pmh-clone.page .help-title, body.landing-page.home-landing-v2 .pmh-clone.page .section-title, body.landing-page.home-landing-v2 .pmh-clone.page .condensed, body.landing-page.home-landing-v2 .pmh-clone.page .compare-title { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: 0.05em; color: var(--lux-olive); } body.landing-page.home-landing-v2 .pmh-clone.page .lead, body.landing-page.home-landing-v2 .pmh-clone.page .section-sub, body.landing-page.home-landing-v2 .pmh-clone.page .body-copy, body.landing-page.home-landing-v2 .pmh-clone.page .help-item, body.landing-page.home-landing-v2 .pmh-clone.page .bullet-list li { font-family: "Montserrat", sans-serif; line-height: 1.65; color: var(--lux-body); } /* About page (Grow + Philosophy partial): premium gold + luxury cards */ body.landing-page.home-landing-v2 .v1-mock-text-gold-gradient { background: var(--lux-premium); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; filter: drop-shadow(0 2px 4px rgba(184, 141, 68, 0.2)); animation: pmh-v2-shine 6s linear infinite; } body.landing-page.home-landing-v2 .v1-mock-floating-card { background: rgba(44, 54, 45, 0.9); box-shadow: var(--lux-shadow); } /* Primary CTA + outlined secondary (second button) */ body.landing-page.home-landing-v2 .pmh-clone.page .pill-btn { background: var(--lux-btn); border: 1px solid transparent; border-radius: 40px; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: clamp(0.95rem, 1.2vw, 1.05rem); padding: 16px 34px; min-height: 54px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); } body.landing-page.home-landing-v2 .pmh-clone.page .pill-btn:hover { background: transparent; color: var(--lux-btn); border-color: var(--lux-btn); transform: translateY(-4px); box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15); } body.landing-page.home-landing-v2 .pmh-clone.page .btns .pill-btn:nth-child(2) { background: transparent; color: var(--lux-btn); border: 1px solid var(--lux-btn); } body.landing-page.home-landing-v2 .pmh-clone.page .btns .pill-btn:nth-child(2):hover { background: var(--lux-btn); color: #fff; } body.landing-page.home-landing-v2 .pmh-clone.page .band { border-radius: 40px; letter-spacing: 0.12em; font-weight: 600; font-family: "Montserrat", sans-serif; background: var(--lux-olive); box-shadow: var(--lux-shadow); } /* Glass */ body.landing-page.home-landing-v2 .pmh-clone.page .glass-panel { background: var(--lux-glass); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: var(--lux-shadow); border-radius: 20px; } body.landing-page.home-landing-v2 .pmh-clone.page .reception { box-shadow: inset 0 0 0 8px #e8eae4, var(--lux-shadow); border-radius: 20px; overflow: hidden; } body.landing-page.home-landing-v2 .pmh-clone.page .sofa { border-radius: 20px; box-shadow: var(--lux-shadow); } body.landing-page.home-landing-v2 .pmh-clone.page .solution-overlay { background: linear-gradient(180deg, rgba(44, 54, 45, 0.9), transparent); } body.landing-page.home-landing-v2 .pmh-clone.page .read-more { background: var(--lux-premium); background-size: 200% auto; border-radius: 30px; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; border: none; transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease; } body.landing-page.home-landing-v2 .pmh-clone.page .read-more:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(184, 141, 68, 0.35); filter: brightness(1.08); } /* Compare */ body.landing-page.home-landing-v2 .pmh-clone.page .pmh-ba-slide-container { border-radius: 18px; box-shadow: var(--lux-shadow); } body.landing-page.home-landing-v2 .pmh-clone.page .compare-chip { box-shadow: var(--lux-shadow); } /* Partners / members */ body.landing-page.home-landing-v2 .partners-section .partner-card, body.landing-page.home-landing-v2 .members-section .member-card { background: #9e927a30; border: none; border-radius: 15px; box-shadow: var(--lux-shadow); padding: 15px; } body.landing-page.home-landing-v2 .partners-section .partners-title, body.landing-page.home-landing-v2 .members-section .members-title { font-family: "Oswald", sans-serif; color: var(--lux-olive); } body.landing-page.home-landing-v2 .partners-section .partners-title .mid, body.landing-page.home-landing-v2 .members-section .members-title .mid { background: var(--lux-premium); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: pmh-v2-shine 8s linear infinite; } body.landing-page.home-landing-v2 .partners-section .partner-card img, body.landing-page.home-landing-v2 .members-section .member-card img { max-width: 190%; max-height: 158px; object-fit: contain; display: block; } /* Meet Dr */ body.landing-page.home-landing-v2 .meet-section .meet-title { font-family: "Oswald", sans-serif; color: var(--lux-olive); } body.landing-page.home-landing-v2 .meet-section .meet-title .light { background: var(--lux-premium); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: pmh-v2-shine 6s linear infinite; } body.landing-page.home-landing-v2 .meet-section .video-card { border-radius: 20px; box-shadow: var(--lux-shadow); } body.landing-page.home-landing-v2 .meet-section .consult-btn { background: var(--lux-premium) !important; background-size: 200% auto !important; color: var(--lux-olive) !important; border-radius: 30px !important; font-weight: 600 !important; border: none !important; box-shadow: var(--lux-shadow) !important; } body.landing-page.home-landing-v2 .meet-section .consult-btn:hover { filter: brightness(1.05); transform: translateY(-2px); } /* Testosterone — gradient headline + underline (match Home 1 / design ref) */ body.landing-page.home-landing-v2 .testosterone-title { font-family: "Oswald", sans-serif; border-bottom: none; padding-bottom: 0; color: var(--lux-olive); --tt-grad-a: #3a3f38; --tt-grad-b: var(--lux-olive); --tt-grad-c: var(--lux-gold-dark); --tt-grad-d: var(--lux-gold-light); } body.landing-page.home-landing-v2 .testosterone-title__inner { background-image: linear-gradient( 90deg, var(--tt-grad-a) 0%, var(--tt-grad-b) 28%, var(--tt-grad-c) 62%, var(--tt-grad-d) 100% ); } body.landing-page.home-landing-v2 .testosterone-title__inner::after { background: linear-gradient( 90deg, var(--tt-grad-a) 0%, var(--tt-grad-b) 28%, var(--tt-grad-c) 62%, var(--tt-grad-d) 100% ); } body.landing-page.home-landing-v2 .testosterone-list .item .testosterone-badge { background: var(--lux-olive); } /* ========== ADAM CTA — Home 2 (soft washes + photo bg + pill gradient) ========== */ body.landing-page.home-landing-v2 .cta { position: relative; overflow: hidden; isolation: isolate; background-color: #ebe9e4; padding-top: clamp(72px, 11vw, 120px); padding-bottom: clamp(72px, 11vw, 120px); } /* Corner color washes (lavender left, soft rose right) */ body.landing-page.home-landing-v2 .cta::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: radial-gradient(ellipse 58% 90% at -8% 50%, rgba(130, 118, 190, 0.16), transparent 58%), radial-gradient(ellipse 52% 85% at 108% 48%, rgba(210, 130, 140, 0.14), transparent 55%); } /* Soften admin photo layer; washes sit above */ body.landing-page.home-landing-v2 .cta-bg { z-index: 1; filter: saturate(0.92) contrast(0.98); } body.landing-page.home-landing-v2 .cta-inner { position: relative; z-index: 3; max-width: 920px; margin-left: auto; margin-right: auto; padding: clamp(20px, 4vw, 36px) clamp(16px, 4vw, 28px); border: none; border-radius: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } /* Headline: condensed, olive/charcoal + soft depth */ body.landing-page.home-landing-v2 .cta-title { font-family: "Oswald", "Barlow Condensed", sans-serif; font-weight: 600; font-size: clamp(2rem, 4.2vw, 3.35rem); line-height: 1.12; color: #3a423a; text-transform: none; letter-spacing: 0.01em; margin-bottom: 1rem; text-shadow: 0 2px 18px rgba(44, 54, 45, 0.14), 0 1px 0 rgba(255, 255, 255, 0.45); } body.landing-page.home-landing-v2 .cta-title .accent { display: block; margin-top: 0.35em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #2c362d; background: none; -webkit-background-clip: unset; background-clip: unset; -webkit-text-fill-color: #2c362d; filter: none; animation: none; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.35); } /* Subline: single line caps, medium gray, wide tracking (no gold gradient) */ body.landing-page.home-landing-v2 .cta-sub--glow-reveal { margin-bottom: 2.25rem; } body.landing-page.home-landing-v2 .cta-glow-text { letter-spacing: 0.2em; font-weight: 500; font-family: "Montserrat", sans-serif; gap: 0.18em 0.32em; } body.landing-page.home-landing-v2 .cta-glow-word, body.landing-page.home-landing-v2 .cta-glow-word--accent { color: #4f534d; font-weight: 600; background: none; -webkit-background-clip: unset; background-clip: unset; -webkit-text-fill-color: #4f534d; text-shadow: none; } body.landing-page.home-landing-v2 .cta.animate-on-scroll.in-view .cta-glow-word { animation: pmhCtaWordGlowReveal 1s cubic-bezier(0.19, 1, 0.22, 1) forwards; animation-delay: calc(0.1s + var(--cta-d, 0s)); } body.landing-page.home-landing-v2 .cta.animate-on-scroll.in-view .cta-glow-word--accent { animation: pmhCtaWordGlowReveal 1s cubic-bezier(0.19, 1, 0.22, 1) forwards; animation-delay: calc(0.1s + var(--cta-d, 0s)); } /* Pill button: charcoal → warm gray (reference) */ body.landing-page.home-landing-v2 .cta-btn { background: linear-gradient(90deg, #2f3230 0%, #4a4542 38%, #8f8378 100%); color: #fff; border: none; border-radius: 999px; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: clamp(0.95rem, 1.35vw, 1.1rem); letter-spacing: 0.12em; text-transform: uppercase; padding: 16px 44px; box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14); transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease; } body.landing-page.home-landing-v2 .cta-btn:hover { filter: brightness(1.06); transform: translateY(-2px); box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18); } @media (prefers-reduced-motion: reduce) { body.landing-page.home-landing-v2 .cta.animate-on-scroll.in-view .cta-glow-word, body.landing-page.home-landing-v2 .cta.animate-on-scroll.in-view .cta-glow-word--accent { animation: none; } } /* FAQ — same reference mock as v1: dark bars, big left numbers, white halo title */ body.landing-page.home-landing-v2 .faq-section .faq-item { margin-bottom: 0; } body.landing-page.home-landing-v2 .faq-section .faq-question { background: #2a2e2c; color: #fff; border-radius: 12px; box-shadow: none; padding: 16px 22px 16px clamp(52px, 11vw, 96px); min-height: 64px; transform: none; transition: background 0.25s ease; } body.landing-page.home-landing-v2 .faq-section .faq-question:hover { background: #363b38; color: #fff; transform: none; box-shadow: none; } body.landing-page.home-landing-v2 .faq-section .faq-number { color: #fff; font-size: clamp(3rem, 7.5vw, 5.25rem); text-shadow: 0 3px 14px rgba(0, 0, 0, 0.45); transition: none; } body.landing-page.home-landing-v2 .faq-section .faq-question:hover .faq-number { color: #fff; } body.landing-page.home-landing-v2 .faq-section .faq-qtext { color: #fff; font-weight: 500; } body.landing-page.home-landing-v2 .faq-section .faq-answer-inner { color: rgba(255, 255, 255, 0.93); } body.landing-page.home-landing-v2 .faq-section .faq-item.active .faq-question { background: #2a2e2c; color: #fff; transform: none; box-shadow: none; } body.landing-page.home-landing-v2 .faq-section .faq-item.active .faq-number { color: #fff; } body.landing-page.home-landing-v2 .faq-section .faq-item.active .faq-qtext { color: #fff; } body.landing-page.home-landing-v2 .faq-section .faq-item.active .faq-answer-inner { color: rgba(255, 255, 255, 0.93); } body.landing-page.home-landing-v2 .faq-section .faq-item.active .faq-question:hover .faq-number { color: #fff; } body.landing-page.home-landing-v2 .faq-section .faq-title { text-transform: uppercase; font-weight: 800; color: #fff; max-width: none; white-space: nowrap; font-size: clamp(11px, min(2.85vw, 0.55rem + 2.1vw), 46px); -webkit-text-stroke: 0; paint-order: normal; text-shadow: 0 0 1px rgba(6, 18, 12, 0.98), 0 1px 0 rgba(6, 18, 12, 0.95), 0 2px 4px rgba(6, 18, 12, 0.88), 0 3px 10px rgba(6, 18, 12, 0.75), 0 5px 20px rgba(6, 18, 12, 0.6), 0 8px 36px rgba(6, 18, 12, 0.48); } /* Case studies */ body.landing-page.home-landing-v2 .case-studies-section .title-pill { background: var(--lux-premium); background-size: 200% auto; color: var(--lux-olive); font-family: "Oswald", sans-serif; border-radius: 40px; animation: pmh-v2-shine 10s linear infinite; } /* Testimonials */ body.landing-page.home-landing-v2 .testimonials-section .testimonial-card { background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 20px; box-shadow: var(--lux-shadow); transition: transform 0.4s ease, box-shadow 0.4s ease; } body.landing-page.home-landing-v2 .testimonials-section .testimonial-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); } body.landing-page.home-landing-v2 .testimonials-section .client-name { font-family: "Oswald", sans-serif; color: var(--lux-olive); } body.landing-page.home-landing-v2 .testimonials-section .stars { color: var(--lux-gold-dark); } /* Instagram — layout from welcome push; v2 adds depth on CTA only */ body.landing-page.home-landing-v2 .instagram-section .handle { box-shadow: 0 10px 26px rgba(45, 42, 38, 0.2); } body.landing-page.home-landing-v2 .instagram-section .handle:hover { filter: brightness(1.06); color: #fff !important; box-shadow: 0 14px 34px rgba(45, 42, 38, 0.24); } /* Standalone /about + /contact page shell */ body.landing-page.home-landing-v2 .page.about-page, body.landing-page.home-landing-v2 .page.contact-page { background-color: var(--lux-bg); } /* Contact block (shared partial; luxury mock §19) */ body.landing-page.home-landing-v2 .v1-contact-section { text-align: center; } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-hero { background: var(--lux-premium); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; opacity: 0.35; margin: 0 0 -32px; animation: pmh-v2-shine 6s linear infinite; filter: drop-shadow(0 2px 4px rgba(184, 141, 68, 0.15)); } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-card.v1-mock-glass-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: var(--lux-shadow); transition: transform 0.4s ease, box-shadow 0.4s ease; } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-card.v1-mock-glass-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-inner-title { color: var(--lux-olive); text-shadow: none; } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-tagline { color: var(--lux-body); } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-square h3 { background: var(--lux-premium); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: pmh-v2-shine 6s linear infinite; } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-square p { color: var(--lux-body); } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-icon { background: linear-gradient(135deg, #f0f0f0, #d4d4d4); color: var(--lux-olive); box-shadow: var(--lux-shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-link-block:hover .v1-mock-contact-icon { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); } /* Longevity */ body.landing-page.home-landing-v2 .pmh-clone.page .longevity-col-title { font-family: "Oswald", sans-serif; } body.landing-page.home-landing-v2 .pmh-clone.page .longevity-bg-number { color: rgba(184, 141, 68, 0.12); } @media (prefers-reduced-motion: reduce) { body.landing-page.home-landing-v2 .pmh-clone.page .heading .gold, body.landing-page.home-landing-v2 .pmh-clone.page .help-title .gold, body.landing-page.home-landing-v2 .pmh-clone.page .section-title .gold, body.landing-page.home-landing-v2 .pmh-clone.page .mini-head .gold, body.landing-page.home-landing-v2 .partners-section .partners-title .mid, body.landing-page.home-landing-v2 .members-section .members-title .mid, body.landing-page.home-landing-v2 .meet-section .meet-title .light, body.landing-page.home-landing-v2 .case-studies-section .title-pill { animation: none; } body.landing-page.home-landing-v2 .v1-mock-text-gold-gradient { animation: none; } body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-hero, body.landing-page.home-landing-v2 .v1-contact-section .v1-mock-contact-square h3 { animation: none; } }