/** * Home theme V1 (classic reference mock) — active when . * Loads after pmh-clone.css + welcome inline styles. Admin backgrounds & decor unchanged. */ body.landing-page.home-landing-v1 { --ref-olive: #5d635c; --ref-body: #4a4a4a; --ref-gold-dark: #a8875b; --ref-gold-light: #d6bc94; --ref-bg-page: #ececea; --ref-btn-gray: #6e736e; --ref-glass-border: rgba(255, 255, 255, 0.55); --ref-purple-banner: #947ba8; /* Shared by Grow / Philosophy partial (about + home) */ --mock-olive: var(--ref-olive); --mock-gold-dark: var(--ref-gold-dark); --mock-gold-light: var(--ref-gold-light); --mock-body: var(--ref-body); } /* Page shell: softer base (decorative .page bg from welcome still shows through blend) */ body.landing-page.home-landing-v1 .page { color: var(--ref-body); } /* ========== PMH clone (Sections 1–3 + part2) ========== */ body.landing-page.home-landing-v1 .pmh-clone.page { --olive: var(--ref-olive); --gold: #c4a574; --text: var(--ref-body); --text2: #5a5f58; } /* Gold gradient text (reference) */ body.landing-page.home-landing-v1 .pmh-clone.page .heading .gold, body.landing-page.home-landing-v1 .pmh-clone.page .help-title .gold, body.landing-page.home-landing-v1 .pmh-clone.page .section-title .gold, body.landing-page.home-landing-v1 .pmh-clone.page .mini-head .gold { background: linear-gradient(to right, var(--ref-gold-dark), var(--ref-gold-light), var(--ref-gold-dark)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.08)); } body.landing-page.home-landing-v1 .pmh-clone.page .heading, body.landing-page.home-landing-v1 .pmh-clone.page .help-title, body.landing-page.home-landing-v1 .pmh-clone.page .section-title, body.landing-page.home-landing-v1 .pmh-clone.page .condensed, body.landing-page.home-landing-v1 .pmh-clone.page .compare-title { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: 0.03em; color: var(--ref-olive); } body.landing-page.home-landing-v1 .pmh-clone.page .lead, body.landing-page.home-landing-v1 .pmh-clone.page .section-sub, body.landing-page.home-landing-v1 .pmh-clone.page .body-copy, body.landing-page.home-landing-v1 .pmh-clone.page .help-item, body.landing-page.home-landing-v1 .pmh-clone.page .bullet-list li { font-family: "Montserrat", sans-serif; color: var(--ref-body); } /* Hero & primary CTAs */ body.landing-page.home-landing-v1 .pmh-clone.page .pill-btn { background: var(--ref-btn-gray); border: none; border-radius: 30px; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: clamp(0.95rem, 1.2vw, 1rem); padding: 14px 28px; min-height: 52px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; } body.landing-page.home-landing-v1 .pmh-clone.page .pill-btn:hover { background: #555955; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14); } body.landing-page.home-landing-v1 .pmh-clone.page .band { border-radius: 30px; letter-spacing: 0.08em; font-weight: 700; font-family: "Montserrat", sans-serif; background: var(--ref-olive); } /* About glass panel */ body.landing-page.home-landing-v1 .pmh-clone.page .glass-panel { background: linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.22)); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--ref-glass-border); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06); border-radius: 22px; } body.landing-page.home-landing-v1 .pmh-clone.page .reception, body.landing-page.home-landing-v1 .pmh-clone.page .sofa { border-radius: 20px; } body.landing-page.home-landing-v1 .pmh-clone.page .reception { box-shadow: inset 0 0 0 8px #e2e5dc, var(--shadow2, 0 18px 45px rgba(89, 84, 77, 0.08)); } /* Solutions / article cards */ body.landing-page.home-landing-v1 .pmh-clone.page .solution-overlay { background: linear-gradient(180deg, rgba(93, 99, 92, 0.88), transparent); } body.landing-page.home-landing-v1 .pmh-clone.page .read-more { background: linear-gradient(90deg, var(--ref-olive) 0%, var(--ref-gold-light) 100%); border-radius: 22px; font-family: "Montserrat", sans-serif; font-weight: 600; border: none; transition: transform 0.25s ease, box-shadow 0.25s ease; } body.landing-page.home-landing-v1 .pmh-clone.page .read-more:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(93, 99, 92, 0.25); } /* Before/after compare — chips & handle polish */ body.landing-page.home-landing-v1 .pmh-clone.page .compare-kicker { font-family: "Oswald", sans-serif; letter-spacing: 0.12em; font-size: clamp(0.75rem, 1.1vw, 0.9rem); } body.landing-page.home-landing-v1 .pmh-clone.page .compare-chip { background: linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.45)); border: 1px solid rgba(255, 255, 255, 0.65); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); font-family: "Montserrat", sans-serif; font-weight: 600; color: var(--ref-olive); } body.landing-page.home-landing-v1 .pmh-clone.page .compare-chip-wrap { gap: 10px; } body.landing-page.home-landing-v1 .pmh-clone.page .pmh-ba-slide-container { border-radius: 16px; box-shadow: 0 24px 60px rgba(89, 84, 77, 0.18); } body.landing-page.home-landing-v1 .pmh-clone.page .pmh-ba-knob { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); } /* Advantage feature tiles — glass */ body.landing-page.home-landing-v1 .pmh-clone.page .feature h3 { color: var(--ref-olive); } body.landing-page.home-landing-v1 .pmh-clone.page .feature .tile { border-radius: 16px; border: 1px solid var(--ref-glass-border); } /* ========== Partners & Members (logo strips) ========== */ body.landing-page.home-landing-v1 .partners-section .partner-card, body.landing-page.home-landing-v1 .members-section .member-card { background: #9e927a30; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05); } body.landing-page.home-landing-v1 .partners-section .partners-title, body.landing-page.home-landing-v1 .members-section .members-title { font-family: "Oswald", sans-serif; color: var(--ref-olive); } body.landing-page.home-landing-v1 .partners-section .partners-title .mid, body.landing-page.home-landing-v1 .members-section .members-title .mid { background: linear-gradient(to right, var(--ref-gold-dark), var(--ref-gold-light), var(--ref-gold-dark)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* ========== Meet Dr ========== */ body.landing-page.home-landing-v1 .meet-section .meet-title { font-family: "Oswald", sans-serif; color: var(--ref-olive); } body.landing-page.home-landing-v1 .meet-section .meet-title .light { background: linear-gradient(to right, var(--ref-gold-dark), var(--ref-gold-light)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } body.landing-page.home-landing-v1 .meet-section .video-card { border-radius: 20px; overflow: hidden; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); } body.landing-page.home-landing-v1 .meet-section .consult-btn { background: linear-gradient(to right, #8a8a8a, #c4c4c4) !important; color: #fff !important; border-radius: 30px; font-family: "Montserrat", sans-serif; font-weight: 600; border: none; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; } body.landing-page.home-landing-v1 .meet-section .consult-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16); } /* ========== Testosterone title (gradient text + matching underline) ========== */ body.landing-page.home-landing-v1 .testosterone-title { font-family: "Oswald", sans-serif; border-bottom: none; padding-bottom: 0; color: var(--ref-olive); --tt-grad-a: var(--ref-olive); --tt-grad-b: #5c6058; --tt-grad-c: var(--ref-gold-dark); --tt-grad-d: var(--ref-gold-light); } body.landing-page.home-landing-v1 .testosterone-title__inner { background-image: linear-gradient( 90deg, var(--tt-grad-a) 0%, var(--tt-grad-b) 30%, var(--tt-grad-c) 65%, var(--tt-grad-d) 100% ); } body.landing-page.home-landing-v1 .testosterone-title__inner::after { background: linear-gradient( 90deg, var(--tt-grad-a) 0%, var(--tt-grad-b) 30%, var(--tt-grad-c) 65%, var(--tt-grad-d) 100% ); } body.landing-page.home-landing-v1 .testosterone-list .item .testosterone-badge { background: var(--ref-olive); font-family: "Montserrat", sans-serif; } /* ========== ADAM CTA strip ========== */ body.landing-page.home-landing-v1 .cta-inner { border: 2px solid var(--ref-purple-banner); border-radius: 16px; padding: clamp(24px, 4vw, 40px); background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body.landing-page.home-landing-v1 .cta-title { font-family: "Oswald", sans-serif; color: var(--ref-olive); } body.landing-page.home-landing-v1 .cta-title .accent { color: var(--ref-olive); } body.landing-page.home-landing-v1 .cta-sub { font-family: "Montserrat", sans-serif; letter-spacing: 0.12em; font-weight: 500; } body.landing-page.home-landing-v1 .cta-sub .accent { color: var(--ref-gold-dark); } body.landing-page.home-landing-v1 .cta-glow-word { color: var(--ref-olive); } body.landing-page.home-landing-v1 .cta-glow-word--accent { color: var(--ref-gold-dark); } body.landing-page.home-landing-v1 .cta-btn { background: linear-gradient(to right, #4a4a4a, #8a8a8a); border: none; border-radius: 30px; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: clamp(1rem, 1.5vw, 1.2rem); padding: 15px 40px; cursor: pointer; color: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; } body.landing-page.home-landing-v1 .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); } /* ========== FAQ ========== */ body.landing-page.home-landing-v1 .faq-section .faq-title { text-transform: uppercase; font-weight: 800; } body.landing-page.home-landing-v1 .faq-section .faq-title::after { content: none; } body.landing-page.home-landing-v1 .faq-section .faq-question { background: #2a2e2c; border-radius: 12px; font-family: "Montserrat", sans-serif; position: relative; min-height: 64px; } body.landing-page.home-landing-v1 .faq-section .faq-number { font-family: "Oswald", sans-serif; font-size: clamp(3rem, 7.5vw, 5.25rem); font-weight: 700; color: #fff; text-shadow: 0 3px 14px rgba(0, 0, 0, 0.45); opacity: 1; } body.landing-page.home-landing-v1 .faq-section .faq-qtext { color: #fff; font-weight: 500; } body.landing-page.home-landing-v1 .faq-section .faq-question:hover { background: #363b38; } body.landing-page.home-landing-v1 .faq-section .faq-answer-inner { font-family: "Montserrat", sans-serif; color: var(--ref-body); } /* Open accordion: answer (and emphasis) in white on dark panel */ body.landing-page.home-landing-v1 .faq-section .faq-item.active .faq-answer-inner { color: #fff; } body.landing-page.home-landing-v1 .faq-section .faq-item.active .faq-number { color: #fff; } /* ========== Case studies pill ========== */ body.landing-page.home-landing-v1 .case-studies-section .title-pill { background: linear-gradient(to right, #4a4a4a, var(--ref-gold-light)); font-family: "Oswald", sans-serif; border-radius: 30px; letter-spacing: 0.06em; } /* ========== Testimonials (carousel cards styled in welcome @push) ========== */ body.landing-page.home-landing-v1 .testimonials-section .client-name { font-family: "Oswald", sans-serif; color: var(--ref-olive); } body.landing-page.home-landing-v1 .testimonials-section .testimonial-body { font-family: "Montserrat", sans-serif; } /* ========== Instagram — visual spec in welcome @push('styles'); v1 only tweaks overlay ========== */ /* ========== Longevity layout (part2) ========== */ body.landing-page.home-landing-v1 .pmh-clone.page .longevity-col-title { font-family: "Oswald", sans-serif; } body.landing-page.home-landing-v1 .pmh-clone.page .longevity-footer-note { font-family: "Montserrat", sans-serif; } /* --- Reference mock: full-page shell (#ececea) --- */ body.landing-page.home-landing-v1 { background-color: var(--ref-bg-page); } body.landing-page.home-landing-v1 main.page { background-color: transparent; } /* Hero: subtle watermark-style overlay (mock section 1) */ body.landing-page.home-landing-v1 .pmh-clone.page .hero.hero-section { position: relative; } body.landing-page.home-landing-v1 .pmh-clone.page .hero.hero-section::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0.06; background: repeating-linear-gradient( -12deg, transparent, transparent 18px, rgba(93, 99, 92, 0.12) 18px, rgba(93, 99, 92, 0.12) 19px ); } body.landing-page.home-landing-v1 .pmh-clone.page .hero.hero-section .container, body.landing-page.home-landing-v1 .pmh-clone.page .hero.hero-section .hero-grid { position: relative; z-index: 1; } /* Help: bullet dots like mock custom-list */ body.landing-page.home-landing-v1 .pmh-clone.page .help-item .dot { background: var(--ref-olive); box-shadow: 0 2px 6px rgba(93, 99, 92, 0.25); } body.landing-page.home-landing-v1 .pmh-clone.page .help-sub { font-family: "Montserrat", sans-serif; color: var(--ref-body); } /* Solutions (mock section 8): glass cards + olive header band */ body.landing-page.home-landing-v1 .pmh-clone.page .solutions .solution-card { border-radius: 20px; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06); border: 1px solid var(--ref-glass-border); background: linear-gradient(145deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.35)); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } body.landing-page.home-landing-v1 .pmh-clone.page .solutions .solution-media { border-radius: 0; } body.landing-page.home-landing-v1 .pmh-clone.page .solutions .solution-copy { padding: 22px 24px 28px; font-family: "Montserrat", sans-serif; } body.landing-page.home-landing-v1 .pmh-clone.page .solutions .solution-copy strong { color: var(--ref-olive); } body.landing-page.home-landing-v1 .pmh-clone.page .solutions .section-pill { font-family: "Oswald", sans-serif; letter-spacing: 0.06em; border-radius: 30px; box-shadow: 0 8px 28px rgba(93, 99, 92, 0.2); } /* Longevity process columns: step numbers read at full strength on solid panel */ body.landing-page.home-landing-v1 .pmh-clone.page .longevity-bg-number { color: #fff; font-weight: 900; text-shadow: 0 0 28px rgba(255, 255, 255, 0.95), 0 0 56px rgba(255, 255, 255, 0.45), 0 1px 0 rgba(255, 255, 255, 0.9); } body.landing-page.home-landing-v1 .pmh-clone.page .longevity-intro { font-family: "Montserrat", sans-serif; color: var(--ref-body); } /* Before/After: vertical BEFORE / AFTER labels on large screens (mock section 6) */ @media (min-width: 993px) { body.landing-page.home-landing-v1 .pmh-clone.page .ba-tag { writing-mode: vertical-rl; text-orientation: upright; font-family: "Oswald", sans-serif; font-size: clamp(2rem, 3.2vw, 3.25rem); letter-spacing: -0.04em; color: #8a928a; background: transparent; border: none; padding: 12px 6px; top: 50%; transform: translateY(-50%); border-radius: 0; box-shadow: none; } body.landing-page.home-landing-v1 .pmh-clone.page .ba-tag.before { left: 4px; } body.landing-page.home-landing-v1 .pmh-clone.page .ba-tag.after { right: 4px; } } body.landing-page.home-landing-v1 .pmh-clone.page .compare-note, body.landing-page.home-landing-v1 .pmh-clone.page .range-label { font-family: "Montserrat", sans-serif; color: var(--ref-body); } /* PMH Advantage: green doctor panel (mock section 5) */ body.landing-page.home-landing-v1 .pmh-clone.page .advantage .doctor-card { background: #1a422b; border-radius: 20px 80px 20px 20px; padding: 20px 20px 0; box-sizing: border-box; box-shadow: 0 20px 50px rgba(26, 66, 43, 0.35); } body.landing-page.home-landing-v1 .pmh-clone.page .advantage .doctor-card img { border-radius: 0 0 16px 16px; } body.landing-page.home-landing-v1 .pmh-clone.page .advantage .adv-copy, body.landing-page.home-landing-v1 .pmh-clone.page .advantage .mini-head { font-family: "Montserrat", sans-serif; color: var(--ref-body); } /* Question-style article cards (mock section 4) */ body.landing-page.home-landing-v1 .pmh-clone.page .articles .article-card { text-align: center; border-radius: 20px; padding: 20px 18px 28px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.22)); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid var(--ref-glass-border); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05); } body.landing-page.home-landing-v1 .pmh-clone.page .articles .article-top { border-radius: 20px; overflow: hidden; margin-bottom: 8px; } body.landing-page.home-landing-v1 .pmh-clone.page .articles .article-card h3 { font-family: "Oswald", sans-serif; text-transform: uppercase; min-height: 2.6em; display: flex; align-items: center; justify-content: center; line-height: 1.2; } /* Meet Dr: body + play control */ body.landing-page.home-landing-v1 .meet-section .meet-text { font-family: "Montserrat", sans-serif; color: var(--ref-body); line-height: 1.65; } body.landing-page.home-landing-v1 .meet-section .meet-title .soft { color: var(--ref-olive); } body.landing-page.home-landing-v1 .meet-section .play-button { width: 80px; height: 80px; background: rgba(0, 0, 0, 0.58); border-radius: 50%; transition: transform 0.25s ease, background 0.25s ease; } body.landing-page.home-landing-v1 .meet-section .play-button:hover { background: rgba(0, 0, 0, 0.72); transform: scale(1.06); } /* Testosterone block */ body.landing-page.home-landing-v1 .testosterone .testosterone-inner, body.landing-page.home-landing-v1 .testosterone .testosterone-list .item { font-family: "Montserrat", sans-serif; } /* Partners & Members: larger logos in cards */ body.landing-page.home-landing-v1 .partners-section .partner-card img, body.landing-page.home-landing-v1 .members-section .member-card img { max-width: 190%; max-height: 158px; object-fit: contain; display: block; } /* Case studies: bottom title highlight + frames */ body.landing-page.home-landing-v1 .case-studies-section .bottom-title { font-family: "Oswald", sans-serif; color: var(--ref-olive); text-transform: uppercase; line-height: 1.1; } body.landing-page.home-landing-v1 .case-studies-section .bottom-title .light { background: linear-gradient(to right, var(--ref-gold-dark), var(--ref-gold-light), var(--ref-gold-dark)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } body.landing-page.home-landing-v1 .case-studies-section .title-underline { border-top-color: var(--ref-gold-dark); } body.landing-page.home-landing-v1 .case-studies-section .pair-frame img, body.landing-page.home-landing-v1 .case-studies-section .pair-images img { border-radius: 10px; } body.landing-page.home-landing-v1 .case-studies-section .bottom-text { font-family: "Montserrat", sans-serif; color: var(--ref-body); } /* FAQ heading: reference mock — all white + heavy dark green halo */ body.landing-page.home-landing-v1 .faq-section .faq-title { color: #fff; font-weight: 800; -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); } /* Testimonials: stars visible on glass (mock) */ body.landing-page.home-landing-v1 .testimonials-section .stars { color: rgba(255, 255, 255, 0.95); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } body.landing-page.home-landing-v1 .testimonials-section .testimonial-body { color: var(--ref-body); } body.landing-page.home-landing-v1 .instagram-section .bg-overlay { background: linear-gradient( 165deg, rgba(243, 241, 236, 0.52) 0%, rgba(243, 241, 236, 0.34) 45%, rgba(243, 241, 236, 0.5) 100% ); } /* Optional legacy block: men’s health grid (if re-enabled in Blade) */ body.landing-page.home-landing-v1 .mens-health-section .section-pill { font-family: "Oswald", sans-serif; border-radius: 30px; } body.landing-page.home-landing-v1 .mens-health-section .card-title { font-family: "Oswald", sans-serif; color: var(--ref-olive); } body.landing-page.home-landing-v1 .mens-health-section .card-desc, body.landing-page.home-landing-v1 .mens-health-section .text-copy { font-family: "Montserrat", sans-serif; } /* ========== Classic mock: Grow, Philosophy, Contact (§14–15, §19) ========== */ body.landing-page .v1-mock-container { max-width: 1250px; margin: 0 auto; padding: 60px 20px; position: relative; z-index: 2; } body.landing-page .v1-mock-flex-row { display: flex; gap: 40px; align-items: center; } body.landing-page .v1-mock-flex-row.v1-mock-align-start { align-items: flex-start; } body.landing-page .v1-mock-col { flex: 1; position: relative; min-width: 0; } body.landing-page .v1-mock-img-fluid { width: 100%; height: auto; display: block; } body.landing-page .v1-mock-rounded-20 { border-radius: 20px; } body.landing-page .v1-mock-text-right { text-align: right; } body.landing-page .v1-mock-text-gold-gradient { background: linear-gradient(to right, var(--mock-gold-dark), var(--mock-gold-light), var(--mock-gold-dark)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; display: inline-block; filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1)); font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; line-height: 1.15; } body.landing-page .v1-mock-muted, body.landing-page .v1-mock-grow-lead, body.landing-page .v1-mock-floating-card p, body.landing-page .v1-mock-phil-side-text, body.landing-page .v1-mock-vision-body { font-family: "Montserrat", sans-serif; color: var(--mock-body); line-height: 1.65; } body.landing-page .v1-mock-grow-kicker { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: clamp(1.75rem, 3vw, 2.5rem); background: var(--mock-olive); color: #fff; padding: 5px 15px; display: inline-block; margin: 0 0 12px; line-height: 1.2; } body.landing-page .v1-mock-grow-lead { font-weight: 700; text-transform: uppercase; margin-top: 32px; max-width: 520px; } body.landing-page .v1-mock-dna-panel { position: relative; margin-top: 30px; padding: 40px 20px; border-radius: 20px; background-size: cover; background-position: center; min-height: 320px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35); } body.landing-page .v1-mock-floating-card { display: flex; align-items: center; gap: 15px; width: 80%; max-width: 420px; padding: 15px; margin-bottom: 15px; border-radius: 10px; background: rgba(133, 120, 108, 0.85); color: #fff; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } body.landing-page .v1-mock-floating-card h4 { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: 1rem; margin: 0 0 4px; color: #fff; } body.landing-page .v1-mock-floating-card p { font-size: 0.8rem; margin: 0; color: rgba(255, 255, 255, 0.92); } body.landing-page .v1-mock-floating-card img { width: 40px; height: 40px; object-fit: contain; flex-shrink: 0; } body.landing-page .v1-mock-floating-card--offset { margin-left: 10%; } body.landing-page .v1-mock-subhead { font-size: clamp(1rem, 1.8vw, 1.5rem); margin: 0 0 12px; } body.landing-page .v1-mock-doc-shot { margin-top: 16px; } body.landing-page .v1-mock-wwd-label { margin-top: 30px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; font-family: "Montserrat", sans-serif; color: var(--mock-body); } body.landing-page .v1-mock-wwd-title { font-size: clamp(1.75rem, 3vw, 2.5rem); margin: 0 0 15px; } body.landing-page .v1-mock-tick-list { list-style: none; margin: 0; padding: 0; } body.landing-page .v1-mock-tick-list li { position: relative; padding-left: 30px; margin-bottom: 15px; font-weight: 600; font-family: "Montserrat", sans-serif; color: var(--mock-body); } body.landing-page .v1-mock-tick-list li::before { content: "✔"; position: absolute; left: 0; color: var(--mock-olive); font-size: 1.2rem; } body.landing-page .v1-philosophy-section .v1-mock-phil-side-title { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: clamp(1.75rem, 3vw, 2.5rem); color: var(--mock-olive); text-align: right; margin-top: 36px; margin-bottom: 12px; } body.landing-page .v1-philosophy-section .v1-mock-phil-side-text { text-align: right; margin-top: 12px; } body.landing-page .v1-mock-phil-hero-title { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1; color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.45); margin: 0 0 28px; } body.landing-page .v1-mock-vision-label { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; color: var(--mock-olive); font-size: clamp(1.25rem, 2vw, 1.5rem); margin: 0 0 16px; } body.landing-page .v1-mock-video-teaser { position: relative; display: block; width: 80%; max-width: 420px; height: 400px; border-radius: 20px; overflow: hidden; margin-top: 8px; text-decoration: none; color: inherit; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); } body.landing-page .v1-mock-video-teaser-bg { position: absolute; inset: 0; background-size: cover; background-position: center; } body.landing-page .v1-mock-play-disc { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; } body.landing-page .v1-mock-play-disc::after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #fff; margin-left: 5px; } body.landing-page .v1-mock-glass-card { background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2)); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05); } body.landing-page.home-landing-v1 .v1-contact-section { text-align: center; } body.landing-page.home-landing-v1 .v1-contact-section .v1-mock-contact-hero { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: clamp(3rem, 8vw, 5rem); opacity: 0.85; color: var(--ref-olive); margin: 0; line-height: 1; } body.landing-page.home-landing-v1 .v1-contact-section .v1-mock-contact-card { padding: clamp(32px, 5vw, 50px); margin-top: 40px; text-align: center; } /* Dark glass behind white headline (readable vs. reference mock’s light glass) */ body.landing-page.home-landing-v1 .v1-contact-section .v1-mock-contact-card.v1-mock-glass-card { background: linear-gradient(135deg, rgba(74, 74, 74, 0.82), rgba(93, 99, 92, 0.88)); border: 1px solid rgba(255, 255, 255, 0.12); } body.landing-page.home-landing-v1 .v1-contact-section .v1-mock-contact-inner-title { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.05; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); margin: 0 0 12px; } body.landing-page.home-landing-v1 .v1-contact-section .v1-mock-contact-tagline { font-family: "Montserrat", sans-serif; font-size: 1.05rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(255, 255, 255, 0.88); margin: 0 0 36px; } body.landing-page.home-landing-v1 .v1-mock-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; text-align: center; } body.landing-page.home-landing-v1 .v1-mock-contact-square h3 { font-family: "Oswald", "Barlow Condensed", sans-serif; text-transform: uppercase; color: var(--ref-gold-light); font-size: 1.35rem; margin: 12px 0 8px; } body.landing-page.home-landing-v1 .v1-mock-contact-square p { font-family: "Montserrat", sans-serif; color: rgba(255, 255, 255, 0.85); font-size: 0.95rem; margin: 0; } body.landing-page.home-landing-v1 .v1-mock-contact-link-block { display: block; text-decoration: none; color: inherit; height: 100%; transition: transform 0.25s ease, opacity 0.25s ease; } body.landing-page.home-landing-v1 .v1-mock-contact-link-block:hover { transform: translateY(-3px); } body.landing-page.home-landing-v1 .v1-mock-contact-link-block--disabled { opacity: 0.55; pointer-events: none; cursor: default; } body.landing-page.home-landing-v1 .v1-mock-contact-icon { display: inline-flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin: 0 auto 8px; border-radius: 20px; background: linear-gradient(to bottom, #7a7a7a, #cfcfcf); color: #fff; font-weight: 700; font-size: 1.5rem; font-family: "Montserrat", sans-serif; } @media (max-width: 992px) { body.landing-page .v1-mock-flex-row { flex-direction: column; } body.landing-page .v1-mock-text-right, body.landing-page .v1-philosophy-section .v1-mock-phil-side-title, body.landing-page .v1-philosophy-section .v1-mock-phil-side-text { text-align: left; } body.landing-page .v1-mock-floating-card { width: 100%; margin-left: 0 !important; } body.landing-page .v1-mock-video-teaser { width: 100%; max-width: none; height: min(400px, 70vw); } body.landing-page .v1-mock-grid-3 { grid-template-columns: 1fr; } } /* FAQ title: centered mock rhythm */ body.landing-page.home-landing-v1 .faq-section .faq-wrap { max-width: 900px; margin-left: auto; margin-right: auto; } body.landing-page.home-landing-v1 .faq-section .faq-title { text-align: center; margin: 0 auto 40px; max-width: none; white-space: nowrap; font-size: clamp(11px, min(2.85vw, 0.55rem + 2.1vw), 46px); font-weight: 800; } /* ========== Standalone /about page shell (layout = pmh-clone .pmh-ref-about__*) ========== */ body.landing-page.home-landing-v1 .page.about-page { background-color: var(--ref-bg-page); } /* ========== Standalone /contact: reference §19 light glass (v1 home used dark card) ========== */ body.landing-page.home-landing-v1 .page.contact-page { background-color: var(--ref-bg-page); } body.landing-page.home-landing-v1 .contact-page .v1-contact-section .v1-mock-contact-card.v1-mock-glass-card { background: linear-gradient(135deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.35)); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05); } body.landing-page.home-landing-v1 .contact-page .v1-contact-section .v1-mock-contact-inner-title { color: var(--ref-olive); text-shadow: none; } body.landing-page.home-landing-v1 .contact-page .v1-contact-section .v1-mock-contact-tagline { color: var(--ref-body); } body.landing-page.home-landing-v1 .contact-page .v1-contact-section .v1-mock-contact-square h3 { color: var(--ref-gold-dark); } body.landing-page.home-landing-v1 .contact-page .v1-contact-section .v1-mock-contact-square p { color: var(--ref-body); } body.landing-page.home-landing-v1 .contact-page .v1-contact-section .v1-mock-contact-icon { background: linear-gradient(to bottom, #7a7a7a, #cfcfcf); color: #fff; } /* ========== Reduced motion ========== */ @media (prefers-reduced-motion: reduce) { body.landing-page.home-landing-v1 .pmh-clone.page .pill-btn, body.landing-page.home-landing-v1 .meet-section .consult-btn, body.landing-page.home-landing-v1 .cta-btn, body.landing-page.home-landing-v1 .pmh-clone.page .read-more { transition: none; } body.landing-page.home-landing-v1 .pmh-clone.page .pill-btn:hover, body.landing-page.home-landing-v1 .meet-section .consult-btn:hover, body.landing-page.home-landing-v1 .cta-btn:hover, body.landing-page.home-landing-v1 .pmh-clone.page .read-more:hover { transform: none; } }