{"id":8,"date":"2026-09-25T09:51:52","date_gmt":"2026-09-25T09:51:52","guid":{"rendered":"https:\/\/nheritage.com\/?page_id=8"},"modified":"2026-09-25T18:28:07","modified_gmt":"2026-09-25T18:28:07","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/nheritage.com\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e8c83e e-con e-atomic-element e-flexbox-base e-default-div e-d3dc0d8 \" data-id=\"5e8c83e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5e8c83e\">\n    \t\t<div class=\"elementor-element elementor-element-d698926 elementor-widget elementor-widget-html\" data-id=\"d698926\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    :root {\n        --nh-bg-white: #ffffff;\n        --nh-bg-offwhite: #f5f5f5; \n        --nh-card-bg: #ecebeb; \n        --nh-dark: #222222; \n        --nh-text-dark: #1a1a1a;\n        --nh-text-light: #ffffff;\n        --nh-brand-brown: #b89b72; \n        --font-serif: 'Georgia', serif;\n        --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    }\n\n    \/* CUR\u0102\u021aARE HEADER \u0218I FOR\u021aARE OVERFLOW VISIBLE PENTRU STICKY *\/\n    header, .site-header, #masthead, .elementor-location-header, .ast-main-header-wrap, .nv-navbar, .entry-header, .page-header { display: none !important; }\n    body, html { margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; }\n\n    .elementor, .elementor-section-wrap, .elementor-top-section, .elementor-container {\n        overflow: visible !important;\n    }\n\n    .nh-master-wrapper {\n        width: 100vw; position: relative; left: 50%; right: 50%;\n        margin-left: -50vw; margin-right: -50vw; background: transparent;\n        font-family: var(--font-sans); color: var(--nh-text-dark);\n        overflow: visible !important;\n    }\n\n    \/* 1. ECRANUL HERO FULL-SCREEN *\/\n    .shoma-hero {\n        height: 100vh;\n        width: 100%;\n        position: relative;\n        background: #000;\n        overflow: hidden;\n    }\n    .shoma-hero img {\n        width: 100%;\n        height: 100vh;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* =========================================================================\n       2. SEC\u021aIUNEA BUILDING: CL\u0102DIRE FIX\u0102 STICKY F\u0102R\u0102 SPA\u021aIU ALB JOS\n       ========================================================================= *\/\n    .shoma-building-section {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        align-items: start;\n        position: relative;\n        background-color: var(--nh-bg-offwhite);\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    \/* Coloana st\u00e2nga: Cl\u0103direa fix\u0103 pe ecran *\/\n    .building-image-col {\n        position: sticky;\n        top: 0;\n        height: 100vh;\n        overflow: hidden;\n        background-color: var(--nh-bg-offwhite);\n    }\n\n    .building-image-col img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100vh;\n        object-fit: cover;\n        object-position: bottom left;\n        transform: scale(1.03); \/* Elimin\u0103 orice margine alb\u0103 sau transparen\u021b\u0103 inferioar\u0103 *\/\n        transform-origin: bottom left;\n        display: block;\n        pointer-events: none;\n    }\n\n    \/* Coloana dreapt\u0103: Con\u021binutul cu casete mici *\/\n    .building-content-col {\n        padding: 12vh 6vw 5vh 6vw;\n        box-sizing: border-box;\n        position: relative;\n    }\n\n    \/* Linie fin\u0103 vertical\u0103 \u00een spatele casetelor *\/\n    .building-content-col::before {\n        content: '';\n        position: absolute;\n        top: 10vh;\n        bottom: 5vh;\n        left: 30px;\n        width: 1px;\n        background-color: rgba(184, 155, 114, 0.4);\n        z-index: 1;\n    }\n\n    .shoma-floating-heading {\n        font-family: var(--font-serif);\n        font-size: 1.8rem;\n        letter-spacing: 2px;\n        color: var(--nh-brand-brown);\n        margin-bottom: 8vh;\n        text-align: left;\n        padding-left: 20px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* CASETELE MICI \u0218I COMPACTE CARE APAR LA SCROLL *\/\n    .building-block {\n        background-color: var(--nh-card-bg);\n        padding: 18px 22px;\n        margin-bottom: 25vh;\n        text-align: left;\n        border-left: 3px solid var(--nh-brand-brown);\n        position: relative;\n        z-index: 2;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.03);\n        opacity: 0;\n        transform: translateY(25px);\n        transition: opacity 0.5s ease, transform 0.5s ease;\n    }\n    \n    .building-block:last-child {\n        margin-bottom: 5vh;\n    }\n\n    .building-block.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .building-block h3 {\n        font-family: var(--font-sans);\n        font-size: 2rem;\n        font-weight: 300;\n        margin: 0 0 2px 0;\n        color: var(--nh-text-dark);\n        display: flex;\n        align-items: baseline;\n    }\n    .building-block h3 span.suffix {\n        font-size: 1.1rem;\n        margin-left: 4px;\n        color: var(--nh-brand-brown);\n    }\n    .building-block p {\n        font-size: 0.75rem;\n        color: #555;\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        margin: 0;\n    }\n    .building-block p.sub {\n        text-transform: none;\n        font-size: 0.7rem;\n        color: #777;\n        margin-top: 4px;\n        letter-spacing: 0;\n    }\n\n    \/* 3. SEC\u021aIUNEA PORTFOLIO *\/\n    .shoma-portfolio {\n        background-color: var(--nh-dark);\n        padding: 100px 5%;\n        color: var(--nh-text-light);\n        position: relative;\n        margin-top: 0 !important;\n    }\n    .shoma-portfolio h2 {\n        font-family: var(--font-serif);\n        font-size: 3rem;\n        font-weight: 300;\n        margin: 0 0 40px 0;\n    }\n    .portfolio-grid {\n        display: flex;\n        gap: 20px;\n        overflow-x: auto;\n        padding-bottom: 20px;\n        scrollbar-width: none;\n    }\n    .portfolio-card {\n        flex: 0 0 380px;\n        height: 420px;\n        background: #000;\n        position: relative;\n        border-bottom: 4px solid var(--nh-brand-brown);\n        overflow: hidden;\n    }\n    .portfolio-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0.7;\n    }\n    .portfolio-title {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        font-family: var(--font-serif);\n        font-size: 1.4rem;\n        color: #fff;\n    }\n\n    \/* 4. SEC\u021aIUNEA TEAM (BEHIND NHERITAGE) *\/\n    .shoma-team {\n        padding: 100px 5%;\n        background: var(--nh-bg-white);\n        position: relative;\n    }\n    .shoma-team h2 {\n        font-family: var(--font-serif);\n        font-size: 3rem;\n        font-weight: 300;\n        margin-bottom: 50px;\n        color: var(--nh-text-dark);\n    }\n    .team-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 30px;\n    }\n    .team-member img {\n        width: 100%;\n        height: 400px;\n        object-fit: cover;\n        background: #eee;\n        margin-bottom: 15px;\n        border-bottom: 3px solid var(--nh-brand-brown);\n    }\n    .team-member h4 {\n        font-family: var(--font-serif);\n        font-size: 1.3rem;\n        margin: 0 0 4px 0;\n        color: var(--nh-text-dark);\n    }\n    .team-member p {\n        font-size: 0.8rem;\n        color: var(--nh-brand-brown);\n        text-transform: uppercase;\n        margin: 0;\n        letter-spacing: 1px;\n        font-weight: bold;\n    }\n\n    \/* 5. SEC\u021aIUNEA INTERVIEWS *\/\n    .shoma-interviews {\n        padding: 90px 5%;\n        background: var(--nh-bg-offwhite);\n    }\n    .shoma-interviews h2 {\n        font-family: var(--font-serif);\n        font-size: 3rem;\n        font-weight: 300;\n        margin-bottom: 35px;\n    }\n    .interviews-track {\n        display: flex;\n        gap: 20px;\n        overflow-x: auto;\n        padding-bottom: 20px;\n        scrollbar-width: none;\n    }\n    .interview-item {\n        flex: 0 0 350px;\n        height: 220px;\n        background: #000;\n        position: relative;\n        cursor: pointer;\n        border-bottom: 3px solid var(--nh-brand-brown);\n    }\n    .interview-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0.6;\n    }\n    .interview-item::after {\n        content: '\u25b6';\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        color: var(--nh-brand-brown);\n        font-size: 2.5rem;\n    }\n\n    \/* 6. FOOTER *\/\n    .shoma-footer {\n        background: #111;\n        color: #fff;\n        padding: 70px 5% 30px 5%;\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        gap: 30px;\n        border-top: 3px solid var(--nh-brand-brown);\n    }\n    .footer-col h5 {\n        font-family: var(--font-serif);\n        font-size: 1.1rem;\n        margin: 0 0 15px 0;\n        color: var(--nh-brand-brown);\n        font-weight: 300;\n    }\n    .footer-col p, .footer-col a {\n        color: #aaa;\n        font-size: 0.85rem;\n        line-height: 1.8;\n        text-decoration: none;\n        display: block;\n    }\n    .footer-col a:hover { color: var(--nh-brand-brown); }\n\n    \/* ELEMENTE AUXILIARE *\/\n    .shoma-top-socials { position: absolute; top: 40px; left: 50px; display: flex; gap: 20px; z-index: 5; }\n    .shoma-top-socials a { color: #fff; text-decoration: none; transition: 0.3s; }\n    .shoma-top-socials a:hover { color: var(--nh-brand-brown); }\n    .shoma-top-socials svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.5; }\n\n    .shoma-hamburger { position: fixed; right: 40px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-color: var(--nh-brand-brown); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; z-index: 9999; cursor: pointer; }\n    .shoma-hamburger span { width: 18px; height: 2px; background-color: #fff; }\n\n    .shoma-scroll-indicator { position: absolute; left: 50px; bottom: 80px; display: flex; align-items: center; gap: 10px; transform: rotate(-90deg); transform-origin: left bottom; font-size: 10px; letter-spacing: 2px; color: #fff; z-index: 2; }\n    .shoma-scroll-indicator::after { content: ''; display: block; width: 50px; height: 1px; background-color: #fff; }\n\n    \/* RESPONSIVITATE MOBIL *\/\n    @media (max-width: 900px) {\n        .shoma-building-section {\n            display: flex;\n            flex-direction: column;\n        }\n        .building-image-col {\n            position: relative;\n            height: auto;\n            width: 100%;\n        }\n        .building-image-col img {\n            position: relative;\n            height: auto;\n            max-height: 50vh;\n            transform: none;\n        }\n        .building-content-col {\n            padding: 5vh 5%;\n        }\n        .building-content-col::before {\n            display: none;\n        }\n        .building-block {\n            margin-bottom: 25px;\n            text-align: center;\n        }\n        .shoma-floating-heading {\n            text-align: center;\n            padding-left: 0;\n        }\n        .building-block h3 {\n            justify-content: center;\n        }\n        .shoma-top-socials { top: 20px; left: 20px; }\n        .shoma-scroll-indicator { display: none; }\n    }\n<\/style>\n\n<div class=\"nh-master-wrapper\">\n\n    <!-- 1. HERO SECTION -->\n    <section class=\"shoma-hero\">\n        <div class=\"shoma-top-socials\">\n            <a href=\"#\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg><\/a>\n            <a href=\"#\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg><\/a>\n        <\/div>\n        <div class=\"shoma-scroll-indicator\">SCROLL<\/div>\n        <div class=\"shoma-hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\n        <img decoding=\"async\" src=\"https:\/\/nheritage.com\/wp-content\/uploads\/2026\/09\/nheritage-1-scaled.jpg\" alt=\"Nheritage Logo\">\n    <\/section>\n\n    <!-- 2. BUILDING A LEGACY SECTION -->\n    <section class=\"shoma-building-section\">\n        <div class=\"building-image-col\">\n            <img decoding=\"async\" src=\"https:\/\/nheritage.com\/wp-content\/uploads\/2026\/09\/black-building.png\" alt=\"Building Cutout\">\n        <\/div>\n\n        <div class=\"building-content-col\">\n            <div class=\"shoma-floating-heading fade-block\">BUILDING A LEGACY<\/div>\n            \n            <div class=\"building-block fade-block\">\n                <h3><div class=\"counter\" data-target=\"20\">0<\/div><span class=\"suffix\">+ Years<\/span><\/h3>\n                <p>Of Sustained Growth<\/p>\n                <p class=\"sub\">Guaranteed to meet exacting standards.<\/p>\n            <\/div>\n\n            <div class=\"building-block fade-block\">\n                <h3><div class=\"counter\" data-target=\"100\">0<\/div><span class=\"suffix\">%<\/span><\/h3>\n                <p>Turnkey Service<\/p>\n                <p class=\"sub\">From design and planning to furnishing.<\/p>\n            <\/div>\n            \n            <div class=\"building-block fade-block\">\n                <h3><div class=\"counter\" data-target=\"50\">0<\/div><span class=\"suffix\">+<\/span><\/h3>\n                <p>Bespoke Projects<\/p>\n                <p class=\"sub\">Exacting Standards & Craftsmanship<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 3. PORTFOLIO SECTION -->\n    <section class=\"shoma-portfolio\">\n        <h2 class=\"fade-block\">PORTFOLIO<\/h2>\n        <div class=\"portfolio-grid fade-block\">\n            <div class=\"portfolio-card\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=800\" alt=\"Project\">\n                <div class=\"portfolio-title\">St John's Wood<\/div>\n            <\/div>\n            <div class=\"portfolio-card\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?w=800\" alt=\"Project\">\n                <div class=\"portfolio-title\">West Heath<\/div>\n            <\/div>\n            <div class=\"portfolio-card\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?w=800\" alt=\"Project\">\n                <div class=\"portfolio-title\">Canonbury<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 4. TEAM SECTION (BEHIND NHERITAGE) -->\n    <section class=\"shoma-team\">\n        <h2 class=\"fade-block\">BEHIND NHERITAGE<\/h2>\n        <div class=\"team-grid\">\n            <div class=\"team-member fade-block\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=500\" alt=\"Team Member\">\n                <h4>John Doe<\/h4><p>CEO & Founder<\/p>\n            <\/div>\n            <div class=\"team-member fade-block\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=500\" alt=\"Team Member\">\n                <h4>Jane Smith<\/h4><p>Head of Design<\/p>\n            <\/div>\n            <div class=\"team-member fade-block\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=500\" alt=\"Team Member\">\n                <h4>Michael Brown<\/h4><p>Project Director<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 5. INTERVIEWS SECTION -->\n    <section class=\"shoma-interviews\">\n        <h2 class=\"fade-block\">INTERVIEWS<\/h2>\n        <div class=\"interviews-track fade-block\">\n            <div class=\"interview-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?w=500\" alt=\"Interview\"><\/div>\n            <div class=\"interview-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?w=500\" alt=\"Interview\"><\/div>\n            <div class=\"interview-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?w=500\" alt=\"Interview\"><\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 6. FOOTER -->\n    <section class=\"shoma-footer\">\n        <div class=\"footer-col\" style=\"flex: 2; min-width: 250px;\">\n            <img decoding=\"async\" src=\"https:\/\/nheritage.com\/wp-content\/uploads\/2026\/09\/nheritage-1-scaled.jpg\" alt=\"Nheritage\" style=\"width: 200px; filter: brightness(0) invert(1);\">\n        <\/div>\n        <div class=\"footer-col\" style=\"flex: 1; min-width: 150px;\">\n            <h5>OFFICE<\/h5><p>T: +44 20 7123 4567<br>London, UK<\/p>\n        <\/div>\n        <div class=\"footer-col\" style=\"flex: 1; min-width: 150px;\">\n            <a href=\"#\">PORTFOLIO<\/a><a href=\"#\">CAREERS<\/a><a href=\"#\">PARTNER<\/a><a href=\"#\">PRESS<\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ Anima\u021bie fade-in progresiv\u0103 la scroll\n        const fadeBlocks = document.querySelectorAll('.building-block, .shoma-floating-heading, .shoma-portfolio h2, .portfolio-grid, .shoma-team h2, .team-member, .shoma-interviews h2, .interviews-track');\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                }\n            });\n        }, { threshold: 0.15 });\n\n        fadeBlocks.forEach(block => observer.observe(block));\n\n        \/\/ Contoare animate\n        const counters = document.querySelectorAll('.counter');\n        const counterObserver = new IntersectionObserver((entries, obs) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const counter = entry.target;\n                    const target = +counter.getAttribute('data-target');\n                    let current = 0;\n                    const step = target \/ 40;\n                    const update = () => {\n                        current += step;\n                        if (current < target) {\n                            counter.innerText = Math.ceil(current);\n                            requestAnimationFrame(update);\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n                    update();\n                    obs.unobserve(counter);\n                }\n            });\n        }, { threshold: 0.5 });\n\n        counters.forEach(c => counterObserver.observe(c));\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SCROLL BUILDING A LEGACY 0+ Years Of Sustained Growth Guaranteed to meet exacting standards. 0% Turnkey Service From design and planning to furnishing. 0+ Bespoke Projects Exacting Standards &#038; Craftsmanship PORTFOLIO St John&#8217;s Wood West Heath Canonbury BEHIND NHERITAGE John Doe CEO &#038; Founder Jane Smith Head of Design Michael Brown Project Director INTERVIEWS OFFICE [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nheritage.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nheritage.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nheritage.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nheritage.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nheritage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":142,"href":"https:\/\/nheritage.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/nheritage.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/nheritage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}