The Online Psychologist<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n :root {\n --cream: #F5F2EE;\n --parchment: #EDE8E0;\n --stone: #C8BFB0;\n --taupe: #9E9080;\n --warm-grey: #6B6560;\n --charcoal: #3A3632;\n --ink: #22201E;\n --accent: #7C6E5E;\n --accent-light: #A8987F;\n --white: #FFFFFF;\n --font-display: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'DM Sans', sans-serif;\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 20px;\n --shadow-soft: 0 2px 20px rgba(58,54,50,.07);\n --shadow-card: 0 4px 32px rgba(58,54,50,.10);\n --shadow-hover: 0 8px 48px rgba(58,54,50,.15);\n --transition: .35s cubic-bezier(.25,.46,.45,.94);\n }\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n html{scroll-behavior:smooth;font-size:16px}\n body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}\n img{display:block;max-width:100%}\n a{color:inherit;text-decoration:none}\n\n \/* REVEAL *\/\n .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}\n .reveal.visible{opacity:1;transform:translateY(0)}\n .reveal-delay-1{transition-delay:.1s}\n .reveal-delay-2{transition-delay:.2s}\n .reveal-delay-3{transition-delay:.3s}\n .reveal-delay-4{transition-delay:.4s}\n .reveal-delay-5{transition-delay:.5s}\n\n \/* NAV *\/\n nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 3rem;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition),box-shadow var(--transition)}\n nav.scrolled{background:rgba(245,242,238,.96);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(58,54,50,.08)}\n .nav-logo{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--ink);letter-spacing:.01em}\n .nav-links{display:flex;gap:2.25rem;list-style:none}\n .nav-links a{font-size:.8125rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-grey);transition:color var(--transition)}\n .nav-links a:hover{color:var(--ink)}\n .nav-cta{font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--white);background:var(--charcoal);padding:.6rem 1.4rem;border-radius:100px;transition:background var(--transition),transform var(--transition)}\n .nav-cta:hover{background:var(--ink);transform:translateY(-1px)}\n .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}\n .nav-hamburger span{display:block;width:24px;height:1.5px;background:var(--charcoal);transition:var(--transition)}\n\n \/* SECTION *\/\n .section{padding:7rem 3rem}\n .container{max-width:1100px;margin:0 auto}\n .section-label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}\n .section-label::before{content:'';display:inline-block;width:28px;height:1px;background:var(--stone)}\n .section-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.25rem);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:1.5rem;letter-spacing:-.01em}\n\n \/* HERO *\/\n #hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:0 3rem}\n #hero::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent calc(100%\/12 - 1px),rgba(200,191,176,.18) calc(100%\/12 - 1px),rgba(200,191,176,.18) calc(100%\/12));pointer-events:none}\n #hero::after{content:'';position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:55vw;height:75vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(168,152,127,.13) 0%,rgba(245,242,238,0) 70%);pointer-events:none}\n .hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n .hero-credential{font-size:.75rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}\n .hero-credential::before{content:'';width:36px;height:1px;background:var(--stone);display:inline-block}\n .hero-heading{font-family:var(--font-display);font-size:clamp(3rem,5.5vw,5rem);font-weight:300;line-height:1.08;color:var(--ink);letter-spacing:-.02em;margin-bottom:1.75rem}\n .hero-heading em{font-style:italic;color:var(--accent)}\n .hero-sub{font-size:1.05rem;color:var(--warm-grey);font-weight:300;line-height:1.7;max-width:440px;margin-bottom:2.75rem}\n .hero-actions{display:flex;gap:1rem;align-items:center}\n .btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--charcoal);color:var(--white);font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.875rem 1.875rem;border-radius:100px;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}\n .btn-primary:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 6px 28px rgba(34,32,30,.22)}\n .btn-primary svg{transition:transform var(--transition)}\n .btn-primary:hover svg{transform:translateX(3px)}\n .btn-ghost{font-size:.8125rem;font-weight:400;letter-spacing:.04em;color:var(--warm-grey);border-bottom:1px solid var(--stone);padding-bottom:2px;transition:color var(--transition),border-color var(--transition)}\n .btn-ghost:hover{color:var(--charcoal);border-color:var(--charcoal)}\n\n \/* HERO RIGHT *\/\n .hero-right{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}\n .hero-portrait-wrap{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}\n .hero-portrait{width:100%;aspect-ratio:3\/4;background:linear-gradient(160deg,var(--parchment) 0%,var(--stone) 100%);border-radius:200px 200px 160px 160px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}\n .hero-portrait::after{content:'Photo';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-style:italic;color:var(--taupe);letter-spacing:.1em}\n\n \/* CONTACT BANNER *\/\n .hero-contact-banner{width:100%;background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:1.1rem 1.4rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-soft)}\n .hcb-contacts{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}\n .hcb-row{display:flex;align-items:center;gap:.55rem}\n .hcb-icon{width:26px;height:26px;border-radius:7px;background:var(--cream);border:1px solid var(--parchment);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n .hcb-icon svg{opacity:.65}\n .hcb-text{font-size:.78rem;color:var(--warm-grey);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n .hcb-text a{color:var(--charcoal);font-weight:500;transition:color var(--transition)}\n .hcb-text a:hover{color:var(--accent)}\n .hcb-sep{width:1px;height:34px;background:var(--parchment);flex-shrink:0}\n .hcb-cta{font-size:.73rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--charcoal);background:var(--cream);border:1px solid var(--parchment);border-radius:100px;padding:.55rem 1rem;white-space:nowrap;cursor:pointer;font-family:var(--font-body);transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}\n .hcb-cta:hover{background:var(--charcoal);color:var(--white);border-color:var(--charcoal);transform:translateY(-1px)}\n\n \/* CHIPS *\/\n .hero-chip{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(200,191,176,.5);border-radius:var(--radius-md);padding:.9rem 1.2rem;box-shadow:var(--shadow-soft)}\n .hero-chip .chip-num{font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--ink);line-height:1;margin-bottom:.2rem}\n .hero-chip .chip-label{font-size:.72rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}\n .chip-1{bottom:14%;left:-6%;animation:float 5s ease-in-out infinite}\n .chip-2{top:12%;right:-6%;animation:float 5s ease-in-out infinite 1.5s}\n @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n\n \/* DIVIDER *\/\n .divider{display:flex;align-items:center;gap:1.5rem;padding:0 3rem;max-width:1100px;margin:0 auto}\n .divider-line{flex:1;height:1px;background:var(--parchment)}\n .divider-mark{width:6px;height:6px;border:1px solid var(--stone);border-radius:50%;transform:rotate(45deg)}\n\n \/* ABOUT *\/\n #about{background:var(--white)}\n .about-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:5rem;align-items:start}\n .about-left{position:sticky;top:9rem}\n .about-tagline{font-family:var(--font-display);font-size:1.5rem;font-weight:300;font-style:italic;color:var(--accent);line-height:1.4;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--parchment)}\n .about-meta{display:flex;flex-direction:column;gap:1rem}\n .about-meta-item{display:flex;flex-direction:column;gap:.15rem}\n .about-meta-item .label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);font-weight:500}\n .about-meta-item .value{font-size:.9rem;color:var(--charcoal);font-weight:400}\n .about-text-box{background:var(--cream);border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:2.5rem 3rem;font-size:1.075rem;line-height:1.8;color:var(--warm-grey);font-weight:300}\n .about-text-box p+p{margin-top:1.25rem}\n\n \/* EXPERTISE *\/\n #expertise{background:var(--cream)}\n .expertise-intro{max-width:700px;margin-bottom:4rem}\n .expertise-text-box{background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:2.5rem 3rem;font-size:1.05rem;line-height:1.8;color:var(--warm-grey);font-weight:300;margin-bottom:3.5rem}\n .cards-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin-bottom:1.5rem;font-weight:500}\n .expertise-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}\n .expertise-card{background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-md);padding:1.75rem;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:default}\n .expertise-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--stone)}\n .expertise-card-icon{width:40px;height:40px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}\n .expertise-card-icon svg{opacity:.6}\n .expertise-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--ink);margin-bottom:.5rem}\n .expertise-card-text{font-size:.875rem;color:var(--taupe);line-height:1.65;font-weight:300}\n\n \/* SYMPTOMS *\/\n #symptoms{background:var(--charcoal)}\n #symptoms .section-label{color:var(--stone)}\n #symptoms .section-label::before{background:var(--warm-grey)}\n #symptoms .section-title{color:var(--white)}\n .symptoms-intro{color:rgba(245,242,238,.6);font-size:1rem;font-weight:300;max-width:520px;margin-bottom:3.5rem}\n .symptoms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}\n .symptom-card{background:rgba(255,255,255,.04);border:1px solid rgba(200,191,176,.12);border-radius:var(--radius-md);padding:1.5rem;cursor:default;position:relative;transition:background var(--transition),border-color var(--transition),transform var(--transition);overflow:visible}\n .symptom-card:hover{background:rgba(255,255,255,.08);border-color:rgba(200,191,176,.3);transform:translateY(-3px)}\n .symptom-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--cream);margin-bottom:.35rem}\n .symptom-card-sub{font-size:.78rem;color:var(--stone);letter-spacing:.04em;font-weight:300}\n .symptom-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);width:240px;background:var(--ink);border:1px solid rgba(200,191,176,.15);border-radius:var(--radius-md);padding:1.1rem 1.25rem;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease;z-index:20}\n .symptom-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink)}\n .symptom-card:hover .symptom-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}\n .symptom-tooltip p{font-size:.82rem;color:rgba(245,242,238,.75);line-height:1.6;font-weight:300}\n\n \/* PRICING *\/\n #pricing{background:var(--white)}\n .pricing-intro{max-width:520px;color:var(--warm-grey);font-size:1rem;font-weight:300;line-height:1.7;margin-bottom:3.5rem}\n .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}\n .pricing-card{border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:2.25rem 2rem;position:relative;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}\n .pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--stone)}\n .pricing-card.featured{background:var(--charcoal);border-color:var(--charcoal)}\n .pricing-card.featured:hover{border-color:var(--accent)}\n .pricing-badge{display:inline-block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:var(--cream);color:var(--warm-grey);padding:.28rem .75rem;border-radius:100px;margin-bottom:1.5rem}\n .pricing-card.featured .pricing-badge{background:rgba(255,255,255,.1);color:var(--stone)}\n .pricing-duration{font-family:var(--font-display);font-size:2.4rem;font-weight:400;color:var(--ink);line-height:1;margin-bottom:.3rem}\n .pricing-card.featured .pricing-duration{color:var(--white)}\n .pricing-price{font-size:1rem;font-weight:500;color:var(--accent);margin-bottom:1.5rem;letter-spacing:.02em}\n .pricing-card.featured .pricing-price{color:var(--accent-light)}\n .pricing-divider{height:1px;background:var(--parchment);margin-bottom:1.5rem}\n .pricing-card.featured .pricing-divider{background:rgba(255,255,255,.1)}\n .pricing-desc{font-size:.9rem;color:var(--warm-grey);line-height:1.7;font-weight:300;margin-bottom:2rem}\n .pricing-card.featured .pricing-desc{color:rgba(245,242,238,.65)}\n .pricing-cta{display:block;width:100%;text-align:center;font-size:.8rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;padding:.8rem;border-radius:100px;border:1px solid var(--parchment);color:var(--charcoal);background:transparent;cursor:pointer;font-family:var(--font-body);transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}\n .pricing-cta:hover{background:var(--charcoal);color:var(--white);border-color:var(--charcoal);transform:translateY(-1px)}\n .pricing-card.featured .pricing-cta{background:var(--cream);color:var(--charcoal);border-color:transparent}\n .pricing-card.featured .pricing-cta:hover{background:var(--white)}\n\n \/* ============================================================\n BOOKING MODAL\n ============================================================ *\/\n .modal-overlay{display:none;position:fixed;inset:0;background:rgba(34,32,30,.55);backdrop-filter:blur(6px);z-index:500;align-items:center;justify-content:center;padding:1.5rem}\n .modal-overlay.open{display:flex}\n .modal{background:var(--white);border-radius:var(--radius-lg);max-width:520px;width:100%;box-shadow:0 24px 80px rgba(34,32,30,.22);overflow:hidden;animation:modal-in .38s cubic-bezier(.25,.46,.45,.94) both}\n @keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n\n .modal-header{background:var(--charcoal);padding:2rem 2.25rem 1.75rem;position:relative}\n .modal-session-badge{display:inline-block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:rgba(255,255,255,.1);color:var(--stone);padding:.28rem .75rem;border-radius:100px;margin-bottom:.85rem}\n .modal-title{font-family:var(--font-display);font-size:1.85rem;font-weight:400;color:var(--white);line-height:1.15}\n .modal-price{font-size:.9rem;color:var(--accent-light);font-weight:400;margin-top:.3rem;letter-spacing:.03em}\n .modal-close{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:var(--stone);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition);line-height:1}\n .modal-close:hover{background:rgba(255,255,255,.16);color:var(--white)}\n\n .modal-body{padding:2rem 2.25rem 2.25rem}\n\n .modal-steps-title,.modal-contact-title{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);font-weight:500;margin-bottom:.9rem}\n .modal-steps{margin-bottom:1.75rem}\n .modal-step{display:flex;gap:1rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--parchment)}\n .modal-step:last-child{border-bottom:none}\n .step-num{width:24px;height:24px;border-radius:50%;background:var(--cream);border:1px solid var(--parchment);font-size:.72rem;font-weight:500;color:var(--taupe);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}\n .step-text{font-size:.875rem;color:var(--warm-grey);line-height:1.55;font-weight:300}\n .step-text strong{color:var(--charcoal);font-weight:500}\n\n .modal-contact{display:flex;flex-direction:column;gap:.75rem}\n .modal-contact-row{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--cream);border:1px solid var(--parchment);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}\n .modal-contact-row:hover{border-color:var(--stone);box-shadow:var(--shadow-soft)}\n .modal-contact-icon{width:36px;height:36px;border-radius:10px;background:var(--white);border:1px solid var(--parchment);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n .modal-contact-icon svg{opacity:.7}\n .modal-contact-info{display:flex;flex-direction:column;gap:.1rem}\n .modal-contact-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);font-weight:500}\n .modal-contact-value{font-size:.9rem;color:var(--charcoal);font-weight:400}\n .modal-contact-value a{color:var(--charcoal);transition:color var(--transition)}\n .modal-contact-value a:hover{color:var(--accent)}\n\n .modal-note{margin-top:1.5rem;padding:1rem 1.25rem;background:rgba(124,110,94,.07);border-left:2px solid var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.82rem;color:var(--warm-grey);line-height:1.6;font-weight:300}\n\n \/* EXPERIENCE *\/\n #experience{background:var(--cream)}\n .timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 4rem}\n .timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--parchment);transform:translateX(-50%)}\n .timeline-col{display:flex;flex-direction:column;gap:1.5rem}\n .timeline-col-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);font-weight:500;padding-bottom:1rem;border-bottom:1px solid var(--parchment);display:flex;align-items:center;gap:.6rem}\n .timeline-col-label span{display:inline-block;width:6px;height:6px;background:var(--stone);border-radius:50%}\n .timeline-item{background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-md);padding:1.5rem 1.75rem;transition:transform var(--transition),box-shadow var(--transition)}\n .timeline-item:hover{transform:translateX(4px);box-shadow:var(--shadow-card)}\n .timeline-year{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);font-weight:500;margin-bottom:.4rem}\n .timeline-role{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--ink);margin-bottom:.3rem}\n .timeline-place{font-size:.85rem;color:var(--accent);font-weight:400;margin-bottom:.6rem}\n .timeline-desc{font-size:.85rem;color:var(--warm-grey);line-height:1.65;font-weight:300}\n\n \/* FOOTER *\/\n footer{background:var(--ink);color:var(--stone);padding:3.5rem 3rem}\n .footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}\n .footer-brand{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--cream);margin-bottom:.5rem}\n .footer-tagline{font-size:.82rem;font-weight:300;color:var(--warm-grey)}\n .footer-links{display:flex;gap:2rem;list-style:none}\n .footer-links a{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-grey);transition:color var(--transition)}\n .footer-links a:hover{color:var(--cream)}\n .footer-copy{font-size:.75rem;color:rgba(107,101,96,.6);text-align:center;max-width:1100px;margin:2.5rem auto 0;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}\n\n \/* MOBILE NAV *\/\n .mobile-nav{display:none;position:fixed;inset:0;background:rgba(245,242,238,.97);backdrop-filter:blur(16px);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:2rem}\n .mobile-nav.open{display:flex}\n .mobile-nav a{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--ink)}\n .mobile-nav-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--charcoal);line-height:1}\n\n \/* RESPONSIVE *\/\n @media(max-width:900px){\n nav{padding:1.25rem 1.75rem}\n .nav-links,.nav-cta{display:none}\n .nav-hamburger{display:flex}\n .section{padding:5rem 1.75rem}\n #hero{padding:0 1.75rem}\n .hero-inner{grid-template-columns:1fr;gap:2rem;padding:7rem 0 4rem}\n .hero-right{order:-1;align-items:center}\n .hero-portrait-wrap{max-width:300px}\n .chip-1,.chip-2{display:none}\n .about-grid{grid-template-columns:1fr;gap:2.5rem}\n .about-left{position:static}\n .about-text-box{padding:1.75rem}\n .pricing-grid{grid-template-columns:1fr;max-width:400px}\n .timeline{grid-template-columns:1fr}\n .timeline::before{display:none}\n .footer-inner{flex-direction:column;align-items:flex-start}\n .divider{padding:0 1.75rem}\n }\n @media(max-width:600px){\n .expertise-cards{grid-template-columns:1fr 1fr}\n .symptoms-grid{grid-template-columns:1fr 1fr}\n .hero-heading{font-size:2.6rem}\n .hero-contact-banner{flex-wrap:wrap}\n .hcb-sep{display:none}\n .modal-body{padding:1.5rem}\n .modal-header{padding:1.5rem 1.5rem 1.25rem}\n }\n <\/style>\n<\/head>\n<body>\n\n \n <nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">The Online Psychologist<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#expertise\">Expertise<\/a><\/li>\n <li><a href=\"#symptoms\">Symptoms<\/a><\/li>\n <li><a href=\"#pricing\">Offers<\/a><\/li>\n <li><a href=\"#experience\">Background<\/a><\/li>\n <\/ul>\n <a href=\"#pricing\" class=\"nav-cta\">Book a Session<\/a>\n <div class=\"nav-hamburger\" id=\"hamburger\" role=\"button\" aria-label=\"Open menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/nav>\n\n <div class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"mobile-nav-close\" id=\"closeNav\">\u2715<\/button>\n <a href=\"#about\" onclick=\"closeMobileNav()\">About<\/a>\n <a href=\"#expertise\" onclick=\"closeMobileNav()\">Expertise<\/a>\n <a href=\"#symptoms\" onclick=\"closeMobileNav()\">Symptoms<\/a>\n <a href=\"#pricing\" onclick=\"closeMobileNav()\">Offers<\/a>\n <a href=\"#experience\" onclick=\"closeMobileNav()\">Background<\/a>\n <\/div>\n\n\n \n <div class=\"modal-overlay\" id=\"bookingModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n <div class=\"modal\">\n\n <div class=\"modal-header\">\n <button class=\"modal-close\" id=\"closeModal\" aria-label=\"Close\">\u2715<\/button>\n <p class=\"modal-session-badge\" id=\"modalBadge\">Session Type<\/p>\n <h2 class=\"modal-title\" id=\"modalTitle\">Book a Session<\/h2>\n <p class=\"modal-price\" id=\"modalPrice\">Contact for pricing<\/p>\n <\/div>\n\n <div class=\"modal-body\">\n\n <div class=\"modal-steps\">\n <p class=\"modal-steps-title\">How to Book<\/p>\n <div class=\"modal-step\">\n <span class=\"step-num\">1<\/span>\n <p class=\"step-text\"><strong>Choose your preferred day & time.<\/strong> #1 \u2014 sessions are available Monday to Friday, morning and afternoon slots.<\/p>\n <\/div>\n <div class=\"modal-step\">\n <span class=\"step-num\">2<\/span>\n <p class=\"step-text\"><strong>Reach out via email or phone.<\/strong> #2 \u2014 include your preferred time, the session length you’d like to book, and a brief note about what you’re looking for.<\/p>\n <\/div>\n <div class=\"modal-step\">\n <span class=\"step-num\">3<\/span>\n <p class=\"step-text\"><strong>Receive your confirmation.<\/strong> #3 \u2014 you’ll receive a calendar invite with a secure video link within 24 hours.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"modal-contact-title\">Get in Touch<\/p>\n <div class=\"modal-contact\">\n\n <div class=\"modal-contact-row\">\n <div class=\"modal-contact-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n <rect x=\"2\" y=\"4\" width=\"14\" height=\"10\" rx=\"2\" stroke=\"#6B6560\" stroke-width=\"1.4\"\/>\n <path d=\"M2 6l7 5 7-5\" stroke=\"#6B6560\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"modal-contact-info\">\n <span class=\"modal-contact-label\">Email<\/span>\n <span class=\"modal-contact-value\"><a href=\"mailto:info@wanakapsychology.nz\">info@wanakapsychology.nz<\/a><\/span>\n <\/div>\n <\/div>\n\n <div class=\"modal-contact-row\">\n <div class=\"modal-contact-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path d=\"M3 3.5C3 3.5 4 2 5.5 2c.5 0 1 .3 1.3.7l1.4 2.1c.3.5.2 1.1-.2 1.5L6.8 7.5C7.5 9 9 10.5 10.5 11.2l1.2-1.2c.4-.4 1-.5 1.5-.2l2.1 1.4c.4.3.7.8.7 1.3 0 1.5-1.5 2.5-1.5 2.5C5 17 1 13 1 13S-1 9 3 3.5z\" stroke=\"#6B6560\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"modal-contact-info\">\n <span class=\"modal-contact-label\">Phone<\/span>\n <span class=\"modal-contact-value\"><a href=\"tel:+41767963800\">+41 76 796 38 00<\/a><\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <p class=\"modal-note\">\n All sessions are conducted online via a secure video platform. Responses to enquiries are typically sent within one business day.\n <\/p>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <section id=\"hero\">\n <div class=\"hero-inner\">\n\n <div class=\"hero-left\">\n <p class=\"hero-credential reveal\"> \u00b7 <\/p>\n <h1 class=\"hero-heading reveal reveal-delay-1\"><br><em>“The essence of therapy is ‘walking’ alongside someone during a challenging part of their life journey, with compassion and honest connection.”<\/em><\/h1>\n <p class=\"hero-sub reveal reveal-delay-2\"><\/p>\n <div class=\"hero-actions reveal reveal-delay-3\">\n <a href=\"#pricing\" class=\"btn-primary\">\n Book a Session\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a href=\"#about\" class=\"btn-ghost\">Learn more<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-right reveal reveal-delay-2\">\n <div class=\"hero-portrait-wrap\">\n\n <div class=\"hero-portrait\"><\/div>\n\n \n <div class=\"hero-contact-banner\">\n <div class=\"hcb-contacts\">\n <div class=\"hcb-row\">\n <div class=\"hcb-icon\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 12\" fill=\"none\">\n <rect x=\"1\" y=\"1\" width=\"12\" height=\"10\" rx=\"1.5\" stroke=\"#6B6560\" stroke-width=\"1.3\"\/>\n <path d=\"M1 3.5l6 4 6-4\" stroke=\"#6B6560\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <span class=\"hcb-text\"><a href=\"mailto:info@wanakapsychology.nz\">info@wanakapsychology.nz<\/a><\/span>\n <\/div>\n <div class=\"hcb-row\">\n <div class=\"hcb-icon\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\">\n <path d=\"M2 2.8C2 2.8 3 1.8 4.1 1.8c.4 0 .8.2 1 .5l1.1 1.7c.2.4.1.9-.2 1.2l-.8.8C5.8 7.1 6.9 8.2 8 8.8l.8-.8c.3-.3.8-.4 1.2-.1l1.7 1.1c.3.2.5.6.5 1 0 1.2-1.2 2-1.2 2C4 14 1 11 1 11S-1 7.8 2 2.8z\" stroke=\"#6B6560\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <span class=\"hcb-text\"><a href=\"tel:+41767963800\/WhatsApp +642040792471\">+41 76 796 38 00\/WhatsApp +642040792471<\/a><\/span>\n <\/div>\n <\/div>\n <div class=\"hcb-sep\"><\/div>\n <button class=\"hcb-cta\" onclick=\"openModal('Session','Book a Session','Contact for pricing')\">Book Now<\/button>\n <\/div>\n\n <div class=\"hero-chip chip-1\">\n <div class=\"chip-num\">#6<\/div>\n <div class=\"chip-label\">#7<\/div>\n <\/div>\n <div class=\"hero-chip chip-2\">\n <div class=\"chip-num\">Mijke van Weert<\/div>\n <div class=\"chip-label\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n\n \n <section id=\"about\" class=\"section\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-left reveal\">\n <p class=\"section-label\">About Me<\/p>\n <p class=\"about-tagline\">“”The essence of therapy is ‘walking’ alongside someone during a challenging part of their life journey, with compassion and honest connection.””<\/p>\n <div class=\"about-meta\">\n <div class=\"about-meta-item\"><span class=\"label\">Location<\/span><span class=\"value\">New Zealand & Switzerland<\/span><\/div>\n <div class=\"about-meta-item\"><span class=\"label\">Languages<\/span><span class=\"value\">English & Dutch<\/span><\/div>\n <div class=\"about-meta-item\"><span class=\"label\">Registration New Zealand<\/span><span class=\"value\">Registered Clinical Psychologist<\/span><\/div>\n<div class=\"about-meta-item\"><span class=\"label\">Registration Switzerland<\/span><span class=\"value\">PsyKo registration Switzerland<\/span><\/div>\n <div class=\"about-meta-item\"><span class=\"label\">Available<\/span><span class=\"value\">Monday, Tuesday, Wednesday, Thursday & Friday<\/span><\/div>\n<div class=\"about-meta-item\"><span class=\"label\">Times<\/span><span class=\"value\">CH 9am till 5pm & NZ 6pm till 10pm <\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"about-right\">\n <h2 class=\"section-title reveal\">#15<\/h2>\n <div class=\"about-text-box reveal reveal-delay-1\">\n <p>I use Cognitive Behavioral Therapy, Acceptance and Commitment Therapy and psychodynamic principles in my psychology practice. My interest in neuro-science is also reflected in my work and I like to share neuro-scientific information to help people understand certain problems and the way forward. I was originally trained as a child and adolescent psychologist, which has helped me to always have a systemic perspective: we are all part of a family, work environment and\/or social group and do not stand alone. Also, an interest in attachment style and difficulties underline my practice. I have had extensive training in trauma.<\/p><p>My Master Degree is from the Vrije Universiteit in Amsterdam, the Netherlands. I was born and raised in the Netherlands and my native language is Dutch. Since my mid twenties, I have mainly lived in New Zealand where I gained further training and experience which made me qualify to be registered as ‘Clinical Psychologist’. <\/p><p>I also resided in Switzerland for a period of time and this has equiped me with insights into Swiss culture, integration as a non-Swiss and raising children in Switzerland.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <div class=\"divider\" aria-hidden=\"true\"><div class=\"divider-line\"><\/div><div class=\"divider-mark\"><\/div><div class=\"divider-line\"><\/div><\/div>\n\n\n \n <section id=\"expertise\" class=\"section\">\n <div class=\"container\">\n <div class=\"expertise-intro\">\n <p class=\"section-label reveal\">Expertise & Way of Working<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\"><\/h2>\n <\/div>\n <div class=\"expertise-text-box reveal reveal-delay-2\">\n <p>As a senior psychologist with 20+ years of experience, I can help with any difficulties you might be facing and offer a level-headed approach in supporting you to gain insight and a plan moving forward. In my work as a psychologist, I offer a safe and respectful space where you can feel heard and explore what matters to you. I value honest, authentic connection and approach each person with curiosity, care, and without judgment. Together, we will work on strengthen your inner resources, and find ways forward that feel aligned with who you are. \n\nI have worked for more than 20 years as a Clinical Psychologist in New Zealand, in health, education and private settings. Clinical Psychologists have specialized knowledge of diagnosing, assessing and treating a wide range of mental, emotional, and behavioural disorders. During my work as a Clinical Psychologist, I also worked with survivors of sexual abuse and other trauma. I have an interest in concussion, pain and chronic health issues. I enjoy working with issues related to certain life phases, like early adulthood, menopause or parenthood. My clients come from all walks of life, cultures and ages. <\/p><p style=\"margin-top:1rem\"><\/p>\n <\/div>\n <p class=\"cards-label reveal\">Strengths & Experience<\/p>\n <div class=\"expertise-cards\">\n <div class=\"expertise-card reveal reveal-delay-1\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#9E9080\" stroke-width=\"1.5\"\/><path d=\"M10 6v4l2.5 2.5\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Cognitive Behavioural Therapy<\/p><p class=\"expertise-card-text\"><\/p>\n <\/div>\n <div class=\"expertise-card reveal reveal-delay-2\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 2C5.58 2 2 5.58 2 10s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z\" stroke=\"#9E9080\" stroke-width=\"1.5\"\/><path d=\"M10 7v6M7 10h6\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Children, Adolescents & Young Adults<\/p><p class=\"expertise-card-text\"><\/p>\n <\/div>\n <div class=\"expertise-card reveal reveal-delay-3\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M3 10h14M10 3v14\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Expat Life<\/p><p class=\"expertise-card-text\"><\/p>\n <\/div>\n <div class=\"expertise-card reveal reveal-delay-4\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"14\" height=\"14\" rx=\"3\" stroke=\"#9E9080\" stroke-width=\"1.5\"\/><path d=\"M7 10l2 2 4-4\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Diagnosis & Intervention<p class=\"expertise-card-text\"><\/p>\n <\/div>\n <\/div> \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"symptoms\" class=\"section\">\n <div class=\"container\">\n <p class=\"section-label reveal\">#34<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\">Challenges<\/h2>\n <p class=\"symptoms-intro reveal reveal-delay-2\"><\/p>\n <div class=\"symptoms-grid\">\n <div class=\"symptom-card reveal reveal-delay-1\"><div class=\"symptom-tooltip\"><p>#37<\/p><\/div><p class=\"symptom-card-title\">Expat Life<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-2\"><div class=\"symptom-tooltip\"><p>OCD, Excessive worrying<\/p><\/div><p class=\"symptom-card-title\">Obsessive Thoughts<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-3\"><div class=\"symptom-tooltip\"><p>#39<\/p><\/div><p class=\"symptom-card-title\">Self-esteem<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-4\"><div class=\"symptom-tooltip\"><p>Life Phase changes<\/p><\/div><p class=\"symptom-card-title\">Grief & Loss<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-1\"><div class=\"symptom-tooltip\"><p>Parenting, Neurodiversity, ADHD, ASD<\/p><\/div><p class=\"symptom-card-title\">Child Development<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-2\"><div class=\"symptom-tooltip\"><p>Chronic illness, Pain, Concussion, Menopause, Disability<\/p><\/div><p class=\"symptom-card-title\">Health & Lifestyle<\/p<p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-3\"><div class=\"symptom-tooltip\"><p>Attachment Difficulties<\/p><\/div><p class=\"symptom-card-title\">Relationships<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-4\"><div class=\"symptom-tooltip\"><p>Depression, Anger, Irritability, Manic Episodes<\/p><\/div><p class=\"symptom-card-title\">Mood<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-1\"><div class=\"symptom-tooltip\"><p>Abuse, Traumatic Experiences, PTSD<\/p><\/div><p class=\"symptom-card-title\">Trauma<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-2\"><div class=\"symptom-tooltip\"><p>#64<\/p><\/div><p class=\"symptom-card-title\">Anxiety<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"pricing\" class=\"section\">\n <div class=\"container\">\n <p class=\"section-label reveal\">Offers & Pricing<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\">Important to know<\/h2>\n <p class=\"pricing-intro reveal reveal-delay-2\">Therapy is not about fixing what is \u201cwrong,\u201d but about supporting growth, resilience, and self-understanding\u2014at your pace, and in a way that feels right for you. I belief my extensive psychological knowledge and experience can help you figure out what is affecting your life negatively and find a positive path forward. <\/p>\n\n <div class=\"pricing-grid\">\n\n <div class=\"pricing-card reveal reveal-delay-1\">\n <span class=\"pricing-badge\">Initial \/ Follow-up<\/span>\n <p class=\"pricing-duration\">30 min<\/p>\n <p class=\"pricing-price\">85 CHF<\/p>\n <div class=\"pricing-divider\"><\/div>\n <p class=\"pricing-desc\">#69<\/p>\n <button class=\"pricing-cta\" onclick=\"openModal('Initial \/ Follow-up','30 min Session','85 CHF')\">Book Now<\/button>\n <\/div>\n\n <div class=\"pricing-card featured reveal reveal-delay-2\">\n <span class=\"pricing-badge\">Most Popular<\/span>\n <p class=\"pricing-duration\" style=\"color:#fff\">60 min<\/p>\n <p class=\"pricing-price\">170 CHF<\/p>\n <div class=\"pricing-divider\"><\/div>\n <p class=\"pricing-desc\">#70<\/p>\n <button class=\"pricing-cta\" onclick=\"openModal('Most Popular','60 min Session','170 CHF')\">Book Now<\/button>\n <\/div>\n\n <div class=\"pricing-card reveal reveal-delay-3\">\n <span class=\"pricing-badge\">Deep Session<\/span>\n <p class=\"pricing-duration\">90 min<\/p>\n <p class=\"pricing-price\">255 CHF<\/p>\n <div class=\"pricing-divider\"><\/div>\n <p class=\"pricing-desc\">#71<\/p>\n <button class=\"pricing-cta\" onclick=\"openModal('Deep Session','90 min Session','255 CHF')\">Book Now<\/button>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n <div class=\"divider\" aria-hidden=\"true\"><div class=\"divider-line\"><\/div><div class=\"divider-mark\"><\/div><div class=\"divider-line\"><\/div><\/div>\n\n\n \n <section id=\"experience\" class=\"section\">\n <div class=\"container\">\n <p class=\"section-label reveal\">Background<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\">#72<\/h2>\n <div class=\"timeline\" style=\"margin-top:3rem\">\n <div class=\"timeline-col reveal reveal-delay-2\">\n <p class=\"timeline-col-label\"><span><\/span> Work Experience<\/p>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#73<\/p><p class=\"timeline-role\">#74<\/p><p class=\"timeline-place\">#75<\/p><p class=\"timeline-desc\">#76<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#77<\/p><p class=\"timeline-role\">#78<\/p><p class=\"timeline-place\">#79<\/p><p class=\"timeline-desc\">#80<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#81<\/p><p class=\"timeline-role\">#82<\/p><p class=\"timeline-place\">#83<\/p><p class=\"timeline-desc\">#84<\/p><\/div>\n <\/div>\n <div class=\"timeline-col reveal reveal-delay-3\">\n <p class=\"timeline-col-label\"><span><\/span> Education<\/p>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#85<\/p><p class=\"timeline-role\">#86<\/p><p class=\"timeline-place\">#87<\/p><p class=\"timeline-desc\">#88<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#89<\/p><p class=\"timeline-role\">#90<\/p><p class=\"timeline-place\">#91<\/p><p class=\"timeline-desc\">#92<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#93<\/p><p class=\"timeline-role\">#94<\/p><p class=\"timeline-place\">#95<\/p><p class=\"timeline-desc\">#96<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <footer>\n <div class=\"footer-inner\">\n <div>\n <p class=\"footer-brand\">#97<\/p>\n <p class=\"footer-tagline\">#98<\/p>\n <\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#pricing\">Pricing<\/a><\/li>\n <li><a href=\"#experience\">Background<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <p class=\"footer-copy\">\u00a9 2025 #99. All rights reserved.<\/p>\n <\/footer>\n\n\n <script>\n \/* Navbar *\/\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 40);\n }, { passive: true });\n\n \/* Mobile nav *\/\n document.getElementById('hamburger').addEventListener('click', () => document.getElementById('mobileNav').classList.add('open'));\n document.getElementById('closeNav').addEventListener('click', () => document.getElementById('mobileNav').classList.remove('open'));\n function closeMobileNav() { document.getElementById('mobileNav').classList.remove('open'); }\n\n \/* Booking modal *\/\n const bookingModal = document.getElementById('bookingModal');\n const modalBadge = document.getElementById('modalBadge');\n const modalTitle = document.getElementById('modalTitle');\n const modalPrice = document.getElementById('modalPrice');\n\n function openModal(badge, title, price) {\n modalBadge.textContent = badge;\n modalTitle.textContent = title;\n modalPrice.textContent = price;\n bookingModal.classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n function closeModal() {\n bookingModal.classList.remove('open');\n document.body.style.overflow = '';\n }\n\n document.getElementById('closeModal').addEventListener('click', closeModal);\n bookingModal.addEventListener('click', e => { if (e.target === bookingModal) closeModal(); });\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal(); });\n\n \/* Scroll reveal *\/\n const reveals = document.querySelectorAll('.reveal');\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(el => obs.observe(el));\n window.addEventListener('load', () => {\n reveals.forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight) el.classList.add('visible'); });\n });\n\n \/* Symptom touch toggle *\/\n document.querySelectorAll('.symptom-card').forEach(c => c.addEventListener('click', () => c.classList.toggle('active')));\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Online Psychologist The Online Psychologist About Expertise Symptoms Offers Background Book a Session \u2715 About Expertise Symptoms Offers Background \u2715 Session Type Book a Session Contact for pricing How to Book 1 Choose your preferred day & time. #1 \u2014 sessions are available Monday to Friday, morning and afternoon slots. 2 Reach out via […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":90,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":336,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions\/336"}],"wp:attachment":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":228,"date":"2026-04-16T12:17:05","date_gmt":"2026-04-16T12:17:05","guid":{"rendered":"https:\/\/theonlinepsychologist.nz\/?page_id=228"},"modified":"2026-04-17T12:33:21","modified_gmt":"2026-04-17T12:33:21","slug":"228-2","status":"publish","type":"page","link":"https:\/\/theonlinepsychologist.nz\/","title":{"rendered":"The Online Psychologist"},"content":{"rendered":"\n\n\n\n \n \n The Online Psychologist<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n :root {\n --cream: #F5F2EE;\n --parchment: #EDE8E0;\n --stone: #C8BFB0;\n --taupe: #9E9080;\n --warm-grey: #6B6560;\n --charcoal: #3A3632;\n --ink: #22201E;\n --accent: #7C6E5E;\n --accent-light: #A8987F;\n --white: #FFFFFF;\n --font-display: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'DM Sans', sans-serif;\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 20px;\n --shadow-soft: 0 2px 20px rgba(58,54,50,.07);\n --shadow-card: 0 4px 32px rgba(58,54,50,.10);\n --shadow-hover: 0 8px 48px rgba(58,54,50,.15);\n --transition: .35s cubic-bezier(.25,.46,.45,.94);\n }\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n html{scroll-behavior:smooth;font-size:16px}\n body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}\n img{display:block;max-width:100%}\n a{color:inherit;text-decoration:none}\n\n \/* REVEAL *\/\n .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}\n .reveal.visible{opacity:1;transform:translateY(0)}\n .reveal-delay-1{transition-delay:.1s}\n .reveal-delay-2{transition-delay:.2s}\n .reveal-delay-3{transition-delay:.3s}\n .reveal-delay-4{transition-delay:.4s}\n .reveal-delay-5{transition-delay:.5s}\n\n \/* NAV *\/\n nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 3rem;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition),box-shadow var(--transition)}\n nav.scrolled{background:rgba(245,242,238,.96);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(58,54,50,.08)}\n .nav-logo{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--ink);letter-spacing:.01em}\n .nav-links{display:flex;gap:2.25rem;list-style:none}\n .nav-links a{font-size:.8125rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-grey);transition:color var(--transition)}\n .nav-links a:hover{color:var(--ink)}\n .nav-cta{font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--white);background:var(--charcoal);padding:.6rem 1.4rem;border-radius:100px;transition:background var(--transition),transform var(--transition)}\n .nav-cta:hover{background:var(--ink);transform:translateY(-1px)}\n .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}\n .nav-hamburger span{display:block;width:24px;height:1.5px;background:var(--charcoal);transition:var(--transition)}\n\n \/* SECTION *\/\n .section{padding:7rem 3rem}\n .container{max-width:1100px;margin:0 auto}\n .section-label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}\n .section-label::before{content:'';display:inline-block;width:28px;height:1px;background:var(--stone)}\n .section-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.25rem);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:1.5rem;letter-spacing:-.01em}\n\n \/* HERO *\/\n #hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:0 3rem}\n #hero::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent calc(100%\/12 - 1px),rgba(200,191,176,.18) calc(100%\/12 - 1px),rgba(200,191,176,.18) calc(100%\/12));pointer-events:none}\n #hero::after{content:'';position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:55vw;height:75vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(168,152,127,.13) 0%,rgba(245,242,238,0) 70%);pointer-events:none}\n .hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n .hero-credential{font-size:.75rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}\n .hero-credential::before{content:'';width:36px;height:1px;background:var(--stone);display:inline-block}\n .hero-heading{font-family:var(--font-display);font-size:clamp(3rem,5.5vw,5rem);font-weight:300;line-height:1.08;color:var(--ink);letter-spacing:-.02em;margin-bottom:1.75rem}\n .hero-heading em{font-style:italic;color:var(--accent)}\n .hero-sub{font-size:1.05rem;color:var(--warm-grey);font-weight:300;line-height:1.7;max-width:440px;margin-bottom:2.75rem}\n .hero-actions{display:flex;gap:1rem;align-items:center}\n .btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--charcoal);color:var(--white);font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.875rem 1.875rem;border-radius:100px;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}\n .btn-primary:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 6px 28px rgba(34,32,30,.22)}\n .btn-primary svg{transition:transform var(--transition)}\n .btn-primary:hover svg{transform:translateX(3px)}\n .btn-ghost{font-size:.8125rem;font-weight:400;letter-spacing:.04em;color:var(--warm-grey);border-bottom:1px solid var(--stone);padding-bottom:2px;transition:color var(--transition),border-color var(--transition)}\n .btn-ghost:hover{color:var(--charcoal);border-color:var(--charcoal)}\n\n \/* HERO RIGHT *\/\n .hero-right{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}\n .hero-portrait-wrap{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}\n .hero-portrait{width:100%;aspect-ratio:3\/4;background:linear-gradient(160deg,var(--parchment) 0%,var(--stone) 100%);border-radius:200px 200px 160px 160px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}\n .hero-portrait::after{content:'Photo';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-style:italic;color:var(--taupe);letter-spacing:.1em}\n\n \/* CONTACT BANNER *\/\n .hero-contact-banner{width:100%;background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:1.1rem 1.4rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-soft)}\n .hcb-contacts{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}\n .hcb-row{display:flex;align-items:center;gap:.55rem}\n .hcb-icon{width:26px;height:26px;border-radius:7px;background:var(--cream);border:1px solid var(--parchment);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n .hcb-icon svg{opacity:.65}\n .hcb-text{font-size:.78rem;color:var(--warm-grey);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n .hcb-text a{color:var(--charcoal);font-weight:500;transition:color var(--transition)}\n .hcb-text a:hover{color:var(--accent)}\n .hcb-sep{width:1px;height:34px;background:var(--parchment);flex-shrink:0}\n .hcb-cta{font-size:.73rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--charcoal);background:var(--cream);border:1px solid var(--parchment);border-radius:100px;padding:.55rem 1rem;white-space:nowrap;cursor:pointer;font-family:var(--font-body);transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}\n .hcb-cta:hover{background:var(--charcoal);color:var(--white);border-color:var(--charcoal);transform:translateY(-1px)}\n\n \/* CHIPS *\/\n .hero-chip{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(200,191,176,.5);border-radius:var(--radius-md);padding:.9rem 1.2rem;box-shadow:var(--shadow-soft)}\n .hero-chip .chip-num{font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--ink);line-height:1;margin-bottom:.2rem}\n .hero-chip .chip-label{font-size:.72rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}\n .chip-1{bottom:14%;left:-6%;animation:float 5s ease-in-out infinite}\n .chip-2{top:12%;right:-6%;animation:float 5s ease-in-out infinite 1.5s}\n @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n\n \/* DIVIDER *\/\n .divider{display:flex;align-items:center;gap:1.5rem;padding:0 3rem;max-width:1100px;margin:0 auto}\n .divider-line{flex:1;height:1px;background:var(--parchment)}\n .divider-mark{width:6px;height:6px;border:1px solid var(--stone);border-radius:50%;transform:rotate(45deg)}\n\n \/* ABOUT *\/\n #about{background:var(--white)}\n .about-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:5rem;align-items:start}\n .about-left{position:sticky;top:9rem}\n .about-tagline{font-family:var(--font-display);font-size:1.5rem;font-weight:300;font-style:italic;color:var(--accent);line-height:1.4;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--parchment)}\n .about-meta{display:flex;flex-direction:column;gap:1rem}\n .about-meta-item{display:flex;flex-direction:column;gap:.15rem}\n .about-meta-item .label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);font-weight:500}\n .about-meta-item .value{font-size:.9rem;color:var(--charcoal);font-weight:400}\n .about-text-box{background:var(--cream);border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:2.5rem 3rem;font-size:1.075rem;line-height:1.8;color:var(--warm-grey);font-weight:300}\n .about-text-box p+p{margin-top:1.25rem}\n\n \/* EXPERTISE *\/\n #expertise{background:var(--cream)}\n .expertise-intro{max-width:700px;margin-bottom:4rem}\n .expertise-text-box{background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:2.5rem 3rem;font-size:1.05rem;line-height:1.8;color:var(--warm-grey);font-weight:300;margin-bottom:3.5rem}\n .cards-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin-bottom:1.5rem;font-weight:500}\n .expertise-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}\n .expertise-card{background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-md);padding:1.75rem;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:default}\n .expertise-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--stone)}\n .expertise-card-icon{width:40px;height:40px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}\n .expertise-card-icon svg{opacity:.6}\n .expertise-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--ink);margin-bottom:.5rem}\n .expertise-card-text{font-size:.875rem;color:var(--taupe);line-height:1.65;font-weight:300}\n\n \/* SYMPTOMS *\/\n #symptoms{background:var(--charcoal)}\n #symptoms .section-label{color:var(--stone)}\n #symptoms .section-label::before{background:var(--warm-grey)}\n #symptoms .section-title{color:var(--white)}\n .symptoms-intro{color:rgba(245,242,238,.6);font-size:1rem;font-weight:300;max-width:520px;margin-bottom:3.5rem}\n .symptoms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}\n .symptom-card{background:rgba(255,255,255,.04);border:1px solid rgba(200,191,176,.12);border-radius:var(--radius-md);padding:1.5rem;cursor:default;position:relative;transition:background var(--transition),border-color var(--transition),transform var(--transition);overflow:visible}\n .symptom-card:hover{background:rgba(255,255,255,.08);border-color:rgba(200,191,176,.3);transform:translateY(-3px)}\n .symptom-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--cream);margin-bottom:.35rem}\n .symptom-card-sub{font-size:.78rem;color:var(--stone);letter-spacing:.04em;font-weight:300}\n .symptom-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);width:240px;background:var(--ink);border:1px solid rgba(200,191,176,.15);border-radius:var(--radius-md);padding:1.1rem 1.25rem;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease;z-index:20}\n .symptom-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink)}\n .symptom-card:hover .symptom-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}\n .symptom-tooltip p{font-size:.82rem;color:rgba(245,242,238,.75);line-height:1.6;font-weight:300}\n\n \/* PRICING *\/\n #pricing{background:var(--white)}\n .pricing-intro{max-width:520px;color:var(--warm-grey);font-size:1rem;font-weight:300;line-height:1.7;margin-bottom:3.5rem}\n .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}\n .pricing-card{border:1px solid var(--parchment);border-radius:var(--radius-lg);padding:2.25rem 2rem;position:relative;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}\n .pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--stone)}\n .pricing-card.featured{background:var(--charcoal);border-color:var(--charcoal)}\n .pricing-card.featured:hover{border-color:var(--accent)}\n .pricing-badge{display:inline-block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:var(--cream);color:var(--warm-grey);padding:.28rem .75rem;border-radius:100px;margin-bottom:1.5rem}\n .pricing-card.featured .pricing-badge{background:rgba(255,255,255,.1);color:var(--stone)}\n .pricing-duration{font-family:var(--font-display);font-size:2.4rem;font-weight:400;color:var(--ink);line-height:1;margin-bottom:.3rem}\n .pricing-card.featured .pricing-duration{color:var(--white)}\n .pricing-price{font-size:1rem;font-weight:500;color:var(--accent);margin-bottom:1.5rem;letter-spacing:.02em}\n .pricing-card.featured .pricing-price{color:var(--accent-light)}\n .pricing-divider{height:1px;background:var(--parchment);margin-bottom:1.5rem}\n .pricing-card.featured .pricing-divider{background:rgba(255,255,255,.1)}\n .pricing-desc{font-size:.9rem;color:var(--warm-grey);line-height:1.7;font-weight:300;margin-bottom:2rem}\n .pricing-card.featured .pricing-desc{color:rgba(245,242,238,.65)}\n .pricing-cta{display:block;width:100%;text-align:center;font-size:.8rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;padding:.8rem;border-radius:100px;border:1px solid var(--parchment);color:var(--charcoal);background:transparent;cursor:pointer;font-family:var(--font-body);transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}\n .pricing-cta:hover{background:var(--charcoal);color:var(--white);border-color:var(--charcoal);transform:translateY(-1px)}\n .pricing-card.featured .pricing-cta{background:var(--cream);color:var(--charcoal);border-color:transparent}\n .pricing-card.featured .pricing-cta:hover{background:var(--white)}\n\n \/* ============================================================\n BOOKING MODAL\n ============================================================ *\/\n .modal-overlay{display:none;position:fixed;inset:0;background:rgba(34,32,30,.55);backdrop-filter:blur(6px);z-index:500;align-items:center;justify-content:center;padding:1.5rem}\n .modal-overlay.open{display:flex}\n .modal{background:var(--white);border-radius:var(--radius-lg);max-width:520px;width:100%;box-shadow:0 24px 80px rgba(34,32,30,.22);overflow:hidden;animation:modal-in .38s cubic-bezier(.25,.46,.45,.94) both}\n @keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}\n\n .modal-header{background:var(--charcoal);padding:2rem 2.25rem 1.75rem;position:relative}\n .modal-session-badge{display:inline-block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:rgba(255,255,255,.1);color:var(--stone);padding:.28rem .75rem;border-radius:100px;margin-bottom:.85rem}\n .modal-title{font-family:var(--font-display);font-size:1.85rem;font-weight:400;color:var(--white);line-height:1.15}\n .modal-price{font-size:.9rem;color:var(--accent-light);font-weight:400;margin-top:.3rem;letter-spacing:.03em}\n .modal-close{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:var(--stone);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition);line-height:1}\n .modal-close:hover{background:rgba(255,255,255,.16);color:var(--white)}\n\n .modal-body{padding:2rem 2.25rem 2.25rem}\n\n .modal-steps-title,.modal-contact-title{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);font-weight:500;margin-bottom:.9rem}\n .modal-steps{margin-bottom:1.75rem}\n .modal-step{display:flex;gap:1rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--parchment)}\n .modal-step:last-child{border-bottom:none}\n .step-num{width:24px;height:24px;border-radius:50%;background:var(--cream);border:1px solid var(--parchment);font-size:.72rem;font-weight:500;color:var(--taupe);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}\n .step-text{font-size:.875rem;color:var(--warm-grey);line-height:1.55;font-weight:300}\n .step-text strong{color:var(--charcoal);font-weight:500}\n\n .modal-contact{display:flex;flex-direction:column;gap:.75rem}\n .modal-contact-row{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--cream);border:1px solid var(--parchment);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}\n .modal-contact-row:hover{border-color:var(--stone);box-shadow:var(--shadow-soft)}\n .modal-contact-icon{width:36px;height:36px;border-radius:10px;background:var(--white);border:1px solid var(--parchment);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n .modal-contact-icon svg{opacity:.7}\n .modal-contact-info{display:flex;flex-direction:column;gap:.1rem}\n .modal-contact-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);font-weight:500}\n .modal-contact-value{font-size:.9rem;color:var(--charcoal);font-weight:400}\n .modal-contact-value a{color:var(--charcoal);transition:color var(--transition)}\n .modal-contact-value a:hover{color:var(--accent)}\n\n .modal-note{margin-top:1.5rem;padding:1rem 1.25rem;background:rgba(124,110,94,.07);border-left:2px solid var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.82rem;color:var(--warm-grey);line-height:1.6;font-weight:300}\n\n \/* EXPERIENCE *\/\n #experience{background:var(--cream)}\n .timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 4rem}\n .timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--parchment);transform:translateX(-50%)}\n .timeline-col{display:flex;flex-direction:column;gap:1.5rem}\n .timeline-col-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);font-weight:500;padding-bottom:1rem;border-bottom:1px solid var(--parchment);display:flex;align-items:center;gap:.6rem}\n .timeline-col-label span{display:inline-block;width:6px;height:6px;background:var(--stone);border-radius:50%}\n .timeline-item{background:var(--white);border:1px solid var(--parchment);border-radius:var(--radius-md);padding:1.5rem 1.75rem;transition:transform var(--transition),box-shadow var(--transition)}\n .timeline-item:hover{transform:translateX(4px);box-shadow:var(--shadow-card)}\n .timeline-year{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);font-weight:500;margin-bottom:.4rem}\n .timeline-role{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--ink);margin-bottom:.3rem}\n .timeline-place{font-size:.85rem;color:var(--accent);font-weight:400;margin-bottom:.6rem}\n .timeline-desc{font-size:.85rem;color:var(--warm-grey);line-height:1.65;font-weight:300}\n\n \/* FOOTER *\/\n footer{background:var(--ink);color:var(--stone);padding:3.5rem 3rem}\n .footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}\n .footer-brand{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--cream);margin-bottom:.5rem}\n .footer-tagline{font-size:.82rem;font-weight:300;color:var(--warm-grey)}\n .footer-links{display:flex;gap:2rem;list-style:none}\n .footer-links a{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-grey);transition:color var(--transition)}\n .footer-links a:hover{color:var(--cream)}\n .footer-copy{font-size:.75rem;color:rgba(107,101,96,.6);text-align:center;max-width:1100px;margin:2.5rem auto 0;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}\n\n \/* MOBILE NAV *\/\n .mobile-nav{display:none;position:fixed;inset:0;background:rgba(245,242,238,.97);backdrop-filter:blur(16px);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:2rem}\n .mobile-nav.open{display:flex}\n .mobile-nav a{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--ink)}\n .mobile-nav-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--charcoal);line-height:1}\n\n \/* RESPONSIVE *\/\n @media(max-width:900px){\n nav{padding:1.25rem 1.75rem}\n .nav-links,.nav-cta{display:none}\n .nav-hamburger{display:flex}\n .section{padding:5rem 1.75rem}\n #hero{padding:0 1.75rem}\n .hero-inner{grid-template-columns:1fr;gap:2rem;padding:7rem 0 4rem}\n .hero-right{order:-1;align-items:center}\n .hero-portrait-wrap{max-width:300px}\n .chip-1,.chip-2{display:none}\n .about-grid{grid-template-columns:1fr;gap:2.5rem}\n .about-left{position:static}\n .about-text-box{padding:1.75rem}\n .pricing-grid{grid-template-columns:1fr;max-width:400px}\n .timeline{grid-template-columns:1fr}\n .timeline::before{display:none}\n .footer-inner{flex-direction:column;align-items:flex-start}\n .divider{padding:0 1.75rem}\n }\n @media(max-width:600px){\n .expertise-cards{grid-template-columns:1fr 1fr}\n .symptoms-grid{grid-template-columns:1fr 1fr}\n .hero-heading{font-size:2.6rem}\n .hero-contact-banner{flex-wrap:wrap}\n .hcb-sep{display:none}\n .modal-body{padding:1.5rem}\n .modal-header{padding:1.5rem 1.5rem 1.25rem}\n }\n <\/style>\n<\/head>\n<body>\n\n \n <nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">The Online Psychologist<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#expertise\">Expertise<\/a><\/li>\n <li><a href=\"#symptoms\">Symptoms<\/a><\/li>\n <li><a href=\"#pricing\">Offers<\/a><\/li>\n <li><a href=\"#experience\">Background<\/a><\/li>\n <\/ul>\n <a href=\"#pricing\" class=\"nav-cta\">Book a Session<\/a>\n <div class=\"nav-hamburger\" id=\"hamburger\" role=\"button\" aria-label=\"Open menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/nav>\n\n <div class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"mobile-nav-close\" id=\"closeNav\">\u2715<\/button>\n <a href=\"#about\" onclick=\"closeMobileNav()\">About<\/a>\n <a href=\"#expertise\" onclick=\"closeMobileNav()\">Expertise<\/a>\n <a href=\"#symptoms\" onclick=\"closeMobileNav()\">Symptoms<\/a>\n <a href=\"#pricing\" onclick=\"closeMobileNav()\">Offers<\/a>\n <a href=\"#experience\" onclick=\"closeMobileNav()\">Background<\/a>\n <\/div>\n\n\n \n <div class=\"modal-overlay\" id=\"bookingModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n <div class=\"modal\">\n\n <div class=\"modal-header\">\n <button class=\"modal-close\" id=\"closeModal\" aria-label=\"Close\">\u2715<\/button>\n <p class=\"modal-session-badge\" id=\"modalBadge\">Session Type<\/p>\n <h2 class=\"modal-title\" id=\"modalTitle\">Book a Session<\/h2>\n <p class=\"modal-price\" id=\"modalPrice\">Contact for pricing<\/p>\n <\/div>\n\n <div class=\"modal-body\">\n\n <div class=\"modal-steps\">\n <p class=\"modal-steps-title\">How to Book<\/p>\n <div class=\"modal-step\">\n <span class=\"step-num\">1<\/span>\n <p class=\"step-text\"><strong>Choose your preferred day & time.<\/strong> #1 \u2014 sessions are available Monday to Friday, morning and afternoon slots.<\/p>\n <\/div>\n <div class=\"modal-step\">\n <span class=\"step-num\">2<\/span>\n <p class=\"step-text\"><strong>Reach out via email or phone.<\/strong> #2 \u2014 include your preferred time, the session length you’d like to book, and a brief note about what you’re looking for.<\/p>\n <\/div>\n <div class=\"modal-step\">\n <span class=\"step-num\">3<\/span>\n <p class=\"step-text\"><strong>Receive your confirmation.<\/strong> #3 \u2014 you’ll receive a calendar invite with a secure video link within 24 hours.<\/p>\n <\/div>\n <\/div>\n\n <p class=\"modal-contact-title\">Get in Touch<\/p>\n <div class=\"modal-contact\">\n\n <div class=\"modal-contact-row\">\n <div class=\"modal-contact-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n <rect x=\"2\" y=\"4\" width=\"14\" height=\"10\" rx=\"2\" stroke=\"#6B6560\" stroke-width=\"1.4\"\/>\n <path d=\"M2 6l7 5 7-5\" stroke=\"#6B6560\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"modal-contact-info\">\n <span class=\"modal-contact-label\">Email<\/span>\n <span class=\"modal-contact-value\"><a href=\"mailto:info@wanakapsychology.nz\">info@wanakapsychology.nz<\/a><\/span>\n <\/div>\n <\/div>\n\n <div class=\"modal-contact-row\">\n <div class=\"modal-contact-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n <path d=\"M3 3.5C3 3.5 4 2 5.5 2c.5 0 1 .3 1.3.7l1.4 2.1c.3.5.2 1.1-.2 1.5L6.8 7.5C7.5 9 9 10.5 10.5 11.2l1.2-1.2c.4-.4 1-.5 1.5-.2l2.1 1.4c.4.3.7.8.7 1.3 0 1.5-1.5 2.5-1.5 2.5C5 17 1 13 1 13S-1 9 3 3.5z\" stroke=\"#6B6560\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"modal-contact-info\">\n <span class=\"modal-contact-label\">Phone<\/span>\n <span class=\"modal-contact-value\"><a href=\"tel:+41767963800\">+41 76 796 38 00<\/a><\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <p class=\"modal-note\">\n All sessions are conducted online via a secure video platform. Responses to enquiries are typically sent within one business day.\n <\/p>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <section id=\"hero\">\n <div class=\"hero-inner\">\n\n <div class=\"hero-left\">\n <p class=\"hero-credential reveal\"> \u00b7 <\/p>\n <h1 class=\"hero-heading reveal reveal-delay-1\"><br><em>“The essence of therapy is ‘walking’ alongside someone during a challenging part of their life journey, with compassion and honest connection.”<\/em><\/h1>\n <p class=\"hero-sub reveal reveal-delay-2\"><\/p>\n <div class=\"hero-actions reveal reveal-delay-3\">\n <a href=\"#pricing\" class=\"btn-primary\">\n Book a Session\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a href=\"#about\" class=\"btn-ghost\">Learn more<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-right reveal reveal-delay-2\">\n <div class=\"hero-portrait-wrap\">\n\n <div class=\"hero-portrait\"><\/div>\n\n \n <div class=\"hero-contact-banner\">\n <div class=\"hcb-contacts\">\n <div class=\"hcb-row\">\n <div class=\"hcb-icon\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 12\" fill=\"none\">\n <rect x=\"1\" y=\"1\" width=\"12\" height=\"10\" rx=\"1.5\" stroke=\"#6B6560\" stroke-width=\"1.3\"\/>\n <path d=\"M1 3.5l6 4 6-4\" stroke=\"#6B6560\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <span class=\"hcb-text\"><a href=\"mailto:info@wanakapsychology.nz\">info@wanakapsychology.nz<\/a><\/span>\n <\/div>\n <div class=\"hcb-row\">\n <div class=\"hcb-icon\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\">\n <path d=\"M2 2.8C2 2.8 3 1.8 4.1 1.8c.4 0 .8.2 1 .5l1.1 1.7c.2.4.1.9-.2 1.2l-.8.8C5.8 7.1 6.9 8.2 8 8.8l.8-.8c.3-.3.8-.4 1.2-.1l1.7 1.1c.3.2.5.6.5 1 0 1.2-1.2 2-1.2 2C4 14 1 11 1 11S-1 7.8 2 2.8z\" stroke=\"#6B6560\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <span class=\"hcb-text\"><a href=\"tel:+41767963800\/WhatsApp +642040792471\">+41 76 796 38 00\/WhatsApp +642040792471<\/a><\/span>\n <\/div>\n <\/div>\n <div class=\"hcb-sep\"><\/div>\n <button class=\"hcb-cta\" onclick=\"openModal('Session','Book a Session','Contact for pricing')\">Book Now<\/button>\n <\/div>\n\n <div class=\"hero-chip chip-1\">\n <div class=\"chip-num\">#6<\/div>\n <div class=\"chip-label\">#7<\/div>\n <\/div>\n <div class=\"hero-chip chip-2\">\n <div class=\"chip-num\">Mijke van Weert<\/div>\n <div class=\"chip-label\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n\n \n <section id=\"about\" class=\"section\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-left reveal\">\n <p class=\"section-label\">About Me<\/p>\n <p class=\"about-tagline\">“”The essence of therapy is ‘walking’ alongside someone during a challenging part of their life journey, with compassion and honest connection.””<\/p>\n <div class=\"about-meta\">\n <div class=\"about-meta-item\"><span class=\"label\">Location<\/span><span class=\"value\">New Zealand & Switzerland<\/span><\/div>\n <div class=\"about-meta-item\"><span class=\"label\">Languages<\/span><span class=\"value\">English & Dutch<\/span><\/div>\n <div class=\"about-meta-item\"><span class=\"label\">Registration New Zealand<\/span><span class=\"value\">Registered Clinical Psychologist<\/span><\/div>\n<div class=\"about-meta-item\"><span class=\"label\">Registration Switzerland<\/span><span class=\"value\">PsyKo registration Switzerland<\/span><\/div>\n <div class=\"about-meta-item\"><span class=\"label\">Available<\/span><span class=\"value\">Monday, Tuesday, Wednesday, Thursday & Friday<\/span><\/div>\n<div class=\"about-meta-item\"><span class=\"label\">Times<\/span><span class=\"value\">CH 9am till 5pm & NZ 6pm till 10pm <\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"about-right\">\n <h2 class=\"section-title reveal\">#15<\/h2>\n <div class=\"about-text-box reveal reveal-delay-1\">\n <p>I use Cognitive Behavioral Therapy, Acceptance and Commitment Therapy and psychodynamic principles in my psychology practice. My interest in neuro-science is also reflected in my work and I like to share neuro-scientific information to help people understand certain problems and the way forward. I was originally trained as a child and adolescent psychologist, which has helped me to always have a systemic perspective: we are all part of a family, work environment and\/or social group and do not stand alone. Also, an interest in attachment style and difficulties underline my practice. I have had extensive training in trauma.<\/p><p>My Master Degree is from the Vrije Universiteit in Amsterdam, the Netherlands. I was born and raised in the Netherlands and my native language is Dutch. Since my mid twenties, I have mainly lived in New Zealand where I gained further training and experience which made me qualify to be registered as ‘Clinical Psychologist’. <\/p><p>I also resided in Switzerland for a period of time and this has equiped me with insights into Swiss culture, integration as a non-Swiss and raising children in Switzerland.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <div class=\"divider\" aria-hidden=\"true\"><div class=\"divider-line\"><\/div><div class=\"divider-mark\"><\/div><div class=\"divider-line\"><\/div><\/div>\n\n\n \n <section id=\"expertise\" class=\"section\">\n <div class=\"container\">\n <div class=\"expertise-intro\">\n <p class=\"section-label reveal\">Expertise & Way of Working<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\"><\/h2>\n <\/div>\n <div class=\"expertise-text-box reveal reveal-delay-2\">\n <p>As a senior psychologist with 20+ years of experience, I can help with any difficulties you might be facing and offer a level-headed approach in supporting you to gain insight and a plan moving forward. In my work as a psychologist, I offer a safe and respectful space where you can feel heard and explore what matters to you. I value honest, authentic connection and approach each person with curiosity, care, and without judgment. Together, we will work on strengthen your inner resources, and find ways forward that feel aligned with who you are. \n\nI have worked for more than 20 years as a Clinical Psychologist in New Zealand, in health, education and private settings. Clinical Psychologists have specialized knowledge of diagnosing, assessing and treating a wide range of mental, emotional, and behavioural disorders. During my work as a Clinical Psychologist, I also worked with survivors of sexual abuse and other trauma. I have an interest in concussion, pain and chronic health issues. I enjoy working with issues related to certain life phases, like early adulthood, menopause or parenthood. My clients come from all walks of life, cultures and ages. <\/p><p style=\"margin-top:1rem\"><\/p>\n <\/div>\n <p class=\"cards-label reveal\">Strengths & Experience<\/p>\n <div class=\"expertise-cards\">\n <div class=\"expertise-card reveal reveal-delay-1\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#9E9080\" stroke-width=\"1.5\"\/><path d=\"M10 6v4l2.5 2.5\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Cognitive Behavioural Therapy<\/p><p class=\"expertise-card-text\"><\/p>\n <\/div>\n <div class=\"expertise-card reveal reveal-delay-2\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 2C5.58 2 2 5.58 2 10s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z\" stroke=\"#9E9080\" stroke-width=\"1.5\"\/><path d=\"M10 7v6M7 10h6\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Children, Adolescents & Young Adults<\/p><p class=\"expertise-card-text\"><\/p>\n <\/div>\n <div class=\"expertise-card reveal reveal-delay-3\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M3 10h14M10 3v14\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Expat Life<\/p><p class=\"expertise-card-text\"><\/p>\n <\/div>\n <div class=\"expertise-card reveal reveal-delay-4\">\n <div class=\"expertise-card-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"14\" height=\"14\" rx=\"3\" stroke=\"#9E9080\" stroke-width=\"1.5\"\/><path d=\"M7 10l2 2 4-4\" stroke=\"#9E9080\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <p class=\"expertise-card-title\">Diagnosis & Intervention<p class=\"expertise-card-text\"><\/p>\n <\/div>\n <\/div> \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"symptoms\" class=\"section\">\n <div class=\"container\">\n <p class=\"section-label reveal\">#34<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\">Challenges<\/h2>\n <p class=\"symptoms-intro reveal reveal-delay-2\"><\/p>\n <div class=\"symptoms-grid\">\n <div class=\"symptom-card reveal reveal-delay-1\"><div class=\"symptom-tooltip\"><p>#37<\/p><\/div><p class=\"symptom-card-title\">Expat Life<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-2\"><div class=\"symptom-tooltip\"><p>OCD, Excessive worrying<\/p><\/div><p class=\"symptom-card-title\">Obsessive Thoughts<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-3\"><div class=\"symptom-tooltip\"><p>#39<\/p><\/div><p class=\"symptom-card-title\">Self-esteem<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-4\"><div class=\"symptom-tooltip\"><p>Life Phase changes<\/p><\/div><p class=\"symptom-card-title\">Grief & Loss<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-1\"><div class=\"symptom-tooltip\"><p>Parenting, Neurodiversity, ADHD, ASD<\/p><\/div><p class=\"symptom-card-title\">Child Development<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-2\"><div class=\"symptom-tooltip\"><p>Chronic illness, Pain, Concussion, Menopause, Disability<\/p><\/div><p class=\"symptom-card-title\">Health & Lifestyle<\/p<p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-3\"><div class=\"symptom-tooltip\"><p>Attachment Difficulties<\/p><\/div><p class=\"symptom-card-title\">Relationships<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-4\"><div class=\"symptom-tooltip\"><p>Depression, Anger, Irritability, Manic Episodes<\/p><\/div><p class=\"symptom-card-title\">Mood<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-1\"><div class=\"symptom-tooltip\"><p>Abuse, Traumatic Experiences, PTSD<\/p><\/div><p class=\"symptom-card-title\">Trauma<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <div class=\"symptom-card reveal reveal-delay-2\"><div class=\"symptom-tooltip\"><p>#64<\/p><\/div><p class=\"symptom-card-title\">Anxiety<\/p><p class=\"symptom-card-sub\"><\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"pricing\" class=\"section\">\n <div class=\"container\">\n <p class=\"section-label reveal\">Offers & Pricing<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\">Important to know<\/h2>\n <p class=\"pricing-intro reveal reveal-delay-2\">Therapy is not about fixing what is \u201cwrong,\u201d but about supporting growth, resilience, and self-understanding\u2014at your pace, and in a way that feels right for you. I belief my extensive psychological knowledge and experience can help you figure out what is affecting your life negatively and find a positive path forward. <\/p>\n\n <div class=\"pricing-grid\">\n\n <div class=\"pricing-card reveal reveal-delay-1\">\n <span class=\"pricing-badge\">Initial \/ Follow-up<\/span>\n <p class=\"pricing-duration\">30 min<\/p>\n <p class=\"pricing-price\">85 CHF<\/p>\n <div class=\"pricing-divider\"><\/div>\n <p class=\"pricing-desc\">#69<\/p>\n <button class=\"pricing-cta\" onclick=\"openModal('Initial \/ Follow-up','30 min Session','85 CHF')\">Book Now<\/button>\n <\/div>\n\n <div class=\"pricing-card featured reveal reveal-delay-2\">\n <span class=\"pricing-badge\">Most Popular<\/span>\n <p class=\"pricing-duration\" style=\"color:#fff\">60 min<\/p>\n <p class=\"pricing-price\">170 CHF<\/p>\n <div class=\"pricing-divider\"><\/div>\n <p class=\"pricing-desc\">#70<\/p>\n <button class=\"pricing-cta\" onclick=\"openModal('Most Popular','60 min Session','170 CHF')\">Book Now<\/button>\n <\/div>\n\n <div class=\"pricing-card reveal reveal-delay-3\">\n <span class=\"pricing-badge\">Deep Session<\/span>\n <p class=\"pricing-duration\">90 min<\/p>\n <p class=\"pricing-price\">255 CHF<\/p>\n <div class=\"pricing-divider\"><\/div>\n <p class=\"pricing-desc\">#71<\/p>\n <button class=\"pricing-cta\" onclick=\"openModal('Deep Session','90 min Session','255 CHF')\">Book Now<\/button>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n <div class=\"divider\" aria-hidden=\"true\"><div class=\"divider-line\"><\/div><div class=\"divider-mark\"><\/div><div class=\"divider-line\"><\/div><\/div>\n\n\n \n <section id=\"experience\" class=\"section\">\n <div class=\"container\">\n <p class=\"section-label reveal\">Background<\/p>\n <h2 class=\"section-title reveal reveal-delay-1\">#72<\/h2>\n <div class=\"timeline\" style=\"margin-top:3rem\">\n <div class=\"timeline-col reveal reveal-delay-2\">\n <p class=\"timeline-col-label\"><span><\/span> Work Experience<\/p>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#73<\/p><p class=\"timeline-role\">#74<\/p><p class=\"timeline-place\">#75<\/p><p class=\"timeline-desc\">#76<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#77<\/p><p class=\"timeline-role\">#78<\/p><p class=\"timeline-place\">#79<\/p><p class=\"timeline-desc\">#80<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#81<\/p><p class=\"timeline-role\">#82<\/p><p class=\"timeline-place\">#83<\/p><p class=\"timeline-desc\">#84<\/p><\/div>\n <\/div>\n <div class=\"timeline-col reveal reveal-delay-3\">\n <p class=\"timeline-col-label\"><span><\/span> Education<\/p>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#85<\/p><p class=\"timeline-role\">#86<\/p><p class=\"timeline-place\">#87<\/p><p class=\"timeline-desc\">#88<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#89<\/p><p class=\"timeline-role\">#90<\/p><p class=\"timeline-place\">#91<\/p><p class=\"timeline-desc\">#92<\/p><\/div>\n <div class=\"timeline-item\"><p class=\"timeline-year\">#93<\/p><p class=\"timeline-role\">#94<\/p><p class=\"timeline-place\">#95<\/p><p class=\"timeline-desc\">#96<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <footer>\n <div class=\"footer-inner\">\n <div>\n <p class=\"footer-brand\">#97<\/p>\n <p class=\"footer-tagline\">#98<\/p>\n <\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#pricing\">Pricing<\/a><\/li>\n <li><a href=\"#experience\">Background<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <p class=\"footer-copy\">\u00a9 2025 #99. All rights reserved.<\/p>\n <\/footer>\n\n\n <script>\n \/* Navbar *\/\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 40);\n }, { passive: true });\n\n \/* Mobile nav *\/\n document.getElementById('hamburger').addEventListener('click', () => document.getElementById('mobileNav').classList.add('open'));\n document.getElementById('closeNav').addEventListener('click', () => document.getElementById('mobileNav').classList.remove('open'));\n function closeMobileNav() { document.getElementById('mobileNav').classList.remove('open'); }\n\n \/* Booking modal *\/\n const bookingModal = document.getElementById('bookingModal');\n const modalBadge = document.getElementById('modalBadge');\n const modalTitle = document.getElementById('modalTitle');\n const modalPrice = document.getElementById('modalPrice');\n\n function openModal(badge, title, price) {\n modalBadge.textContent = badge;\n modalTitle.textContent = title;\n modalPrice.textContent = price;\n bookingModal.classList.add('open');\n document.body.style.overflow = 'hidden';\n }\n function closeModal() {\n bookingModal.classList.remove('open');\n document.body.style.overflow = '';\n }\n\n document.getElementById('closeModal').addEventListener('click', closeModal);\n bookingModal.addEventListener('click', e => { if (e.target === bookingModal) closeModal(); });\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal(); });\n\n \/* Scroll reveal *\/\n const reveals = document.querySelectorAll('.reveal');\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(el => obs.observe(el));\n window.addEventListener('load', () => {\n reveals.forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight) el.classList.add('visible'); });\n });\n\n \/* Symptom touch toggle *\/\n document.querySelectorAll('.symptom-card').forEach(c => c.addEventListener('click', () => c.classList.toggle('active')));\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Online Psychologist The Online Psychologist About Expertise Symptoms Offers Background Book a Session \u2715 About Expertise Symptoms Offers Background \u2715 Session Type Book a Session Contact for pricing How to Book 1 Choose your preferred day & time. #1 \u2014 sessions are available Monday to Friday, morning and afternoon slots. 2 Reach out via […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":90,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":336,"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions\/336"}],"wp:attachment":[{"href":"https:\/\/theonlinepsychologist.nz\/index.php\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}