{"id":490,"date":"2026-07-23T12:34:55","date_gmt":"2026-07-23T12:34:55","guid":{"rendered":"https:\/\/knwbholdings.co.za\/?page_id=490"},"modified":"2026-07-23T14:25:59","modified_gmt":"2026-07-23T14:25:59","slug":"photography-one-page-website","status":"publish","type":"page","link":"https:\/\/knwbholdings.co.za\/?page_id=490","title":{"rendered":"Photography One-Page Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"490\" class=\"elementor elementor-490\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec27e12 e-flex e-con-boxed e-con e-parent\" data-id=\"ec27e12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49aca75 elementor-widget elementor-widget-html\" data-id=\"49aca75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  KNWB SIMBA PONDANI PHOTOGRAPHY EXPERIENCE V4\r\n  Ultra-premium black-and-gold, full-bleed, Elementor-ready sample website.\r\n\r\n  INSTALLATION\r\n  1. Create a new page and select Elementor Canvas or Elementor Full Width.\r\n  2. Add ONE HTML widget.\r\n  3. Paste this entire file into the widget.\r\n\r\n  FAST CUSTOMISATION\r\n  - Brand installed: SIMBA PONDANI PHOTOGRAPHY\r\n  - Logo URL: https:\/\/knwbholdings.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-23-2026-03_13_04-PM.png\r\n  - Replace WhatsApp number: 27820000000\r\n  - Replace email: hello@simbapondaniphotography.co.za\r\n  - Replace the Unsplash image URLs with the photographer's own high-resolution images.\r\n  - This remains a KNWB concept\/sample website until the customer approves and supplies final content.\r\n-->\r\n\r\n<div id=\"knwb-photo-v2\" class=\"knwb-photo-v2\">\r\n  <div class=\"kp2-sample-ribbon\" aria-label=\"KNWB sample website\">\r\n    <span>KNWB Concept<\/span>\r\n    <strong>Photography Website Sample<\/strong>\r\n  <\/div>\r\n  <div class=\"kp2-preloader\" aria-hidden=\"true\">\r\n    <div class=\"kp2-preloader-inner\">\r\n      <div class=\"kp2-loader-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/knwbholdings.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-23-2026-03_13_04-PM.png\" alt=\"Simba Pondani Photography\">\r\n      <\/div>\r\n      <div class=\"kp2-loader-copy\">\r\n        <span>Preparing the experience<\/span>\r\n        <strong><b id=\"kp2LoaderNumber\">00<\/b>%<\/strong>\r\n      <\/div>\r\n      <div class=\"kp2-loader-line\"><i id=\"kp2LoaderLine\"><\/i><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <canvas class=\"kp2-canvas\" id=\"kp2Canvas\" aria-hidden=\"true\"><\/canvas>\r\n  <div class=\"kp2-grain\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"kp2-aurora\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\r\n  <div class=\"kp2-progress\" aria-hidden=\"true\"><span id=\"kp2Progress\"><\/span><\/div>\r\n  <div class=\"kp2-cursor\" id=\"kp2Cursor\" aria-hidden=\"true\"><span>VIEW<\/span><\/div>\r\n  <div class=\"kp2-cursor-dot\" id=\"kp2CursorDot\" aria-hidden=\"true\"><\/div>\r\n\r\n  <header class=\"kp2-nav\" id=\"kp2Nav\">\r\n    <a href=\"#kp2Home\" class=\"kp2-brand\" aria-label=\"Simba Pondani Photography home\">\r\n      <span class=\"kp2-brand-symbol\">\r\n        <img decoding=\"async\" src=\"https:\/\/knwbholdings.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-23-2026-03_13_04-PM.png\" alt=\"\" aria-hidden=\"true\">\r\n      <\/span>\r\n      <span class=\"kp2-brand-words\">\r\n        <strong>SIMBA PONDANI<\/strong>\r\n        <small>PHOTOGRAPHY<\/small>\r\n      <\/span>\r\n    <\/a>\r\n\r\n    <nav class=\"kp2-menu\" aria-label=\"Primary navigation\">\r\n      <a href=\"#kp2Work\">Work<\/a>\r\n      <a href=\"#kp2Signature\">Signature<\/a>\r\n      <a href=\"#kp2Services\">Services<\/a>\r\n      <a href=\"#kp2About\">Artist<\/a>\r\n      <a href=\"#kp2Contact\">Enquire<\/a>\r\n    <\/nav>\r\n\r\n    <a href=\"#kp2Contact\" class=\"kp2-nav-cta kp2-magnetic\">\r\n      <span>Reserve your date<\/span><i>\u2197<\/i>\r\n    <\/a>\r\n\r\n    <button class=\"kp2-menu-button\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n      <span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/header>\r\n\r\n  <main>\r\n    <section class=\"kp2-hero\" id=\"kp2Home\">\r\n      <div class=\"kp2-hero-image kp2-hero-image-a\" data-kp2-parallax=\"0.13\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=2400&q=92\" alt=\"Luxury wedding photography\" fetchpriority=\"high\">\r\n      <\/div>\r\n      <div class=\"kp2-hero-image kp2-hero-image-b\" data-kp2-parallax=\"-0.08\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1400&q=92\" alt=\"Elegant wedding celebration\" fetchpriority=\"high\">\r\n      <\/div>\r\n      <div class=\"kp2-hero-vignette\"><\/div>\r\n      <div class=\"kp2-hero-lines\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\r\n      <div class=\"kp2-orbit kp2-orbit-a\" aria-hidden=\"true\"><i><\/i><\/div>\r\n      <div class=\"kp2-orbit kp2-orbit-b\" aria-hidden=\"true\"><i><\/i><\/div>\r\n\r\n      <div class=\"kp2-hero-content kp2-hero-content-v5\">\r\n        <div class=\"kp2-hero-topline kp2-reveal\">\r\n          <span>Johannesburg \u00b7 Cape Town \u00b7 Worldwide<\/span>\r\n          <span>KNWB Concept Website Sample<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"kp2-hero-brandmark kp2-reveal\" aria-label=\"Simba Pondani Photography\">\r\n          <div class=\"kp2-hero-logo-system\" aria-hidden=\"true\">\r\n            <span class=\"kp2-logo-ring kp2-logo-ring-one\"><\/span>\r\n            <span class=\"kp2-logo-ring kp2-logo-ring-two\"><\/span>\r\n            <span class=\"kp2-logo-ring kp2-logo-ring-three\"><\/span>\r\n            <i class=\"kp2-logo-particle kp2-logo-particle-one\"><\/i>\r\n            <i class=\"kp2-logo-particle kp2-logo-particle-two\"><\/i>\r\n            <i class=\"kp2-logo-particle kp2-logo-particle-three\"><\/i>\r\n          <\/div>\r\n\r\n          <div class=\"kp2-hero-logo-frame\">\r\n            <span class=\"kp2-hero-logo-shine\" aria-hidden=\"true\"><\/span>\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/knwbholdings.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-23-2026-03_13_04-PM.png\"\r\n              alt=\"Simba Pondani Photography logo\">\r\n          <\/div>\r\n\r\n          <div class=\"kp2-hero-logo-caption\">\r\n            <span>Simba Pondani Photography<\/span>\r\n            <strong>Where vision becomes legacy<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kp2-hero-title-wrap\">\r\n          <p class=\"kp2-eyebrow kp2-reveal\"><i><\/i>Distinctive photography. Powerful visual legacy.<\/p>\r\n          <h1 class=\"kp2-hero-title\" aria-label=\"Your story deserves to feel cinematic\">\r\n            <span class=\"kp2-title-row\"><em>Your story<\/em><\/span>\r\n            <span class=\"kp2-title-row kp2-outline\"><em>deserves to feel<\/em><\/span>\r\n            <span class=\"kp2-title-row kp2-indent\"><em>cinematic.<\/em><\/span>\r\n          <\/h1>\r\n        <\/div>\r\n\r\n        <div class=\"kp2-hero-foot\">\r\n          <p class=\"kp2-reveal\">Refined storytelling, decisive creative direction and imagery designed to become part of your legacy.<\/p>\r\n          <a href=\"#kp2Work\" class=\"kp2-disc kp2-magnetic\" aria-label=\"Explore selected work\">\r\n            <span>Enter<br>the story<\/span>\r\n            <svg viewBox=\"0 0 160 160\" aria-hidden=\"true\">\r\n              <defs><path id=\"kp2Circle\" d=\"M80,80 m-59,0 a59,59 0 1,1 118,0 a59,59 0 1,1 -118,0\"><\/path><\/defs>\r\n              <text><textPath href=\"#kp2Circle\">LIGHT \u00b7 PEOPLE \u00b7 ENERGY \u00b7 MEMORY \u00b7 ART \u00b7 <\/textPath><\/text>\r\n            <\/svg>\r\n            <i>\u2193<\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kp2-side-note\" aria-hidden=\"true\">Scroll to experience<\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-ticker\" aria-label=\"Photography disciplines\">\r\n      <div class=\"kp2-ticker-track\">\r\n        <span>WEDDINGS<\/span><i>\u2726<\/i><span>EDITORIAL<\/span><i>\u2726<\/i><span>PORTRAITS<\/span><i>\u2726<\/i><span>BRANDS<\/span><i>\u2726<\/i><span>DESTINATIONS<\/span><i>\u2726<\/i>\r\n        <span>WEDDINGS<\/span><i>\u2726<\/i><span>EDITORIAL<\/span><i>\u2726<\/i><span>PORTRAITS<\/span><i>\u2726<\/i><span>BRANDS<\/span><i>\u2726<\/i><span>DESTINATIONS<\/span><i>\u2726<\/i>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-manifesto kp2-pad\" id=\"kp2Signature\">\r\n      <div class=\"kp2-section-index kp2-reveal\">01 \/ SIGNATURE<\/div>\r\n      <div class=\"kp2-manifesto-main\">\r\n        <p class=\"kp2-kicker kp2-reveal\">We do not simply document what happened<\/p>\r\n        <h2 class=\"kp2-display kp2-reveal\">We build a visual world around the way it felt.<\/h2>\r\n      <\/div>\r\n      <div class=\"kp2-manifesto-side kp2-reveal\">\r\n        <p>Every commission is approached like an editorial production: intentional light, effortless direction, refined styling and space for real emotion to unfold.<\/p>\r\n        <a href=\"#kp2Contact\" class=\"kp2-arrow-link\">Create something iconic <span>\u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-cinematic-story\">\r\n      <div class=\"kp2-cinematic-media\" data-kp2-parallax=\"0.10\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522673607200-164d1b6ce486?auto=format&fit=crop&w=2400&q=92\" alt=\"Romantic editorial photography\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"kp2-cinematic-shade\"><\/div>\r\n      <div class=\"kp2-cinematic-copy\">\r\n        <p class=\"kp2-kicker kp2-reveal\">The Simba Pondani signature<\/p>\r\n        <h2 class=\"kp2-reveal\">Poetic.<br><span>Powerful.<\/span><br>Unmistakably yours.<\/h2>\r\n        <p class=\"kp2-reveal\">A disciplined balance of authentic emotion, editorial precision and unmistakable visual presence. Every frame is created to carry meaning.<\/p>\r\n      <\/div>\r\n      <div class=\"kp2-floating-stamp\" aria-hidden=\"true\">\r\n        <span>AUTHENTICITY \u00b7 ARTISTRY \u00b7 ATMOSPHERE \u00b7 <\/span>\r\n        <b>\u221e<\/b>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-work kp2-pad\" id=\"kp2Work\">\r\n      <div class=\"kp2-work-head\">\r\n        <div>\r\n          <p class=\"kp2-kicker kp2-reveal\">Selected stories<\/p>\r\n          <h2 class=\"kp2-display kp2-reveal\">A portfolio that moves.<\/h2>\r\n        <\/div>\r\n        <div class=\"kp2-filters kp2-reveal\" role=\"group\" aria-label=\"Filter portfolio\">\r\n          <button class=\"is-active\" type=\"button\" data-kp2-filter=\"all\">All<\/button>\r\n          <button type=\"button\" data-kp2-filter=\"weddings\">Weddings<\/button>\r\n          <button type=\"button\" data-kp2-filter=\"portraits\">Portraits<\/button>\r\n          <button type=\"button\" data-kp2-filter=\"brands\">Brands<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kp2-gallery\">\r\n        <article class=\"kp2-card kp2-card-a kp2-tilt\" data-category=\"weddings\" data-title=\"The First Look\" data-meta=\"Wedding \u00b7 Johannesburg\" tabindex=\"0\">\r\n          <div class=\"kp2-card-image\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=1400&q=90\" alt=\"Wedding couple at sunset\" loading=\"lazy\"><\/div>\r\n          <div class=\"kp2-card-glow\"><\/div>\r\n          <div class=\"kp2-card-copy\"><span>Wedding \/ 01<\/span><h3>The First Look<\/h3><i>\u2197<\/i><\/div>\r\n        <\/article>\r\n\r\n        <article class=\"kp2-card kp2-card-b kp2-tilt\" data-category=\"portraits\" data-title=\"Quiet Power\" data-meta=\"Editorial portrait \u00b7 Studio\" tabindex=\"0\">\r\n          <div class=\"kp2-card-image\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1400&q=90\" alt=\"Editorial portrait\" loading=\"lazy\"><\/div>\r\n          <div class=\"kp2-card-glow\"><\/div>\r\n          <div class=\"kp2-card-copy\"><span>Portrait \/ 02<\/span><h3>Quiet Power<\/h3><i>\u2197<\/i><\/div>\r\n        <\/article>\r\n\r\n        <article class=\"kp2-card kp2-card-c kp2-tilt\" data-category=\"brands\" data-title=\"Sculpted Light\" data-meta=\"Fashion campaign \u00b7 Cape Town\" tabindex=\"0\">\r\n          <div class=\"kp2-card-image\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509631179647-0177331693ae?auto=format&fit=crop&w=1400&q=90\" alt=\"Fashion editorial\" loading=\"lazy\"><\/div>\r\n          <div class=\"kp2-card-glow\"><\/div>\r\n          <div class=\"kp2-card-copy\"><span>Brand \/ 03<\/span><h3>Sculpted Light<\/h3><i>\u2197<\/i><\/div>\r\n        <\/article>\r\n\r\n        <article class=\"kp2-card kp2-card-d kp2-tilt\" data-category=\"weddings\" data-title=\"After the Vows\" data-meta=\"Destination wedding \u00b7 Winelands\" tabindex=\"0\">\r\n          <div class=\"kp2-card-image\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1600&q=90\" alt=\"Wedding celebration\" loading=\"lazy\"><\/div>\r\n          <div class=\"kp2-card-glow\"><\/div>\r\n          <div class=\"kp2-card-copy\"><span>Wedding \/ 04<\/span><h3>After the Vows<\/h3><i>\u2197<\/i><\/div>\r\n        <\/article>\r\n\r\n        <article class=\"kp2-card kp2-card-e kp2-tilt\" data-category=\"portraits\" data-title=\"Modern Muse\" data-meta=\"Portrait series \u00b7 Johannesburg\" tabindex=\"0\">\r\n          <div class=\"kp2-card-image\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=1400&q=90\" alt=\"Modern portrait\" loading=\"lazy\"><\/div>\r\n          <div class=\"kp2-card-glow\"><\/div>\r\n          <div class=\"kp2-card-copy\"><span>Portrait \/ 05<\/span><h3>Modern Muse<\/h3><i>\u2197<\/i><\/div>\r\n        <\/article>\r\n\r\n        <article class=\"kp2-card kp2-card-f kp2-tilt\" data-category=\"brands\" data-title=\"Form \/ Motion\" data-meta=\"Brand campaign \u00b7 Gauteng\" tabindex=\"0\">\r\n          <div class=\"kp2-card-image\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1400&q=90\" alt=\"Brand fashion photography\" loading=\"lazy\"><\/div>\r\n          <div class=\"kp2-card-glow\"><\/div>\r\n          <div class=\"kp2-card-copy\"><span>Brand \/ 06<\/span><h3>Form \/ Motion<\/h3><i>\u2197<\/i><\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-quote-scene\">\r\n      <div class=\"kp2-quote-image\" data-kp2-parallax=\"0.12\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1469334031218-e382a71b716b?auto=format&fit=crop&w=2400&q=92\" alt=\"Editorial fashion photography\" loading=\"lazy\"><\/div>\r\n      <div class=\"kp2-quote-overlay\"><\/div>\r\n      <div class=\"kp2-quote-content\">\r\n        <span class=\"kp2-section-index kp2-reveal\">02 \/ PHILOSOPHY<\/span>\r\n        <blockquote class=\"kp2-reveal\">\u201cA powerful photograph does not ask to be noticed. It changes the atmosphere of the room.\u201d<\/blockquote>\r\n        <p class=\"kp2-reveal\">SIMBA PONDANI PHOTOGRAPHY<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-services kp2-pad\" id=\"kp2Services\">\r\n      <div class=\"kp2-services-intro\">\r\n        <div>\r\n          <p class=\"kp2-kicker kp2-reveal\">Ways to work together<\/p>\r\n          <h2 class=\"kp2-display kp2-reveal\">Made for moments that matter.<\/h2>\r\n        <\/div>\r\n        <p class=\"kp2-reveal\">From intimate celebrations to ambitious campaigns, each experience is custom-built around your vision, people and purpose.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"kp2-service-list\">\r\n        <article class=\"kp2-service kp2-reveal\" data-service-image=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=1200&q=88\">\r\n          <span>01<\/span><div><p>For the once-in-a-lifetime story<\/p><h3>Weddings & Elopements<\/h3><\/div><i>\u2197<\/i>\r\n        <\/article>\r\n        <article class=\"kp2-service kp2-reveal\" data-service-image=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1200&q=88\">\r\n          <span>02<\/span><div><p>For individuals and creative identities<\/p><h3>Portraits & Editorial<\/h3><\/div><i>\u2197<\/i>\r\n        <\/article>\r\n        <article class=\"kp2-service kp2-reveal\" data-service-image=\"https:\/\/images.unsplash.com\/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1200&q=88\">\r\n          <span>03<\/span><div><p>For brands that refuse to look generic<\/p><h3>Campaigns & Content<\/h3><\/div><i>\u2197<\/i>\r\n        <\/article>\r\n        <article class=\"kp2-service kp2-reveal\" data-service-image=\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1200&q=88\">\r\n          <span>04<\/span><div><p>For energy, atmosphere and scale<\/p><h3>Events & Experiences<\/h3><\/div><i>\u2197<\/i>\r\n        <\/article>\r\n      <\/div>\r\n      <div class=\"kp2-service-preview\" id=\"kp2ServicePreview\" aria-hidden=\"true\"><img decoding=\"async\" src=\"\" alt=\"\"><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-about kp2-pad\" id=\"kp2About\">\r\n      <div class=\"kp2-about-collage\">\r\n        <figure class=\"kp2-about-main kp2-reveal kp2-tilt\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557862921-37829c790f19?auto=format&fit=crop&w=1400&q=90\" alt=\"Photographer portrait\" loading=\"lazy\"><\/figure>\r\n        <figure class=\"kp2-about-small kp2-reveal\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1452780212940-6f5c0d14d848?auto=format&fit=crop&w=900&q=90\" alt=\"Photographer working\" loading=\"lazy\"><\/figure>\r\n        <div class=\"kp2-about-badge kp2-reveal\"><strong>12+<\/strong><span>years creating visual legacies<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"kp2-about-copy\">\r\n        <p class=\"kp2-kicker kp2-reveal\">The artist behind the lens<\/p>\r\n        <h2 class=\"kp2-display kp2-reveal\">Calm direction. Sharp instinct. Relentless attention to detail.<\/h2>\r\n        <p class=\"kp2-reveal\">The experience is as important as the final images. You are guided with clarity, given space to be fully present and photographed with a sensitivity that makes every frame feel natural rather than performed.<\/p>\r\n        <div class=\"kp2-about-stats kp2-reveal\">\r\n          <div><strong data-kp2-count=\"480\">0<\/strong><span>stories photographed<\/span><\/div>\r\n          <div><strong data-kp2-count=\"17\">0<\/strong><span>destinations<\/span><\/div>\r\n          <div><strong data-kp2-count=\"96\">0<\/strong><span>% referral-led work<\/span><\/div>\r\n        <\/div>\r\n        <a href=\"#kp2Contact\" class=\"kp2-pill kp2-magnetic\">Meet your photographer <span>\u2197<\/span><\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-process kp2-pad\">\r\n      <div class=\"kp2-process-head\">\r\n        <span class=\"kp2-section-index kp2-reveal\">03 \/ EXPERIENCE<\/span>\r\n        <h2 class=\"kp2-display kp2-reveal\">From first conversation to final frame.<\/h2>\r\n      <\/div>\r\n      <div class=\"kp2-process-grid\">\r\n        <article class=\"kp2-reveal\"><span>01<\/span><h3>Discover<\/h3><p>We align on story, visual direction, priorities and the feeling the work must create.<\/p><\/article>\r\n        <article class=\"kp2-reveal\"><span>02<\/span><h3>Design<\/h3><p>Locations, timing, styling and production details are shaped into a seamless plan.<\/p><\/article>\r\n        <article class=\"kp2-reveal\"><span>03<\/span><h3>Create<\/h3><p>Relaxed direction and decisive artistry capture both the iconic and the unexpected.<\/p><\/article>\r\n        <article class=\"kp2-reveal\"><span>04<\/span><h3>Reveal<\/h3><p>Your finished collection arrives in a private, art-directed digital gallery.<\/p><\/article>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-testimonials\">\r\n      <div class=\"kp2-testimonial-stage\">\r\n        <div class=\"kp2-testimonial-label\">WORDS \/ CLIENT STORIES<\/div>\r\n        <div class=\"kp2-testimonial-slider\" id=\"kp2TestimonialSlider\">\r\n          <blockquote class=\"is-active\">\u201cThe photographs feel like us, but somehow elevated into art. Every image has emotion, movement and intention.\u201d<cite>\u2014 Naledi & Michael<\/cite><\/blockquote>\r\n          <blockquote>\u201cSimba Pondani Photography transformed our campaign. The visual direction was world-class and the final work looked genuinely international.\u201d<cite>\u2014 Creative Director, Atelier No. 8<\/cite><\/blockquote>\r\n          <blockquote>\u201cWe felt completely at ease from the first minute. Nothing looked posed, yet every image looked editorial.\u201d<cite>\u2014 Mia & Daniel<\/cite><\/blockquote>\r\n        <\/div>\r\n        <div class=\"kp2-testimonial-controls\">\r\n          <button type=\"button\" id=\"kp2TestimonialPrev\" aria-label=\"Previous testimonial\">\u2190<\/button>\r\n          <span><b id=\"kp2TestimonialCurrent\">01<\/b> \/ 03<\/span>\r\n          <button type=\"button\" id=\"kp2TestimonialNext\" aria-label=\"Next testimonial\">\u2192<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"kp2-testimonial-image\" data-kp2-parallax=\"0.06\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1800&q=92\" alt=\"Wedding guests celebrating\" loading=\"lazy\"><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"kp2-contact\" id=\"kp2Contact\">\r\n      <div class=\"kp2-contact-image\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=2400&q=92\" alt=\"Wedding at sunset\" loading=\"lazy\"><\/div>\r\n      <div class=\"kp2-contact-overlay\"><\/div>\r\n      <div class=\"kp2-contact-orb\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"kp2-contact-inner\">\r\n        <div class=\"kp2-contact-heading\">\r\n          <p class=\"kp2-kicker kp2-reveal\">Your story starts here<\/p>\r\n          <h2 class=\"kp2-reveal\">Let us create something impossible to forget.<\/h2>\r\n          <p class=\"kp2-reveal\">Tell us what you are planning. Your enquiry will open directly in WhatsApp with all the essential details included.<\/p>\r\n          <div class=\"kp2-contact-details kp2-reveal\">\r\n            <a href=\"mailto:hello@simbapondaniphotography.co.za\">hello@simbapondaniphotography.co.za<\/a>\r\n            <a href=\"tel:+27820000000\">+27 82 000 0000<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <form class=\"kp2-form kp2-reveal\" id=\"kp2Form\">\r\n          <label><span>Your name *<\/span><input type=\"text\" name=\"name\" required placeholder=\"Name and surname\"><\/label>\r\n          <label><span>Mobile number *<\/span><input type=\"tel\" name=\"phone\" required placeholder=\"e.g. 082 123 4567\"><\/label>\r\n          <label><span>Email address<\/span><input type=\"email\" name=\"email\" placeholder=\"name@email.com\"><\/label>\r\n          <div class=\"kp2-form-row\">\r\n            <label><span>Photography type *<\/span>\r\n              <select name=\"service\" required>\r\n                <option value=\"\">Select an experience<\/option>\r\n                <option>Wedding \/ Elopement<\/option>\r\n                <option>Portrait \/ Editorial<\/option>\r\n                <option>Brand \/ Campaign<\/option>\r\n                <option>Event \/ Experience<\/option>\r\n                <option>Other<\/option>\r\n              <\/select>\r\n            <\/label>\r\n            <label><span>Preferred date<\/span><input type=\"date\" name=\"date\"><\/label>\r\n          <\/div>\r\n          <label><span>Tell us about the vision *<\/span><textarea name=\"message\" rows=\"4\" required placeholder=\"Location, concept, guest count, deliverables or anything important...\"><\/textarea><\/label>\r\n          <button class=\"kp2-submit kp2-magnetic\" type=\"submit\"><span>Send enquiry via WhatsApp<\/span><i>\u2197<\/i><\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"kp2-footer\">\r\n    <a href=\"#kp2Home\" class=\"kp2-footer-brand\" aria-label=\"Simba Pondani Photography home\">\r\n      <span class=\"kp2-footer-logo kp2-footer-logo-complete\">\r\n        <img decoding=\"async\" src=\"https:\/\/knwbholdings.co.za\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-23-2026-03_13_04-PM.png\" alt=\"Simba Pondani Photography\">\r\n      <\/span>\r\n    <\/a>\r\n    <p>Johannesburg \u00b7 South Africa \u00b7 Available worldwide<\/p>\r\n    <div class=\"kp2-footer-links\"><a href=\"https:\/\/instagram.com\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><a href=\"https:\/\/pinterest.com\/\" target=\"_blank\" rel=\"noopener\">Pinterest<\/a><a href=\"#kp2Contact\">Enquire<\/a><\/div>\r\n    <a class=\"kp2-knwb\" href=\"https:\/\/wa.me\/27753996720?text=Hi%20Koert%2C%20I%20saw%20the%20photography%20website%20created%20by%20KNWB.\" target=\"_blank\" rel=\"noopener\"><span>Digital experience by<\/span><strong>KNWB<\/strong><i>\u2197<\/i><\/a>\r\n  <\/footer>\r\n\r\n  <a class=\"kp2-whatsapp kp2-magnetic\" href=\"https:\/\/wa.me\/27820000000?text=Hi%20Simba%20Pondani%20Photography%2C%20I%20would%20like%20to%20enquire%20about%20a%20photography%20session.\" target=\"_blank\" rel=\"noopener\" aria-label=\"Enquire on WhatsApp\">\r\n    <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M19.11 17.55c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.64-2.05-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.21 5.09 4.5.71.31 1.27.49 1.7.63.72.23 1.37.2 1.88.12.57-.08 1.76-.72 2.01-1.42.25-.7.25-1.29.17-1.42-.07-.13-.27-.2-.57-.35M16.04 26.67h-.01a10.6 10.6 0 0 1-5.4-1.48l-.39-.23-4.02 1.06 1.07-3.92-.25-.4a10.61 10.61 0 1 1 9 4.97m9.03-19.68A12.72 12.72 0 0 0 5.05 22.34L3.25 28.9l6.72-1.76A12.72 12.72 0 1 0 25.07 6.99\"\/><\/svg>\r\n    <span>Enquire<\/span>\r\n  <\/a>\r\n\r\n  <div class=\"kp2-lightbox\" id=\"kp2Lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Portfolio image preview\">\r\n    <button type=\"button\" class=\"kp2-lightbox-close\" aria-label=\"Close image\">\u00d7<\/button>\r\n    <div class=\"kp2-lightbox-inner\">\r\n      <img decoding=\"async\" src=\"\" alt=\"\">\r\n      <div><span><\/span><h3><\/h3><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&family=Italiana&display=swap');\r\n\r\n\/* FULL-BLEED ELEMENTOR \/ WORDPRESS FIX *\/\r\nhtml, body { overflow-x: hidden !important; }\r\nbody:has(#knwb-photo-v2) .entry-title,\r\nbody:has(#knwb-photo-v2) .page-header { display: none !important; }\r\nbody:has(#knwb-photo-v2) #content,\r\nbody:has(#knwb-photo-v2) .site-content,\r\nbody:has(#knwb-photo-v2) .content-area,\r\nbody:has(#knwb-photo-v2) .site-main,\r\nbody:has(#knwb-photo-v2) .entry-content,\r\nbody:has(#knwb-photo-v2) .elementor,\r\nbody:has(#knwb-photo-v2) .elementor-section-wrap,\r\nbody:has(#knwb-photo-v2) .elementor-widget-html,\r\nbody:has(#knwb-photo-v2) .elementor-widget-html > .elementor-widget-container {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin-left: 0 !important;\r\n  margin-right: 0 !important;\r\n  padding-left: 0 !important;\r\n  padding-right: 0 !important;\r\n}\r\n\r\n#knwb-photo-v2,\r\n#knwb-photo-v2 * { box-sizing: border-box; }\r\n\r\n#knwb-photo-v2 {\r\n  --kp2-ink:#090a0c;\r\n  --kp2-night:#101116;\r\n  --kp2-paper:#f0eee9;\r\n  --kp2-paper2:#dedbd4;\r\n  --kp2-white:#fffdf8;\r\n  --kp2-accent:#ff4f37;\r\n  --kp2-violet:#7657ff;\r\n  --kp2-cyan:#54e7d4;\r\n  --kp2-gold:#d6b47b;\r\n  --kp2-muted:#706e69;\r\n  position:relative;\r\n  left:50%;\r\n  width:100vw !important;\r\n  max-width:100vw !important;\r\n  margin-left:-50vw !important;\r\n  margin-right:-50vw !important;\r\n  overflow:hidden;\r\n  color:var(--kp2-ink);\r\n  background:var(--kp2-paper);\r\n  font-family:'Manrope','DM Sans',sans-serif;\r\n  font-size:16px;\r\n  line-height:1.6;\r\n  isolation:isolate;\r\n}\r\n\r\n#knwb-photo-v2 a { color:inherit; text-decoration:none; }\r\n#knwb-photo-v2 button,\r\n#knwb-photo-v2 input,\r\n#knwb-photo-v2 textarea,\r\n#knwb-photo-v2 select { font:inherit; }\r\n#knwb-photo-v2 img { display:block; width:100%; }\r\n#knwb-photo-v2 ::selection { color:#fff; background:var(--kp2-accent); }\r\n\r\n.kp2-preloader { position:fixed; inset:0; z-index:99999; display:grid; place-items:center; color:#fff; background:#090a0c; transition:opacity .7s ease,visibility .7s ease; }\r\n.kp2-preloader.is-done { opacity:0; visibility:hidden; }\r\n.kp2-preloader-inner { width:min(560px,calc(100vw - 48px)); }\r\n.kp2-loader-logo { position:relative; width:240px; height:240px; display:grid; place-items:center; margin-bottom:58px; padding:16px; overflow:hidden; border:1px solid rgba(255,255,255,.26); border-radius:36px; background:linear-gradient(145deg,#ffffff,#f8f3e9); box-shadow:0 38px 110px rgba(0,0,0,.40),0 0 120px rgba(196,148,52,.26), inset 0 0 0 1px rgba(255,255,255,.90); animation:kp2Pulse 1.4s ease-in-out infinite alternate; }\r\n.kp2-loader-logo::before { content:\"\"; position:absolute; inset:-20%; background:conic-gradient(from 0deg, transparent 0 58%, rgba(255,255,255,.0) 58%, rgba(255,255,255,.92) 66%, rgba(255,255,255,.0) 74%, transparent 74% 100%); animation:kp2LogoSweep 4.2s linear infinite; }\r\n.kp2-loader-logo::after { content:\"\"; position:absolute; inset:14px; border-radius:26px; border:1px solid rgba(196,148,52,.18); box-shadow:0 0 38px rgba(196,148,52,.18); }\r\n.kp2-loader-logo img { position:relative; z-index:2; width:100%; height:100%; object-fit:contain; }\r\n.kp2-loader-copy { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }\r\n.kp2-loader-copy span { font-size:10px; letter-spacing:.2em; text-transform:uppercase; opacity:.56; }\r\n.kp2-loader-copy strong { font-family:'Italiana',serif; font-size:74px; line-height:.8; font-weight:400; }\r\n.kp2-loader-copy b { font-weight:400; }\r\n.kp2-loader-line { height:1px; margin-top:28px; overflow:hidden; background:rgba(255,255,255,.16); }\r\n.kp2-loader-line i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--kp2-accent),var(--kp2-violet),var(--kp2-cyan)); box-shadow:0 0 30px rgba(118,87,255,.7); transition:width .08s linear; }\r\n@keyframes kp2Pulse { to { transform:scale(1.08) rotate(8deg); box-shadow:0 0 60px rgba(118,87,255,.22); } }\r\n\r\n.kp2-canvas { position:fixed; inset:0; z-index:3; width:100%; height:100%; pointer-events:none; opacity:.5; mix-blend-mode:screen; }\r\n.kp2-grain { position:fixed; inset:-50%; z-index:9990; pointer-events:none; opacity:.05; background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\"); animation:kp2Noise .18s steps(2) infinite; }\r\n@keyframes kp2Noise { 0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-3%)} }\r\n.kp2-aurora { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; opacity:.26; }\r\n.kp2-aurora i { position:absolute; width:42vw; aspect-ratio:1; border-radius:50%; filter:blur(120px); animation:kp2Drift 18s ease-in-out infinite alternate; }\r\n.kp2-aurora i:nth-child(1){ left:-18vw; top:12vh; background:rgba(118,87,255,.28); }\r\n.kp2-aurora i:nth-child(2){ right:-18vw; top:44vh; background:rgba(84,231,212,.18); animation-delay:-6s; }\r\n.kp2-aurora i:nth-child(3){ left:38vw; bottom:-26vw; background:rgba(255,79,55,.18); animation-delay:-11s; }\r\n@keyframes kp2Drift { to { transform:translate3d(8vw,-6vh,0) scale(1.2); } }\r\n.kp2-progress { position:fixed; top:0; left:0; z-index:10001; width:100%; height:3px; pointer-events:none; }\r\n.kp2-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--kp2-accent),var(--kp2-violet),var(--kp2-cyan)); box-shadow:0 0 24px rgba(118,87,255,.65); }\r\n.kp2-cursor,.kp2-cursor-dot { position:fixed; top:0; left:0; z-index:10002; pointer-events:none; }\r\n.kp2-cursor { width:84px; height:84px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.56); border-radius:50%; color:#fff; background:rgba(255,255,255,.08); backdrop-filter:blur(12px); opacity:0; transform:translate(-50%,-50%) scale(.35); transition:opacity .2s ease,transform .2s ease,width .25s ease,height .25s ease,background .25s ease; mix-blend-mode:difference; }\r\n.kp2-cursor span { font-size:9px; letter-spacing:.2em; }\r\n.kp2-cursor.is-visible { opacity:1; transform:translate(-50%,-50%) scale(1); }\r\n.kp2-cursor.is-small { width:38px; height:38px; }\r\n.kp2-cursor.is-small span { display:none; }\r\n.kp2-cursor-dot { width:5px; height:5px; border-radius:50%; background:#fff; transform:translate(-50%,-50%); mix-blend-mode:difference; }\r\n\r\n.kp2-nav { position:fixed; inset:18px 24px auto; z-index:9998; min-height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; padding:9px 10px 9px 15px; color:#fff; border:1px solid rgba(255,255,255,.20); border-radius:24px; background:rgba(12,13,16,.20); box-shadow:0 20px 60px rgba(0,0,0,.08); backdrop-filter:blur(22px) saturate(160%); -webkit-backdrop-filter:blur(22px) saturate(160%); transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease; }\r\n.kp2-nav.is-scrolled { color:var(--kp2-ink); background:rgba(240,238,233,.86); border-color:rgba(9,10,12,.10); box-shadow:0 22px 70px rgba(9,10,12,.11); }\r\n.kp2-brand { display:inline-flex; align-items:center; gap:12px; width:max-content; }\r\n.kp2-brand-symbol { position:relative; width:62px; height:62px; flex:0 0 62px; overflow:hidden; border:1px solid rgba(255,255,255,.46); border-radius:18px; background:linear-gradient(145deg,#ffffff,#f7f2e7); box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 42px rgba(196,148,52,.12); }\r\n.kp2-brand-symbol::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.60) 50%, transparent 80%); transform:translateX(-140%); animation:kp2MiniShine 5s ease-in-out infinite; }\r\n.kp2-brand-symbol img { position:absolute; left:50%; top:44%; width:106px!important; max-width:none!important; height:106px; object-fit:cover; transform:translate(-50%,-50%); z-index:1; }\r\n.kp2-brand-words { display:flex; flex-direction:column; line-height:1; text-shadow:0 2px 18px rgba(0,0,0,.24); }\r\n.kp2-brand-words strong { font-size:11px; letter-spacing:.18em; white-space:nowrap; }\r\n.kp2-brand-words small { margin-top:6px; font-size:7px; letter-spacing:.36em; opacity:.72; white-space:nowrap; }\r\n.kp2-nav.is-scrolled .kp2-brand-words { text-shadow:none; }\r\n.kp2-nav.is-scrolled .kp2-brand-symbol { border-color:rgba(9,10,12,.12); box-shadow:0 9px 24px rgba(9,10,12,.10); }\r\n.kp2-menu { display:flex; align-items:center; gap:clamp(18px,2.5vw,42px); }\r\n.kp2-menu a { position:relative; font-size:11px; letter-spacing:.08em; }\r\n.kp2-menu a::after { content:''; position:absolute; left:0; bottom:-8px; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .3s ease; }\r\n.kp2-menu a:hover::after { transform:scaleX(1); transform-origin:left; }\r\n.kp2-nav-cta { justify-self:end; min-height:50px; display:inline-flex; align-items:center; gap:14px; padding:0 18px; border-radius:16px; color:var(--kp2-ink)!important; background:var(--kp2-white); font-size:11px; font-weight:600; }\r\n.kp2-nav-cta i { font-style:normal; font-size:17px; }\r\n.kp2-menu-button { display:none; width:48px; height:48px; border:0; border-radius:15px; color:currentColor; background:rgba(255,255,255,.10); }\r\n.kp2-menu-button span { display:block; width:20px; height:1px; margin:5px auto; background:currentColor; transition:.3s ease; }\r\n\r\n.kp2-hero-brandmark {\r\n  position:relative;\r\n  width:clamp(300px,34vw,455px);\r\n  aspect-ratio:1;\r\n  display:grid;\r\n  place-items:center;\r\n  margin:28px 0 40px;\r\n  isolation:isolate;\r\n  animation:kp2LogoFloat 6s ease-in-out infinite;\r\n}\r\n\r\n.kp2-hero-logo-frame {\r\n  position:relative;\r\n  z-index:4;\r\n  width:84%;\r\n  height:84%;\r\n  display:grid;\r\n  place-items:center;\r\n  padding:18px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.78);\r\n  border-radius:38px;\r\n  background:\r\n    linear-gradient(145deg,rgba(255,255,255,1),rgba(248,243,233,.98));\r\n  box-shadow:\r\n    0 46px 110px rgba(0,0,0,.42),\r\n    0 0 95px rgba(202,158,64,.28),\r\n    inset 0 0 0 1px rgba(255,255,255,.92);\r\n  transform:translateZ(0);\r\n}\r\n\r\n.kp2-hero-logo-frame::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-45%;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  background:\r\n    linear-gradient(\r\n      115deg,\r\n      transparent 34%,\r\n      rgba(255,255,255,0) 42%,\r\n      rgba(255,255,255,.82) 50%,\r\n      rgba(255,255,255,0) 58%,\r\n      transparent 66%\r\n    );\r\n  transform:translateX(-115%) rotate(8deg);\r\n  animation:kp2LogoShine 5.4s ease-in-out infinite;\r\n}\r\n\r\n.kp2-hero-logo-frame::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:12px;\r\n  z-index:1;\r\n  border:1px solid rgba(202,158,64,.20);\r\n  border-radius:29px;\r\n  box-shadow:\r\n    inset 0 0 32px rgba(202,158,64,.08),\r\n    0 0 34px rgba(202,158,64,.12);\r\n  pointer-events:none;\r\n}\r\n\r\n.kp2-hero-logo-frame img {\r\n  position:relative;\r\n  z-index:3;\r\n  width:100%;\r\n  height:100%;\r\n  max-width:none;\r\n  object-fit:contain;\r\n  filter:\r\n    drop-shadow(0 14px 22px rgba(0,0,0,.14))\r\n    saturate(1.04)\r\n    contrast(1.02);\r\n  animation:kp2LogoBreath 4.6s ease-in-out infinite;\r\n}\r\n\r\n.kp2-hero-logo-orbit {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  box-shadow:\r\n    0 0 90px rgba(202,158,64,.20),\r\n    inset 0 0 70px rgba(202,158,64,.08);\r\n  animation:kp2HaloSpin 18s linear infinite;\r\n}\r\n\r\n.kp2-hero-logo-orbit::before,\r\n.kp2-hero-logo-orbit::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.kp2-hero-logo-orbit::before {\r\n  inset:7%;\r\n  border:1px dashed rgba(202,158,64,.42);\r\n  animation:kp2HaloSpinReverse 14s linear infinite;\r\n}\r\n\r\n.kp2-hero-logo-orbit::after {\r\n  inset:-7%;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  box-shadow:0 0 80px rgba(202,158,64,.16);\r\n  animation:kp2HaloPulse 3.6s ease-in-out infinite;\r\n}\r\n\r\n.kp2-hero-logo-orbit span,\r\n.kp2-hero-logo-orbit i {\r\n  position:absolute;\r\n  z-index:2;\r\n  width:12px;\r\n  height:12px;\r\n  border-radius:50%;\r\n  background:#e8c36b;\r\n  box-shadow:\r\n    0 0 14px rgba(232,195,107,.95),\r\n    0 0 34px rgba(232,195,107,.62);\r\n}\r\n\r\n.kp2-hero-logo-orbit span {\r\n  top:8%;\r\n  left:18%;\r\n}\r\n\r\n.kp2-hero-logo-orbit i {\r\n  right:7%;\r\n  bottom:22%;\r\n}\r\n\r\n.kp2-hero-brandmark-badge {\r\n  position:absolute;\r\n  z-index:6;\r\n  left:50%;\r\n  bottom:-7px;\r\n  width:max-content;\r\n  max-width:88%;\r\n  transform:translateX(-50%);\r\n  padding:11px 17px;\r\n  border:1px solid rgba(255,255,255,.24);\r\n  border-radius:999px;\r\n  background:\r\n    linear-gradient(145deg,rgba(18,18,20,.92),rgba(45,37,24,.90));\r\n  color:#f5d98c;\r\n  box-shadow:\r\n    0 16px 38px rgba(0,0,0,.30),\r\n    0 0 35px rgba(202,158,64,.14);\r\n  backdrop-filter:blur(16px);\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  line-height:1.3;\r\n  text-align:center;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n}\r\n\r\n@keyframes kp2LogoFloat {\r\n  0%,100% { transform:translateY(0px); }\r\n  50% { transform:translateY(-10px); }\r\n}\r\n@keyframes kp2LogoShine {\r\n  0%,18% { transform:translateX(-120%) rotate(8deg); opacity:0; }\r\n  26% { opacity:1; }\r\n  44% { transform:translateX(120%) rotate(8deg); opacity:1; }\r\n  52%,100% { transform:translateX(120%) rotate(8deg); opacity:0; }\r\n}\r\n@keyframes kp2HaloSpin {\r\n  to { transform:rotate(360deg); }\r\n}\r\n@keyframes kp2HaloSpinReverse {\r\n  to { transform:rotate(-360deg); }\r\n}\r\n@keyframes kp2LogoBreath {\r\n  0%,100% { transform:scale(1); }\r\n  50% { transform:scale(1.025); }\r\n}\r\n@keyframes kp2HaloPulse {\r\n  0%,100% { transform:scale(1); opacity:.72; }\r\n  50% { transform:scale(1.06); opacity:1; }\r\n}\r\n@keyframes kp2LogoSweep {\r\n  to { transform:rotate(360deg); }\r\n}\r\n@keyframes kp2MiniShine {\r\n  0%,80%,100% { transform:translateX(-140%); }\r\n  88% { transform:translateX(140%); }\r\n}\r\n\r\n.kp2-hero { position:relative; z-index:1; min-height:100svh; height:max(760px,100svh); overflow:hidden; color:#fff; background:#0b0c0f; }\r\n.kp2-hero-image { position:absolute; overflow:hidden; }\r\n.kp2-hero-image img { height:100%; object-fit:cover; will-change:transform; }\r\n.kp2-hero-image-a { inset:-7%; }\r\n.kp2-hero-image-a img { animation:kp2HeroZoom 18s ease-out both; }\r\n.kp2-hero-image-b { right:5vw; top:15vh; width:clamp(260px,25vw,460px); height:clamp(360px,55vh,660px); border:1px solid rgba(255,255,255,.32); box-shadow:0 34px 100px rgba(0,0,0,.42); animation:kp2Float 7s ease-in-out infinite alternate; }\r\n.kp2-hero-image-b::after { content:''; position:absolute; inset:0; border:10px solid rgba(255,255,255,.05); }\r\n@keyframes kp2HeroZoom { from{transform:scale(1.16)}to{transform:scale(1.02)} }\r\n@keyframes kp2Float { to{transform:translateY(18px) rotate(1.2deg)} }\r\n.kp2-hero-vignette { position:absolute; inset:0; background:radial-gradient(circle at 76% 20%,rgba(255,184,126,.17),transparent 28%),linear-gradient(90deg,rgba(5,6,8,.90) 0%,rgba(5,6,8,.62) 42%,rgba(5,6,8,.24) 72%,rgba(5,6,8,.54) 100%),linear-gradient(180deg,rgba(5,6,8,.12),rgba(5,6,8,.78)); }\r\n.kp2-hero-lines { position:absolute; inset:0; display:grid; grid-template-columns:repeat(4,1fr); opacity:.16; }\r\n.kp2-hero-lines i { border-left:1px solid rgba(255,255,255,.38); }\r\n.kp2-hero-lines i:last-child { border-right:1px solid rgba(255,255,255,.38); }\r\n.kp2-orbit { position:absolute; border:1px solid rgba(255,255,255,.20); border-radius:50%; animation:kp2Spin 30s linear infinite; }\r\n.kp2-orbit i { position:absolute; width:9px; aspect-ratio:1; border-radius:50%; background:var(--kp2-accent); box-shadow:0 0 30px var(--kp2-accent); }\r\n.kp2-orbit-a { width:44vw; aspect-ratio:1; left:-19vw; bottom:-20vw; }\r\n.kp2-orbit-a i { right:11%; top:24%; }\r\n.kp2-orbit-b { width:22vw; aspect-ratio:1; right:18vw; top:-10vw; animation-direction:reverse; animation-duration:19s; }\r\n.kp2-orbit-b i { left:8%; bottom:25%; background:var(--kp2-cyan); box-shadow:0 0 30px var(--kp2-cyan); }\r\n@keyframes kp2Spin { to{transform:rotate(360deg)} }\r\n.kp2-hero-content { position:relative; z-index:2; height:100%; min-height:inherit; display:flex; flex-direction:column; justify-content:space-between; padding:130px clamp(24px,5vw,88px) clamp(28px,5vw,72px); }\r\n.kp2-hero-topline { display:flex; justify-content:space-between; gap:30px; padding-right:min(33vw,520px); font-size:9px; letter-spacing:.17em; text-transform:uppercase; opacity:.72; }\r\n.kp2-eyebrow,.kp2-kicker { display:flex; align-items:center; gap:12px; margin:0 0 24px; font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }\r\n.kp2-eyebrow i { width:42px; height:1px; background:currentColor; }\r\n.kp2-hero-title-wrap { margin-top:auto; margin-bottom:auto; }\r\n.kp2-hero-title { max-width:1320px; margin:0; font-family:'Italiana',serif; font-size:clamp(68px,10.7vw,184px); line-height:.76; font-weight:400; letter-spacing:-.06em; }\r\n.kp2-title-row { display:block; overflow:hidden; padding-bottom:.08em; }\r\n.kp2-title-row em { display:block; font-style:normal; transform:translateY(120%) rotate(2deg); animation:kp2TitleIn 1.18s cubic-bezier(.18,.82,.18,1) forwards; }\r\n.kp2-title-row:nth-child(2) em { animation-delay:.12s; }\r\n.kp2-title-row:nth-child(3) em { animation-delay:.24s; }\r\n.kp2-outline em { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.96); }\r\n.kp2-indent em { margin-left:clamp(0px,13vw,220px); }\r\n@keyframes kp2TitleIn { to{transform:translateY(0) rotate(0)} }\r\n.kp2-hero-foot { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; padding-right:clamp(0px,5vw,72px); }\r\n.kp2-hero-foot>p { max-width:520px; margin:0; color:rgba(255,255,255,.75); font-size:clamp(14px,1.3vw,19px); font-weight:300; }\r\n.kp2-disc { position:relative; width:148px; aspect-ratio:1; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--kp2-accent),#ff7a45); box-shadow:0 30px 80px rgba(255,79,55,.32); }\r\n.kp2-disc>span { position:relative; z-index:2; text-align:center; font-size:10px; line-height:1.3; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }\r\n.kp2-disc>i { position:absolute; bottom:24px; font-style:normal; }\r\n.kp2-disc svg { position:absolute; inset:8px; width:calc(100% - 16px); height:calc(100% - 16px); animation:kp2Spin 13s linear infinite; }\r\n.kp2-disc text { fill:#fff; font-family:'Manrope',sans-serif; font-size:8px; letter-spacing:3.5px; }\r\n.kp2-side-note { position:absolute; z-index:2; left:23px; top:50%; transform:rotate(-90deg) translateX(-50%); transform-origin:left top; font-size:8px; letter-spacing:.25em; text-transform:uppercase; opacity:.62; }\r\n\r\n.kp2-ticker { position:relative; z-index:4; overflow:hidden; padding:20px 0; color:#fff; background:var(--kp2-ink); }\r\n.kp2-ticker-track { display:flex; width:max-content; align-items:center; gap:34px; animation:kp2Ticker 24s linear infinite; }\r\n.kp2-ticker span { font-family:'Italiana',serif; font-size:clamp(26px,3.2vw,48px); letter-spacing:.05em; }\r\n.kp2-ticker i { color:var(--kp2-accent); font-style:normal; }\r\n@keyframes kp2Ticker { to{transform:translateX(-50%)} }\r\n.kp2-pad { position:relative; z-index:2; padding:clamp(90px,11vw,180px) clamp(24px,5vw,88px); }\r\n.kp2-section-index { font-size:9px; letter-spacing:.24em; text-transform:uppercase; opacity:.58; }\r\n.kp2-manifesto { display:grid; grid-template-columns:100px minmax(0,1.55fr) minmax(280px,.65fr); gap:clamp(28px,5vw,90px); align-items:start; background:var(--kp2-paper); }\r\n.kp2-display { margin:0; font-family:'Italiana',serif; font-size:clamp(48px,6.5vw,108px); line-height:.93; font-weight:400; letter-spacing:-.045em; }\r\n.kp2-manifesto-side { padding-top:58px; }\r\n.kp2-manifesto-side p { margin:0 0 34px; color:var(--kp2-muted); }\r\n.kp2-arrow-link { display:inline-flex; align-items:center; gap:12px; font-size:11px; font-weight:600; letter-spacing:.10em; text-transform:uppercase; }\r\n.kp2-arrow-link span { font-size:17px; transition:transform .3s ease; }\r\n.kp2-arrow-link:hover span { transform:translate(5px,-5px); }\r\n\r\n.kp2-cinematic-story { position:relative; z-index:1; min-height:110vh; display:flex; align-items:center; overflow:hidden; color:#fff; background:#0c0d10; }\r\n.kp2-cinematic-media { position:absolute; inset:-10%; }\r\n.kp2-cinematic-media img { height:100%; object-fit:cover; }\r\n.kp2-cinematic-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,8,10,.90),rgba(7,8,10,.62) 46%,rgba(7,8,10,.16) 78%),radial-gradient(circle at 74% 42%,rgba(255,101,74,.18),transparent 33%); }\r\n.kp2-cinematic-copy { position:relative; z-index:2; width:100%; padding:120px clamp(24px,7vw,120px); }\r\n.kp2-cinematic-copy h2 { margin:0 0 34px; font-family:'Italiana',serif; font-size:clamp(70px,10vw,170px); line-height:.78; font-weight:400; letter-spacing:-.055em; }\r\n.kp2-cinematic-copy h2 span { color:transparent; -webkit-text-stroke:1px #fff; }\r\n.kp2-cinematic-copy>p:last-child { max-width:520px; color:rgba(255,255,255,.72); font-size:18px; }\r\n.kp2-floating-stamp { position:absolute; right:7vw; bottom:10vh; width:190px; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(255,255,255,.36); border-radius:50%; backdrop-filter:blur(10px); }\r\n.kp2-floating-stamp span { position:absolute; inset:16px; animation:kp2Spin 15s linear infinite; font-size:9px; letter-spacing:.22em; text-align:center; }\r\n.kp2-floating-stamp b { font-family:'Italiana',serif; font-size:56px; font-weight:400; }\r\n\r\n.kp2-work { background:var(--kp2-paper); }\r\n.kp2-work-head { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:70px; }\r\n.kp2-filters { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }\r\n.kp2-filters button { min-height:40px; padding:0 15px; border:1px solid rgba(9,10,12,.14); border-radius:999px; color:var(--kp2-ink); background:transparent; font-size:10px; letter-spacing:.08em; cursor:pointer; transition:.25s ease; }\r\n.kp2-filters button:hover,.kp2-filters button.is-active { color:#fff; border-color:var(--kp2-ink); background:var(--kp2-ink); }\r\n.kp2-gallery { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:64px; gap:18px; perspective:1600px; }\r\n.kp2-card { position:relative; min-height:340px; overflow:hidden; color:#fff; background:#15161a; transform-style:preserve-3d; transition:opacity .45s ease,transform .45s ease,filter .45s ease; cursor:pointer; }\r\n.kp2-card.is-hidden { display:none; }\r\n.kp2-card-a{grid-column:span 5;grid-row:span 10}.kp2-card-b{grid-column:span 7;grid-row:span 7}.kp2-card-c{grid-column:span 4;grid-row:span 8}.kp2-card-d{grid-column:span 8;grid-row:span 9}.kp2-card-e{grid-column:span 5;grid-row:span 8}.kp2-card-f{grid-column:span 7;grid-row:span 8}\r\n.kp2-card-image { position:absolute; inset:-5%; transform:translateZ(10px); }\r\n.kp2-card-image img { height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.18,.82,.18,1),filter .6s ease; }\r\n.kp2-card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 46%,rgba(4,5,6,.84)); }\r\n.kp2-card-glow { position:absolute; z-index:2; width:260px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.28),transparent 68%); opacity:0; transform:translate(-50%,-50%); transition:opacity .3s ease; pointer-events:none; }\r\n.kp2-card:hover .kp2-card-image img { transform:scale(1.055); filter:saturate(1.08); }\r\n.kp2-card:hover .kp2-card-glow { opacity:1; }\r\n.kp2-card-copy { position:absolute; z-index:3; inset:auto 26px 24px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:8px 20px; transform:translateZ(40px); }\r\n.kp2-card-copy span { grid-column:1\/-1; font-size:8px; letter-spacing:.2em; text-transform:uppercase; opacity:.72; }\r\n.kp2-card-copy h3 { margin:0; font-family:'Italiana',serif; font-size:clamp(28px,3.5vw,56px); line-height:.95; font-weight:400; }\r\n.kp2-card-copy i { font-size:22px; font-style:normal; }\r\n\r\n.kp2-quote-scene { position:relative; z-index:1; min-height:100vh; display:grid; place-items:center; overflow:hidden; color:#fff; background:#0b0c0e; }\r\n.kp2-quote-image { position:absolute; inset:-10%; }\r\n.kp2-quote-image img { height:100%; object-fit:cover; }\r\n.kp2-quote-overlay { position:absolute; inset:0; background:rgba(7,8,10,.52); backdrop-filter:saturate(.82); }\r\n.kp2-quote-content { position:relative; z-index:2; max-width:1250px; padding:100px 28px; text-align:center; }\r\n.kp2-quote-content blockquote { margin:38px 0; font-family:'Italiana',serif; font-size:clamp(52px,8vw,130px); line-height:.9; font-weight:400; letter-spacing:-.045em; }\r\n.kp2-quote-content>p { font-size:10px; letter-spacing:.28em; }\r\n\r\n.kp2-services { background:#ece9e2; }\r\n.kp2-services-intro { display:grid; grid-template-columns:1.5fr .6fr; gap:70px; align-items:end; margin-bottom:70px; }\r\n.kp2-services-intro>p { max-width:480px; color:var(--kp2-muted); }\r\n.kp2-service-list { position:relative; z-index:2; border-top:1px solid rgba(9,10,12,.16); }\r\n.kp2-service { position:relative; display:grid; grid-template-columns:70px 1fr auto; align-items:center; gap:24px; min-height:150px; padding:26px 6px; border-bottom:1px solid rgba(9,10,12,.16); transition:padding .35s ease,color .35s ease,background .35s ease; cursor:pointer; }\r\n.kp2-service:hover { padding-left:24px; padding-right:24px; color:#fff; background:var(--kp2-ink); }\r\n.kp2-service>span { font-family:'Italiana',serif; font-size:26px; color:var(--kp2-accent); }\r\n.kp2-service p { margin:0 0 7px; font-size:9px; letter-spacing:.17em; text-transform:uppercase; opacity:.62; }\r\n.kp2-service h3 { margin:0; font-family:'Italiana',serif; font-size:clamp(32px,4vw,62px); line-height:1; font-weight:400; }\r\n.kp2-service>i { font-style:normal; font-size:24px; }\r\n.kp2-service-preview { position:fixed; z-index:9997; width:310px; height:410px; overflow:hidden; opacity:0; pointer-events:none; transform:translate(-50%,-50%) scale(.82) rotate(-3deg); box-shadow:0 35px 100px rgba(0,0,0,.34); transition:opacity .25s ease,transform .25s ease; }\r\n.kp2-service-preview.is-visible { opacity:1; transform:translate(-50%,-50%) scale(1) rotate(-1deg); }\r\n.kp2-service-preview img { height:100%; object-fit:cover; }\r\n\r\n.kp2-about { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:clamp(50px,8vw,130px); align-items:center; background:var(--kp2-paper); }\r\n.kp2-about-collage { position:relative; min-height:820px; }\r\n.kp2-about-main { position:absolute; inset:0 14% 12% 0; margin:0; overflow:hidden; box-shadow:0 30px 100px rgba(9,10,12,.15); }\r\n.kp2-about-main img { height:100%; object-fit:cover; }\r\n.kp2-about-small { position:absolute; right:0; bottom:0; width:42%; height:42%; margin:0; overflow:hidden; border:12px solid var(--kp2-paper); }\r\n.kp2-about-small img { height:100%; object-fit:cover; }\r\n.kp2-about-badge { position:absolute; right:4%; top:8%; width:170px; aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; padding:24px; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--kp2-violet),var(--kp2-accent)); box-shadow:0 28px 70px rgba(118,87,255,.28); }\r\n.kp2-about-badge strong { font-family:'Italiana',serif; font-size:56px; line-height:.8; font-weight:400; }\r\n.kp2-about-badge span { margin-top:12px; font-size:9px; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; }\r\n.kp2-about-copy>p:not(.kp2-kicker) { max-width:580px; margin:34px 0; color:var(--kp2-muted); font-size:17px; }\r\n.kp2-about-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:28px 0 36px; border-top:1px solid rgba(9,10,12,.14); }\r\n.kp2-about-stats div { display:flex; flex-direction:column; }\r\n.kp2-about-stats strong { font-family:'Italiana',serif; font-size:44px; line-height:1; font-weight:400; }\r\n.kp2-about-stats span { margin-top:8px; color:var(--kp2-muted); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }\r\n.kp2-pill { display:inline-flex; align-items:center; gap:24px; min-height:58px; padding:0 24px; border-radius:999px; color:#fff!important; background:var(--kp2-ink); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }\r\n.kp2-pill span { font-size:18px; }\r\n\r\n.kp2-process { color:#fff; background:var(--kp2-ink); }\r\n.kp2-process-head { display:grid; grid-template-columns:180px 1fr; gap:50px; align-items:start; margin-bottom:80px; }\r\n.kp2-process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.16); }\r\n.kp2-process-grid article { min-height:350px; padding:36px 28px; border-right:1px solid rgba(255,255,255,.16); transition:background .35s ease,transform .35s ease; }\r\n.kp2-process-grid article:last-child { border-right:0; }\r\n.kp2-process-grid article:hover { background:linear-gradient(160deg,rgba(118,87,255,.22),rgba(255,79,55,.12)); transform:translateY(-10px); }\r\n.kp2-process-grid span { color:var(--kp2-cyan); font-size:10px; letter-spacing:.2em; }\r\n.kp2-process-grid h3 { margin:120px 0 18px; font-family:'Italiana',serif; font-size:40px; font-weight:400; }\r\n.kp2-process-grid p { margin:0; color:rgba(255,255,255,.62); font-size:14px; }\r\n\r\n.kp2-testimonials { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; min-height:820px; background:var(--kp2-paper2); }\r\n.kp2-testimonial-stage { display:flex; flex-direction:column; justify-content:space-between; padding:clamp(70px,8vw,130px) clamp(24px,6vw,100px); }\r\n.kp2-testimonial-label { font-size:9px; letter-spacing:.23em; }\r\n.kp2-testimonial-slider { position:relative; min-height:390px; }\r\n.kp2-testimonial-slider blockquote { position:absolute; inset:0; margin:0; display:flex; flex-direction:column; justify-content:center; font-family:'Italiana',serif; font-size:clamp(40px,5.4vw,82px); line-height:.98; font-weight:400; letter-spacing:-.035em; opacity:0; transform:translateY(28px); pointer-events:none; transition:opacity .6s ease,transform .6s ease; }\r\n.kp2-testimonial-slider blockquote.is-active { opacity:1; transform:translateY(0); pointer-events:auto; }\r\n.kp2-testimonial-slider cite { margin-top:34px; font-family:'Manrope',sans-serif; font-size:10px; font-style:normal; letter-spacing:.12em; text-transform:uppercase; }\r\n.kp2-testimonial-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; }\r\n.kp2-testimonial-controls button { width:52px; height:52px; border:1px solid rgba(9,10,12,.18); border-radius:50%; background:transparent; cursor:pointer; transition:.25s ease; }\r\n.kp2-testimonial-controls button:hover { color:#fff; background:var(--kp2-ink); }\r\n.kp2-testimonial-controls span { font-size:10px; letter-spacing:.15em; }\r\n.kp2-testimonial-image { position:relative; overflow:hidden; }\r\n.kp2-testimonial-image img { position:absolute; inset:-8%; width:116%; height:116%; object-fit:cover; }\r\n\r\n.kp2-contact { position:relative; z-index:1; min-height:100vh; overflow:hidden; color:#fff; background:#07080a; }\r\n.kp2-contact-image { position:absolute; inset:-8%; }\r\n.kp2-contact-image img { height:100%; object-fit:cover; }\r\n.kp2-contact-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,7,9,.94),rgba(6,7,9,.78) 58%,rgba(6,7,9,.45)),radial-gradient(circle at 80% 20%,rgba(118,87,255,.28),transparent 30%); }\r\n.kp2-contact-orb { position:absolute; right:-12vw; top:-12vw; width:44vw; aspect-ratio:1; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:inset 0 0 100px rgba(118,87,255,.14); animation:kp2Spin 26s linear infinite; }\r\n.kp2-contact-inner { position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(50px,7vw,120px); align-items:center; min-height:100vh; padding:130px clamp(24px,5vw,88px) 90px; }\r\n.kp2-contact-heading h2 { max-width:900px; margin:0 0 30px; font-family:'Italiana',serif; font-size:clamp(64px,8vw,132px); line-height:.86; font-weight:400; letter-spacing:-.055em; }\r\n.kp2-contact-heading>p:not(.kp2-kicker) { max-width:600px; color:rgba(255,255,255,.68); font-size:17px; }\r\n.kp2-contact-details { display:flex; flex-direction:column; gap:8px; margin-top:34px; font-size:12px; letter-spacing:.06em; }\r\n.kp2-form { display:grid; gap:18px; padding:34px; border:1px solid rgba(255,255,255,.18); border-radius:28px; background:rgba(255,255,255,.075); backdrop-filter:blur(24px) saturate(145%); box-shadow:0 40px 120px rgba(0,0,0,.28); }\r\n.kp2-form label { display:grid; gap:8px; }\r\n.kp2-form label>span { font-size:8px; letter-spacing:.18em; text-transform:uppercase; opacity:.72; }\r\n.kp2-form input,.kp2-form textarea,.kp2-form select { width:100%; min-height:50px; padding:12px 0; border:0; border-bottom:1px solid rgba(255,255,255,.24); border-radius:0; outline:0; color:#fff; background:transparent; }\r\n.kp2-form textarea { resize:vertical; }\r\n.kp2-form select option { color:#111; }\r\n.kp2-form input::placeholder,.kp2-form textarea::placeholder { color:rgba(255,255,255,.42); }\r\n.kp2-form input:focus,.kp2-form textarea:focus,.kp2-form select:focus { border-bottom-color:var(--kp2-cyan); }\r\n.kp2-form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }\r\n.kp2-submit { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 22px; border:0; border-radius:18px; color:#fff; background:linear-gradient(135deg,var(--kp2-accent),var(--kp2-violet)); box-shadow:0 18px 50px rgba(118,87,255,.28); cursor:pointer; }\r\n.kp2-submit span { font-size:10px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }\r\n.kp2-submit i { font-size:20px; font-style:normal; }\r\n\r\n.kp2-footer { position:relative; z-index:3; display:grid; grid-template-columns:1fr 1fr 1fr auto; align-items:center; gap:26px; padding:46px clamp(24px,5vw,88px); color:#fff; background:#07080a; border-top:1px solid rgba(255,255,255,.12); }\r\n.kp2-footer-brand { display:inline-flex; align-items:center; gap:14px; width:max-content; line-height:1; }\r\n.kp2-footer-logo { position:relative; width:86px; height:86px; flex:0 0 86px; overflow:hidden; border-radius:20px; background:linear-gradient(145deg,#ffffff,#f7f2e7); box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 44px rgba(196,148,52,.14); }\r\n.kp2-footer-logo::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.55) 50%, transparent 80%); transform:translateX(-140%); animation:kp2MiniShine 5.4s ease-in-out infinite; }\r\n.kp2-footer-logo img { position:absolute; left:50%; top:44%; width:145px!important; max-width:none!important; height:145px; object-fit:cover; transform:translate(-50%,-50%); z-index:1; }\r\n.kp2-footer-brand-copy { display:flex; flex-direction:column; line-height:1; }\r\n.kp2-footer-brand-copy strong { font-size:12px; letter-spacing:.17em; white-space:nowrap; }\r\n.kp2-footer-brand-copy small { margin-top:8px; font-size:7px; letter-spacing:.34em; opacity:.62; white-space:nowrap; }\r\n.kp2-footer p { margin:0; color:rgba(255,255,255,.52); font-size:9px; letter-spacing:.12em; text-transform:uppercase; text-align:center; }\r\n.kp2-footer-links { display:flex; justify-content:center; gap:22px; font-size:10px; }\r\n.kp2-knwb { display:flex; align-items:center; gap:11px; padding:12px 14px; border:1px solid rgba(255,255,255,.18); border-radius:14px; }\r\n.kp2-knwb span { font-size:8px; letter-spacing:.12em; text-transform:uppercase; opacity:.55; }\r\n.kp2-knwb strong { font-size:11px; letter-spacing:.18em; }\r\n.kp2-knwb i { font-style:normal; }\r\n.kp2-whatsapp { position:fixed; z-index:9998; right:24px; bottom:24px; min-height:54px; display:flex; align-items:center; gap:10px; padding:0 18px; border-radius:999px; color:#fff!important; background:#1fbe62; box-shadow:0 18px 55px rgba(31,190,98,.28); }\r\n.kp2-whatsapp svg { width:21px; fill:currentColor; }\r\n.kp2-whatsapp span { font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }\r\n\r\n.kp2-lightbox { position:fixed; inset:0; z-index:20000; display:grid; place-items:center; padding:58px; color:#fff; background:rgba(4,5,7,.94); opacity:0; visibility:hidden; transition:.4s ease; backdrop-filter:blur(20px); }\r\n.kp2-lightbox.is-open { opacity:1; visibility:visible; }\r\n.kp2-lightbox-close { position:absolute; right:28px; top:24px; width:54px; height:54px; border:1px solid rgba(255,255,255,.28); border-radius:50%; color:#fff; background:transparent; font-size:32px; cursor:pointer; }\r\n.kp2-lightbox-inner { width:min(1200px,90vw); height:min(78vh,820px); display:grid; grid-template-columns:1fr 280px; gap:30px; align-items:end; }\r\n.kp2-lightbox-inner>img { width:100%; height:100%; object-fit:contain; }\r\n.kp2-lightbox-inner span { display:block; margin-bottom:10px; font-size:9px; letter-spacing:.16em; text-transform:uppercase; opacity:.58; }\r\n.kp2-lightbox-inner h3 { margin:0; font-family:'Italiana',serif; font-size:42px; font-weight:400; }\r\n\r\n.kp2-reveal { opacity:0; transform:translateY(34px); transition:opacity .8s cubic-bezier(.18,.82,.18,1),transform .8s cubic-bezier(.18,.82,.18,1); }\r\n.kp2-reveal.is-visible { opacity:1; transform:translateY(0); }\r\n.kp2-magnetic { transition:transform .18s ease-out,box-shadow .25s ease; }\r\n\r\n@media (max-width:1100px){\r\n  .kp2-nav{grid-template-columns:1fr auto}.kp2-menu{display:none}.kp2-nav-cta{display:none}.kp2-menu-button{display:block;color:currentColor}\r\n  .kp2-nav.is-menu-open .kp2-menu{position:absolute;left:0;right:0;top:82px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(10,11,14,.94);backdrop-filter:blur(18px)}\r\n  .kp2-nav.is-menu-open .kp2-menu a{padding:15px 8px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}\r\n  .kp2-manifesto{grid-template-columns:70px 1fr}.kp2-manifesto-side{grid-column:2;padding-top:0;max-width:650px}\r\n  .kp2-about{grid-template-columns:1fr}.kp2-about-collage{min-height:700px}.kp2-about-copy{max-width:900px}\r\n  .kp2-process-grid{grid-template-columns:repeat(2,1fr)}.kp2-process-grid article:nth-child(2){border-right:0}.kp2-process-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}\r\n  .kp2-contact-inner{grid-template-columns:1fr}.kp2-contact-heading{max-width:950px}.kp2-form{max-width:760px}\r\n  .kp2-footer{grid-template-columns:1fr 1fr}.kp2-footer p{text-align:right}.kp2-footer-links{justify-content:flex-start}.kp2-knwb{justify-self:end}\r\n}\r\n\r\n@media (max-width:780px){\r\n  #knwb-photo-v2{font-size:15px}\r\n  .kp2-cursor,.kp2-cursor-dot,.kp2-service-preview,.kp2-canvas{display:none}\r\n  .kp2-nav{inset:10px 10px auto;min-height:64px;padding:7px 8px 7px 9px;border-radius:20px}.kp2-brand-symbol{width:48px;height:48px;flex-basis:48px}.kp2-brand-symbol img{width:84px!important;height:84px}.kp2-brand-words strong{font-size:9px;letter-spacing:.11em}.kp2-brand-words small{font-size:6px;letter-spacing:.23em}.kp2-menu-button{width:44px;height:44px}\r\n  .kp2-hero{height:auto;min-height:860px}.kp2-hero-image-b{right:-10vw;top:14vh;width:52vw;height:42vh;opacity:.74}.kp2-hero-vignette{background:linear-gradient(180deg,rgba(5,6,8,.35),rgba(5,6,8,.84) 60%,rgba(5,6,8,.96))}.kp2-hero-content{padding:120px 20px 34px}.kp2-hero-topline{padding-right:0;flex-direction:column;gap:7px}.kp2-hero-title{font-size:clamp(60px,18vw,104px);line-height:.78}.kp2-indent em{margin-left:0}.kp2-hero-foot{align-items:flex-start;flex-direction:column}.kp2-disc{width:126px;align-self:flex-end}.kp2-side-note{display:none}\r\n  .kp2-pad{padding:85px 20px}.kp2-manifesto{grid-template-columns:1fr}.kp2-manifesto-main,.kp2-manifesto-side{grid-column:auto}.kp2-display{font-size:clamp(46px,13vw,78px)}\r\n  .kp2-cinematic-story{min-height:900px}.kp2-cinematic-copy{padding:100px 20px}.kp2-cinematic-copy h2{font-size:clamp(64px,19vw,105px)}.kp2-floating-stamp{right:20px;bottom:38px;width:145px}\r\n  .kp2-work-head{align-items:flex-start;flex-direction:column;margin-bottom:45px}.kp2-filters{justify-content:flex-start}.kp2-gallery{display:block}.kp2-card{height:68vh;min-height:500px;margin-bottom:16px}\r\n  .kp2-quote-scene{min-height:900px}.kp2-quote-content blockquote{font-size:clamp(48px,14vw,82px)}\r\n  .kp2-services-intro{grid-template-columns:1fr;gap:28px}.kp2-service{grid-template-columns:42px 1fr auto;min-height:130px;gap:14px}.kp2-service h3{font-size:34px}\r\n  .kp2-about-collage{min-height:620px}.kp2-about-main{inset:0 10% 12% 0}.kp2-about-small{width:48%;height:36%;border-width:8px}.kp2-about-badge{right:0;width:132px}.kp2-about-badge strong{font-size:44px}.kp2-about-stats{gap:12px}.kp2-about-stats strong{font-size:34px}\r\n  .kp2-process-head{grid-template-columns:1fr;gap:24px}.kp2-process-grid{grid-template-columns:1fr}.kp2-process-grid article{min-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)!important}.kp2-process-grid h3{margin-top:75px}\r\n  .kp2-testimonials{grid-template-columns:1fr;min-height:0}.kp2-testimonial-stage{min-height:720px;padding:70px 20px}.kp2-testimonial-image{height:620px}.kp2-testimonial-slider blockquote{font-size:clamp(40px,12vw,65px)}\r\n  .kp2-contact-inner{padding:110px 20px 70px}.kp2-contact-heading h2{font-size:clamp(58px,16vw,92px)}.kp2-form{padding:24px 18px}.kp2-form-row{grid-template-columns:1fr}\r\n  .kp2-hero-brandmark{width:min(82vw,390px);margin:22px auto 38px}.kp2-hero-logo-frame{width:84%;height:84%;padding:14px;border-radius:30px}.kp2-hero-logo-frame::after{inset:10px;border-radius:23px}.kp2-hero-brandmark-badge{bottom:-5px;max-width:92%;padding:9px 12px;font-size:8px;letter-spacing:.12em;white-space:normal}.kp2-footer-brand{gap:12px}.kp2-footer-logo{width:68px;height:68px;flex-basis:68px}.kp2-footer-logo img{width:115px!important;height:115px}.kp2-footer{grid-template-columns:1fr;padding:38px 20px}.kp2-footer p{text-align:left}.kp2-knwb{justify-self:start}.kp2-whatsapp{right:14px;bottom:14px}.kp2-whatsapp span{display:none}.kp2-whatsapp{width:56px;padding:0;justify-content:center}\r\n  .kp2-lightbox{padding:70px 18px 22px}.kp2-lightbox-inner{height:82vh;grid-template-columns:1fr;grid-template-rows:1fr auto}.kp2-lightbox-inner h3{font-size:32px}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #knwb-photo-v2 *,#knwb-photo-v2 *::before,#knwb-photo-v2 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}\r\n  .kp2-preloader{display:none!important}.kp2-reveal{opacity:1!important;transform:none!important}\r\n}\r\n\r\n\/* ==========================================================\r\n   SIMBA PONDANI BRAND SYSTEM \u2014 V4\r\n   Black \/ ivory \/ metallic gold visual language\r\n   ========================================================== *\/\r\n\r\n#knwb-photo-v2 {\r\n  --kp2-ink:#08090b;\r\n  --kp2-night:#0d0e11;\r\n  --kp2-paper:#f4f0e7;\r\n  --kp2-paper2:#e8e0d2;\r\n  --kp2-white:#fffdf7;\r\n  --kp2-accent:#d4a94f;\r\n  --kp2-violet:#8c6325;\r\n  --kp2-cyan:#f1d68b;\r\n  --kp2-gold:#d4a94f;\r\n  --kp2-muted:#6e675d;\r\n}\r\n\r\n.kp2-sample-ribbon {\r\n  position:fixed;\r\n  z-index:10010;\r\n  left:22px;\r\n  bottom:22px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  min-height:42px;\r\n  padding:8px 13px;\r\n  border:1px solid rgba(255,255,255,.20);\r\n  border-radius:999px;\r\n  color:#fff;\r\n  background:rgba(9,10,12,.74);\r\n  box-shadow:0 16px 45px rgba(0,0,0,.24);\r\n  backdrop-filter:blur(18px);\r\n  pointer-events:none;\r\n}\r\n\r\n.kp2-sample-ribbon span {\r\n  padding:5px 8px;\r\n  border-radius:999px;\r\n  color:#17120a;\r\n  background:linear-gradient(135deg,#f3dc99,#c99639);\r\n  font-size:7px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.kp2-sample-ribbon strong {\r\n  font-size:8px;\r\n  font-weight:500;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.kp2-loader-line i,\r\n.kp2-progress span {\r\n  background:linear-gradient(90deg,#7f571d,#d4a94f,#f5dda0,#a87628);\r\n  box-shadow:0 0 28px rgba(212,169,79,.62);\r\n}\r\n\r\n.kp2-aurora i:nth-child(1) { background:rgba(212,169,79,.20); }\r\n.kp2-aurora i:nth-child(2) { background:rgba(241,214,139,.13); }\r\n.kp2-aurora i:nth-child(3) { background:rgba(133,90,29,.16); }\r\n\r\n.kp2-nav {\r\n  border-color:rgba(236,209,145,.22);\r\n  background:rgba(9,10,12,.30);\r\n  box-shadow:0 24px 70px rgba(0,0,0,.16);\r\n}\r\n\r\n.kp2-nav.is-scrolled {\r\n  color:#15120d;\r\n  background:rgba(247,242,232,.92);\r\n  border-color:rgba(121,84,28,.14);\r\n}\r\n\r\n.kp2-brand-symbol {\r\n  border-color:rgba(222,188,109,.40);\r\n  background:linear-gradient(145deg,#fff,#f5eee0);\r\n  box-shadow:0 16px 42px rgba(0,0,0,.20),0 0 42px rgba(212,169,79,.16);\r\n}\r\n\r\n.kp2-brand-symbol::after {\r\n  background:linear-gradient(120deg,transparent 16%,rgba(255,255,255,.72) 50%,transparent 84%);\r\n}\r\n\r\n.kp2-nav-cta {\r\n  color:#100d08!important;\r\n  background:linear-gradient(135deg,#f7e4ad,#d3a34a);\r\n  box-shadow:0 16px 38px rgba(126,85,25,.24);\r\n}\r\n\r\n.kp2-hero-vignette {\r\n  background:\r\n    radial-gradient(circle at 80% 35%,rgba(225,181,92,.20),transparent 31%),\r\n    linear-gradient(90deg,rgba(4,5,7,.94) 0%,rgba(4,5,7,.72) 46%,rgba(4,5,7,.36) 72%,rgba(4,5,7,.66) 100%),\r\n    linear-gradient(180deg,rgba(5,6,8,.12),rgba(5,6,8,.82));\r\n}\r\n\r\n.kp2-hero-brandmark {\r\n  position:relative;\r\n  width:clamp(350px,34vw,555px);\r\n  aspect-ratio:1;\r\n  display:grid;\r\n  place-items:center;\r\n  margin:26px 0 40px;\r\n  isolation:isolate;\r\n  animation:kp2SimbaFloat 6.5s ease-in-out infinite;\r\n}\r\n\r\n.kp2-hero-logo-system {\r\n  position:absolute;\r\n  inset:-5%;\r\n  z-index:1;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.kp2-logo-ring {\r\n  position:absolute;\r\n  border-radius:50%;\r\n  border:1px solid rgba(230,195,112,.22);\r\n  box-shadow:0 0 70px rgba(212,169,79,.12);\r\n}\r\n\r\n.kp2-logo-ring-one {\r\n  inset:0;\r\n  animation:kp2SimbaSpin 24s linear infinite;\r\n}\r\n\r\n.kp2-logo-ring-two {\r\n  inset:8%;\r\n  border-style:dashed;\r\n  border-color:rgba(240,214,148,.42);\r\n  animation:kp2SimbaSpinReverse 17s linear infinite;\r\n}\r\n\r\n.kp2-logo-ring-three {\r\n  inset:-7%;\r\n  border-color:rgba(255,255,255,.08);\r\n  box-shadow:0 0 115px rgba(212,169,79,.18),inset 0 0 70px rgba(212,169,79,.06);\r\n  animation:kp2SimbaHalo 4s ease-in-out infinite;\r\n}\r\n\r\n.kp2-logo-particle {\r\n  position:absolute;\r\n  width:11px;\r\n  height:11px;\r\n  border-radius:50%;\r\n  background:#f2d382;\r\n  box-shadow:0 0 16px rgba(242,211,130,.96),0 0 38px rgba(242,211,130,.60);\r\n}\r\n\r\n.kp2-logo-particle-one { left:9%; top:24%; }\r\n.kp2-logo-particle-two { right:8%; top:44%; width:8px; height:8px; }\r\n.kp2-logo-particle-three { left:30%; bottom:2%; width:7px; height:7px; }\r\n\r\n.kp2-hero-logo-frame {\r\n  position:relative;\r\n  z-index:4;\r\n  width:79%;\r\n  height:79%;\r\n  display:grid;\r\n  place-items:center;\r\n  padding:16px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.84);\r\n  border-radius:42px;\r\n  background:linear-gradient(145deg,#fff,#f8f2e6);\r\n  box-shadow:\r\n    0 48px 120px rgba(0,0,0,.48),\r\n    0 0 105px rgba(212,169,79,.29),\r\n    inset 0 0 0 1px rgba(255,255,255,.94);\r\n}\r\n\r\n.kp2-hero-logo-frame::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:12px;\r\n  z-index:1;\r\n  border:1px solid rgba(194,143,51,.19);\r\n  border-radius:31px;\r\n  box-shadow:inset 0 0 38px rgba(194,143,51,.07),0 0 34px rgba(194,143,51,.10);\r\n  pointer-events:none;\r\n}\r\n\r\n.kp2-hero-logo-frame img {\r\n  position:relative;\r\n  z-index:3;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n  filter:drop-shadow(0 18px 28px rgba(0,0,0,.14)) saturate(1.05) contrast(1.02);\r\n  animation:kp2SimbaBreath 5s ease-in-out infinite;\r\n}\r\n\r\n.kp2-hero-logo-shine {\r\n  position:absolute;\r\n  inset:-55%;\r\n  z-index:5;\r\n  pointer-events:none;\r\n  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,0) 43%,rgba(255,255,255,.88) 50%,rgba(255,255,255,0) 57%,transparent 65%);\r\n  transform:translateX(-120%) rotate(8deg);\r\n  animation:kp2SimbaShine 5.8s ease-in-out infinite;\r\n}\r\n\r\n.kp2-hero-logo-caption {\r\n  position:absolute;\r\n  z-index:7;\r\n  left:50%;\r\n  bottom:-12px;\r\n  width:max-content;\r\n  max-width:92%;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  transform:translateX(-50%);\r\n  padding:11px 20px;\r\n  border:1px solid rgba(238,209,139,.24);\r\n  border-radius:999px;\r\n  color:#fff;\r\n  background:linear-gradient(145deg,rgba(8,9,11,.95),rgba(50,37,19,.92));\r\n  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 35px rgba(212,169,79,.14);\r\n  backdrop-filter:blur(18px);\r\n  text-align:center;\r\n  white-space:nowrap;\r\n}\r\n\r\n.kp2-hero-logo-caption span {\r\n  color:#f1d38a;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.kp2-hero-logo-caption strong {\r\n  margin-top:4px;\r\n  color:rgba(255,255,255,.72);\r\n  font-size:7px;\r\n  font-weight:400;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.kp2-outline em {\r\n  -webkit-text-stroke:1px rgba(242,211,138,.95);\r\n}\r\n\r\n.kp2-disc {\r\n  color:#171006;\r\n  background:linear-gradient(135deg,#f2d585,#bf852c);\r\n  box-shadow:0 30px 80px rgba(190,132,43,.32);\r\n}\r\n\r\n.kp2-ticker i,\r\n.kp2-service>span {\r\n  color:#d4a94f;\r\n}\r\n\r\n.kp2-filters button:hover,\r\n.kp2-filters button.is-active {\r\n  color:#171006;\r\n  border-color:#d4a94f;\r\n  background:linear-gradient(135deg,#f0d485,#c28b35);\r\n}\r\n\r\n.kp2-about-badge,\r\n.kp2-submit {\r\n  color:#171006;\r\n  background:linear-gradient(135deg,#f1d58a,#b87d27);\r\n  box-shadow:0 24px 65px rgba(172,112,29,.28);\r\n}\r\n\r\n.kp2-about-badge span,\r\n.kp2-submit span {\r\n  color:#171006;\r\n}\r\n\r\n.kp2-process-grid span {\r\n  color:#f1d68b;\r\n}\r\n\r\n.kp2-process-grid article:hover {\r\n  background:linear-gradient(160deg,rgba(212,169,79,.18),rgba(115,76,24,.16));\r\n}\r\n\r\n.kp2-contact-overlay {\r\n  background:\r\n    linear-gradient(90deg,rgba(6,7,9,.95),rgba(6,7,9,.80) 58%,rgba(6,7,9,.48)),\r\n    radial-gradient(circle at 80% 20%,rgba(212,169,79,.24),transparent 30%);\r\n}\r\n\r\n.kp2-contact-orb {\r\n  box-shadow:inset 0 0 100px rgba(212,169,79,.12);\r\n}\r\n\r\n.kp2-form input:focus,\r\n.kp2-form textarea:focus,\r\n.kp2-form select:focus {\r\n  border-bottom-color:#efd384;\r\n}\r\n\r\n.kp2-footer-logo-complete {\r\n  width:155px;\r\n  height:155px;\r\n  flex:0 0 155px;\r\n  padding:9px;\r\n  border-radius:26px;\r\n}\r\n\r\n.kp2-footer-logo-complete img {\r\n  position:static;\r\n  width:100%!important;\r\n  height:100%;\r\n  max-width:100%!important;\r\n  object-fit:contain;\r\n  transform:none;\r\n}\r\n\r\n.kp2-footer-logo-complete::after {\r\n  z-index:2;\r\n}\r\n\r\n@keyframes kp2SimbaFloat {\r\n  0%,100% { transform:translateY(0); }\r\n  50% { transform:translateY(-12px); }\r\n}\r\n\r\n@keyframes kp2SimbaSpin {\r\n  to { transform:rotate(360deg); }\r\n}\r\n\r\n@keyframes kp2SimbaSpinReverse {\r\n  to { transform:rotate(-360deg); }\r\n}\r\n\r\n@keyframes kp2SimbaHalo {\r\n  0%,100% { transform:scale(1); opacity:.70; }\r\n  50% { transform:scale(1.055); opacity:1; }\r\n}\r\n\r\n@keyframes kp2SimbaBreath {\r\n  0%,100% { transform:scale(1); }\r\n  50% { transform:scale(1.025); }\r\n}\r\n\r\n@keyframes kp2SimbaShine {\r\n  0%,18% { transform:translateX(-120%) rotate(8deg); opacity:0; }\r\n  27% { opacity:1; }\r\n  45% { transform:translateX(120%) rotate(8deg); opacity:1; }\r\n  53%,100% { transform:translateX(120%) rotate(8deg); opacity:0; }\r\n}\r\n\r\n@media (min-width:1101px) {\r\n  .kp2-hero-image-b {\r\n    display:none;\r\n  }\r\n\r\n  .kp2-hero-topline {\r\n    width:58%;\r\n    padding-right:0;\r\n  }\r\n\r\n  .kp2-hero-brandmark {\r\n    position:absolute;\r\n    right:clamp(34px,5vw,92px);\r\n    top:50%;\r\n    width:clamp(390px,35vw,570px);\r\n    margin:0;\r\n    transform:translateY(-50%);\r\n  }\r\n\r\n  .kp2-hero-brandmark {\r\n    animation:kp2SimbaFloatDesktop 6.5s ease-in-out infinite;\r\n  }\r\n\r\n  .kp2-hero-title-wrap {\r\n    width:min(64vw,1050px);\r\n    padding-right:clamp(250px,19vw,350px);\r\n  }\r\n\r\n  .kp2-hero-title {\r\n    font-size:clamp(70px,8.8vw,156px);\r\n  }\r\n\r\n  .kp2-hero-foot {\r\n    width:58%;\r\n    padding-right:0;\r\n  }\r\n}\r\n\r\n@keyframes kp2SimbaFloatDesktop {\r\n  0%,100% { transform:translateY(-50%); }\r\n  50% { transform:translateY(calc(-50% - 13px)); }\r\n}\r\n\r\n@media (max-width:780px) {\r\n  .kp2-sample-ribbon {\r\n    left:12px;\r\n    bottom:12px;\r\n    max-width:calc(100vw - 88px);\r\n  }\r\n\r\n  .kp2-sample-ribbon strong {\r\n    display:none;\r\n  }\r\n\r\n  .kp2-hero-brandmark {\r\n    width:min(88vw,410px);\r\n    margin:26px auto 50px;\r\n  }\r\n\r\n  .kp2-hero-logo-frame {\r\n    width:78%;\r\n    height:78%;\r\n    padding:12px;\r\n    border-radius:32px;\r\n  }\r\n\r\n  .kp2-hero-logo-frame::after {\r\n    inset:9px;\r\n    border-radius:24px;\r\n  }\r\n\r\n  .kp2-hero-logo-caption {\r\n    bottom:-10px;\r\n    max-width:94%;\r\n    padding:9px 13px;\r\n    white-space:normal;\r\n  }\r\n\r\n  .kp2-hero-logo-caption span {\r\n    font-size:7px;\r\n  }\r\n\r\n  .kp2-hero-logo-caption strong {\r\n    font-size:6px;\r\n  }\r\n\r\n  .kp2-footer-logo-complete {\r\n    width:132px;\r\n    height:132px;\r\n    flex-basis:132px;\r\n  }\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   V5 HERO LAYOUT CORRECTION\r\n   Prevents logo and headline clipping on desktop screens\r\n   ========================================================== *\/\r\n\r\n@media (min-width:1101px) {\r\n\r\n  .kp2-hero {\r\n    min-height: 820px;\r\n    height: max(820px, 100svh);\r\n  }\r\n\r\n  .kp2-hero-content-v5 {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 1.16fr)\r\n      minmax(390px, 0.84fr);\r\n    grid-template-rows:\r\n      auto\r\n      minmax(0, 1fr)\r\n      auto;\r\n    column-gap: clamp(42px, 5vw, 92px);\r\n    row-gap: 18px;\r\n    align-items: center;\r\n    justify-content: stretch;\r\n    height: 100%;\r\n    min-height: inherit;\r\n    padding:\r\n      125px\r\n      clamp(38px, 4.6vw, 82px)\r\n      clamp(38px, 4.5vw, 70px);\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-topline {\r\n    grid-column: 1 \/ -1;\r\n    grid-row: 1;\r\n    width: 100%;\r\n    padding-right: 0;\r\n    align-self: start;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title-wrap {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n    align-self: center;\r\n    width: 100%;\r\n    min-width: 0;\r\n    max-width: none;\r\n    margin: 0;\r\n    padding: 18px 0 24px;\r\n    overflow: visible;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    font-size: clamp(68px, 7.7vw, 132px);\r\n    line-height: 0.82;\r\n    letter-spacing: -0.052em;\r\n    overflow: visible;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-title-row {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding-right: 0.08em;\r\n    overflow: visible;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-title-row em {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-indent em {\r\n    margin-left: clamp(38px, 6vw, 105px);\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-brandmark {\r\n    position: relative;\r\n    inset: auto;\r\n    grid-column: 2;\r\n    grid-row: 2;\r\n    align-self: center;\r\n    justify-self: center;\r\n    width: min(100%, 500px);\r\n    max-width: 500px;\r\n    margin: 0;\r\n    transform: none;\r\n    animation: kp2SimbaFloatGrid 6.5s ease-in-out infinite;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-logo-frame {\r\n    width: 76%;\r\n    height: 76%;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-foot {\r\n    grid-column: 1 \/ -1;\r\n    grid-row: 3;\r\n    width: 100%;\r\n    padding-right: 0;\r\n    align-self: end;\r\n  }\r\n}\r\n\r\n@media (min-width:1101px) and (max-width:1380px) {\r\n\r\n  .kp2-hero-content-v5 {\r\n    grid-template-columns:\r\n      minmax(0, 1.12fr)\r\n      minmax(350px, 0.88fr);\r\n    column-gap: clamp(28px, 3.4vw, 54px);\r\n    padding-left: clamp(30px, 3vw, 52px);\r\n    padding-right: clamp(30px, 3vw, 52px);\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title {\r\n    font-size: clamp(64px, 7.25vw, 104px);\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-brandmark {\r\n    width: min(100%, 430px);\r\n    max-width: 430px;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-indent em {\r\n    margin-left: clamp(24px, 4vw, 64px);\r\n  }\r\n}\r\n\r\n@media (min-width:1101px) and (max-width:1200px) {\r\n\r\n  .kp2-hero-content-v5 {\r\n    grid-template-columns:\r\n      minmax(0, 1.08fr)\r\n      minmax(325px, 0.92fr);\r\n    column-gap: 24px;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title {\r\n    font-size: clamp(60px, 6.8vw, 84px);\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-brandmark {\r\n    width: min(100%, 390px);\r\n    max-width: 390px;\r\n  }\r\n\r\n  .kp2-hero-logo-caption {\r\n    max-width: 96%;\r\n    padding: 9px 14px;\r\n  }\r\n\r\n  .kp2-hero-logo-caption span {\r\n    font-size: 7px;\r\n  }\r\n\r\n  .kp2-hero-logo-caption strong {\r\n    font-size: 6px;\r\n  }\r\n}\r\n\r\n@keyframes kp2SimbaFloatGrid {\r\n  0%,\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-12px);\r\n  }\r\n}\r\n\r\n\/* Tablet layout: logo stays centred and headline remains complete. *\/\r\n\r\n@media (min-width:781px) and (max-width:1100px) {\r\n\r\n  .kp2-hero {\r\n    min-height: 980px;\r\n    height: auto;\r\n  }\r\n\r\n  .kp2-hero-content-v5 {\r\n    justify-content: flex-start;\r\n    padding-top: 118px;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-brandmark {\r\n    width: min(62vw, 480px);\r\n    margin: 24px auto 44px;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title-wrap {\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    font-size: clamp(68px, 11vw, 112px);\r\n    line-height: 0.80;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-title-row {\r\n    overflow: visible;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-title-row em {\r\n    white-space: normal;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-indent em {\r\n    margin-left: clamp(30px, 10vw, 100px);\r\n  }\r\n}\r\n\r\n\/* Mobile: explicitly prevent the final title line from being clipped. *\/\r\n\r\n@media (max-width:780px) {\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title-wrap,\r\n  .kp2-hero-content-v5 .kp2-hero-title,\r\n  .kp2-hero-content-v5 .kp2-title-row {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: visible;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-title-row em {\r\n    white-space: normal;\r\n    overflow-wrap: normal;\r\n    word-break: normal;\r\n  }\r\n\r\n  .kp2-hero-content-v5 .kp2-hero-title {\r\n    font-size: clamp(56px, 17vw, 94px);\r\n    line-height: 0.82;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root=document.getElementById('knwb-photo-v2');\r\n  if(!root)return;\r\n\r\n  const q=(s,c=root)=>c.querySelector(s),qa=(s,c=root)=>Array.from(c.querySelectorAll(s));\r\n  const clamp=(v,min,max)=>Math.max(min,Math.min(max,v));\r\n\r\n  \/\/ Preloader\r\n  const preloader=q('.kp2-preloader'),loaderNumber=q('#kp2LoaderNumber'),loaderLine=q('#kp2LoaderLine');\r\n  let loadValue=0;\r\n  const loaderTimer=setInterval(()=>{\r\n    loadValue+=Math.ceil(Math.random()*9);\r\n    if(loadValue>=100){loadValue=100;clearInterval(loaderTimer);setTimeout(()=>preloader&&preloader.classList.add('is-done'),280);}\r\n    if(loaderNumber)loaderNumber.textContent=String(loadValue).padStart(2,'0');\r\n    if(loaderLine)loaderLine.style.width=loadValue+'%';\r\n  },55);\r\n  window.addEventListener('load',()=>{loadValue=Math.max(loadValue,92);});\r\n\r\n  \/\/ Smooth anchors\r\n  qa('a[href^=\"#\"]').forEach(a=>a.addEventListener('click',e=>{\r\n    const target=q(a.getAttribute('href'))||document.querySelector(a.getAttribute('href'));\r\n    if(target){e.preventDefault();target.scrollIntoView({behavior:'smooth',block:'start'});nav.classList.remove('is-menu-open');menuButton?.setAttribute('aria-expanded','false');}\r\n  }));\r\n\r\n  \/\/ Navigation and page progress\r\n  const nav=q('#kp2Nav'),progress=q('#kp2Progress');\r\n  const updateScroll=()=>{\r\n    const y=window.scrollY||document.documentElement.scrollTop;\r\n    nav?.classList.toggle('is-scrolled',y>80);\r\n    const h=document.documentElement.scrollHeight-window.innerHeight;\r\n    if(progress)progress.style.width=(h>0?(y\/h)*100:0)+'%';\r\n  };\r\n  updateScroll();window.addEventListener('scroll',updateScroll,{passive:true});\r\n\r\n  const menuButton=q('.kp2-menu-button');\r\n  menuButton?.addEventListener('click',()=>{\r\n    const open=nav.classList.toggle('is-menu-open');\r\n    menuButton.setAttribute('aria-expanded',String(open));\r\n  });\r\n\r\n  \/\/ Reveal observer\r\n  const revealObserver=new IntersectionObserver(entries=>entries.forEach(entry=>{\r\n    if(entry.isIntersecting){entry.target.classList.add('is-visible');revealObserver.unobserve(entry.target);}\r\n  }),{threshold:.13,rootMargin:'0px 0px -7% 0px'});\r\n  qa('.kp2-reveal').forEach(el=>revealObserver.observe(el));\r\n\r\n  \/\/ Parallax\r\n  const parallaxEls=qa('[data-kp2-parallax]');\r\n  let rafParallax=false;\r\n  const renderParallax=()=>{\r\n    parallaxEls.forEach(el=>{\r\n      const rect=el.getBoundingClientRect();\r\n      const factor=parseFloat(el.dataset.kp2Parallax||0);\r\n      const centre=rect.top+rect.height\/2-window.innerHeight\/2;\r\n      el.style.transform=`translate3d(0,${centre*factor*-0.18}px,0)`;\r\n    });\r\n    rafParallax=false;\r\n  };\r\n  window.addEventListener('scroll',()=>{if(!rafParallax){rafParallax=true;requestAnimationFrame(renderParallax);}},{passive:true});\r\n  renderParallax();\r\n\r\n  \/\/ Custom cursor\r\n  const cursor=q('#kp2Cursor'),cursorDot=q('#kp2CursorDot');\r\n  let mx=innerWidth\/2,my=innerHeight\/2,cx=mx,cy=my;\r\n  document.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;cursor?.classList.add('is-visible');if(cursorDot){cursorDot.style.left=mx+'px';cursorDot.style.top=my+'px';}});\r\n  const cursorLoop=()=>{cx+=(mx-cx)*.14;cy+=(my-cy)*.14;if(cursor){cursor.style.left=cx+'px';cursor.style.top=cy+'px';}requestAnimationFrame(cursorLoop)};cursorLoop();\r\n  qa('a,button,input,textarea,select').forEach(el=>{el.addEventListener('mouseenter',()=>cursor?.classList.add('is-small'));el.addEventListener('mouseleave',()=>cursor?.classList.remove('is-small'));});\r\n  qa('.kp2-card').forEach(el=>{el.addEventListener('mouseenter',()=>{if(cursor){cursor.querySelector('span').textContent='VIEW';cursor.classList.remove('is-small');}});});\r\n\r\n  \/\/ Magnetic interaction\r\n  qa('.kp2-magnetic').forEach(el=>{\r\n    el.addEventListener('mousemove',e=>{const r=el.getBoundingClientRect();const x=e.clientX-r.left-r.width\/2;const y=e.clientY-r.top-r.height\/2;el.style.transform=`translate(${x*.12}px,${y*.12}px)`;});\r\n    el.addEventListener('mouseleave',()=>el.style.transform='translate(0,0)');\r\n  });\r\n\r\n  \/\/ 3D tilt and card spotlight\r\n  qa('.kp2-tilt').forEach(card=>{\r\n    card.addEventListener('mousemove',e=>{\r\n      if(innerWidth<900)return;\r\n      const r=card.getBoundingClientRect(),px=(e.clientX-r.left)\/r.width,py=(e.clientY-r.top)\/r.height;\r\n      card.style.transform=`perspective(1200px) rotateX(${(0.5-py)*6}deg) rotateY(${(px-0.5)*7}deg) translateY(-4px)`;\r\n      const glow=q('.kp2-card-glow',card);if(glow){glow.style.left=(px*100)+'%';glow.style.top=(py*100)+'%';}\r\n    });\r\n    card.addEventListener('mouseleave',()=>card.style.transform='');\r\n  });\r\n\r\n  \/\/ Portfolio filters and lightbox\r\n  const filterButtons=qa('[data-kp2-filter]'),cards=qa('.kp2-card');\r\n  filterButtons.forEach(btn=>btn.addEventListener('click',()=>{\r\n    filterButtons.forEach(b=>b.classList.remove('is-active'));btn.classList.add('is-active');\r\n    const f=btn.dataset.kp2Filter;\r\n    cards.forEach(card=>card.classList.toggle('is-hidden',f!=='all'&&card.dataset.category!==f));\r\n  }));\r\n  const lightbox=q('#kp2Lightbox'),lightboxImg=q('.kp2-lightbox-inner img',lightbox),lightboxMeta=q('.kp2-lightbox-inner span',lightbox),lightboxTitle=q('.kp2-lightbox-inner h3',lightbox);\r\n  const openLightbox=card=>{const img=q('img',card);lightboxImg.src=img.currentSrc||img.src;lightboxImg.alt=img.alt;lightboxMeta.textContent=card.dataset.meta||'';lightboxTitle.textContent=card.dataset.title||'';lightbox.classList.add('is-open');lightbox.setAttribute('aria-hidden','false');document.body.style.overflow='hidden';};\r\n  cards.forEach(card=>{card.addEventListener('click',()=>openLightbox(card));card.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();openLightbox(card);}});});\r\n  const closeLightbox=()=>{lightbox?.classList.remove('is-open');lightbox?.setAttribute('aria-hidden','true');document.body.style.overflow='';};\r\n  q('.kp2-lightbox-close',lightbox)?.addEventListener('click',closeLightbox);lightbox?.addEventListener('click',e=>{if(e.target===lightbox)closeLightbox();});document.addEventListener('keydown',e=>{if(e.key==='Escape')closeLightbox();});\r\n\r\n  \/\/ Service hover preview\r\n  const preview=q('#kp2ServicePreview'),previewImg=q('img',preview);\r\n  qa('.kp2-service').forEach(service=>{\r\n    service.addEventListener('mouseenter',()=>{if(innerWidth<1100)return;previewImg.src=service.dataset.serviceImage;preview.classList.add('is-visible');});\r\n    service.addEventListener('mousemove',e=>{preview.style.left=e.clientX+'px';preview.style.top=e.clientY+'px';});\r\n    service.addEventListener('mouseleave',()=>preview.classList.remove('is-visible'));\r\n  });\r\n\r\n  \/\/ Animated counters\r\n  const counters=qa('[data-kp2-count]');\r\n  const counterObserver=new IntersectionObserver(entries=>entries.forEach(entry=>{\r\n    if(!entry.isIntersecting)return;\r\n    const el=entry.target,target=parseInt(el.dataset.kp2Count,10)||0,start=performance.now(),duration=1500;\r\n    const tick=now=>{const p=clamp((now-start)\/duration,0,1),ease=1-Math.pow(1-p,3);el.textContent=Math.round(target*ease)+(target===96?'%':'');if(p<1)requestAnimationFrame(tick);};\r\n    requestAnimationFrame(tick);counterObserver.unobserve(el);\r\n  }),{threshold:.5});counters.forEach(c=>counterObserver.observe(c));\r\n\r\n  \/\/ Testimonials\r\n  const testimonials=qa('.kp2-testimonial-slider blockquote'),tCurrent=q('#kp2TestimonialCurrent');let tIndex=0;\r\n  const showTestimonial=i=>{tIndex=(i+testimonials.length)%testimonials.length;testimonials.forEach((el,n)=>el.classList.toggle('is-active',n===tIndex));if(tCurrent)tCurrent.textContent=String(tIndex+1).padStart(2,'0');};\r\n  q('#kp2TestimonialPrev')?.addEventListener('click',()=>showTestimonial(tIndex-1));q('#kp2TestimonialNext')?.addEventListener('click',()=>showTestimonial(tIndex+1));setInterval(()=>showTestimonial(tIndex+1),6500);\r\n\r\n  \/\/ WhatsApp form\r\n  q('#kp2Form')?.addEventListener('submit',e=>{\r\n    e.preventDefault();\r\n    const data=new FormData(e.currentTarget);\r\n    const message=[\r\n      'Hi Simba Pondani Photography, I would like to enquire about photography.',\r\n      '',\r\n      `Name: ${data.get('name')||''}`,\r\n      `Mobile: ${data.get('phone')||''}`,\r\n      `Email: ${data.get('email')||'Not provided'}`,\r\n      `Photography type: ${data.get('service')||''}`,\r\n      `Preferred date: ${data.get('date')||'Not confirmed'}`,\r\n      '',\r\n      `Vision \/ details: ${data.get('message')||''}`\r\n    ].join('\\n');\r\n    window.open('https:\/\/wa.me\/27820000000?text='+encodeURIComponent(message),'_blank','noopener');\r\n  });\r\n\r\n  \/\/ Ambient particle field\r\n  const canvas=q('#kp2Canvas');\r\n  if(canvas&&innerWidth>780){\r\n    const ctx=canvas.getContext('2d');let particles=[];let cw=0,ch=0,dpr=Math.min(devicePixelRatio||1,2);\r\n    const resize=()=>{cw=innerWidth;ch=innerHeight;canvas.width=cw*dpr;canvas.height=ch*dpr;canvas.style.width=cw+'px';canvas.style.height=ch+'px';ctx.setTransform(dpr,0,0,dpr,0,0);const count=Math.min(70,Math.floor(cw\/24));particles=Array.from({length:count},()=>({x:Math.random()*cw,y:Math.random()*ch,vx:(Math.random()-.5)*.22,vy:(Math.random()-.5)*.22,r:Math.random()*1.6+.4}));};\r\n    const draw=()=>{ctx.clearRect(0,0,cw,ch);for(const p of particles){p.x+=p.vx;p.y+=p.vy;if(p.x<0||p.x>cw)p.vx*=-1;if(p.y<0||p.y>ch)p.vy*=-1;const dx=p.x-mx,dy=p.y-my,dist=Math.hypot(dx,dy);if(dist<140){p.x-=dx*.003;p.y-=dy*.003;}ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,Math.PI*2);ctx.fillStyle='rgba(255,255,255,.42)';ctx.fill();}for(let i=0;i<particles.length;i++){for(let j=i+1;j<particles.length;j++){const a=particles[i],b=particles[j],d=Math.hypot(a.x-b.x,a.y-b.y);if(d<95){ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(b.x,b.y);ctx.strokeStyle=`rgba(118,87,255,${(1-d\/95)*.16})`;ctx.stroke();}}}requestAnimationFrame(draw);};\r\n    resize();window.addEventListener('resize',resize);draw();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>KNWB Concept Photography Website Sample Preparing the experience 00% VIEW SIMBA PONDANI PHOTOGRAPHY Work Signature Services Artist Enquire Reserve your date\u2197 Johannesburg \u00b7 Cape Town \u00b7 Worldwide KNWB Concept Website Sample Simba Pondani Photography Where vision becomes legacy Distinctive photography. Powerful visual legacy. Your story deserves to feel cinematic. Refined storytelling, decisive creative direction and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-490","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=\/wp\/v2\/pages\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=490"}],"version-history":[{"count":17,"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=\/wp\/v2\/pages\/490\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=\/wp\/v2\/pages\/490\/revisions\/516"}],"wp:attachment":[{"href":"https:\/\/knwbholdings.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}