{"id":47,"date":"2026-08-21T23:31:47","date_gmt":"2026-08-21T23:31:47","guid":{"rendered":"https:\/\/nattusinteriordesign.co.tz\/?page_id=47"},"modified":"2026-08-22T19:20:24","modified_gmt":"2026-08-22T19:20:24","slug":"gallery","status":"publish","type":"page","link":"https:\/\/nattusinteriordesign.co.tz\/?page_id=47","title":{"rendered":"Gallery"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   NATTUS GALLERY\n   Premium editorial portfolio design\n===================================================== *\/\n\n.nattus-gallery-page {\n    --ng-black: #11110f;\n    --ng-cream: #f5f2ec;\n    --ng-white: #ffffff;\n    --ng-line: #d8d3ca;\n    --ng-accent: #E89E5B;\n\n    background: var(--ng-cream);\n    color: var(--ng-black);\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n}\n\n\n\/* =====================================================\n   GLOBAL\n===================================================== *\/\n\n.nattus-gallery-page * {\n    box-sizing: border-box;\n}\n\n.nattus-gallery-page img {\n    display: block;\n    width: 100%;\n}\n\n.ng-kicker {\n    display: block;\n    font-size: 11px;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    margin-bottom: 24px;\n}\n\n.ng-hero em,\n.ng-statement em,\n.ng-cta em {\n    font-family: Georgia, serif;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.ng-hero {\n    min-height: 760px;\n    display: grid;\n    grid-template-columns: 42% 58%;\n    align-items: stretch;\n}\n\n.ng-hero-copy {\n    padding: 130px 8vw 90px 7vw;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.ng-hero-copy h1 {\n    margin: 0;\n    max-width: 620px;\n    font-size: clamp(60px, 7vw, 118px);\n    line-height: .9;\n    letter-spacing: -5px;\n    font-weight: 500;\n}\n\n.ng-hero-copy p {\n    max-width: 430px;\n    margin: 45px 0 0;\n    font-size: 17px;\n    line-height: 1.8;\n    color: #55534e;\n}\n\n.ng-hero-image {\n    height: 100%;\n    overflow: hidden;\n}\n\n.ng-hero-image img {\n    height: 100%;\n    min-height: 760px;\n    object-fit: cover;\n    transition: transform 1.2s ease;\n}\n\n.ng-hero-image:hover img {\n    transform: scale(1.04);\n}\n\n\n\/* =====================================================\n   FILTER\n===================================================== *\/\n\n.ng-filter-section {\n    border-top: 1px solid var(--ng-line);\n    border-bottom: 1px solid var(--ng-line);\n\n    min-height: 110px;\n\n    padding: 0 7vw;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 40px;\n}\n\n.ng-filter-title span {\n    font-size: 11px;\n    letter-spacing: 2px;\n    font-weight: 700;\n}\n\n.ng-filters {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.ng-filter {\n    border: 1px solid transparent;\n    background: transparent;\n\n    padding: 13px 24px;\n\n    font-size: 11px;\n    letter-spacing: 1.5px;\n\n    cursor: pointer;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        border .3s ease;\n}\n\n.ng-filter:hover,\n.ng-filter.active {\n    background: var(--ng-black);\n    color: white;\n}\n\n\n\/* =====================================================\n   GALLERY GRID\n===================================================== *\/\n\n.ng-gallery {\n    width: 86%;\n    max-width: 1700px;\n    margin: 130px auto;\n\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    column-gap: 45px;\n    row-gap: 150px;\n    align-items: start;\n}\n\n.ng-item {\n    transition:\n        opacity .4s ease,\n        transform .4s ease;\n}\n\n.ng-item.hidden {\n    opacity: 0;\n    transform: translateY(20px);\n    pointer-events: none;\n    position: absolute;\n}\n\n\n\/* Wide image *\/\n\n.ng-wide {\n    grid-column: 1 \/ 9;\n}\n\n\n\/* Small image *\/\n\n.ng-small {\n    grid-column: 9 \/ 13;\n    margin-top: 180px;\n}\n\n\n\/* Large *\/\n\n.ng-large {\n    grid-column: 4 \/ 11;\n}\n\n\n\/* Alternating layout *\/\n\n.ng-item:nth-child(4) {\n    grid-column: 2 \/ 12;\n}\n\n.ng-item:nth-child(5) {\n    grid-column: 1 \/ 5;\n    margin-top: 120px;\n}\n\n.ng-item:nth-child(6) {\n    grid-column: 6 \/ 13;\n}\n\n\n\/* =====================================================\n   IMAGE\n===================================================== *\/\n\n.ng-image {\n    position: relative;\n    overflow: hidden;\n    background: #ddd8cf;\n    cursor: pointer;\n}\n\n.ng-wide .ng-image {\n    aspect-ratio: 16 \/ 9;\n}\n\n.ng-small .ng-image {\n    aspect-ratio: 4 \/ 5;\n}\n\n.ng-large .ng-image {\n    aspect-ratio: 5 \/ 6;\n}\n\n.ng-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n\n    transition:\n        transform 1s cubic-bezier(.2,.7,.2,1),\n        filter .5s ease;\n}\n\n.ng-image:hover img {\n    transform: scale(1.06);\n}\n\n\n\/* =====================================================\n   VIEW BUTTON\n===================================================== *\/\n\n.ng-view {\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    transform: translate(-50%, -40%);\n\n    width: 88px;\n    height: 88px;\n\n    border-radius: 50%;\n\n    border: 1px solid white;\n\n    background: rgba(17,17,15,.65);\n    backdrop-filter: blur(8px);\n\n    color: white;\n\n    font-size: 10px;\n    letter-spacing: 1.5px;\n\n    opacity: 0;\n\n    cursor: pointer;\n\n    transition:\n        opacity .35s ease,\n        transform .35s ease;\n}\n\n.ng-image:hover .ng-view {\n    opacity: 1;\n    transform: translate(-50%, -50%);\n}\n\n\n\/* =====================================================\n   CAPTION\n===================================================== *\/\n\n.ng-caption {\n    padding-top: 22px;\n\n    display: grid;\n\n    grid-template-columns: 140px 1fr;\n\n    column-gap: 20px;\n}\n\n.ng-caption span {\n    font-size: 10px;\n    letter-spacing: 1.8px;\n    font-weight: 700;\n}\n\n.ng-caption h2 {\n    margin: 0;\n\n    font-size: clamp(24px, 2.2vw, 38px);\n    font-weight: 400;\n    letter-spacing: -1px;\n}\n\n\n\/* =====================================================\n   STATEMENT\n===================================================== *\/\n\n.ng-statement {\n    padding: 170px 10vw;\n\n    background: var(--ng-black);\n    color: white;\n\n    text-align: center;\n}\n\n.ng-statement h2 {\n    max-width: 1000px;\n    margin: auto;\n\n    font-size: clamp(50px, 6vw, 100px);\n    line-height: .95;\n    letter-spacing: -4px;\n    font-weight: 400;\n}\n\n.ng-statement p {\n    max-width: 560px;\n\n    margin: 45px auto 0;\n\n    color: #bdb9b1;\n\n    line-height: 1.8;\n    font-size: 16px;\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.ng-cta {\n    min-height: 500px;\n\n    padding: 100px 8vw;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 60px;\n}\n\n.ng-cta h2 {\n    margin: 0;\n\n    max-width: 850px;\n\n    font-size: clamp(50px, 6vw, 100px);\n    line-height: .95;\n\n    font-weight: 400;\n    letter-spacing: -4px;\n}\n\n.ng-cta > a {\n    flex-shrink: 0;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 25px;\n\n    padding: 20px 0;\n\n    border-bottom: 1px solid var(--ng-black);\n\n    color: var(--ng-black);\n\n    text-decoration: none;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.7px;\n\n    transition: gap .3s ease;\n}\n\n.ng-cta > a:hover {\n    gap: 38px;\n}\n\n.ng-cta > a span {\n    font-size: 18px;\n}\n\n\n\/* =====================================================\n   LIGHTBOX\n===================================================== *\/\n\n.ng-lightbox {\n    position: fixed;\n\n    inset: 0;\n\n    background: rgba(10,10,9,.97);\n\n    z-index: 999999;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    opacity: 0;\n    visibility: hidden;\n\n    transition:\n        opacity .35s ease,\n        visibility .35s ease;\n}\n\n.ng-lightbox.open {\n    opacity: 1;\n    visibility: visible;\n}\n\n.ng-lightbox-content {\n    width: min(88vw, 1400px);\n    height: 86vh;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.ng-lightbox-content img {\n    max-width: 100%;\n    max-height: 78vh;\n\n    width: auto;\n    height: auto;\n\n    object-fit: contain;\n}\n\n.ng-lightbox-counter {\n    margin-top: 18px;\n\n    color: #aaa;\n\n    font-size: 10px;\n    letter-spacing: 2px;\n}\n\n.ng-close,\n.ng-prev,\n.ng-next {\n    position: absolute;\n\n    background: transparent;\n    border: 0;\n\n    color: white;\n\n    cursor: pointer;\n\n    z-index: 5;\n}\n\n.ng-close {\n    top: 30px;\n    right: 40px;\n\n    font-size: 38px;\n    font-weight: 200;\n}\n\n.ng-prev,\n.ng-next {\n    top: 50%;\n\n    transform: translateY(-50%);\n\n    font-size: 28px;\n\n    width: 70px;\n    height: 70px;\n\n    border: 1px solid rgba(255,255,255,.3);\n    border-radius: 50%;\n\n    transition:\n        background .3s ease,\n        border .3s ease;\n}\n\n.ng-prev {\n    left: 35px;\n}\n\n.ng-next {\n    right: 35px;\n}\n\n.ng-prev:hover,\n.ng-next:hover {\n    background: white;\n    color: black;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 991px) {\n\n    .ng-hero {\n        min-height: auto;\n        grid-template-columns: 1fr;\n    }\n\n    .ng-hero-copy {\n        padding: 100px 7vw 70px;\n    }\n\n    .ng-hero-copy h1 {\n        font-size: 72px;\n    }\n\n    .ng-hero-image,\n    .ng-hero-image img {\n        min-height: 600px;\n        height: 600px;\n    }\n\n    .ng-filter-section {\n        padding: 30px 7vw;\n        align-items: flex-start;\n        flex-direction: column;\n    }\n\n    .ng-gallery {\n        width: 90%;\n\n        grid-template-columns: repeat(2, 1fr);\n\n        column-gap: 25px;\n        row-gap: 80px;\n\n        margin: 90px auto;\n    }\n\n    .ng-wide,\n    .ng-small,\n    .ng-large,\n    .ng-item:nth-child(4),\n    .ng-item:nth-child(5),\n    .ng-item:nth-child(6) {\n        grid-column: auto;\n        margin-top: 0;\n    }\n\n    .ng-wide {\n        grid-column: 1 \/ -1;\n    }\n\n    .ng-item:nth-child(4) {\n        grid-column: 1 \/ -1;\n    }\n\n    .ng-item:nth-child(6) {\n        grid-column: 1 \/ -1;\n    }\n\n    .ng-cta {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .ng-hero-copy {\n        padding: 80px 25px 55px;\n    }\n\n    .ng-hero-copy h1 {\n        font-size: 54px;\n        letter-spacing: -3px;\n    }\n\n    .ng-hero-copy p {\n        font-size: 15px;\n        margin-top: 30px;\n    }\n\n    .ng-hero-image,\n    .ng-hero-image img {\n        min-height: 420px;\n        height: 420px;\n    }\n\n    .ng-filter-section {\n        padding: 25px;\n    }\n\n    .ng-filters {\n        width: 100%;\n        overflow-x: auto;\n        padding-bottom: 5px;\n    }\n\n    .ng-filter {\n        white-space: nowrap;\n    }\n\n    .ng-gallery {\n        width: calc(100% - 40px);\n\n        display: block;\n\n        margin: 70px auto;\n    }\n\n    .ng-item {\n        margin-bottom: 75px !important;\n    }\n\n    .ng-wide .ng-image,\n    .ng-small .ng-image,\n    .ng-large .ng-image {\n        aspect-ratio: 4 \/ 5;\n    }\n\n    .ng-caption {\n        display: block;\n    }\n\n    .ng-caption span {\n        display: block;\n        margin-bottom: 10px;\n    }\n\n    .ng-caption h2 {\n        font-size: 28px;\n    }\n\n    .ng-statement {\n        padding: 100px 25px;\n    }\n\n    .ng-statement h2 {\n        font-size: 52px;\n        letter-spacing: -3px;\n    }\n\n    .ng-cta {\n        padding: 90px 25px;\n    }\n\n    .ng-cta h2 {\n        font-size: 55px;\n        letter-spacing: -3px;\n    }\n\n    .ng-lightbox-content {\n        width: 92vw;\n    }\n\n    .ng-prev {\n        left: 10px;\n    }\n\n    .ng-next {\n        right: 10px;\n    }\n\n    .ng-prev,\n    .ng-next {\n        width: 48px;\n        height: 48px;\n        font-size: 20px;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const gallery = document.querySelector(\".nattus-gallery-page\");\n\n    if (!gallery) return;\n\n\n    \/* =================================================\n       FILTER\n    ================================================= *\/\n\n    const filters = gallery.querySelectorAll(\".ng-filter\");\n    const items = gallery.querySelectorAll(\".ng-item\");\n\n    filters.forEach(function (filter) {\n\n        filter.addEventListener(\"click\", function () {\n\n            const category = this.dataset.filter;\n\n            filters.forEach(function (button) {\n                button.classList.remove(\"active\");\n            });\n\n            this.classList.add(\"active\");\n\n            items.forEach(function (item) {\n\n                if (\n                    category === \"all\" ||\n                    item.dataset.category === category\n                ) {\n\n                    item.classList.remove(\"hidden\");\n\n                } else {\n\n                    item.classList.add(\"hidden\");\n\n                }\n\n            });\n\n        });\n\n    });\n\n\n    \/* =================================================\n       LIGHTBOX\n    ================================================= *\/\n\n    const lightbox = gallery.querySelector(\".ng-lightbox\");\n    const lightboxImage = gallery.querySelector(\".ng-lightbox-content img\");\n    const counter = gallery.querySelector(\".ng-lightbox-counter\");\n\n    const closeButton = gallery.querySelector(\".ng-close\");\n    const previousButton = gallery.querySelector(\".ng-prev\");\n    const nextButton = gallery.querySelector(\".ng-next\");\n\n    const viewButtons = gallery.querySelectorAll(\".ng-view\");\n\n    let currentIndex = 0;\n\n    const images = [];\n\n\n    viewButtons.forEach(function (button, index) {\n\n        const image =\n            button.closest(\".ng-image\").querySelector(\"img\");\n\n        images.push({\n            src: image.src,\n            alt: image.alt\n        });\n\n        button.addEventListener(\"click\", function (event) {\n\n            event.preventDefault();\n            event.stopPropagation();\n\n            currentIndex = index;\n\n            openLightbox();\n\n        });\n\n    });\n\n\n    function openLightbox() {\n\n        const image = images[currentIndex];\n\n        lightboxImage.src = image.src;\n        lightboxImage.alt = image.alt;\n\n        counter.textContent =\n            String(currentIndex + 1).padStart(2, \"0\")\n            + \" \/ \"\n            + String(images.length).padStart(2, \"0\");\n\n        lightbox.classList.add(\"open\");\n\n        lightbox.setAttribute(\"aria-hidden\", \"false\");\n\n        document.body.style.overflow = \"hidden\";\n\n    }\n\n\n    function closeLightbox() {\n\n        lightbox.classList.remove(\"open\");\n\n        lightbox.setAttribute(\"aria-hidden\", \"true\");\n\n        document.body.style.overflow = \"\";\n\n    }\n\n\n    function nextImage() {\n\n        currentIndex++;\n\n        if (currentIndex >= images.length) {\n            currentIndex = 0;\n        }\n\n        openLightbox();\n\n    }\n\n\n    function previousImage() {\n\n        currentIndex--;\n\n        if (currentIndex < 0) {\n            currentIndex = images.length - 1;\n        }\n\n        openLightbox();\n\n    }\n\n\n    closeButton.addEventListener(\"click\", closeLightbox);\n\n    nextButton.addEventListener(\"click\", nextImage);\n\n    previousButton.addEventListener(\"click\", previousImage);\n\n\n    \/* =================================================\n       KEYBOARD\n    ================================================= *\/\n\n    document.addEventListener(\"keydown\", function (event) {\n\n        if (!lightbox.classList.contains(\"open\")) {\n            return;\n        }\n\n        if (event.key === \"Escape\") {\n            closeLightbox();\n        }\n\n        if (event.key === \"ArrowRight\") {\n            nextImage();\n        }\n\n        if (event.key === \"ArrowLeft\") {\n            previousImage();\n        }\n\n    });\n\n\n    \/* =================================================\n       CLICK BACKDROP\n    ================================================= *\/\n\n    lightbox.addEventListener(\"click\", function (event) {\n\n        if (event.target === lightbox) {\n            closeLightbox();\n        }\n\n    });\n\n});\n<\/script>\n\n<div class=\"nattus-gallery-page\">\n\n    <!-- HERO -->\n    <section class=\"ng-hero\">\n        <div class=\"ng-hero-copy\">\n            <span class=\"ng-kicker\">NATTUS \/ GALLERY<\/span>\n\n            <h1>\n                Spaces with\n                <em>character.<\/em>\n            <\/h1>\n\n            <p>\n                A collection of interiors, furniture and exterior spaces\n                created by NATTUS Furniture Interior & Exterior Design Ltd.\n            <\/p>\n        <\/div>\n\n        <div class=\"ng-hero-image\">\n            <img decoding=\"async\"\n                src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.37-PM-300x225.jpeg\"\n                alt=\"NATTUS interior design project\"\n            >\n        <\/div>\n    <\/section>\n\n\n    <!-- FILTER -->\n    <section class=\"ng-filter-section\">\n\n        <div class=\"ng-filter-title\">\n            <span>EXPLORE OUR WORK<\/span>\n        <\/div>\n\n        <div class=\"ng-filters\">\n            <button class=\"ng-filter active\" data-filter=\"all\">\n                All\n            <\/button>\n\n            <button class=\"ng-filter\" data-filter=\"interior\">\n                Interior\n            <\/button>\n\n            <button class=\"ng-filter\" data-filter=\"furniture\">\n                Furniture\n            <\/button>\n\n            <button class=\"ng-filter\" data-filter=\"exterior\">\n                Exterior\n            <\/button>\n        <\/div>\n\n    <\/section>\n\n\n    <!-- GALLERY -->\n    <main class=\"ng-gallery\">\n\n        <!-- IMAGE 01 -->\n        <article class=\"ng-item ng-wide\" data-category=\"interior\">\n\n            <div class=\"ng-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.37-PM-300x225.jpeg\"\n                    alt=\"NATTUS interior design\"\n                    loading=\"lazy\"\n                >\n\n                <button class=\"ng-view\" aria-label=\"View image\">\n                    VIEW\n                <\/button>\n            <\/div>\n\n            <div class=\"ng-caption\">\n                <span>01 \/ INTERIOR<\/span>\n                <h2>Refined Living<\/h2>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- IMAGE 02 -->\n        <article class=\"ng-item ng-small\" data-category=\"furniture\">\n\n            <div class=\"ng-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.39-PM-1-207x300.jpeg\"\n                    alt=\"NATTUS custom furniture\"\n                    loading=\"lazy\"\n                >\n\n                <button class=\"ng-view\" aria-label=\"View image\">\n                    VIEW\n                <\/button>\n            <\/div>\n\n            <div class=\"ng-caption\">\n                <span>02 \/ FURNITURE<\/span>\n                <h2>Custom Craft<\/h2>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- IMAGE 03 -->\n        <article class=\"ng-item ng-large\" data-category=\"interior\">\n\n            <div class=\"ng-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.21-PM-266x300.jpeg\"\n                    alt=\"NATTUS interior project\"\n                    loading=\"lazy\"\n                >\n\n                <button class=\"ng-view\" aria-label=\"View image\">\n                    VIEW\n                <\/button>\n            <\/div>\n\n            <div class=\"ng-caption\">\n                <span>03 \/ INTERIOR<\/span>\n                <h2>Material & Form<\/h2>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- IMAGE 04 -->\n        <article class=\"ng-item ng-wide ng-dark\" data-category=\"exterior\">\n\n            <div class=\"ng-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.37-PM-300x225.jpeg\"\n                    alt=\"NATTUS exterior design\"\n                    loading=\"lazy\"\n                >\n\n                <button class=\"ng-view\" aria-label=\"View image\">\n                    VIEW\n                <\/button>\n\n            <\/div>\n\n            <div class=\"ng-caption\">\n                <span>04 \/ EXTERIOR<\/span>\n                <h2>Outdoor Character<\/h2>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- IMAGE 05 -->\n        <article class=\"ng-item ng-small\" data-category=\"furniture\">\n\n            <div class=\"ng-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.39-PM-1-207x300.jpeg\"\n                    alt=\"NATTUS furniture design\"\n                    loading=\"lazy\"\n                >\n\n                <button class=\"ng-view\" aria-label=\"View image\">\n                    VIEW\n                <\/button>\n\n            <\/div>\n\n            <div class=\"ng-caption\">\n                <span>05 \/ FURNITURE<\/span>\n                <h2>Bespoke Details<\/h2>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- IMAGE 06 -->\n        <article class=\"ng-item ng-large\" data-category=\"interior\">\n\n            <div class=\"ng-image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.21-PM-266x300.jpeg\"\n                    alt=\"NATTUS residential interior\"\n                    loading=\"lazy\"\n                >\n\n                <button class=\"ng-view\" aria-label=\"View image\">\n                    VIEW\n                <\/button>\n\n            <\/div>\n\n            <div class=\"ng-caption\">\n                <span>06 \/ INTERIOR<\/span>\n                <h2>Quiet Luxury<\/h2>\n            <\/div>\n\n        <\/article>\n\n    <\/main>\n\n\n    <!-- STATEMENT -->\n    <section class=\"ng-statement\">\n\n        <span class=\"ng-kicker\">NATTUS \/ DESIGN PHILOSOPHY<\/span>\n\n        <h2>\n            Beautiful spaces should feel\n            <em>personal.<\/em>\n        <\/h2>\n\n        <p>\n            Every project is considered through proportion, material,\n            texture, comfort and craftsmanship to create environments\n            that feel timeless and distinctly yours.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- CTA -->\n    <section class=\"ng-cta\">\n\n        <div>\n            <span class=\"ng-kicker\">HAVE A PROJECT IN MIND?<\/span>\n\n            <h2>\n                Let's create\n                <em>something beautiful.<\/em>\n            <\/h2>\n        <\/div>\n\n        <a href=\"mailto:sales@nattusinteriordesign.co.tz\">\n            START A CONVERSATION\n            <span>\u2197<\/span>\n        <\/a>\n\n    <\/section>\n\n\n    <!-- LIGHTBOX -->\n    <div class=\"ng-lightbox\" aria-hidden=\"true\">\n\n        <button class=\"ng-close\" aria-label=\"Close\">\n            \u00d7\n        <\/button>\n\n        <button class=\"ng-prev\" aria-label=\"Previous\">\n            \u2190\n        <\/button>\n\n        <div class=\"ng-lightbox-content\">\n            <img decoding=\"async\" src=\"\" alt=\"\">\n            <span class=\"ng-lightbox-counter\"><\/span>\n        <\/div>\n\n        <button class=\"ng-next\" aria-label=\"Next\">\n            \u2192\n        <\/button>\n\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>NATTUS \/ GALLERY Spaces with character. A collection of interiors, furniture and exterior spaces created by NATTUS Furniture Interior &#038; Exterior Design Ltd. EXPLORE OUR WORK All Interior Furniture Exterior VIEW 01 \/ INTERIOR Refined Living VIEW 02 \/ FURNITURE Custom Craft VIEW 03 \/ INTERIOR Material &#038; Form VIEW 04 \/ EXTERIOR Outdoor Character [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":2,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}