Kifaru Blades \u2013 Handcrafted Knives<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --black: #0c0b09;\n --dark: #141310;\n --charcoal: #1c1a16;\n --steel: #28261f;\n --gold: #c8923a;\n --gold-lt: #e0aa55;\n --rust: #7a3018;\n --cream: #f0e8d4;\n --muted: #6e6858;\n --white: #faf6ec;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--black);\n color: var(--cream);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n overflow-x: hidden;\n }\n\n body { cursor: none; }\n #cursor {\n position: fixed; width: 10px; height: 10px;\n background: var(--gold); border-radius: 50%;\n pointer-events: none; z-index: 9999;\n transform: translate(-50%, -50%);\n transition: transform 0.15s;\n mix-blend-mode: difference;\n }\n #cursor-ring {\n position: fixed; width: 36px; height: 36px;\n border: 1px solid rgba(200,146,58,0.5); border-radius: 50%;\n pointer-events: none; z-index: 9998;\n transform: translate(-50%, -50%);\n transition: left 0.18s ease, top 0.18s ease;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; inset: 0 0 auto 0; z-index: 500;\n display: flex; align-items: center; justify-content: space-between;\n padding: 1.4rem 5rem;\n background: linear-gradient(to bottom, rgba(12,11,9,0.97) 0%, rgba(12,11,9,0) 100%);\n backdrop-filter: blur(4px);\n }\n .nav-wordmark {\n font-family: 'Bebas Neue'; font-size: 1.8rem; letter-spacing: 0.06em;\n color: var(--white); text-decoration: none; line-height: 1;\n }\n .nav-wordmark span { color: var(--gold); }\n .nav-links { display: flex; gap: 2.8rem; list-style: none; }\n .nav-links a {\n font-size: 0.72rem; letter-spacing: 0.22em; text-transform: uppercase;\n color: rgba(240,232,212,0.65); text-decoration: none; transition: color 0.3s;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-cta {\n background: var(--gold); color: var(--black);\n padding: 0.6rem 1.8rem; font-size: 0.72rem; font-weight: 600;\n letter-spacing: 0.2em; text-transform: uppercase;\n text-decoration: none; transition: background 0.3s;\n font-family: 'Barlow';\n }\n .nav-cta:hover { background: var(--gold-lt); }\n\n \/* HERO *\/\n .hero {\n min-height: 100svh; position: relative;\n display: grid; align-items: end;\n overflow: hidden;\n background: var(--black);\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse 70% 60% at 65% 35%, rgba(122,48,24,0.22) 0%, transparent 65%),\n radial-gradient(ellipse 50% 50% at 20% 75%, rgba(200,146,58,0.07) 0%, transparent 55%),\n linear-gradient(170deg, #0c0b09 0%, #18140d 45%, #0c0b09 100%);\n }\n .hero::after {\n content: '';\n position: absolute; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='3' height='3'%3E%3Ccircle cx='1' cy='1' r='0.45' fill='rgba(255,255,255,0.022)'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .hero-deco {\n position: absolute; right: -3vw; bottom: -4vh;\n font-family: 'Bebas Neue'; font-size: 38vw; line-height: 0.85;\n color: rgba(200,146,58,0.04); user-select: none; pointer-events: none;\n letter-spacing: -0.04em;\n }\n .hero-content {\n position: relative; z-index: 2;\n padding: 8rem 5rem 6rem;\n max-width: 800px;\n }\n .eyebrow {\n display: inline-flex; align-items: center; gap: 1rem;\n font-size: 0.68rem; letter-spacing: 0.38em; text-transform: uppercase;\n color: var(--gold); margin-bottom: 2rem;\n }\n .eyebrow::before { content: ''; display: block; width: 32px; height: 1px; background: var(--gold); }\n .hero h1 {\n font-family: 'Bebas Neue';\n font-size: clamp(5rem, 10.5vw, 10rem);\n line-height: 0.88; letter-spacing: 0.02em;\n color: var(--white); margin-bottom: 2rem;\n }\n .hero h1 em { color: var(--gold); font-style: normal; }\n .hero-sub {\n font-family: 'Cormorant Garamond'; font-size: 1.25rem; font-style: italic;\n color: var(--muted); line-height: 1.75;\n max-width: 480px; margin-bottom: 3rem;\n }\n .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }\n .btn-primary {\n display: inline-block;\n background: var(--gold); color: var(--black);\n padding: 1rem 2.8rem; font-family: 'Barlow'; font-weight: 600;\n font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase;\n text-decoration: none; transition: background 0.3s;\n }\n .btn-primary:hover { background: var(--gold-lt); }\n .btn-outline {\n display: inline-block;\n border: 1px solid rgba(240,232,212,0.28); color: var(--cream);\n padding: 1rem 2.8rem; font-family: 'Barlow'; font-weight: 300;\n font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase;\n text-decoration: none; transition: border-color 0.3s, color 0.3s;\n }\n .btn-outline:hover { border-color: var(--gold); color: var(--gold); }\n @keyframes drip { 0%,100%{opacity:1} 50%{opacity:0.3} }\n\n \/* MARQUEE *\/\n .marquee {\n background: var(--gold); padding: 0.65rem 0; overflow: hidden; position: relative; z-index: 10;\n }\n .marquee-inner {\n display: flex; width: max-content;\n animation: slide 22s linear infinite;\n }\n .marquee-inner span {\n font-family: 'Bebas Neue'; font-size: 1rem; letter-spacing: 0.14em;\n color: var(--black); padding: 0 2rem; flex-shrink: 0;\n }\n .marquee-inner span.dot { padding: 0; opacity: 0.4; }\n @keyframes slide { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n\n \/* SHARED *\/\n .section-tag {\n display: inline-flex; align-items: center; gap: 0.8rem;\n font-size: 0.66rem; letter-spacing: 0.38em; text-transform: uppercase;\n color: var(--gold); margin-bottom: 1.6rem;\n }\n .section-tag::after { content:''; display:block; width:32px; height:1px; background:var(--gold); }\n h2.display {\n font-family: 'Bebas Neue';\n font-size: clamp(3rem, 5.5vw, 5.5rem);\n line-height: 0.92; letter-spacing: 0.025em; color: var(--white);\n }\n h2.display em { color: var(--gold); font-style: normal; }\n .body-copy {\n font-family: 'Cormorant Garamond'; font-size: 1.15rem; color: var(--muted); line-height: 1.8;\n }\n\n \/* ABOUT *\/\n .about { display: grid; grid-template-columns: 1fr 1fr; background: var(--charcoal); }\n .about-visual {\n min-height: 560px; position: relative;\n background: linear-gradient(135deg, #18140d 0%, #241c10 60%, #18140d 100%);\n display: flex; align-items: center; justify-content: center; overflow: hidden;\n }\n .about-visual-deco {\n font-family: 'Bebas Neue'; font-size: 18rem;\n color: rgba(200,146,58,0.07); line-height: 1; user-select: none;\n }\n .about-img-note {\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;\n font-size: 0.62rem; letter-spacing: 0.28em; color: var(--muted); text-transform: uppercase;\n }\n .badge {\n position: absolute; bottom: 2.5rem; right: 2.5rem;\n border: 1px solid var(--gold); padding: 1.4rem 1.6rem; text-align: center;\n background: rgba(12,11,9,0.7); backdrop-filter: blur(4px);\n }\n .badge-num { font-family: 'Bebas Neue'; font-size: 2.8rem; color: var(--gold); line-height: 1; }\n .badge-txt { font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream); margin-top: 0.2rem; }\n .about-body { padding: 7rem 5.5rem; display: flex; flex-direction: column; justify-content: center; }\n .about-body h2.display { margin-bottom: 1.8rem; }\n .about-body .body-copy { margin-bottom: 1.5rem; }\n .about-stats { display: flex; gap: 2.5rem; border-top: 1px solid rgba(200,146,58,0.18); padding-top: 2rem; margin-top: 2rem; }\n .stat .num { font-family:'Bebas Neue'; font-size:2.4rem; color:var(--gold); line-height:1; }\n .stat .lbl { font-size:0.65rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); margin-top:0.2rem; }\n\n \/* KNIFE TYPES *\/\n .knives { padding: 7rem 5rem; background: var(--black); }\n .knives-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; }\n .knives-sub { font-family: 'Cormorant Garamond'; font-style: italic; font-size: 1.1rem; color: var(--muted); max-width: 320px; line-height: 1.6; }\n .knives-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(200,146,58,0.08); }\n .knife-card {\n background: var(--charcoal); padding: 2.8rem 2.4rem;\n position: relative; overflow: hidden; transition: background 0.4s; cursor: pointer;\n }\n .knife-card:hover { background: #211e17; }\n .knife-card::before {\n content: ''; position: absolute; bottom: 0; left: 0;\n width: 0; height: 2px; background: var(--gold);\n transition: width 0.5s cubic-bezier(.16,1,.3,1);\n }\n .knife-card:hover::before { width: 100%; }\n .knife-num { font-family: 'Bebas Neue'; font-size: 4.5rem; color: rgba(200,146,58,0.1); line-height: 1; margin-bottom: 1.2rem; }\n .knife-type { font-size: 0.66rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.6rem; }\n .knife-name { font-family: 'Cormorant Garamond'; font-size: 1.5rem; font-weight: 600; color: var(--white); margin-bottom: 0.8rem; }\n .knife-desc { font-size: 0.85rem; color: var(--muted); line-height: 1.65; margin-bottom: 1.8rem; }\n .knife-cta {\n display: inline-flex; align-items: center; gap: 0.6rem;\n font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--gold); text-decoration: none; transition: gap 0.3s;\n }\n .knife-card:hover .knife-cta { gap: 1rem; }\n .knife-cta::after { content: '\u2192'; }\n\n \/* PROCESS *\/\n .process { background: var(--charcoal); padding: 7rem 5rem; position: relative; overflow: hidden; }\n .process-bg {\n position: absolute; right: -2vw; top: 50%; transform: translateY(-50%);\n font-family: 'Bebas Neue'; font-size: 24vw; color: rgba(200,146,58,0.028);\n line-height: 1; pointer-events: none; user-select: none;\n }\n .process-header { max-width: 500px; margin-bottom: 5rem; }\n .steps { display: grid; grid-template-columns: repeat(4,1fr); position: relative; z-index: 1; }\n .step { padding-right: 3rem; border-right: 1px solid rgba(200,146,58,0.12); }\n .step:last-child { border-right: none; padding-right: 0; }\n .step:not(:first-child) { padding-left: 3rem; }\n .step-n { font-family: 'Bebas Neue'; font-size: 5rem; color: rgba(200,146,58,0.15); line-height: 1; margin-bottom: 1.2rem; }\n .step-title { font-family: 'Cormorant Garamond'; font-size: 1.2rem; font-weight: 600; color: var(--white); margin-bottom: 0.7rem; }\n .step-body { font-size: 0.84rem; color: var(--muted); line-height: 1.7; }\n\n \/* PROOF STRIP *\/\n .proof {\n background: var(--steel);\n border-top: 1px solid rgba(200,146,58,0.15);\n border-bottom: 1px solid rgba(200,146,58,0.15);\n padding: 3.5rem 5rem;\n display: flex; align-items: center; justify-content: space-between; gap: 3rem; flex-wrap: wrap;\n }\n .proof-quote { font-family: 'Cormorant Garamond'; font-size: 1.35rem; font-style: italic; color: var(--cream); max-width: 600px; line-height: 1.65; }\n .proof-author { font-size: 0.68rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-top: 0.8rem; }\n .proof .btn-primary { background: var(--gold); color: var(--black); white-space: nowrap; }\n .proof .btn-primary:hover { background: var(--gold-lt); }\n\n \/* ENQUIRE *\/\n .enquire { padding: 8rem 5rem; background: var(--black); position: relative; overflow: hidden; }\n .enquire-bg {\n position: absolute; left: -5vw; top: 50%; transform: translateY(-50%);\n font-family: 'Bebas Neue'; font-size: 28vw; color: rgba(200,146,58,0.03);\n line-height: 1; pointer-events: none; user-select: none;\n }\n .enquire-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 7rem; align-items: start; position: relative; z-index: 1; }\n .enquire-left h2.display { margin-bottom: 1.5rem; }\n .enquire-left .body-copy { margin: 1.5rem 0 2.5rem; }\n .enquire-points { list-style: none; display: flex; flex-direction: column; gap: 1rem; }\n .enquire-points li { display: flex; align-items: flex-start; gap: 1rem; font-size: 0.9rem; color: var(--muted); line-height: 1.5; }\n .enquire-points li::before { content: '\u25c6'; color: var(--gold); font-size: 0.5rem; margin-top: 0.4rem; flex-shrink: 0; }\n .enquire-points li strong { color: var(--cream); font-weight: 500; }\n\n \/* FORM *\/\n .enquire-form { background: var(--charcoal); border: 1px solid rgba(200,146,58,0.18); padding: 3rem; }\n .form-heading { font-family: 'Bebas Neue'; font-size: 1.6rem; letter-spacing: 0.05em; color: var(--white); margin-bottom: 0.5rem; }\n .form-subheading { font-size: 0.8rem; color: var(--muted); margin-bottom: 2rem; line-height: 1.5; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .field { margin-bottom: 1.1rem; }\n .field label { display: block; font-size: 0.64rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.45rem; }\n .field input, .field select, .field textarea {\n width: 100%; background: rgba(255,255,255,0.04);\n border: 1px solid rgba(200,146,58,0.2); border-bottom-color: rgba(200,146,58,0.35);\n color: var(--cream); padding: 0.75rem 1rem;\n font-family: 'Barlow'; font-size: 0.92rem; font-weight: 300;\n outline: none; transition: border-color 0.3s, background 0.3s;\n -webkit-appearance: none; appearance: none;\n }\n .field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold); background: rgba(200,146,58,0.04); }\n .field input::placeholder, .field textarea::placeholder { color: rgba(110,104,88,0.5); }\n .field textarea { height: 90px; resize: vertical; }\n .field select option { background: var(--charcoal); color: var(--cream); }\n .radio-group { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.1rem; }\n .radio-chip {\n padding: 0.4rem 1rem; border: 1px solid rgba(200,146,58,0.22);\n font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;\n color: var(--muted); cursor: pointer; transition: all 0.25s;\n font-family: 'Barlow'; font-weight: 400; background: none; user-select: none;\n }\n .radio-chip.active, .radio-chip:hover { border-color: var(--gold); color: var(--gold); background: rgba(200,146,58,0.06); }\n .btn-submit {\n width: 100%; margin-top: 1.2rem;\n background: var(--gold); color: var(--black); border: none;\n padding: 1.1rem; font-family: 'Barlow'; font-weight: 600;\n font-size: 0.82rem; letter-spacing: 0.24em; text-transform: uppercase;\n cursor: pointer; transition: background 0.3s;\n }\n .btn-submit:hover { background: var(--gold-lt); }\n .form-success { display: none; text-align: center; padding: 3rem 1rem; }\n .form-success .tick { font-size: 3rem; color: var(--gold); margin-bottom: 1.2rem; }\n .form-success p { font-family: 'Cormorant Garamond'; font-size: 1.2rem; font-style: italic; color: var(--cream); line-height: 1.7; }\n\n \/* TESTIMONIALS *\/\n .testimonials { background: var(--steel); padding: 7rem 5rem; }\n .testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(200,146,58,0.08); margin-top: 4rem; }\n .testi-card { background: var(--charcoal); padding: 2.5rem; border-top: 2px solid transparent; transition: border-color 0.4s; }\n .testi-card:hover { border-top-color: var(--gold); }\n .stars { color: var(--gold); font-size: 0.9rem; letter-spacing: 0.1em; margin-bottom: 1.2rem; }\n .testi-text { font-family: 'Cormorant Garamond'; font-style: italic; font-size: 1.1rem; color: var(--cream); line-height: 1.7; margin-bottom: 1.5rem; }\n .testi-name { font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }\n\n \/* CONTACT STRIP *\/\n .contact-strip {\n background: var(--charcoal); padding: 5rem;\n display: flex; gap: 5rem; align-items: center; flex-wrap: wrap;\n border-top: 1px solid rgba(200,146,58,0.12);\n }\n .contact-items { display: flex; gap: 4rem; flex-wrap: wrap; flex: 1; }\n .contact-label { font-size: 0.62rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.5rem; }\n .contact-value { font-family: 'Cormorant Garamond'; font-size: 1.1rem; color: var(--cream); line-height: 1.5; }\n .contact-value a { color: var(--cream); text-decoration: none; transition: color 0.3s; }\n .contact-value a:hover { color: var(--gold); }\n\n \/* SOCIAL *\/\n .soc {\n width: 38px; height: 38px; border: 1px solid rgba(200,146,58,0.3);\n display: inline-flex; align-items: center; justify-content: center;\n color: var(--gold); text-decoration: none; transition: all 0.28s;\n margin-right: 0.5rem; flex-shrink: 0;\n }\n .soc:hover { background: var(--gold); color: var(--black); border-color: var(--gold); }\n .soc svg { width: 16px; height: 16px; fill: currentColor; display: block; }\n\n \/* FOOTER *\/\n footer { background: var(--dark); padding: 5rem 5rem 2.5rem; border-top: 1px solid rgba(200,146,58,0.12); }\n .footer-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr; align-items: start; margin-bottom: 4rem; gap: 3rem; }\n .footer-wordmark { font-family: 'Bebas Neue'; font-size: 2.4rem; letter-spacing: 0.05em; color: var(--white); line-height: 1; }\n .footer-wordmark span { color: var(--gold); }\n .footer-tagline { font-family: 'Cormorant Garamond'; font-style: italic; font-size: 1rem; color: var(--muted); margin-top: 0.8rem; max-width: 280px; line-height: 1.6; }\n .footer-nav { display: contents; }\n .footer-col h4 { font-size: 0.65rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.6rem; }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.75rem; }\n .footer-col a { font-size: 0.88rem; color: var(--muted); text-decoration: none; transition: color 0.3s; }\n .footer-col a:hover { color: var(--cream); }\n .footer-bottom { border-top: 1px solid rgba(200,146,58,0.08); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }\n .footer-copy { font-size: 0.75rem; color: var(--muted); }\n\n \/* REVEAL *\/\n .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n \/* HERO ENTRANCE *\/\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n .hero-content > * { animation: fadeUp 0.9s ease both; }\n .hero-content .eyebrow { animation-delay: 0.1s; }\n .hero-content h1 { animation-delay: 0.25s; }\n .hero-content .hero-sub { animation-delay: 0.4s; }\n .hero-content .hero-actions { animation-delay: 0.55s; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 960px) {\n nav { padding: 1.2rem 1.8rem; }\n .nav-links { display: none; }\n .hero-content { padding: 0 1.8rem 5rem; }\n .about { grid-template-columns: 1fr; }\n .about-visual { min-height: 300px; }\n .about-body { padding: 3rem 1.8rem; }\n .knives { padding: 4.5rem 1.8rem; }\n .knives-grid { grid-template-columns: 1fr; }\n .knives-header { flex-direction: column; align-items: flex-start; gap: 1rem; }\n .process { padding: 4.5rem 1.8rem; }\n .steps { grid-template-columns: 1fr 1fr; gap: 2rem; }\n .step { border-right: none !important; padding: 0 !important; }\n .proof { padding: 3rem 1.8rem; flex-direction: column; }\n .enquire { padding: 5rem 1.8rem; }\n .enquire-inner { grid-template-columns: 1fr; gap: 3rem; }\n .testimonials { padding: 5rem 1.8rem; }\n .testi-grid { grid-template-columns: 1fr; }\n .contact-strip { padding: 3.5rem 1.8rem; flex-direction: column; gap: 2.5rem; }\n .contact-items { gap: 2rem; }\n footer { padding: 3rem 1.8rem; }\n .footer-top { grid-template-columns: 1fr; }\n .footer-nav { display: flex; flex-wrap: wrap; gap: 2.5rem; justify-content: flex-start; }\n .form-row { grid-template-columns: 1fr; }\n #cursor, #cursor-ring { display: none; }\n body { cursor: auto; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"cursor\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n\n<nav>\n <a href=\"#\" class=\"nav-wordmark\">kifaru <span>BLADES<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#knives\">Our Knives<\/a><\/li>\n <li><a href=\"#craft\">The Craft<\/a><\/li>\n <li><a href=\"#process\">Process<\/a><\/li>\n <li><a href=\"#enquire\">Enquire<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"#enquire\" class=\"nav-cta\">Get a Knife<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-deco\">K<\/div>\n <div class=\"hero-content\">\n <p class=\"eyebrow\">Handcrafted in South Africa<\/p>\n <h1>STEEL<br>SHAPED<br>BY <em>HAND.<\/em><\/h1>\n <p class=\"hero-sub\">Every Kifaru blade is built by a single maker \u2014 ground, heat-treated and finished with purpose. No factory. No shortcuts. Just honest steel.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#enquire\" class=\"btn-primary\">Enquire About a Knife<\/a>\n <a href=\"#knives\" class=\"btn-outline\">See What We Make<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\">\n <div class=\"marquee-inner\">\n <span>One Maker, One Blade<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Handcrafted in South Africa<\/span><span class=\"dot\">\u25c6<\/span>\n <span>High Carbon & Stainless Steel<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Custom Orders Welcome<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Built to Last Generations<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Hunting \u00b7 Kitchen \u00b7 EDC \u00b7 Camp<\/span><span class=\"dot\">\u25c6<\/span>\n <span>One Maker, One Blade<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Handcrafted in South Africa<\/span><span class=\"dot\">\u25c6<\/span>\n <span>High Carbon & Stainless Steel<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Custom Orders Welcome<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Built to Last Generations<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Hunting \u00b7 Kitchen \u00b7 EDC \u00b7 Camp<\/span><span class=\"dot\">\u25c6<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"craft\">\n <div class=\"about-visual\">\n <div class=\"about-visual-deco\">\u2692<\/div>\n <div class=\"about-img-note\">\u2190 Add forge \/ workshop photo here<\/div>\n <div class=\"badge\">\n <div class=\"badge-num\">100%<\/div>\n <div class=\"badge-txt\">Hand Finished<\/div>\n <\/div>\n <\/div>\n <div class=\"about-body reveal\">\n <p class=\"section-tag\">The Kifaru Story<\/p>\n <h2 class=\"display\">PASSION<br>MEETS <em>STEEL<\/em><\/h2>\n <p class=\"body-copy\">Kifaru Blades was born from a deep love for the craft and the wild landscapes of Africa. Every knife is built from scratch \u2014 stock removal, hand-grinding, differential heat treatment, and patient finishing.<\/p>\n <p class=\"body-copy\" style=\"margin-top:1rem;\">We don’t chase volume. When you enquire about a Kifaru blade, you’re starting a conversation with the person who will build it.<\/p>\n <div class=\"about-stats\">\n <div class=\"stat\"><div class=\"num\">12+<\/div><div class=\"lbl\">Steel types<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">48h<\/div><div class=\"lbl\">Avg. build time<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">100%<\/div><div class=\"lbl\">Made by hand<\/div><\/div>\n <\/div>\n <div style=\"margin-top:2.5rem;\">\n <a href=\"#enquire\" class=\"btn-primary\">Start Your Enquiry<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"knives\" id=\"knives\">\n <div class=\"knives-header reveal\">\n <div>\n <p class=\"section-tag\">What We Build<\/p>\n <h2 class=\"display\">FIND YOUR<br><em>BLADE<\/em><\/h2>\n <\/div>\n <p class=\"knives-sub\">Not sure which style suits you? Enquire and we’ll guide you to the right build.<\/p>\n <\/div>\n <div class=\"knives-grid\">\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">01<\/div>\n <div class=\"knife-type\">Hunting & Field<\/div>\n <div class=\"knife-name\">The Veldsman Series<\/div>\n <div class=\"knife-desc\">Purpose-built drop-points and clip-points for the field. Full tang, 3\u20134mm steel, leather or Kydex sheath. Steel options: N690Co, 14C28N, 1.2442.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">02<\/div>\n <div class=\"knife-type\">Everyday Carry<\/div>\n <div class=\"knife-name\">The Savanna Carry<\/div>\n <div class=\"knife-desc\">Slim, refined EDC profiles that clip to your belt and disappear into your day. 2.8\u20133mm steel, stabilised wood or G10 handle, Kydex IWB.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">03<\/div>\n <div class=\"knife-type\">Camp & Bowie<\/div>\n <div class=\"knife-name\">The Rhino Heavy<\/div>\n <div class=\"knife-desc\">Robust camp knives built for hard work. 5mm+ high carbon steel, full guard, micarta or natural handle scales, heavy-duty leather sheath.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">04<\/div>\n <div class=\"knife-type\">Kitchen<\/div>\n <div class=\"knife-name\">The Braai Chef<\/div>\n <div class=\"knife-desc\">Chef, nakiri, and utility profiles hand-ground to a refined working edge. N690Co or 14C28N, olive wood or stabilised handle, satin finish.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">05<\/div>\n <div class=\"knife-type\">Skinning<\/div>\n <div class=\"knife-name\">The Kudu Skinner<\/div>\n <div class=\"knife-desc\">Classic and recurve skinner profiles, fine hollow grind, ergonomic handles. Designed for the hunting field where grip and control matter most.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">06<\/div>\n <div class=\"knife-type\">Fully Custom<\/div>\n <div class=\"knife-name\">Your Vision, Our Build<\/div>\n <div class=\"knife-desc\">Have something specific in mind? Tell us the use case, steel, handle, length and finish \u2014 we’ll build it from scratch, exactly to spec.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Start a custom enquiry<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process\" id=\"process\">\n <div class=\"process-bg\">FORGE<\/div>\n <div class=\"process-header reveal\">\n <p class=\"section-tag\">How We Build<\/p>\n <h2 class=\"display\">FROM <em>STEEL<\/em><br>TO YOUR HAND<\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\">\n <div class=\"step-n\">01<\/div>\n <div class=\"step-title\">Enquiry & Consult<\/div>\n <div class=\"step-body\">You tell us what you need. We discuss steel choices, blade profile, handle material, and intended use \u2014 making sure we build exactly the right knife for you.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-n\">02<\/div>\n <div class=\"step-title\">Steel & Profile<\/div>\n <div class=\"step-body\">We select the right alloy and profile the blade by hand on the belt grinder \u2014 establishing the spine, plunge lines, and bevel geometry that define the knife’s character.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-n\">03<\/div>\n <div class=\"step-title\">Heat Treatment<\/div>\n <div class=\"step-body\">Precise austenitising, quench, and temper cycles dial in the right balance of hardness, toughness, and edge retention for your specific steel and use case.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-n\">04<\/div>\n <div class=\"step-title\">Handle & Delivery<\/div>\n <div class=\"step-body\">Scales are shaped and fitted by hand. A leather sheath or Kydex rig completes the build. Progress photos shared throughout, then delivered to your door.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"proof reveal\">\n <div>\n <div class=\"proof-quote\">“The Veldsman I ordered took the kudu hunt cleanly \u2014 best field knife I’ve owned. The maker sent me photos the whole way through the build.”<\/div>\n <div class=\"proof-author\">\u2014 Andr\u00e9 V., Graaff-Reinet \u00b7 Hunting Client<\/div>\n <\/div>\n <div>\n <a href=\"#enquire\" class=\"btn-primary\">Get Your Own Blade<\/a>\n <\/div>\n<\/div>\n\n\n<section class=\"enquire\" id=\"enquire\">\n <div class=\"enquire-bg\">ASK<\/div>\n <div class=\"enquire-inner\">\n <div class=\"enquire-left reveal\">\n <p class=\"section-tag\">Get in Touch<\/p>\n <h2 class=\"display\">INTERESTED<br>IN A <em>KIFARU<\/em><br>BLADE?<\/h2>\n <p class=\"body-copy\">Fill in the form and we’ll get back to you within 24 hours \u2014 no obligation, just an honest conversation about what’s possible.<\/p>\n <ul class=\"enquire-points\">\n <li><strong>Standard builds<\/strong> \u2014 typically 4\u20136 weeks from confirmation<\/li>\n <li><strong>Custom builds<\/strong> \u2014 6\u201310 weeks, 50% deposit to confirm your slot<\/li>\n <li><strong>Progress photos<\/strong> shared throughout your build<\/li>\n <li><strong>Pricing discussed<\/strong> after we understand your requirements<\/li>\n <li><strong>Nationwide delivery<\/strong> or collection by arrangement<\/li>\n <\/ul>\n <\/div>\n <div class=\"enquire-form reveal\">\n <div id=\"form-inner\">\n <div class=\"form-heading\">Knife Enquiry<\/div>\n <div class=\"form-subheading\">Tell us what you’re after and we’ll be in touch within 24 hours.<\/div>\n <div class=\"form-row\">\n <div class=\"field\">\n <label>First Name<\/label>\n <input type=\"text\" id=\"fname\" placeholder=\"e.g. Luca\">\n <\/div>\n <div class=\"field\">\n <label>Last Name<\/label>\n <input type=\"text\" id=\"lname\" placeholder=\"e.g. Marais\">\n <\/div>\n <\/div>\n <div class=\"field\">\n <label>Email Address<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"you@email.com\">\n <\/div>\n <div class=\"field\">\n <label>Phone \/ WhatsApp (optional)<\/label>\n <input type=\"tel\" id=\"phone\" placeholder=\"+27 000 000 0000\">\n <\/div>\n <div class=\"field\">\n <label>What type of knife are you after?<\/label>\n <div class=\"radio-group\" id=\"type-group\">\n <div class=\"radio-chip\" data-val=\"hunting\">Hunting<\/div>\n <div class=\"radio-chip\" data-val=\"edc\">EDC<\/div>\n <div class=\"radio-chip\" data-val=\"camp\">Camp \/ Bowie<\/div>\n <div class=\"radio-chip\" data-val=\"kitchen\">Kitchen<\/div>\n <div class=\"radio-chip\" data-val=\"skinning\">Skinning<\/div>\n <div class=\"radio-chip\" data-val=\"custom\">Full Custom<\/div>\n <div class=\"radio-chip\" data-val=\"unsure\">Not sure yet<\/div>\n <\/div>\n <\/div>\n <div class=\"field\">\n <label>Preferred handle material (optional)<\/label>\n <select id=\"handle\">\n <option value=\"\">Leave it to Kifaru \/ Not sure<\/option>\n <option>Natural Wood (Olive, Ironwood, etc.)<\/option>\n <option>Stabilised Wood<\/option>\n <option>G10 \/ Fiberglass<\/option>\n <option>Micarta<\/option>\n <option>Bone or Horn<\/option>\n <option>Open to suggestions<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>Anything else we should know?<\/label>\n <textarea id=\"notes\" placeholder=\"Intended use, blade length preference, gift occasion, budget range, special requests\u2026\"><\/textarea>\n <\/div>\n <button class=\"btn-submit\" id=\"submit-btn\">Send My Enquiry \u2192<\/button>\n <\/div>\n <div class=\"form-success\" id=\"form-success\">\n <div class=\"tick\">\u2726<\/div>\n <p>Your enquiry has been received.<br><br>We’ll be in touch within 24 hours to talk through your build.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testimonials\">\n <p class=\"section-tag reveal\">Happy Clients<\/p>\n <h2 class=\"display reveal\">WHAT THEY <em>SAY<\/em><\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“Ordered the Veldsman for a kudu hunt in the Karoo. The edge retention was extraordinary \u2014 cleaned the whole animal and still came out hair-shaving sharp.”<\/div>\n <div class=\"testi-name\">\u2014 Andr\u00e9 V., Graaff-Reinet<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“I commissioned a custom chef knife as a wedding gift. The olive wood handle was breathtaking. Progress photos at every stage \u2014 it felt genuinely personal.”<\/div>\n <div class=\"testi-name\">\u2014 Zanele M., Johannesburg<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“Three months daily carry on the D2 EDC and it still shaves arm hair. Fit and finish rivals knives at three times the price. Kifaru is the real deal.”<\/div>\n <div class=\"testi-name\">\u2014 Craig T., Cape Town<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"contact-strip reveal\" id=\"contact\">\n <h2 class=\"display\">REACH<br><em>OUT<\/em><\/h2>\n <div class=\"contact-items\">\n <div>\n <div class=\"contact-label\">Email<\/div>\n <div class=\"contact-value\"><a href=\"mailto:info@kifarublades.co.za\">info@kifarublades.co.za<\/a><\/div>\n <\/div>\n <div>\n <div class=\"contact-label\">WhatsApp<\/div>\n <div class=\"contact-value\"><a href=\"https:\/\/wa.me\/27000000000\">+27 (0)00 000 0000<\/a><\/div>\n <\/div>\n <div>\n <div class=\"contact-label\">Based In<\/div>\n <div class=\"contact-value\">South Africa<br><span style=\"font-size:0.85rem;color:var(--muted)\">Nationwide delivery<\/span><\/div>\n <\/div>\n <div>\n <div class=\"contact-label\">Follow the Build<\/div>\n <div class=\"contact-value\" style=\"margin-top:0.4rem; display:flex; align-items:center; flex-wrap:wrap;\">\n \n <a href=\"#\" class=\"soc\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n <\/a>\n \n <a href=\"#\" class=\"soc\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n <\/a>\n \n <a href=\"#\" class=\"soc\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\"\/><\/svg>\n <\/a>\n \n <a href=\"https:\/\/wa.me\/27000000000\" class=\"soc\" aria-label=\"WhatsApp\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<footer>\n <div class=\"footer-top\">\n <div>\n <div class=\"footer-wordmark\">kifaru <span>BLADES<\/span><\/div>\n <div class=\"footer-tagline\">Handcrafted knives from the tip of Africa. Built for work. Made to last.<\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigate<\/h4>\n <ul>\n <li><a href=\"#knives\">Our Knives<\/a><\/li>\n <li><a href=\"#craft\">The Craft<\/a><\/li>\n <li><a href=\"#process\">The Process<\/a><\/li>\n <li><a href=\"#enquire\">Enquire<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Knife Types<\/h4>\n <ul>\n <li><a href=\"#enquire\">Hunting & Field<\/a><\/li>\n <li><a href=\"#enquire\">Everyday Carry<\/a><\/li>\n <li><a href=\"#enquire\">Camp & Bowie<\/a><\/li>\n <li><a href=\"#enquire\">Kitchen<\/a><\/li>\n <li><a href=\"#enquire\">Full Custom<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span class=\"footer-copy\">\u00a9 2025 Kifaru Blades. All rights reserved.<\/span>\n <span class=\"footer-copy\" style=\"color:rgba(110,104,88,0.4)\">Handcrafted in South Africa<\/span>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Custom cursor\n const cur = document.getElementById('cursor');\n const ring = document.getElementById('cursor-ring');\n let mx = 0, my = 0;\n document.addEventListener('mousemove', e => {\n mx = e.clientX; my = e.clientY;\n if (cur) { cur.style.left = mx + 'px'; cur.style.top = my + 'px'; }\n if (ring) { ring.style.left = mx + 'px'; ring.style.top = my + 'px'; }\n });\n document.querySelectorAll('a, button, .knife-card, .radio-chip').forEach(el => {\n el.addEventListener('mouseenter', () => { if(cur) cur.style.transform='translate(-50%,-50%) scale(2.2)'; });\n el.addEventListener('mouseleave', () => { if(cur) cur.style.transform='translate(-50%,-50%) scale(1)'; });\n });\n\n \/\/ Scroll reveal\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); }\n });\n }, { threshold: 0.1 });\n document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n \/\/ Radio chips\n let selectedType = '';\n document.querySelectorAll('.radio-chip').forEach(chip => {\n chip.addEventListener('click', () => {\n document.querySelectorAll('.radio-chip').forEach(c => c.classList.remove('active'));\n chip.classList.add('active');\n selectedType = chip.dataset.val;\n });\n });\n\n \/\/ Form submit\n document.getElementById('submit-btn').addEventListener('click', () => {\n const fname = document.getElementById('fname').value.trim();\n const email = document.getElementById('email').value.trim();\n if (!fname || !email) {\n alert('Please enter your name and email so we can get back to you.');\n return;\n }\n \/\/ Wire this to Formspree, EmailJS, or your backend:\n \/\/ fetch('https:\/\/formspree.io\/f\/YOUR_FORM_ID', { method:'POST', ... })\n document.getElementById('form-inner').style.display = 'none';\n document.getElementById('form-success').style.display = 'block';\n });\n\n \/\/ Nav active state on scroll\n const navAs = document.querySelectorAll('.nav-links a');\n window.addEventListener('scroll', () => {\n let cur = '';\n document.querySelectorAll('section[id], div[id]').forEach(s => {\n if (window.scrollY >= s.offsetTop - 130) cur = s.id;\n });\n navAs.forEach(a => {\n a.style.color = a.getAttribute('href') === '#' + cur ? 'var(--gold)' : '';\n });\n }, { passive: true });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kifaru Blades \u2013 Handcrafted Knives kifaru BLADES Our Knives The Craft Process Enquire Contact Get a Knife K Handcrafted in South Africa STEELSHAPEDBY HAND. Every Kifaru blade is built by a single maker \u2014 ground, heat-treated and finished with purpose. No factory. No shortcuts. Just honest steel. Enquire About a Knife See What We Make … <a title=\"Home\" class=\"read-more\" href=\"https:\/\/kifarublades.com\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kifarublades.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2026-04-22T07:34:08","date_gmt":"2026-04-22T07:34:08","guid":{"rendered":"https:\/\/kifarublades.com\/?page_id=7"},"modified":"2026-04-22T08:04:37","modified_gmt":"2026-04-22T08:04:37","slug":"home","status":"publish","type":"page","link":"https:\/\/kifarublades.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nKifaru Blades \u2013 Handcrafted Knives<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --black: #0c0b09;\n --dark: #141310;\n --charcoal: #1c1a16;\n --steel: #28261f;\n --gold: #c8923a;\n --gold-lt: #e0aa55;\n --rust: #7a3018;\n --cream: #f0e8d4;\n --muted: #6e6858;\n --white: #faf6ec;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--black);\n color: var(--cream);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n overflow-x: hidden;\n }\n\n body { cursor: none; }\n #cursor {\n position: fixed; width: 10px; height: 10px;\n background: var(--gold); border-radius: 50%;\n pointer-events: none; z-index: 9999;\n transform: translate(-50%, -50%);\n transition: transform 0.15s;\n mix-blend-mode: difference;\n }\n #cursor-ring {\n position: fixed; width: 36px; height: 36px;\n border: 1px solid rgba(200,146,58,0.5); border-radius: 50%;\n pointer-events: none; z-index: 9998;\n transform: translate(-50%, -50%);\n transition: left 0.18s ease, top 0.18s ease;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; inset: 0 0 auto 0; z-index: 500;\n display: flex; align-items: center; justify-content: space-between;\n padding: 1.4rem 5rem;\n background: linear-gradient(to bottom, rgba(12,11,9,0.97) 0%, rgba(12,11,9,0) 100%);\n backdrop-filter: blur(4px);\n }\n .nav-wordmark {\n font-family: 'Bebas Neue'; font-size: 1.8rem; letter-spacing: 0.06em;\n color: var(--white); text-decoration: none; line-height: 1;\n }\n .nav-wordmark span { color: var(--gold); }\n .nav-links { display: flex; gap: 2.8rem; list-style: none; }\n .nav-links a {\n font-size: 0.72rem; letter-spacing: 0.22em; text-transform: uppercase;\n color: rgba(240,232,212,0.65); text-decoration: none; transition: color 0.3s;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-cta {\n background: var(--gold); color: var(--black);\n padding: 0.6rem 1.8rem; font-size: 0.72rem; font-weight: 600;\n letter-spacing: 0.2em; text-transform: uppercase;\n text-decoration: none; transition: background 0.3s;\n font-family: 'Barlow';\n }\n .nav-cta:hover { background: var(--gold-lt); }\n\n \/* HERO *\/\n .hero {\n min-height: 100svh; position: relative;\n display: grid; align-items: end;\n overflow: hidden;\n background: var(--black);\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse 70% 60% at 65% 35%, rgba(122,48,24,0.22) 0%, transparent 65%),\n radial-gradient(ellipse 50% 50% at 20% 75%, rgba(200,146,58,0.07) 0%, transparent 55%),\n linear-gradient(170deg, #0c0b09 0%, #18140d 45%, #0c0b09 100%);\n }\n .hero::after {\n content: '';\n position: absolute; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='3' height='3'%3E%3Ccircle cx='1' cy='1' r='0.45' fill='rgba(255,255,255,0.022)'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .hero-deco {\n position: absolute; right: -3vw; bottom: -4vh;\n font-family: 'Bebas Neue'; font-size: 38vw; line-height: 0.85;\n color: rgba(200,146,58,0.04); user-select: none; pointer-events: none;\n letter-spacing: -0.04em;\n }\n .hero-content {\n position: relative; z-index: 2;\n padding: 8rem 5rem 6rem;\n max-width: 800px;\n }\n .eyebrow {\n display: inline-flex; align-items: center; gap: 1rem;\n font-size: 0.68rem; letter-spacing: 0.38em; text-transform: uppercase;\n color: var(--gold); margin-bottom: 2rem;\n }\n .eyebrow::before { content: ''; display: block; width: 32px; height: 1px; background: var(--gold); }\n .hero h1 {\n font-family: 'Bebas Neue';\n font-size: clamp(5rem, 10.5vw, 10rem);\n line-height: 0.88; letter-spacing: 0.02em;\n color: var(--white); margin-bottom: 2rem;\n }\n .hero h1 em { color: var(--gold); font-style: normal; }\n .hero-sub {\n font-family: 'Cormorant Garamond'; font-size: 1.25rem; font-style: italic;\n color: var(--muted); line-height: 1.75;\n max-width: 480px; margin-bottom: 3rem;\n }\n .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }\n .btn-primary {\n display: inline-block;\n background: var(--gold); color: var(--black);\n padding: 1rem 2.8rem; font-family: 'Barlow'; font-weight: 600;\n font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase;\n text-decoration: none; transition: background 0.3s;\n }\n .btn-primary:hover { background: var(--gold-lt); }\n .btn-outline {\n display: inline-block;\n border: 1px solid rgba(240,232,212,0.28); color: var(--cream);\n padding: 1rem 2.8rem; font-family: 'Barlow'; font-weight: 300;\n font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase;\n text-decoration: none; transition: border-color 0.3s, color 0.3s;\n }\n .btn-outline:hover { border-color: var(--gold); color: var(--gold); }\n @keyframes drip { 0%,100%{opacity:1} 50%{opacity:0.3} }\n\n \/* MARQUEE *\/\n .marquee {\n background: var(--gold); padding: 0.65rem 0; overflow: hidden; position: relative; z-index: 10;\n }\n .marquee-inner {\n display: flex; width: max-content;\n animation: slide 22s linear infinite;\n }\n .marquee-inner span {\n font-family: 'Bebas Neue'; font-size: 1rem; letter-spacing: 0.14em;\n color: var(--black); padding: 0 2rem; flex-shrink: 0;\n }\n .marquee-inner span.dot { padding: 0; opacity: 0.4; }\n @keyframes slide { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n\n \/* SHARED *\/\n .section-tag {\n display: inline-flex; align-items: center; gap: 0.8rem;\n font-size: 0.66rem; letter-spacing: 0.38em; text-transform: uppercase;\n color: var(--gold); margin-bottom: 1.6rem;\n }\n .section-tag::after { content:''; display:block; width:32px; height:1px; background:var(--gold); }\n h2.display {\n font-family: 'Bebas Neue';\n font-size: clamp(3rem, 5.5vw, 5.5rem);\n line-height: 0.92; letter-spacing: 0.025em; color: var(--white);\n }\n h2.display em { color: var(--gold); font-style: normal; }\n .body-copy {\n font-family: 'Cormorant Garamond'; font-size: 1.15rem; color: var(--muted); line-height: 1.8;\n }\n\n \/* ABOUT *\/\n .about { display: grid; grid-template-columns: 1fr 1fr; background: var(--charcoal); }\n .about-visual {\n min-height: 560px; position: relative;\n background: linear-gradient(135deg, #18140d 0%, #241c10 60%, #18140d 100%);\n display: flex; align-items: center; justify-content: center; overflow: hidden;\n }\n .about-visual-deco {\n font-family: 'Bebas Neue'; font-size: 18rem;\n color: rgba(200,146,58,0.07); line-height: 1; user-select: none;\n }\n .about-img-note {\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;\n font-size: 0.62rem; letter-spacing: 0.28em; color: var(--muted); text-transform: uppercase;\n }\n .badge {\n position: absolute; bottom: 2.5rem; right: 2.5rem;\n border: 1px solid var(--gold); padding: 1.4rem 1.6rem; text-align: center;\n background: rgba(12,11,9,0.7); backdrop-filter: blur(4px);\n }\n .badge-num { font-family: 'Bebas Neue'; font-size: 2.8rem; color: var(--gold); line-height: 1; }\n .badge-txt { font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream); margin-top: 0.2rem; }\n .about-body { padding: 7rem 5.5rem; display: flex; flex-direction: column; justify-content: center; }\n .about-body h2.display { margin-bottom: 1.8rem; }\n .about-body .body-copy { margin-bottom: 1.5rem; }\n .about-stats { display: flex; gap: 2.5rem; border-top: 1px solid rgba(200,146,58,0.18); padding-top: 2rem; margin-top: 2rem; }\n .stat .num { font-family:'Bebas Neue'; font-size:2.4rem; color:var(--gold); line-height:1; }\n .stat .lbl { font-size:0.65rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); margin-top:0.2rem; }\n\n \/* KNIFE TYPES *\/\n .knives { padding: 7rem 5rem; background: var(--black); }\n .knives-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; }\n .knives-sub { font-family: 'Cormorant Garamond'; font-style: italic; font-size: 1.1rem; color: var(--muted); max-width: 320px; line-height: 1.6; }\n .knives-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(200,146,58,0.08); }\n .knife-card {\n background: var(--charcoal); padding: 2.8rem 2.4rem;\n position: relative; overflow: hidden; transition: background 0.4s; cursor: pointer;\n }\n .knife-card:hover { background: #211e17; }\n .knife-card::before {\n content: ''; position: absolute; bottom: 0; left: 0;\n width: 0; height: 2px; background: var(--gold);\n transition: width 0.5s cubic-bezier(.16,1,.3,1);\n }\n .knife-card:hover::before { width: 100%; }\n .knife-num { font-family: 'Bebas Neue'; font-size: 4.5rem; color: rgba(200,146,58,0.1); line-height: 1; margin-bottom: 1.2rem; }\n .knife-type { font-size: 0.66rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.6rem; }\n .knife-name { font-family: 'Cormorant Garamond'; font-size: 1.5rem; font-weight: 600; color: var(--white); margin-bottom: 0.8rem; }\n .knife-desc { font-size: 0.85rem; color: var(--muted); line-height: 1.65; margin-bottom: 1.8rem; }\n .knife-cta {\n display: inline-flex; align-items: center; gap: 0.6rem;\n font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase;\n color: var(--gold); text-decoration: none; transition: gap 0.3s;\n }\n .knife-card:hover .knife-cta { gap: 1rem; }\n .knife-cta::after { content: '\u2192'; }\n\n \/* PROCESS *\/\n .process { background: var(--charcoal); padding: 7rem 5rem; position: relative; overflow: hidden; }\n .process-bg {\n position: absolute; right: -2vw; top: 50%; transform: translateY(-50%);\n font-family: 'Bebas Neue'; font-size: 24vw; color: rgba(200,146,58,0.028);\n line-height: 1; pointer-events: none; user-select: none;\n }\n .process-header { max-width: 500px; margin-bottom: 5rem; }\n .steps { display: grid; grid-template-columns: repeat(4,1fr); position: relative; z-index: 1; }\n .step { padding-right: 3rem; border-right: 1px solid rgba(200,146,58,0.12); }\n .step:last-child { border-right: none; padding-right: 0; }\n .step:not(:first-child) { padding-left: 3rem; }\n .step-n { font-family: 'Bebas Neue'; font-size: 5rem; color: rgba(200,146,58,0.15); line-height: 1; margin-bottom: 1.2rem; }\n .step-title { font-family: 'Cormorant Garamond'; font-size: 1.2rem; font-weight: 600; color: var(--white); margin-bottom: 0.7rem; }\n .step-body { font-size: 0.84rem; color: var(--muted); line-height: 1.7; }\n\n \/* PROOF STRIP *\/\n .proof {\n background: var(--steel);\n border-top: 1px solid rgba(200,146,58,0.15);\n border-bottom: 1px solid rgba(200,146,58,0.15);\n padding: 3.5rem 5rem;\n display: flex; align-items: center; justify-content: space-between; gap: 3rem; flex-wrap: wrap;\n }\n .proof-quote { font-family: 'Cormorant Garamond'; font-size: 1.35rem; font-style: italic; color: var(--cream); max-width: 600px; line-height: 1.65; }\n .proof-author { font-size: 0.68rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-top: 0.8rem; }\n .proof .btn-primary { background: var(--gold); color: var(--black); white-space: nowrap; }\n .proof .btn-primary:hover { background: var(--gold-lt); }\n\n \/* ENQUIRE *\/\n .enquire { padding: 8rem 5rem; background: var(--black); position: relative; overflow: hidden; }\n .enquire-bg {\n position: absolute; left: -5vw; top: 50%; transform: translateY(-50%);\n font-family: 'Bebas Neue'; font-size: 28vw; color: rgba(200,146,58,0.03);\n line-height: 1; pointer-events: none; user-select: none;\n }\n .enquire-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 7rem; align-items: start; position: relative; z-index: 1; }\n .enquire-left h2.display { margin-bottom: 1.5rem; }\n .enquire-left .body-copy { margin: 1.5rem 0 2.5rem; }\n .enquire-points { list-style: none; display: flex; flex-direction: column; gap: 1rem; }\n .enquire-points li { display: flex; align-items: flex-start; gap: 1rem; font-size: 0.9rem; color: var(--muted); line-height: 1.5; }\n .enquire-points li::before { content: '\u25c6'; color: var(--gold); font-size: 0.5rem; margin-top: 0.4rem; flex-shrink: 0; }\n .enquire-points li strong { color: var(--cream); font-weight: 500; }\n\n \/* FORM *\/\n .enquire-form { background: var(--charcoal); border: 1px solid rgba(200,146,58,0.18); padding: 3rem; }\n .form-heading { font-family: 'Bebas Neue'; font-size: 1.6rem; letter-spacing: 0.05em; color: var(--white); margin-bottom: 0.5rem; }\n .form-subheading { font-size: 0.8rem; color: var(--muted); margin-bottom: 2rem; line-height: 1.5; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .field { margin-bottom: 1.1rem; }\n .field label { display: block; font-size: 0.64rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.45rem; }\n .field input, .field select, .field textarea {\n width: 100%; background: rgba(255,255,255,0.04);\n border: 1px solid rgba(200,146,58,0.2); border-bottom-color: rgba(200,146,58,0.35);\n color: var(--cream); padding: 0.75rem 1rem;\n font-family: 'Barlow'; font-size: 0.92rem; font-weight: 300;\n outline: none; transition: border-color 0.3s, background 0.3s;\n -webkit-appearance: none; appearance: none;\n }\n .field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold); background: rgba(200,146,58,0.04); }\n .field input::placeholder, .field textarea::placeholder { color: rgba(110,104,88,0.5); }\n .field textarea { height: 90px; resize: vertical; }\n .field select option { background: var(--charcoal); color: var(--cream); }\n .radio-group { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.1rem; }\n .radio-chip {\n padding: 0.4rem 1rem; border: 1px solid rgba(200,146,58,0.22);\n font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;\n color: var(--muted); cursor: pointer; transition: all 0.25s;\n font-family: 'Barlow'; font-weight: 400; background: none; user-select: none;\n }\n .radio-chip.active, .radio-chip:hover { border-color: var(--gold); color: var(--gold); background: rgba(200,146,58,0.06); }\n .btn-submit {\n width: 100%; margin-top: 1.2rem;\n background: var(--gold); color: var(--black); border: none;\n padding: 1.1rem; font-family: 'Barlow'; font-weight: 600;\n font-size: 0.82rem; letter-spacing: 0.24em; text-transform: uppercase;\n cursor: pointer; transition: background 0.3s;\n }\n .btn-submit:hover { background: var(--gold-lt); }\n .form-success { display: none; text-align: center; padding: 3rem 1rem; }\n .form-success .tick { font-size: 3rem; color: var(--gold); margin-bottom: 1.2rem; }\n .form-success p { font-family: 'Cormorant Garamond'; font-size: 1.2rem; font-style: italic; color: var(--cream); line-height: 1.7; }\n\n \/* TESTIMONIALS *\/\n .testimonials { background: var(--steel); padding: 7rem 5rem; }\n .testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(200,146,58,0.08); margin-top: 4rem; }\n .testi-card { background: var(--charcoal); padding: 2.5rem; border-top: 2px solid transparent; transition: border-color 0.4s; }\n .testi-card:hover { border-top-color: var(--gold); }\n .stars { color: var(--gold); font-size: 0.9rem; letter-spacing: 0.1em; margin-bottom: 1.2rem; }\n .testi-text { font-family: 'Cormorant Garamond'; font-style: italic; font-size: 1.1rem; color: var(--cream); line-height: 1.7; margin-bottom: 1.5rem; }\n .testi-name { font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }\n\n \/* CONTACT STRIP *\/\n .contact-strip {\n background: var(--charcoal); padding: 5rem;\n display: flex; gap: 5rem; align-items: center; flex-wrap: wrap;\n border-top: 1px solid rgba(200,146,58,0.12);\n }\n .contact-items { display: flex; gap: 4rem; flex-wrap: wrap; flex: 1; }\n .contact-label { font-size: 0.62rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.5rem; }\n .contact-value { font-family: 'Cormorant Garamond'; font-size: 1.1rem; color: var(--cream); line-height: 1.5; }\n .contact-value a { color: var(--cream); text-decoration: none; transition: color 0.3s; }\n .contact-value a:hover { color: var(--gold); }\n\n \/* SOCIAL *\/\n .soc {\n width: 38px; height: 38px; border: 1px solid rgba(200,146,58,0.3);\n display: inline-flex; align-items: center; justify-content: center;\n color: var(--gold); text-decoration: none; transition: all 0.28s;\n margin-right: 0.5rem; flex-shrink: 0;\n }\n .soc:hover { background: var(--gold); color: var(--black); border-color: var(--gold); }\n .soc svg { width: 16px; height: 16px; fill: currentColor; display: block; }\n\n \/* FOOTER *\/\n footer { background: var(--dark); padding: 5rem 5rem 2.5rem; border-top: 1px solid rgba(200,146,58,0.12); }\n .footer-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr; align-items: start; margin-bottom: 4rem; gap: 3rem; }\n .footer-wordmark { font-family: 'Bebas Neue'; font-size: 2.4rem; letter-spacing: 0.05em; color: var(--white); line-height: 1; }\n .footer-wordmark span { color: var(--gold); }\n .footer-tagline { font-family: 'Cormorant Garamond'; font-style: italic; font-size: 1rem; color: var(--muted); margin-top: 0.8rem; max-width: 280px; line-height: 1.6; }\n .footer-nav { display: contents; }\n .footer-col h4 { font-size: 0.65rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.6rem; }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.75rem; }\n .footer-col a { font-size: 0.88rem; color: var(--muted); text-decoration: none; transition: color 0.3s; }\n .footer-col a:hover { color: var(--cream); }\n .footer-bottom { border-top: 1px solid rgba(200,146,58,0.08); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }\n .footer-copy { font-size: 0.75rem; color: var(--muted); }\n\n \/* REVEAL *\/\n .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n \/* HERO ENTRANCE *\/\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n .hero-content > * { animation: fadeUp 0.9s ease both; }\n .hero-content .eyebrow { animation-delay: 0.1s; }\n .hero-content h1 { animation-delay: 0.25s; }\n .hero-content .hero-sub { animation-delay: 0.4s; }\n .hero-content .hero-actions { animation-delay: 0.55s; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 960px) {\n nav { padding: 1.2rem 1.8rem; }\n .nav-links { display: none; }\n .hero-content { padding: 0 1.8rem 5rem; }\n .about { grid-template-columns: 1fr; }\n .about-visual { min-height: 300px; }\n .about-body { padding: 3rem 1.8rem; }\n .knives { padding: 4.5rem 1.8rem; }\n .knives-grid { grid-template-columns: 1fr; }\n .knives-header { flex-direction: column; align-items: flex-start; gap: 1rem; }\n .process { padding: 4.5rem 1.8rem; }\n .steps { grid-template-columns: 1fr 1fr; gap: 2rem; }\n .step { border-right: none !important; padding: 0 !important; }\n .proof { padding: 3rem 1.8rem; flex-direction: column; }\n .enquire { padding: 5rem 1.8rem; }\n .enquire-inner { grid-template-columns: 1fr; gap: 3rem; }\n .testimonials { padding: 5rem 1.8rem; }\n .testi-grid { grid-template-columns: 1fr; }\n .contact-strip { padding: 3.5rem 1.8rem; flex-direction: column; gap: 2.5rem; }\n .contact-items { gap: 2rem; }\n footer { padding: 3rem 1.8rem; }\n .footer-top { grid-template-columns: 1fr; }\n .footer-nav { display: flex; flex-wrap: wrap; gap: 2.5rem; justify-content: flex-start; }\n .form-row { grid-template-columns: 1fr; }\n #cursor, #cursor-ring { display: none; }\n body { cursor: auto; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"cursor\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n\n<nav>\n <a href=\"#\" class=\"nav-wordmark\">kifaru <span>BLADES<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#knives\">Our Knives<\/a><\/li>\n <li><a href=\"#craft\">The Craft<\/a><\/li>\n <li><a href=\"#process\">Process<\/a><\/li>\n <li><a href=\"#enquire\">Enquire<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"#enquire\" class=\"nav-cta\">Get a Knife<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-deco\">K<\/div>\n <div class=\"hero-content\">\n <p class=\"eyebrow\">Handcrafted in South Africa<\/p>\n <h1>STEEL<br>SHAPED<br>BY <em>HAND.<\/em><\/h1>\n <p class=\"hero-sub\">Every Kifaru blade is built by a single maker \u2014 ground, heat-treated and finished with purpose. No factory. No shortcuts. Just honest steel.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#enquire\" class=\"btn-primary\">Enquire About a Knife<\/a>\n <a href=\"#knives\" class=\"btn-outline\">See What We Make<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\">\n <div class=\"marquee-inner\">\n <span>One Maker, One Blade<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Handcrafted in South Africa<\/span><span class=\"dot\">\u25c6<\/span>\n <span>High Carbon & Stainless Steel<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Custom Orders Welcome<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Built to Last Generations<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Hunting \u00b7 Kitchen \u00b7 EDC \u00b7 Camp<\/span><span class=\"dot\">\u25c6<\/span>\n <span>One Maker, One Blade<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Handcrafted in South Africa<\/span><span class=\"dot\">\u25c6<\/span>\n <span>High Carbon & Stainless Steel<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Custom Orders Welcome<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Built to Last Generations<\/span><span class=\"dot\">\u25c6<\/span>\n <span>Hunting \u00b7 Kitchen \u00b7 EDC \u00b7 Camp<\/span><span class=\"dot\">\u25c6<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"craft\">\n <div class=\"about-visual\">\n <div class=\"about-visual-deco\">\u2692<\/div>\n <div class=\"about-img-note\">\u2190 Add forge \/ workshop photo here<\/div>\n <div class=\"badge\">\n <div class=\"badge-num\">100%<\/div>\n <div class=\"badge-txt\">Hand Finished<\/div>\n <\/div>\n <\/div>\n <div class=\"about-body reveal\">\n <p class=\"section-tag\">The Kifaru Story<\/p>\n <h2 class=\"display\">PASSION<br>MEETS <em>STEEL<\/em><\/h2>\n <p class=\"body-copy\">Kifaru Blades was born from a deep love for the craft and the wild landscapes of Africa. Every knife is built from scratch \u2014 stock removal, hand-grinding, differential heat treatment, and patient finishing.<\/p>\n <p class=\"body-copy\" style=\"margin-top:1rem;\">We don’t chase volume. When you enquire about a Kifaru blade, you’re starting a conversation with the person who will build it.<\/p>\n <div class=\"about-stats\">\n <div class=\"stat\"><div class=\"num\">12+<\/div><div class=\"lbl\">Steel types<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">48h<\/div><div class=\"lbl\">Avg. build time<\/div><\/div>\n <div class=\"stat\"><div class=\"num\">100%<\/div><div class=\"lbl\">Made by hand<\/div><\/div>\n <\/div>\n <div style=\"margin-top:2.5rem;\">\n <a href=\"#enquire\" class=\"btn-primary\">Start Your Enquiry<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"knives\" id=\"knives\">\n <div class=\"knives-header reveal\">\n <div>\n <p class=\"section-tag\">What We Build<\/p>\n <h2 class=\"display\">FIND YOUR<br><em>BLADE<\/em><\/h2>\n <\/div>\n <p class=\"knives-sub\">Not sure which style suits you? Enquire and we’ll guide you to the right build.<\/p>\n <\/div>\n <div class=\"knives-grid\">\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">01<\/div>\n <div class=\"knife-type\">Hunting & Field<\/div>\n <div class=\"knife-name\">The Veldsman Series<\/div>\n <div class=\"knife-desc\">Purpose-built drop-points and clip-points for the field. Full tang, 3\u20134mm steel, leather or Kydex sheath. Steel options: N690Co, 14C28N, 1.2442.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">02<\/div>\n <div class=\"knife-type\">Everyday Carry<\/div>\n <div class=\"knife-name\">The Savanna Carry<\/div>\n <div class=\"knife-desc\">Slim, refined EDC profiles that clip to your belt and disappear into your day. 2.8\u20133mm steel, stabilised wood or G10 handle, Kydex IWB.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">03<\/div>\n <div class=\"knife-type\">Camp & Bowie<\/div>\n <div class=\"knife-name\">The Rhino Heavy<\/div>\n <div class=\"knife-desc\">Robust camp knives built for hard work. 5mm+ high carbon steel, full guard, micarta or natural handle scales, heavy-duty leather sheath.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">04<\/div>\n <div class=\"knife-type\">Kitchen<\/div>\n <div class=\"knife-name\">The Braai Chef<\/div>\n <div class=\"knife-desc\">Chef, nakiri, and utility profiles hand-ground to a refined working edge. N690Co or 14C28N, olive wood or stabilised handle, satin finish.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">05<\/div>\n <div class=\"knife-type\">Skinning<\/div>\n <div class=\"knife-name\">The Kudu Skinner<\/div>\n <div class=\"knife-desc\">Classic and recurve skinner profiles, fine hollow grind, ergonomic handles. Designed for the hunting field where grip and control matter most.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Enquire about this style<\/a>\n <\/div>\n <div class=\"knife-card reveal\">\n <div class=\"knife-num\">06<\/div>\n <div class=\"knife-type\">Fully Custom<\/div>\n <div class=\"knife-name\">Your Vision, Our Build<\/div>\n <div class=\"knife-desc\">Have something specific in mind? Tell us the use case, steel, handle, length and finish \u2014 we’ll build it from scratch, exactly to spec.<\/div>\n <a href=\"#enquire\" class=\"knife-cta\">Start a custom enquiry<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process\" id=\"process\">\n <div class=\"process-bg\">FORGE<\/div>\n <div class=\"process-header reveal\">\n <p class=\"section-tag\">How We Build<\/p>\n <h2 class=\"display\">FROM <em>STEEL<\/em><br>TO YOUR HAND<\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\">\n <div class=\"step-n\">01<\/div>\n <div class=\"step-title\">Enquiry & Consult<\/div>\n <div class=\"step-body\">You tell us what you need. We discuss steel choices, blade profile, handle material, and intended use \u2014 making sure we build exactly the right knife for you.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-n\">02<\/div>\n <div class=\"step-title\">Steel & Profile<\/div>\n <div class=\"step-body\">We select the right alloy and profile the blade by hand on the belt grinder \u2014 establishing the spine, plunge lines, and bevel geometry that define the knife’s character.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-n\">03<\/div>\n <div class=\"step-title\">Heat Treatment<\/div>\n <div class=\"step-body\">Precise austenitising, quench, and temper cycles dial in the right balance of hardness, toughness, and edge retention for your specific steel and use case.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-n\">04<\/div>\n <div class=\"step-title\">Handle & Delivery<\/div>\n <div class=\"step-body\">Scales are shaped and fitted by hand. A leather sheath or Kydex rig completes the build. Progress photos shared throughout, then delivered to your door.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"proof reveal\">\n <div>\n <div class=\"proof-quote\">“The Veldsman I ordered took the kudu hunt cleanly \u2014 best field knife I’ve owned. The maker sent me photos the whole way through the build.”<\/div>\n <div class=\"proof-author\">\u2014 Andr\u00e9 V., Graaff-Reinet \u00b7 Hunting Client<\/div>\n <\/div>\n <div>\n <a href=\"#enquire\" class=\"btn-primary\">Get Your Own Blade<\/a>\n <\/div>\n<\/div>\n\n\n<section class=\"enquire\" id=\"enquire\">\n <div class=\"enquire-bg\">ASK<\/div>\n <div class=\"enquire-inner\">\n <div class=\"enquire-left reveal\">\n <p class=\"section-tag\">Get in Touch<\/p>\n <h2 class=\"display\">INTERESTED<br>IN A <em>KIFARU<\/em><br>BLADE?<\/h2>\n <p class=\"body-copy\">Fill in the form and we’ll get back to you within 24 hours \u2014 no obligation, just an honest conversation about what’s possible.<\/p>\n <ul class=\"enquire-points\">\n <li><strong>Standard builds<\/strong> \u2014 typically 4\u20136 weeks from confirmation<\/li>\n <li><strong>Custom builds<\/strong> \u2014 6\u201310 weeks, 50% deposit to confirm your slot<\/li>\n <li><strong>Progress photos<\/strong> shared throughout your build<\/li>\n <li><strong>Pricing discussed<\/strong> after we understand your requirements<\/li>\n <li><strong>Nationwide delivery<\/strong> or collection by arrangement<\/li>\n <\/ul>\n <\/div>\n <div class=\"enquire-form reveal\">\n <div id=\"form-inner\">\n <div class=\"form-heading\">Knife Enquiry<\/div>\n <div class=\"form-subheading\">Tell us what you’re after and we’ll be in touch within 24 hours.<\/div>\n <div class=\"form-row\">\n <div class=\"field\">\n <label>First Name<\/label>\n <input type=\"text\" id=\"fname\" placeholder=\"e.g. Luca\">\n <\/div>\n <div class=\"field\">\n <label>Last Name<\/label>\n <input type=\"text\" id=\"lname\" placeholder=\"e.g. Marais\">\n <\/div>\n <\/div>\n <div class=\"field\">\n <label>Email Address<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"you@email.com\">\n <\/div>\n <div class=\"field\">\n <label>Phone \/ WhatsApp (optional)<\/label>\n <input type=\"tel\" id=\"phone\" placeholder=\"+27 000 000 0000\">\n <\/div>\n <div class=\"field\">\n <label>What type of knife are you after?<\/label>\n <div class=\"radio-group\" id=\"type-group\">\n <div class=\"radio-chip\" data-val=\"hunting\">Hunting<\/div>\n <div class=\"radio-chip\" data-val=\"edc\">EDC<\/div>\n <div class=\"radio-chip\" data-val=\"camp\">Camp \/ Bowie<\/div>\n <div class=\"radio-chip\" data-val=\"kitchen\">Kitchen<\/div>\n <div class=\"radio-chip\" data-val=\"skinning\">Skinning<\/div>\n <div class=\"radio-chip\" data-val=\"custom\">Full Custom<\/div>\n <div class=\"radio-chip\" data-val=\"unsure\">Not sure yet<\/div>\n <\/div>\n <\/div>\n <div class=\"field\">\n <label>Preferred handle material (optional)<\/label>\n <select id=\"handle\">\n <option value=\"\">Leave it to Kifaru \/ Not sure<\/option>\n <option>Natural Wood (Olive, Ironwood, etc.)<\/option>\n <option>Stabilised Wood<\/option>\n <option>G10 \/ Fiberglass<\/option>\n <option>Micarta<\/option>\n <option>Bone or Horn<\/option>\n <option>Open to suggestions<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>Anything else we should know?<\/label>\n <textarea id=\"notes\" placeholder=\"Intended use, blade length preference, gift occasion, budget range, special requests\u2026\"><\/textarea>\n <\/div>\n <button class=\"btn-submit\" id=\"submit-btn\">Send My Enquiry \u2192<\/button>\n <\/div>\n <div class=\"form-success\" id=\"form-success\">\n <div class=\"tick\">\u2726<\/div>\n <p>Your enquiry has been received.<br><br>We’ll be in touch within 24 hours to talk through your build.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testimonials\">\n <p class=\"section-tag reveal\">Happy Clients<\/p>\n <h2 class=\"display reveal\">WHAT THEY <em>SAY<\/em><\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“Ordered the Veldsman for a kudu hunt in the Karoo. The edge retention was extraordinary \u2014 cleaned the whole animal and still came out hair-shaving sharp.”<\/div>\n <div class=\"testi-name\">\u2014 Andr\u00e9 V., Graaff-Reinet<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“I commissioned a custom chef knife as a wedding gift. The olive wood handle was breathtaking. Progress photos at every stage \u2014 it felt genuinely personal.”<\/div>\n <div class=\"testi-name\">\u2014 Zanele M., Johannesburg<\/div>\n <\/div>\n <div class=\"testi-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testi-text\">“Three months daily carry on the D2 EDC and it still shaves arm hair. Fit and finish rivals knives at three times the price. Kifaru is the real deal.”<\/div>\n <div class=\"testi-name\">\u2014 Craig T., Cape Town<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"contact-strip reveal\" id=\"contact\">\n <h2 class=\"display\">REACH<br><em>OUT<\/em><\/h2>\n <div class=\"contact-items\">\n <div>\n <div class=\"contact-label\">Email<\/div>\n <div class=\"contact-value\"><a href=\"mailto:info@kifarublades.co.za\">info@kifarublades.co.za<\/a><\/div>\n <\/div>\n <div>\n <div class=\"contact-label\">WhatsApp<\/div>\n <div class=\"contact-value\"><a href=\"https:\/\/wa.me\/27000000000\">+27 (0)00 000 0000<\/a><\/div>\n <\/div>\n <div>\n <div class=\"contact-label\">Based In<\/div>\n <div class=\"contact-value\">South Africa<br><span style=\"font-size:0.85rem;color:var(--muted)\">Nationwide delivery<\/span><\/div>\n <\/div>\n <div>\n <div class=\"contact-label\">Follow the Build<\/div>\n <div class=\"contact-value\" style=\"margin-top:0.4rem; display:flex; align-items:center; flex-wrap:wrap;\">\n \n <a href=\"#\" class=\"soc\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n <\/a>\n \n <a href=\"#\" class=\"soc\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n <\/a>\n \n <a href=\"#\" class=\"soc\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\"\/><\/svg>\n <\/a>\n \n <a href=\"https:\/\/wa.me\/27000000000\" class=\"soc\" aria-label=\"WhatsApp\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<footer>\n <div class=\"footer-top\">\n <div>\n <div class=\"footer-wordmark\">kifaru <span>BLADES<\/span><\/div>\n <div class=\"footer-tagline\">Handcrafted knives from the tip of Africa. Built for work. Made to last.<\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigate<\/h4>\n <ul>\n <li><a href=\"#knives\">Our Knives<\/a><\/li>\n <li><a href=\"#craft\">The Craft<\/a><\/li>\n <li><a href=\"#process\">The Process<\/a><\/li>\n <li><a href=\"#enquire\">Enquire<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Knife Types<\/h4>\n <ul>\n <li><a href=\"#enquire\">Hunting & Field<\/a><\/li>\n <li><a href=\"#enquire\">Everyday Carry<\/a><\/li>\n <li><a href=\"#enquire\">Camp & Bowie<\/a><\/li>\n <li><a href=\"#enquire\">Kitchen<\/a><\/li>\n <li><a href=\"#enquire\">Full Custom<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span class=\"footer-copy\">\u00a9 2025 Kifaru Blades. All rights reserved.<\/span>\n <span class=\"footer-copy\" style=\"color:rgba(110,104,88,0.4)\">Handcrafted in South Africa<\/span>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Custom cursor\n const cur = document.getElementById('cursor');\n const ring = document.getElementById('cursor-ring');\n let mx = 0, my = 0;\n document.addEventListener('mousemove', e => {\n mx = e.clientX; my = e.clientY;\n if (cur) { cur.style.left = mx + 'px'; cur.style.top = my + 'px'; }\n if (ring) { ring.style.left = mx + 'px'; ring.style.top = my + 'px'; }\n });\n document.querySelectorAll('a, button, .knife-card, .radio-chip').forEach(el => {\n el.addEventListener('mouseenter', () => { if(cur) cur.style.transform='translate(-50%,-50%) scale(2.2)'; });\n el.addEventListener('mouseleave', () => { if(cur) cur.style.transform='translate(-50%,-50%) scale(1)'; });\n });\n\n \/\/ Scroll reveal\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); }\n });\n }, { threshold: 0.1 });\n document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n \/\/ Radio chips\n let selectedType = '';\n document.querySelectorAll('.radio-chip').forEach(chip => {\n chip.addEventListener('click', () => {\n document.querySelectorAll('.radio-chip').forEach(c => c.classList.remove('active'));\n chip.classList.add('active');\n selectedType = chip.dataset.val;\n });\n });\n\n \/\/ Form submit\n document.getElementById('submit-btn').addEventListener('click', () => {\n const fname = document.getElementById('fname').value.trim();\n const email = document.getElementById('email').value.trim();\n if (!fname || !email) {\n alert('Please enter your name and email so we can get back to you.');\n return;\n }\n \/\/ Wire this to Formspree, EmailJS, or your backend:\n \/\/ fetch('https:\/\/formspree.io\/f\/YOUR_FORM_ID', { method:'POST', ... })\n document.getElementById('form-inner').style.display = 'none';\n document.getElementById('form-success').style.display = 'block';\n });\n\n \/\/ Nav active state on scroll\n const navAs = document.querySelectorAll('.nav-links a');\n window.addEventListener('scroll', () => {\n let cur = '';\n document.querySelectorAll('section[id], div[id]').forEach(s => {\n if (window.scrollY >= s.offsetTop - 130) cur = s.id;\n });\n navAs.forEach(a => {\n a.style.color = a.getAttribute('href') === '#' + cur ? 'var(--gold)' : '';\n });\n }, { passive: true });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kifaru Blades \u2013 Handcrafted Knives kifaru BLADES Our Knives The Craft Process Enquire Contact Get a Knife K Handcrafted in South Africa STEELSHAPEDBY HAND. Every Kifaru blade is built by a single maker \u2014 ground, heat-treated and finished with purpose. No factory. No shortcuts. Just honest steel. Enquire About a Knife See What We Make … <a title=\"Home\" class=\"read-more\" href=\"https:\/\/kifarublades.com\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kifarublades.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/kifarublades.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/kifarublades.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}