{"id":554,"date":"2026-02-23T01:45:04","date_gmt":"2026-02-23T01:45:04","guid":{"rendered":"https:\/\/www.preweb.site\/projects\/kcc\/our-team\/"},"modified":"2026-02-24T03:00:08","modified_gmt":"2026-02-24T03:00:08","slug":"our-team","status":"publish","type":"page","link":"https:\/\/www.preweb.site\/projects\/kcc\/our-team\/","title":{"rendered":"Our Team"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"554\" class=\"elementor elementor-554\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1420a11 e-con-full e-flex e-con e-parent\" data-id=\"1420a11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e81f15e elementor-widget elementor-widget-html\" data-id=\"e81f15e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ========================================\n   1. CORE DESIGN SYSTEM & BASE CSS\n   ======================================== *\/\n:root {\n  --brown-deep: #5C4A38;\n  --brown-mid: #7D6854;\n  --brown-warm: #7A6148;\n  --brown-pale: #C4A882;\n  --cream: #F5EFE8;\n  --cream-light: #FAF7F3;\n  --sand: #E8DDD0;\n  --text-dark: #1A1410;\n  --text-mid: #3D3228;\n  --text-light: #6B5C4C;\n  --white: #FFFFFF;\n}\n\n.kcc-team-page { font-family: 'Jost', sans-serif; color: var(--text-dark); background: var(--white); overflow-x: hidden; width: 100%; position: relative; }\n.kcc-team-page *, .kcc-team-page *::before, .kcc-team-page *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.kcc-team-page img { max-width: 100%; display: block; }\n.kcc-container { max-width: 1400px; margin: 0 auto; padding: 0 60px; }\n\n\/* Typography *\/\n.kcc-team-page .kcc-eyebrow { font-family: 'Jost', sans-serif; font-size: 0.8rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--brown-warm); font-weight: 600; display: block; margin-bottom: 16px; }\n.kcc-team-page .kcc-eyebrow.light { color: rgba(255,255,255,0.85); }\n.kcc-team-page .display-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(3rem, 6vw, 6.5rem); font-weight: 300; line-height: 0.95; color: var(--text-dark); letter-spacing: -0.02em; }\n.kcc-team-page .display-title em { font-style: italic; color: var(--brown-mid); }\n.kcc-team-page .section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.5rem, 4vw, 4rem); font-weight: 300; line-height: 1.1; color: var(--text-dark); }\n.kcc-team-page .body-text { font-size: 1.15rem; line-height: 1.85; color: var(--text-mid); font-weight: 300; }\n\n\/* Buttons *\/\n.kcc-team-page .btn-solid-white { display: inline-flex; align-items: center; gap: 10px; padding: 16px 40px; background: var(--white); color: var(--brown-deep); font-family: 'Jost', sans-serif; font-size: 0.8rem; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; border: none; border-radius: 60px; cursor: pointer; transition: all 0.35s ease; font-weight: 600; }\n.kcc-team-page .btn-solid-white:hover { background: var(--cream); transform: translateY(-2px); }\n.kcc-team-page .btn-outline-light { display: inline-flex; align-items: center; gap: 10px; padding: 16px 40px; background: transparent; color: var(--white); font-family: 'Jost', sans-serif; font-size: 0.8rem; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; border: 1px solid rgba(255,255,255,0.4); border-radius: 60px; transition: all 0.35s ease; font-weight: 500; }\n.kcc-team-page .btn-outline-light:hover { border-color: var(--white); background: rgba(255,255,255,0.1); }\n.kcc-team-page .btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 40px; background: var(--brown-mid); color: var(--white); font-family: 'Jost', sans-serif; font-size: 0.8rem; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; border-radius: 60px; transition: all 0.35s ease; font-weight: 500; cursor: pointer; border: none; }\n.kcc-team-page .btn-primary:hover { background: var(--brown-deep); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(92,74,56,0.35); }\n\n\/* Scroll Animations *\/\n.kcc-team-page [data-reveal] { opacity: 0; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1); }\n.kcc-team-page [data-reveal=\"fade-up\"]    { transform: translateY(48px); }\n.kcc-team-page [data-reveal=\"fade-left\"]  { transform: translateX(-48px); }\n.kcc-team-page [data-reveal=\"fade-right\"] { transform: translateX(48px); }\n.kcc-team-page [data-reveal].revealed     { opacity: 1; transform: none; }\n.kcc-team-page [data-reveal-stagger] > * { opacity: 0; transform: translateY(32px); transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1); }\n.kcc-team-page [data-reveal-stagger].revealed > *:nth-child(1) { transition-delay: 0.04s; }\n.kcc-team-page [data-reveal-stagger].revealed > *:nth-child(2) { transition-delay: 0.12s; }\n.kcc-team-page [data-reveal-stagger].revealed > *:nth-child(3) { transition-delay: 0.20s; }\n.kcc-team-page [data-reveal-stagger].revealed > *:nth-child(4) { transition-delay: 0.28s; }\n.kcc-team-page [data-reveal-stagger].revealed > * { opacity: 1; transform: none; }\n\n\/* ========================================\n   2. TEAM PAGE LAYOUT\n   ======================================== *\/\n.tm-hero { padding: 180px 0 100px; background: var(--cream-light); text-align: center; }\n.tm-hero-desc { font-size: 1.25rem; line-height: 1.7; color: var(--text-mid); font-weight: 300; max-width: 600px; margin: 30px auto 0; }\n\n.tm-grid-section { padding: 100px 0 140px; background: var(--white); }\n.tm-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }\n\n\/* The Featured Card (Dr. Hassan - FULL WIDTH) *\/\n.tm-card.featured { grid-column: 1 \/ -1; display: flex; background: var(--cream-light); border-radius: 6px; overflow: hidden; cursor: pointer; transition: box-shadow 0.4s ease; align-items: stretch; }\n.tm-card.featured:hover { box-shadow: 0 40px 80px rgba(0,0,0,0.08); }\n.tm-card.featured .tm-img-wrap { width: 40%; overflow: hidden; position: relative; }\n.tm-card.featured .tm-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); position: absolute; inset: 0; }\n.tm-card.featured:hover .tm-img-wrap img { transform: scale(1.05); }\n.tm-card.featured .tm-content { width: 60%; padding: 80px 100px; display: flex; flex-direction: column; justify-content: center; }\n.tm-card.featured .tm-role { font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--brown-warm); font-weight: 600; margin-bottom: 12px; display: block; }\n.tm-card.featured .tm-name { font-family: 'Cormorant Garamond', serif; font-size: 4rem; color: var(--text-dark); line-height: 1; margin-bottom: 24px; }\n.tm-card.featured .tm-creds { font-size: 0.95rem; color: var(--text-light); margin-bottom: 24px; font-weight: 400; }\n.tm-card.featured .tm-excerpt { font-size: 1.15rem; line-height: 1.8; color: var(--text-mid); font-weight: 300; margin-bottom: 40px; max-width: 600px; }\n.tm-card.featured .tm-link { font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--brown-mid); font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }\n.tm-card.featured .tm-link svg { transition: transform 0.3s; }\n.tm-card.featured:hover .tm-link svg { transform: translateX(6px); }\n\n\/* Standard Cards *\/\n.tm-card.standard { display: flex; flex-direction: column; cursor: pointer; position: relative; }\n.tm-card.standard .tm-img-wrap { aspect-ratio: 3\/4; overflow: hidden; border-radius: 4px; position: relative; margin-bottom: 24px; background: var(--cream); }\n.tm-card.standard .tm-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\n.tm-card.standard .tm-img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(92,74,56,0.8), transparent 50%); opacity: 0; transition: opacity 0.4s ease; display: flex; align-items: flex-end; padding: 30px; }\n.tm-card.standard:hover .tm-img-wrap img { transform: scale(1.05); }\n.tm-card.standard:hover .tm-img-overlay { opacity: 1; }\n.tm-card.standard .tm-overlay-text { color: var(--white); font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; font-weight: 600; transform: translateY(10px); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; align-items: center; gap: 8px; }\n.tm-card.standard:hover .tm-overlay-text { transform: translateY(0); }\n.tm-card.standard .tm-role { font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--brown-warm); font-weight: 600; margin-bottom: 8px; display: block; }\n.tm-card.standard .tm-name { font-family: 'Cormorant Garamond', serif; font-size: 2rem; color: var(--text-dark); line-height: 1.2; }\n\n\/* ========================================\n   3. THE MODAL SYSTEM\n   ======================================== *\/\n.tm-modal-overlay { position: fixed; inset: 0; background: rgba(26, 20, 16, 0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 40px; opacity: 0; pointer-events: none; transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1); }\n.tm-modal-overlay.active { opacity: 1; pointer-events: auto; }\n\n.tm-modal-window { width: 100%; max-width: 1100px; height: 80vh; min-height: 600px; background: var(--white); border-radius: 8px; overflow: hidden; display: flex; box-shadow: 0 40px 100px rgba(0,0,0,0.3); transform: translateY(30px) scale(0.98); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; }\n.tm-modal-overlay.active .tm-modal-window { transform: translateY(0) scale(1); }\n\n.tm-modal-close { position: absolute; top: 24px; right: 24px; width: 44px; height: 44px; background: var(--cream-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; border: none; transition: background 0.3s; color: var(--text-dark); }\n.tm-modal-close:hover { background: var(--sand); }\n\n.tm-modal-image { width: 45%; height: 100%; background: var(--cream); position: relative; }\n.tm-modal-image img { width: 100%; height: 100%; object-fit: cover; }\n\n.tm-modal-content { width: 55%; height: 100%; padding: 80px 60px; overflow-y: auto; display: flex; flex-direction: column; }\n.tm-modal-content::-webkit-scrollbar { width: 6px; }\n.tm-modal-content::-webkit-scrollbar-track { background: transparent; }\n.tm-modal-content::-webkit-scrollbar-thumb { background: var(--sand); border-radius: 10px; }\n\n.md-role { font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--brown-warm); font-weight: 600; margin-bottom: 12px; display: block; }\n.md-name { font-family: 'Cormorant Garamond', serif; font-size: 3.5rem; color: var(--text-dark); line-height: 1; margin-bottom: 16px; }\n.md-creds { font-size: 0.95rem; color: var(--text-light); margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid var(--sand); }\n.md-bio { font-size: 1.1rem; line-height: 1.85; color: var(--text-mid); font-weight: 300; margin-bottom: 40px; }\n\n.md-specialties { margin-bottom: 40px; }\n.md-specialties h4 { font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-dark); font-weight: 600; margin-bottom: 16px; }\n.md-specs-list { display: flex; flex-wrap: wrap; gap: 10px; }\n.md-spec-tag { background: var(--cream-light); border: 1px solid var(--sand); padding: 8px 16px; border-radius: 30px; font-size: 0.8rem; color: var(--text-mid); font-weight: 500; }\n\n.md-actions { margin-top: auto; padding-top: 30px; border-top: 1px solid var(--sand); }\n\n\/* Premium CTA *\/\n.tx-premium-cta { padding: 100px 0 140px; background: var(--white); }\n.tx-cta-box { display: grid; grid-template-columns: 1.1fr 1fr; background: var(--brown-deep); border-radius: 8px; overflow: hidden; box-shadow: 0 40px 80px rgba(0,0,0,0.1); }\n.tx-cta-image { position: relative; min-height: 500px; }\n.tx-cta-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.85; filter: grayscale(20%); }\n.tx-cta-text { padding: 100px 80px; display: flex; flex-direction: column; justify-content: center; position: relative; color: var(--white); }\n.tx-cta-text::before { content: 'KCC'; position: absolute; top: -10px; right: -10px; font-family: 'Cormorant Garamond', serif; font-size: 16rem; font-style: italic; color: rgba(255,255,255,0.02); line-height: 1; pointer-events: none; }\n.tx-cta-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(3rem, 4vw, 4.5rem); font-weight: 300; line-height: 1.05; margin-bottom: 24px; color: var(--white); position: relative; z-index: 2; }\n.tx-cta-title em { color: var(--brown-pale); font-style: italic; }\n.tx-cta-desc { font-size: 1rem; line-height: 1.8; color: rgba(255,255,255,0.7); font-weight: 300; margin-bottom: 40px; max-width: 400px; position: relative; z-index: 2; }\n.tx-cta-actions { display: flex; gap: 16px; flex-wrap: wrap; position: relative; z-index: 2; }\n\n\/* ========================================\n   4. RESPONSIVE DESIGN\n   ======================================== *\/\n@media (max-width: 1024px) {\n  .kcc-container { padding: 0 40px; }\n  .tm-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }\n  .tm-card.featured .tm-content { padding: 60px; }\n  \n  .tm-modal-window { height: 90vh; }\n  .tm-modal-content { padding: 60px 40px; }\n  \n  .tx-cta-box { grid-template-columns: 1fr; }\n  .tx-cta-image { min-height: 350px; order: -1; }\n  .tx-cta-text { padding: 60px 40px; }\n}\n\n@media (max-width: 768px) {\n  .kcc-container { padding: 0 24px; }\n  .tm-hero { padding: 140px 0 60px; }\n  .tm-grid { grid-template-columns: 1fr; gap: 40px; }\n  \n  .tm-card.featured { flex-direction: column; }\n  .tm-card.featured .tm-img-wrap { width: 100%; aspect-ratio: 4\/5; position: relative; }\n  .tm-card.featured .tm-content { width: 100%; padding: 40px 30px; }\n  .tm-card.featured .tm-name { font-size: 2.8rem; }\n  \n  .tm-modal-overlay { padding: 0; }\n  .tm-modal-window { height: 100vh; border-radius: 0; flex-direction: column; transform: translateY(100px); }\n  .tm-modal-image { width: 100%; height: 40vh; flex-shrink: 0; }\n  .tm-modal-content { width: 100%; height: 60vh; padding: 40px 24px; }\n  .md-name { font-size: 2.8rem; }\n  .tm-modal-close { top: 16px; right: 16px; background: rgba(255,255,255,0.9); }\n  \n  .tx-cta-actions a { width: 100%; justify-content: center; }\n  .tx-cta-text { padding: 50px 24px; }\n}\n<\/style>\n\n<!-- ========================================\n     KCC OUR TEAM WRAPPER\n     ======================================== -->\n<div class=\"kcc-team-page\">\n\n  <!-- HERO SECTION -->\n  <section class=\"tm-hero\">\n    <div class=\"kcc-container\">\n      <span class=\"kcc-eyebrow\" data-reveal=\"fade-up\">The Experts<\/span>\n      <h1 class=\"display-title split-title\">\n        <span class=\"line\"><span class=\"line-inner\">Masters of<\/span><\/span>\n        <span class=\"line\"><span class=\"line-inner\"><em>Aesthetics.<\/em><\/span><\/span>\n      <\/h1>\n      <p class=\"tm-hero-desc\" data-reveal=\"fade-up\" style=\"transition-delay: 0.3s;\">\n        Meet the world-class surgeons and practitioners behind Kensington Cosmetic Clinic. A collective of visionaries dedicated to the art and science of transformation.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- TEAM GRID -->\n  <section class=\"tm-grid-section\">\n    <div class=\"kcc-container\">\n      <div class=\"tm-grid\" data-reveal-stagger>\n        \n        <!-- CARD 1: DR. HASSAN (Featured \/ Spans Full Row) -->\n        <div class=\"tm-card featured js-team-trigger\" \n             data-name=\"Dr. Hassan Soueid\" \n             data-role=\"Lead Cosmetic & Plastic Surgeon\" \n             data-creds=\"MD | GMC 6107783 | CQC Registered\" \n             data-bio=\"With a career spanning over two decades, Dr. Hassan Soueid is widely regarded as one of London's most meticulous and sought-after cosmetic surgeons. Trained at the prestigious Queen Victoria Hospital and Guy's & St Thomas' NHS Foundation Trust, his unparalleled understanding of facial anatomy allows him to perform highly advanced techniques, such as the deep-plane SMAS facelift, with incredible precision. For Dr. Hassan, surgery is a profound responsibility, favoring honest, conservative approaches to ensure natural harmony.\" \n             data-specialties=\"Facelift & Necklift, Blepharoplasty, Liposuction, Bespoke Surgical Planning\" \n             data-image=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Hassan-Soueid.jpg\">\n          <div class=\"tm-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Hassan-Soueid.jpg\" alt=\"Dr. Hassan Soueid\">\n          <\/div>\n          <div class=\"tm-content\">\n            <span class=\"tm-role\">Lead Surgeon & Founder<\/span>\n            <h3 class=\"tm-name\">Dr. Hassan Soueid<\/h3>\n            <span class=\"tm-creds\">GMC 6107783 | 20+ Years Experience<\/span>\n            <p class=\"tm-excerpt\">Founder and visionary behind KCC. A pioneer in the deep-plane SMAS facelift with over two decades of international and NHS reconstructive experience.<\/p>\n            <span class=\"tm-link\">Read Full Biography <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 2: MR. ALI GHANEM -->\n        <div class=\"tm-card standard js-team-trigger\"\n             data-name=\"Mr. Ali Ghanem\" \n             data-role=\"Consultant Plastic Surgeon\" \n             data-creds=\"MD, PhD, FRCS(Plast)\" \n             data-bio=\"Mr. Ali Ghanem is a multi-award-winning aesthetic plastic surgeon with a global reputation. He has completed highly sought-after international fellowships in Seoul, Brussels, Paris, Toronto, and Miami. His approach bridges the gap between surgical excellence and regenerative medicine, ensuring patients not only look rejuvenated but achieve genuine cellular vitality.\" \n             data-specialties=\"Aesthetic Plastic Surgery, Regenerative Medicine, Stem Cell Therapy\" \n             data-image=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Ali-Ghanem.jpg\">\n          <div class=\"tm-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Ali-Ghanem.jpg\" alt=\"Mr. Ali Ghanem\">\n            <div class=\"tm-img-overlay\">\n              <span class=\"tm-overlay-text\">Read Bio <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n            <\/div>\n          <\/div>\n          <span class=\"tm-role\">Consultant Plastic Surgeon<\/span>\n          <h3 class=\"tm-name\">Mr. Ali Ghanem<\/h3>\n        <\/div>\n\n        <!-- CARD 3: MR. TUNC TIRYAKI -->\n        <div class=\"tm-card standard js-team-trigger\"\n             data-name=\"Mr. Tun\u00e7 Tiryaki\" \n             data-role=\"Consultant Plastic Surgeon\" \n             data-creds=\"Board Certified | Professor\" \n             data-bio=\"A true pioneer in the field of regenerative medicine, Mr. Tun\u00e7 Tiryaki is internationally renowned for his minimally invasive suspension techniques and stem cell therapies. As the Chairman of Mage Biotechnologies and Chair for Humanitarian Programs at ISAPS, he brings a level of scientific innovation to Kensington Cosmetic Clinic that is unmatched in the UK.\" \n             data-specialties=\"Minimally Invasive Facelifts, Stem Cell Regeneration, Advanced Anti-Aging\" \n             data-image=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Tiryaki.jpg\">\n          <div class=\"tm-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Tiryaki.jpg\" alt=\"Mr. Tun\u00e7 Tiryaki\">\n            <div class=\"tm-img-overlay\">\n              <span class=\"tm-overlay-text\">Read Bio <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n            <\/div>\n          <\/div>\n          <span class=\"tm-role\">Consultant Plastic Surgeon<\/span>\n          <h3 class=\"tm-name\">Mr. Tun\u00e7 Tiryaki<\/h3>\n        <\/div>\n\n        <!-- CARD 4: SYLWIA BOZEK -->\n        <div class=\"tm-card standard js-team-trigger\"\n             data-name=\"Sylwia Bozek\" \n             data-role=\"Senior Aesthetic Practitioner\" \n             data-creds=\"15+ Years Experience | Co-Founder Alderley Edge\" \n             data-bio=\"With over 15 years of dedicated aesthetic experience, Sylwia Bozek is an authority on skin health and non-surgical rejuvenation. She specializes in highly advanced energy-based devices, including CO2 resurfacing and Morpheus8. Her meticulous, personalized protocols deliver transformative results that perfectly complement our surgical offerings.\" \n             data-specialties=\"Laser Resurfacing, Morpheus8, Polynucleotides, Advanced Skin Health\" \n             data-image=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Sylwia-.jpg\">\n          <div class=\"tm-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Sylwia-.jpg\" alt=\"Sylwia Bozek\">\n            <div class=\"tm-img-overlay\">\n              <span class=\"tm-overlay-text\">Read Bio <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n            <\/div>\n          <\/div>\n          <span class=\"tm-role\">Senior Aesthetic Practitioner<\/span>\n          <h3 class=\"tm-name\">Sylwia Bozek<\/h3>\n        <\/div>\n\n        <!-- CARD 5: ELIZABETH -->\n        <div class=\"tm-card standard js-team-trigger\"\n             data-name=\"Elizabeth\" \n             data-role=\"Patient Assistant\" \n             data-creds=\"Medical Assistant\" \n             data-bio=\"Elizabeth is an integral part of the clinical team at KCC. Serving as Dr. Hassan's dedicated patient assistant for local anaesthetic procedures, she brings a calm, reassuring presence to the surgical room. She also acts as the personal assistant to our dermatological specialists, ensuring the highest standard of clinical support.\" \n             data-specialties=\"Clinical Support, Pre-operative Care, Patient Comfort\" \n             data-image=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Elizabeth.jpg\">\n          <div class=\"tm-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Elizabeth.jpg\" alt=\"Elizabeth\">\n            <div class=\"tm-img-overlay\">\n              <span class=\"tm-overlay-text\">Read Bio <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n            <\/div>\n          <\/div>\n          <span class=\"tm-role\">Patient Assistant<\/span>\n          <h3 class=\"tm-name\">Elizabeth<\/h3>\n        <\/div>\n\n        <!-- CARD 6: ANAISA -->\n        <div class=\"tm-card standard js-team-trigger\"\n             data-name=\"Anaisa\" \n             data-role=\"Clinic Coordinator\" \n             data-creds=\"Head of Reception\" \n             data-bio=\"Anaisa is the face of Kensington Cosmetic Clinic and your first point of contact. With a background in luxury hospitality, she ensures that every patient receives a seamless, warm, and highly confidential experience. From coordinating complex international travel arrangements to managing your aftercare schedule, Anaisa handles every detail with grace.\" \n             data-specialties=\"VIP Concierge, Patient Coordination, Clinic Management\" \n             data-image=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Anaisa.jpg\">\n          <div class=\"tm-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2026\/02\/Anaisa.jpg\" alt=\"Anaisa\">\n            <div class=\"tm-img-overlay\">\n              <span class=\"tm-overlay-text\">Read Bio <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n            <\/div>\n          <\/div>\n          <span class=\"tm-role\">Clinic Coordinator<\/span>\n          <h3 class=\"tm-name\">Anaisa<\/h3>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== THE MODAL OVERLAY ==================== -->\n  <div class=\"tm-modal-overlay\" id=\"teamModal\">\n    <div class=\"tm-modal-window\">\n      \n      <!-- Close Button -->\n      <button class=\"tm-modal-close\" id=\"closeModal\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/button>\n\n      <!-- Modal Image -->\n      <div class=\"tm-modal-image\">\n        <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Team Member\">\n      <\/div>\n\n      <!-- Modal Content -->\n      <div class=\"tm-modal-content\">\n        <span class=\"md-role\" id=\"modalRole\"><\/span>\n        <h2 class=\"md-name\" id=\"modalName\"><\/h2>\n        <div class=\"md-creds\" id=\"modalCreds\"><\/div>\n        \n        <p class=\"md-bio\" id=\"modalBio\"><\/p>\n        \n        <div class=\"md-specialties\">\n          <h4>Key Areas of Expertise<\/h4>\n          <div class=\"md-specs-list\" id=\"modalSpecs\">\n            <!-- Tags injected via JS -->\n          <\/div>\n        <\/div>\n\n        <div class=\"md-actions\">\n          <a href=\"https:\/\/www.preweb.site\/projects\/kcc\/contact\/\" class=\"btn-primary\" style=\"width: 100%;\">Book Consultation<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ==================== PREMIUM CTA ==================== -->\n  <section class=\"tx-premium-cta\" id=\"consultation\">\n    <div class=\"kcc-container\">\n      <div class=\"tx-cta-box\" data-reveal=\"fade-up\">\n        \n        <!-- Text Panel -->\n        <div class=\"tx-cta-text\">\n          <span class=\"kcc-eyebrow light\">Next Steps<\/span>\n          <h2 class=\"tx-cta-title\">\n            Begin your journey with <em>Kensington.<\/em>\n          <\/h2>\n          <p class=\"tx-cta-desc\">\n            Schedule a private, in-depth consultation with our world-class practitioners to discuss your unique aesthetic goals.\n          <\/p>\n          <div class=\"tx-cta-actions\">\n            <a href=\"https:\/\/www.preweb.site\/projects\/kcc\/contact\/\" class=\"btn-solid-white\">Book Consultation<\/a>\n            <a href=\"tel:+447764391750\" class=\"btn-outline-light\">+44 77 643 91750<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Image Panel (Updated to The-Residence-scaled.jpg) -->\n        <div class=\"tx-cta-image\">\n          <img decoding=\"async\" src=\"https:\/\/www.preweb.site\/projects\/kcc\/wp-content\/uploads\/2025\/11\/The-Residence-scaled.jpg\" alt=\"Kensington Cosmetic Clinic Consultation\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n<!-- END KCC OUR TEAM WRAPPER -->\n\n<!-- ANIMATION & MODAL SCRIPT -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \n  \/\/ 1. Initial Page Load Animations\n  setTimeout(() => {\n    document.querySelectorAll('.kcc-team-page .split-title').forEach(el => el.classList.add('revealed'));\n  }, 100);\n\n  \/\/ 2. Scroll Observer for Grid and CTA\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('revealed');\n      io.unobserve(entry.target);\n    });\n  }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n\n  document.querySelectorAll('.kcc-team-page [data-reveal], .kcc-team-page [data-reveal-stagger]').forEach(el => {\n    io.observe(el);\n  });\n\n  \/\/ 3. Modal Logic\n  const cards = document.querySelectorAll('.js-team-trigger');\n  const modal = document.getElementById('teamModal');\n  const closeBtn = document.getElementById('closeModal');\n  \n  \/\/ Modal DOM elements to populate\n  const modImg = document.getElementById('modalImg');\n  const modName = document.getElementById('modalName');\n  const modRole = document.getElementById('modalRole');\n  const modCreds = document.getElementById('modalCreds');\n  const modBio = document.getElementById('modalBio');\n  const modSpecs = document.getElementById('modalSpecs');\n\n  function openModal(data) {\n    \/\/ Populate data\n    modImg.src = data.image;\n    modImg.alt = data.name;\n    modName.textContent = data.name;\n    modRole.textContent = data.role;\n    modCreds.textContent = data.creds;\n    modBio.textContent = data.bio;\n    \n    \/\/ Process specialties into tags\n    modSpecs.innerHTML = '';\n    const specsArray = data.specialties.split(',');\n    specsArray.forEach(spec => {\n      const tag = document.createElement('span');\n      tag.className = 'md-spec-tag';\n      tag.textContent = spec.trim();\n      modSpecs.appendChild(tag);\n    });\n\n    \/\/ Show modal & lock scroll\n    modal.classList.add('active');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function closeModal() {\n    modal.classList.remove('active');\n    document.body.style.overflow = '';\n  }\n\n  \/\/ Attach click events to all cards\n  cards.forEach(card => {\n    card.addEventListener('click', () => {\n      const data = {\n        name: card.getAttribute('data-name'),\n        role: card.getAttribute('data-role'),\n        creds: card.getAttribute('data-creds'),\n        bio: card.getAttribute('data-bio'),\n        image: card.getAttribute('data-image'),\n        specialties: card.getAttribute('data-specialties')\n      };\n      openModal(data);\n    });\n  });\n\n  \/\/ Close bindings\n  closeBtn.addEventListener('click', closeModal);\n  modal.addEventListener('click', (e) => {\n    \/\/ If clicking directly on the overlay background (not the white window)\n    if (e.target === modal) {\n      closeModal();\n    }\n  });\n\n  \/\/ Esc key to close\n  document.addEventListener('keydown', (e) => {\n    if (e.key === 'Escape' && modal.classList.contains('active')) {\n      closeModal();\n    }\n  });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Experts Masters of Aesthetics. Meet the world-class surgeons and practitioners behind Kensington Cosmetic Clinic. A collective of visionaries dedicated to the [&hellip;]<\/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-554","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/pages\/554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/comments?post=554"}],"version-history":[{"count":6,"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/pages\/554\/revisions"}],"predecessor-version":[{"id":853,"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/pages\/554\/revisions\/853"}],"wp:attachment":[{"href":"https:\/\/www.preweb.site\/projects\/kcc\/wp-json\/wp\/v2\/media?parent=554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}